iobroker.mywebui 1.100.0 → 1.101.0

package/default-controls/controls/plantpax/ain-faceplate.control

@@ -0,0 +1,23 @@
+{
+ "properties": {
+  "root": {
+   "type": "signal",
+   "default": ""
+  },
+  "type": {
+   "type": "string",
+   "default": "P_AIn"
+  },
+  "unit": {
+   "type": "string",
+   "default": ""
+  }
+ },
+ "settings": {
+  "width": "360px",
+  "height": "420px"
+ },
+ "html": "<div class=\"fp\"><div class=\"fp-hdr\"><span class=\"fp-title\">[[this.root]]</span><button class=\"fp-x\" @click=\"[[window.IOB.closeFaceplate()]]\">✕</button></div><div class=\"fp-tabs\"><button class=\"fp-tab\" data-tab=\"Operator\" @click=\"[[this._tab('Operator')]]\">Operator</button><button class=\"fp-tab\" data-tab=\"Maintenance\" @click=\"[[this._tab('Maintenance')]]\">Maintenance</button><button class=\"fp-tab\" data-tab=\"Engineering\" @click=\"[[this._tab('Engineering')]]\">Engineering</button><button class=\"fp-tab\" data-tab=\"Alarms\" @click=\"[[this._tab('Alarms')]]\">Alarms</button></div><div class=\"fp-body\"><div data-pane=\"Operator\"><div class=\"pv-big\">[[this.pv==null?'--':this.pv]] <span style=\"font-size:14px;opacity:.7\">[[this.unit||'']]</span></div><div class=\"fp-row\"><span class=\"lbl\">Quality</span><span>[[this.pvBad?'BAD':(this.pvUncertain?'UNCERTAIN':'GOOD')]]</span></div></div><div data-pane=\"Maintenance\" class=\"hidden\"><button class=\"fp-btn\" data-maint=\"1\">Reset &amp; Ack All</button></div><div data-pane=\"Engineering\" class=\"hidden\"><div class=\"fp-row\"><span class=\"lbl\">HiHi Limit</span><input type=\"number\" data-field=\"hiHiLim\" bind-prop:value=\"[[this.hiHiLim]]\"></div><div class=\"fp-row\"><span class=\"lbl\">Hi Limit</span><input type=\"number\" data-field=\"hiLim\" bind-prop:value=\"[[this.hiLim]]\"></div><div class=\"fp-row\"><span class=\"lbl\">Lo Limit</span><input type=\"number\" data-field=\"loLim\" bind-prop:value=\"[[this.loLim]]\"></div><div class=\"fp-row\"><span class=\"lbl\">LoLo Limit</span><input type=\"number\" data-field=\"loLoLim\" bind-prop:value=\"[[this.loLoLim]]\"></div></div><div data-pane=\"Alarms\" class=\"hidden\"><button class=\"fp-btn\" data-ackall=\"1\" style=\"margin-bottom:8px\">Ack All</button><div class=\"fp-alm\" bind-attr:class=\"[[this.hiHiAlarm?'fp-alm active':'fp-alm']]\"><span class=\"fp-chip\"></span><span class=\"nm\">HiHi</span><button class=\"fp-btn\" data-ack=\"hiHiAck\">ACK</button></div><div class=\"fp-alm\" bind-attr:class=\"[[this.hiAlarm?'fp-alm active':'fp-alm']]\"><span class=\"fp-chip\"></span><span class=\"nm\">Hi</span><button class=\"fp-btn\" data-ack=\"hiAck\">ACK</button></div><div class=\"fp-alm\" bind-attr:class=\"[[this.loAlarm?'fp-alm active':'fp-alm']]\"><span class=\"fp-chip\"></span><span class=\"nm\">Lo</span><button class=\"fp-btn\" data-ack=\"loAck\">ACK</button></div><div class=\"fp-alm\" bind-attr:class=\"[[this.loLoAlarm?'fp-alm active':'fp-alm']]\"><span class=\"fp-chip\"></span><span class=\"nm\">LoLo</span><button class=\"fp-btn\" data-ack=\"loLoAck\">ACK</button></div><div class=\"fp-alm\" bind-attr:class=\"[[this.failAlarm?'fp-alm active':'fp-alm']]\"><span class=\"fp-chip\"></span><span class=\"nm\">Fail</span><button class=\"fp-btn\" data-ack=\"failAck\">ACK</button></div></div></div></div>",
+ "style": ":host{display:block;font-family:'Segoe UI',sans-serif;color:var(--ui-text,#e8e8ea);}.fp{display:flex;flex-direction:column;min-width:320px;}.fp-hdr{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--ui-border,#4a5570);}.fp-title{font-weight:700;flex:1;font-size:13px;}.fp-x{cursor:pointer;background:none;border:none;color:var(--ui-text,#e8e8ea);font-size:16px;}.fp-tabs{display:flex;gap:2px;padding:6px 8px 0;border-bottom:1px solid var(--ui-border,#4a5570);}.fp-tab{padding:6px 10px;cursor:pointer;background:none;border:none;color:var(--ui-dim,#9aa3b0);font-size:12px;border-bottom:2px solid transparent;}.fp-tab.sel{color:var(--ui-text,#e8e8ea);border-bottom-color:var(--accent,#2680eb);}.fp-body{padding:12px;}.fp-row{display:flex;align-items:center;gap:8px;margin-bottom:8px;}.fp-row .lbl{width:120px;opacity:.75;font-size:12px;}.fp-row input{flex:1;padding:4px;background:var(--ui-surface-2,#2f3545);color:var(--ui-text,#e8e8ea);border:1px solid var(--ui-border,#4a5570);border-radius:3px;}.fp-btn{padding:5px 10px;background:var(--accent,#2680eb);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;}.fp-alm{display:flex;align-items:center;gap:8px;margin-bottom:6px;}.fp-chip{width:12px;height:12px;border-radius:50%;background:var(--ui-ok,#30a46c);}.fp-alm.active .fp-chip{background:var(--ui-error,#e5484d);}.fp-alm .nm{width:60px;font-size:12px;}.pv-big{font-size:34px;font-weight:700;}.hidden{display:none!important;}",
+ "script": "\nfunction ppResolve(instance,field){ try{ return window.IOB.resolvePlantPaxField(instance.type,instance.root,field); }catch(e){ return null; } }\nfunction ppSubscribe(instance,field,onVal){\n  const id=ppResolve(instance,field); if(!id) return;\n  instance.__ppSubs=instance.__ppSubs||[];\n  const cb=(_i,s)=>{ onVal(s&&s.val); try{instance._bindingsRefresh&&instance._bindingsRefresh();}catch(e){} };\n  try{ window.IOB.getState(id).then(function(s){ onVal(s&&s.val); try{instance._bindingsRefresh&&instance._bindingsRefresh();}catch(e){} }).catch(function(){}); }catch(e){}\n  try{ window.IOB.subscribeState(id,cb); instance.__ppSubs.push([id,cb]); }catch(e){}\n}\nfunction ppCleanup(instance){\n  for(const pair of (instance.__ppSubs||[])){ try{ window.IOB.unsubscribeState(pair[0],pair[1]); }catch(e){} }\n  instance.__ppSubs=[];\n}\nasync function ppWrite(instance,field,val,action){\n  const id=ppResolve(instance,field); if(!id) return;\n  try{ await window.IOB.secWriteState(id,val,{action:action,element:instance}); }catch(e){ console.warn('[plantpax] write failed',field,e); }\n}\n\nexport function init(instance){\n  if(!instance || typeof instance._getDomElement!=='function' || typeof instance._getDomElements!=='function') return;\n  instance.pv=null; instance.pvBad=false; instance.pvUncertain=false;\n  const subs=[\"pv\", \"hiHiLim\", \"hiLim\", \"loLim\", \"loLoLim\", \"hiHiAlarm\", \"hiAlarm\", \"loAlarm\", \"loLoAlarm\", \"failAlarm\"];\n  for(const f of subs){ (function(field){ ppSubscribe(instance,field,function(v){ instance[field]=v; if(field==='pv') instance.pv=v; }); })(f); }\n  instance._tab=function(name){\n    for(const p of instance._getDomElements('[data-pane]')) p.classList.toggle('hidden', p.getAttribute('data-pane')!==name);\n    for(const t of instance._getDomElements('.fp-tab')) t.classList.toggle('sel', t.getAttribute('data-tab')===name);\n  };\n  instance._tab('Operator');\n  const can=function(action){ return (window.IOB && typeof window.IOB.secCan==='function') ? window.IOB.secCan(action,instance) : true; };\n  const gate=function(){\n    const cfg=can('configure'), mnt=can('maintenance'), ack=can('ackAlarm');\n    for(const i of instance._getDomElements('[data-field]')) i.disabled=!cfg;\n    for(const b of instance._getDomElements('[data-maint]')) b.classList.toggle('hidden',!mnt);\n    for(const b of instance._getDomElements('[data-ack],[data-ackall]')) b.classList.toggle('hidden',!ack);\n  };\n  gate();\n  try{ window.IOB && window.IOB.securityChanged && window.IOB.securityChanged.on && window.IOB.securityChanged.on(gate); }catch(e){}\n  for(const i of instance._getDomElements('[data-field]')){\n    (function(inp){ inp.addEventListener('change',function(){ ppWrite(instance,inp.getAttribute('data-field'),Number(inp.value),'configure'); }); })(i);\n  }\n  for(const b of instance._getDomElements('[data-maint]')){\n    b.addEventListener('click',function(){ ppWrite(instance,\"hiAck\",1,'maintenance'); });\n  }\n  const ackMap={\"HiHi\": \"hiHiAck\", \"Hi\": \"hiAck\", \"Lo\": \"loAck\", \"LoLo\": \"loLoAck\", \"Fail\": \"failAck\"};\n  for(const b of instance._getDomElements('[data-ack]')){\n    (function(btn){ btn.addEventListener('click',function(){ const nm=btn.closest('.fp-alm').querySelector('.nm').textContent; ppWrite(instance,ackMap[nm]||btn.getAttribute('data-ack'),1,'ackAlarm'); }); })(b);\n  }\n  for(const b of instance._getDomElements('[data-ackall]')){\n    b.addEventListener('click',function(){ for(const k in ackMap) ppWrite(instance,ackMap[k],1,'ackAlarm'); });\n  }\n}\nexport function disconnectedCallback(instance){ ppCleanup(instance); }\n"
+}

