Skip to content

Commit

Permalink
web ui update
Browse files Browse the repository at this point in the history
  • Loading branch information
mathertel committed Jul 29, 2024
1 parent 5e6c70c commit 6149721
Show file tree
Hide file tree
Showing 11 changed files with 11 additions and 11 deletions.
2 changes: 1 addition & 1 deletion v09/board.htm

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion v09/ding.htm
Original file line number Diff line number Diff line change
@@ -1 +1 @@
<!doctype html><html lang='en'><head><meta charset='utf-8'><meta name='viewport'content='width=device-width,initial-scale=1'><title>Board</title><link rel='icon'type='image/png'href='/favicon48.png'sizes='48x48'><meta name='application-name'content='Ding'><meta name='msapplication-config'content='/browserconfig.xml'><meta name='msapplication-TileColor'content='#2b5797'><meta name='msapplication-TileImage'content='/favicon144.png'><link rel='apple-touch-icon'sizes='180x180'href='/favicon180.png'><meta name='mobile-web-app-capable'content='yes'><link rel='manifest'href='/site.webmanifest'><meta name='theme-color'content='#ffffff'><link content-type='text/css'href='/iotstyle.css'rel='stylesheet'defer='defer'><script src='/micro.js'defer='defer'></script></head><body><main class='panel'style='user-select:none'></main><div id='u-templates'style='display:none'><div class='cHead block header'><h3 u-text='title'></h3><h4 u-text='description'></h4></div><div style='grid-column:1/-1'u-control='device'u-is='generic'microid='${id}'><h1 style='margin:0'></h1><h4><span u-text='description'></span> (<span u-text='room'></span>)</h4></div><div class='card'u-control='generic'u-is='generic'microid='${id}'><div u-is='include'ref='.cHead'></div><div class='block'><div class='form-grid'><label>Value:</label><span u-text='value'></span></div></div></div><div class='card'u-control='switch'id='${id}'u-is='generic'microid='${id}'><div u-is='include'ref='.cHead'></div><div class='block'><span class='u-bool ux-value border'u-active='value'></span><div u-is='input'><span class='down'>off</span> <input class='switch'u-value='value'type='range'> <span class='up'>on</span></div></div></div><form method='dialog'class='card'u-control='schedule'microid='${id}'u-is='generic'><div u-is='include'ref='.cHead'></div><span class='u-bool ux-value'u-active='value'></span><fieldset class='block btn-group'><legend>Mode</legend><label><input name='mode'u-value='mode'type='radio'value='off'>Off</label> <label><input name='mode'u-value='mode'type='radio'value='on'>On</label> <label><input name='mode'u-value='mode'type='radio'value='timer'>Timer</label></fieldset><div class='block form-grid'><label>Start:</label><output u-text='ontime'></output><label>End:</label><output u-text='offtime'></output></div></form><form method='dialog'class='card'u-control='timer'microid='${id}'u-is='timer'><div u-is='include'ref='.cHead'></div><span class='u-bool ux-value'u-active='value'></span><fieldset class='block btn-group'><legend>Mode</legend><label><input name='mode'u-value='mode'type='radio'value='off'>Off</label> <label><input name='mode'u-value='mode'type='radio'value='on'>On</label> <label><input name='mode'u-value='mode'type='radio'value='timer'>Timer</label></fieldset><div class='block'><div class='u-bar'><span class='pulse'></span> <span class='current'></span></div></div><div class='block'><button u-action='start'value='1'>Start</button> <button u-action='next'value='1'>Next</button></div></form><div class='card'u-control='value'u-is='generic'microid='${id}'><div u-is='include'ref='.cHead'></div><div class='block form-grid'><label>value:</label> <span u-is='input'><input type='range'u-value='value'> <span u-text='value'></span></span></div></div><div class='card'u-control='dht'microid='${id}'u-is='generic'><div u-is='include'ref='.cHead'></div><div class='block'style='display:grid;grid-template-columns:auto auto;grid-column-gap:5px'><span style='font-size:2em'><span u-text='temperature'>__.__</span>&deg;C</span> <span style='font-size:2em'><span u-text='humidity'>__.__</span>%</span> <span>Temperature</span><span>Humidity</span></div></div><div class='card'u-control='and'id='${id}'u-is='generic'microid='${id}'><div u-is='include'ref='.cHead'></div><div class='block'><span class='u-bool ux-value'u-active='value'></span><div class='form-grid'><label>value:</label><output u-text='value'></output></div></div></div><div class='card'u-control='bl0937'id='${id}'u-is='bl0937'microid='${id}'><div u-is='include'ref='.cHead'></div><div class='block'><table style='width:100%;font-size:2rem'><tr><td><span u-text='power'></span> W</td><td style='display:none'><span u-text='current'></span> mA</td><td style='display:none'><span u-text='voltage'></span> V</td><td><span u-text='energy'></span> Wh</td></tr></table>mode: <button u-action='mode'value='current'>current</button> <button u-action='mode'value='voltage'>voltage</button></div></div><div class='card'u-control='color'id='${id}'u-is='color'microid='${id}'><div u-is='include'ref='.cHead'></div><div class='block form-grid'><label>value:</label><output name='value'></output><label>color:</label><input type='color'name='color'> <label style='display:none'>white:</label><div style='display:none'><input type='range'max='255'name='white'><output name='white'></output></div><label>brightness:</label><div><input type='range'max='100'name='brightness'><output u-text='brightness'></output></div></div><div class='block footer form-actions'><button u-action='mode'value='fade'>fade</button><button u-action='mode'value='fix'>fix</button><button u-action='mode'value='pulse'>pulse</button><button u-action='mode'value='wheel'>wheel</button></div></div><div class='card small'u-control='webbutton'microid='${id}'u-is='button'><div class='block'><button u-text='description'>.</button></div></div><div class='card'u-control='scene'microid='${id}'u-is='scene'><div class='block header'><h3>Scenes</h3></div><div class='block form-actions'></div></div></div><a style='position:absolute;top:1em;right:1em'href='/microide.htm'>IDE</a><script>!function(){const e=4e3;var t=document.querySelector(".panel"),n=void 0,i=void 0,o={sht20:"dht",neo:"color"};const c={env:{},config:{},state:{}};async function u(e,t){return fetch(e,t).then((e=>e.json()))}function s(){u("/api/state").then((e=>hub.publishObj(e))).finally((()=>window.setTimeout(s,e)))}window.updateState=s;var a=u("/env.json").then((e=>c.env=e)),r=u("/config.json").then((e=>c.config=e)),l=u("/api/state").then((e=>c.state=e));window.addEventListener("load",(function(){function u(){n||(n="("+i+")"),document.title=n,document.querySelector("meta[name=application-name]").content=n,document.querySelector("h1").textContent=n}hub.subscribe("/*/*",(function(e){if(e&&(e=e.toLowerCase(),!document.querySelector("[microID='"+e+"']"))){var n=e.split("/")[1],i={icon:n,id:e,type:n},c=micro.insertTemplate(t,n,i);c||(n=o[n],c=micro.insertTemplate(t,n,i))}})),hub.subscribe("/device/*?name",(function(e,t,n){i=n,u()})),hub.subscribe("/device/*?title",(function(e,t,i){n=i,u()})),Promise.allSettled([a,r,l]).then((()=>{c.env&&hub.publishObj(c.env);const t=c.config;if(t){for(var n in t)for(var i in t[n])t[n][i].title||(t[n][i].title=n+"/"+i);hub.publishObj(t)}hub.publishObj(c.state),window.setTimeout(s,e)}))}))}()</script></body></html>
<!doctype html><html lang='en'><head><meta charset='utf-8'><meta name='viewport'content='width=device-width,initial-scale=1'><title>Board</title><link rel='icon'type='image/png'href='/favicon48.png'sizes='48x48'><meta name='application-name'content='Ding'><meta name='msapplication-config'content='/browserconfig.xml'><meta name='msapplication-TileColor'content='#2b5797'><meta name='msapplication-TileImage'content='/favicon144.png'><link rel='apple-touch-icon'sizes='180x180'href='/favicon180.png'><meta name='mobile-web-app-capable'content='yes'><link rel='manifest'href='/site.webmanifest'><meta name='theme-color'content='#ffffff'><link content-type='text/css'href='/iotstyle.css'rel='stylesheet'defer='defer'><script src='/micro.js'defer='defer'></script></head><body><main class='panel'style='user-select:none'></main><div id='u-templates'style='display:none'><div class='cHead block header'><h3 u-text='title'></h3><h4 u-text='description'></h4></div><div style='grid-column:1/-1'u-control='device'u-is='generic'microid='${id}'><h1 style='margin:0'></h1><h4><span u-text='description'></span> (<span u-text='room'></span>)</h4></div><div class='card'u-control='generic'u-is='generic'microid='${id}'><div u-is='include'ref='.cHead'></div><div class='block'><div class='form-grid'><label>Value:</label><span u-text='value'></span></div></div></div><div class='card'u-control='switch'id='${id}'u-is='generic'microid='${id}'><div u-is='include'ref='.cHead'></div><div class='block'><span class='u-bool ux-value border'u-active='value'></span><div u-is='input'><span class='down'>off</span> <input class='switch'u-value='value'type='range'> <span class='up'>on</span></div></div></div><form method='dialog'class='card'u-control='schedule'microid='${id}'u-is='generic'><div u-is='include'ref='.cHead'></div><span class='u-bool ux-value'u-active='value'></span><fieldset class='block btn-group'><legend>Mode</legend><label><input name='mode'u-value='mode'type='radio'value='off'>Off</label> <label><input name='mode'u-value='mode'type='radio'value='on'>On</label> <label><input name='mode'u-value='mode'type='radio'value='timer'>Timer</label></fieldset><div class='block form-grid'><label>Start:</label><output u-text='ontime'></output><label>End:</label><output u-text='offtime'></output></div></form><form method='dialog'class='card'u-control='timer'microid='${id}'u-is='timer'><div u-is='include'ref='.cHead'></div><span class='u-bool ux-value'u-active='value'></span><fieldset class='block btn-group'><legend>Mode</legend><label><input name='mode'u-value='mode'type='radio'value='off'>Off</label> <label><input name='mode'u-value='mode'type='radio'value='on'>On</label> <label><input name='mode'u-value='mode'type='radio'value='timer'>Timer</label></fieldset><div class='block'><div class='u-bar'><span class='pulse'></span> <span class='current'></span></div></div><div class='block'><button u-action='start'value='1'>Start</button> <button u-action='next'value='1'>Next</button></div></form><div class='card'u-control='value'u-is='generic'microid='${id}'><div u-is='include'ref='.cHead'></div><div class='block form-grid'><label>value:</label> <span u-is='input'><input type='range'u-value='value'> <span u-text='value'></span></span></div></div><div class='card'u-control='dht'microid='${id}'u-is='generic'><div u-is='include'ref='.cHead'></div><div class='block'style='display:grid;grid-template-columns:auto auto;grid-column-gap:5px'><span style='font-size:2em'><span u-text='temperature'>__.__</span>&deg;C</span> <span style='font-size:2em'><span u-text='humidity'>__.__</span>%</span> <span>Temperature</span><span>Humidity</span></div></div><div class='card'u-control='and'id='${id}'u-is='generic'microid='${id}'><div u-is='include'ref='.cHead'></div><div class='block'><span class='u-bool ux-value'u-active='value'></span><div class='form-grid'><label>value:</label><output u-text='value'></output></div></div></div><div class='card'u-control='bl0937'id='${id}'u-is='bl0937'microid='${id}'><div u-is='include'ref='.cHead'></div><div class='block'><table style='width:100%;font-size:2rem'><tr><td><span u-text='power'></span> W</td><td style='display:none'><span u-text='current'></span> mA</td><td style='display:none'><span u-text='voltage'></span> V</td><td><span u-text='energy'></span> Wh</td></tr></table>mode: <button u-action='mode'value='current'>current</button> <button u-action='mode'value='voltage'>voltage</button></div></div><div class='card'u-control='color'id='${id}'u-is='color'microid='${id}'><div u-is='include'ref='.cHead'></div><div class='block form-grid'><label>value:</label><output name='value'></output><label>color:</label><input type='color'name='color'> <label style='display:none'>white:</label><div style='display:none'><input type='range'max='255'name='white'><output name='white'></output></div><label>brightness:</label><div><input type='range'max='100'name='brightness'><output u-text='brightness'></output></div></div><div class='block footer form-actions'><button u-action='mode'value='fade'>fade</button><button u-action='mode'value='fix'>fix</button><button u-action='mode'value='pulse'>pulse</button><button u-action='mode'value='wheel'>wheel</button></div></div><div class='card small'u-control='webbutton'microid='${id}'u-is='button'><div class='block'><button u-text='description'>.</button></div></div><div class='card'u-control='scene'microid='${id}'u-is='scene'><div class='block header'><h3>Scenes</h3></div><div class='block form-actions'></div></div></div><a style='position:absolute;top:1em;right:1em'href='/microide.htm'>IDE</a><script>!function(){const e=4e3;var t=document.querySelector(".panel"),n=void 0,i=void 0,o={sht20:"dht",neo:"color"};const c={env:{},config:{},state:{}};function u(){fetchJSON("/api/state").then((e=>hub.publishObj(e))).finally((()=>window.setTimeout(u,e)))}window.updateState=u,window.addEventListener("load",(function(){var s=fetchJSON("/env.json").then((e=>c.env=e)),a=fetchJSON("/config.json").then((e=>c.config=e)),r=fetchJSON("/api/state").then((e=>c.state=e));function l(){n||(n="("+i+")"),document.title=n,document.querySelector("meta[name=application-name]").content=n,document.querySelector("h1").textContent=n}hub.subscribe("/*/*",(function(e){if(e&&(e=e.toLowerCase(),!document.querySelector("[microID='"+e+"']"))){var n=e.split("/")[1],i={icon:n,id:e,type:n},c=micro.insertTemplate(t,n,i);c||(n=o[n],c=micro.insertTemplate(t,n,i))}})),hub.subscribe("/device/*?name",(function(e,t,n){i=n,l()})),hub.subscribe("/device/*?title",(function(e,t,i){n=i,l()})),Promise.allSettled([s,a,r]).then((()=>{c.env&&hub.publishObj(c.env);const t=c.config;if(t){for(var n in t)for(var i in t[n])t[n][i].title||(t[n][i].title=n+"/"+i);hub.publishObj(t)}hub.publishObj(c.state),window.setTimeout(u,e)}))}))}()</script></body></html>
Loading

0 comments on commit 6149721

Please sign in to comment.