package/default-controls/controls/plantpax/ain-symbol.control

@@ -0,0 +1,23 @@
+{
+ "properties": {
+  "root": {
+   "type": "signal",
+   "default": ""
+  },
+  "type": {
+   "type": "string",
+   "default": "P_AIn"
+  },
+  "unit": {
+   "type": "string",
+   "default": ""
+  }
+ },
+ "settings": {
+  "width": "96px",
+  "height": "48px"
+ },
+ "html": "<div id=\"sym\" class=\"pp-sym\" @click=\"[[window.IOB.openFaceplate(this.type,this.root)]]\"><span class=\"pp-pv\">[[this.pv==null?'--':this.pv]]</span><span class=\"pp-unit\">[[this.unit||'']]</span><span class=\"pp-badge\" css:display=\"[[this.unacked?'':'none']]\"></span></div>",
+ "style": ":host{display:block;width:100%;height:100%;font-family:'Segoe UI',sans-serif;}.pp-sym{position:relative;display:flex;align-items:baseline;gap:4px;justify-content:center;height:100%;box-sizing:border-box;padding:4px 8px;border-radius:4px;cursor:pointer;background:var(--pp-bg,var(--ui-surface-2,#2f3545));color:var(--ui-text,#e8e8ea);border:1px solid var(--ui-border,#4a5570);}.pp-pv{font-size:18px;font-weight:700;}.pp-unit{font-size:11px;opacity:.7;}.pp-badge{position:absolute;top:2px;right:2px;width:8px;height:8px;border-radius:50%;background:var(--ui-warn,#f6b73c);}",
+ "script": "\nfunction ppResolve(instance,field){ try{ return window.IOB.resolvePlantPaxField(instance.type,instance.root,field); }catch(e){ return null; } }\nfunction ppSubscribe(instance,field,onVal){\n  const id=ppResolve(instance,field); if(!id) return;\n  instance.__ppSubs=instance.__ppSubs||[];\n  const cb=(_i,s)=>{ onVal(s&&s.val); try{instance._bindingsRefresh&&instance._bindingsRefresh();}catch(e){} };\n  try{ window.IOB.getState(id).then(function(s){ onVal(s&&s.val); try{instance._bindingsRefresh&&instance._bindingsRefresh();}catch(e){} }).catch(function(){}); }catch(e){}\n  try{ window.IOB.subscribeState(id,cb); instance.__ppSubs.push([id,cb]); }catch(e){}\n}\nfunction ppCleanup(instance){\n  for(const pair of (instance.__ppSubs||[])){ try{ window.IOB.unsubscribeState(pair[0],pair[1]); }catch(e){} }\n  instance.__ppSubs=[];\n}\nasync function ppWrite(instance,field,val,action){\n  const id=ppResolve(instance,field); if(!id) return;\n  try{ await window.IOB.secWriteState(id,val,{action:action,element:instance}); }catch(e){ console.warn('[plantpax] write failed',field,e); }\n}\n\nexport function init(instance){\n  if(!instance || typeof instance._getDomElement!=='function' || typeof instance._getDomElements!=='function') return;\n  instance.pv=null; instance.unacked=0; instance.__alm={};\n  ppSubscribe(instance,'pv',function(v){ instance.pv=v; });\n  const alarms=[\"hiHiAlarm\", \"hiAlarm\", \"loAlarm\", \"loLoAlarm\", \"failAlarm\"];\n  for(const a of alarms){ (function(name){ ppSubscribe(instance,name,function(v){ instance.__alm[name]=(v===true||v==='true'||v===1); ppSymColor(instance); }); })(a); }\n}\nfunction ppSymColor(instance){\n  const A=instance.__alm||{};\n  const hi2=A.hiHiAlarm||A.loLoAlarm, hi1=A.hiAlarm||A.loAlarm, fail=A.failAlarm;\n  const el=instance._getDomElement('sym');\n  const c=(hi2||fail)?'var(--ui-error,#e5484d)':(hi1?'var(--ui-warn,#f6b73c)':'var(--ui-ok,#30a46c)');\n  if(el) el.style.setProperty('--pp-bg', c);\n  instance.unacked=(hi2||hi1||fail)?1:0;\n  try{ instance._bindingsRefresh&&instance._bindingsRefresh(); }catch(e){}\n}\nexport function disconnectedCallback(instance){ ppCleanup(instance); }\n"
+}