iobroker.mywebui 1.105.0 → 1.106.0

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

@@ -0,0 +1,19 @@
+{
+ "properties": {
+  "root": {
+   "type": "signal",
+   "default": ""
+  },
+  "type": {
+   "type": "string",
+   "default": "P_Motor"
+  }
+ },
+ "settings": {
+  "width": "420px",
+  "height": "440px"
+ },
+ "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\" data-group=\"main\"><button class=\"fp-tab\" data-tab=\"Operator\" title=\"Operator\" @click=\"[[this._tab('Operator')]]\"><svg viewBox=\"0 0 24 24\" class=\"fp-ic\"><path d=\"M3 11l9-8 9 8\"/><path d=\"M5 10v10h14V10\"/></svg></button><button class=\"fp-tab\" data-tab=\"Maintenance\" title=\"Maintenance\" @click=\"[[this._tab('Maintenance')]]\"><svg viewBox=\"0 0 24 24\" class=\"fp-ic\"><path d=\"M14 6a3.5 3.5 0 00-4.8 4.2l-5 5 1.4 1.4 5-5A3.5 3.5 0 0014 6z\"/><circle cx=\"16.5\" cy=\"7.5\" r=\"1.2\"/></svg></button><button class=\"fp-tab\" data-tab=\"Alarms\" title=\"Alarms\" @click=\"[[this._tab('Alarms')]]\"><svg viewBox=\"0 0 24 24\" class=\"fp-ic\"><path d=\"M18 8a6 6 0 10-12 0c0 7-3 9-3 9h18s-3-2-3-9\"/><path d=\"M13.7 21a2 2 0 01-3.4 0\"/></svg></button></div><div class=\"fp-body\"><div data-pane=\"Operator\"><div class=\"mt-lamps\"><webui-plantpax-components-status-lamp data-pp=\"1\" field=\"running\" label=\"Running\" oncolor=\"var(--ui-ok,#30a46c)\"></webui-plantpax-components-status-lamp><webui-plantpax-components-status-lamp data-pp=\"1\" field=\"available\" label=\"Available\" oncolor=\"var(--ui-ok,#30a46c)\"></webui-plantpax-components-status-lamp><webui-plantpax-components-status-lamp data-pp=\"1\" field=\"fault\" label=\"Faulted\" oncolor=\"var(--ui-error,#e5484d)\"></webui-plantpax-components-status-lamp><webui-plantpax-components-status-lamp data-pp=\"1\" field=\"tripped\" label=\"Intlk Trip\" oncolor=\"var(--ui-error,#e5484d)\"></webui-plantpax-components-status-lamp></div><div class=\"mt-cmds\"><webui-plantpax-components-command-button data-pp=\"1\" field=\"cmdStart\" label=\"▶ Start\" value=\"1\" action=\"operate\"></webui-plantpax-components-command-button><webui-plantpax-components-command-button data-pp=\"1\" field=\"cmdStop\" label=\"■ Stop\" value=\"1\" action=\"operate\"></webui-plantpax-components-command-button></div><div class=\"mt-mode\">Mode <span class=\"badge\">[[this.progOper?'Operator':'Program']]</span></div></div><div data-pane=\"Maintenance\" class=\"hidden\"><div class=\"fp-row\"><span class=\"lbl\">Maint Bypass</span><span>[[this.maintByp?'ACTIVE':'—']]</span></div><div class=\"fp-row\"><span class=\"lbl\">Available</span><span>[[this.available?'Yes':'No']]</span></div><button class=\"fp-btn\" data-cmd=\"resetAckAll\" style=\"margin-top:8px\">Reset &amp; Ack All</button></div><div data-pane=\"Alarms\" class=\"hidden\"><button class=\"fp-btn\" data-cmd=\"resetAckAll\" style=\"margin-bottom:8px\">Reset &amp; Ack All</button><div class=\"fp-alm\" bind-attr:class=\"[[this.failToStart?'fp-alm active':'fp-alm']]\"><span class=\"fp-chip\"></span><span class=\"nm\">Fail to Start</span></div><div class=\"fp-alm\" bind-attr:class=\"[[this.failToStop?'fp-alm active':'fp-alm']]\"><span class=\"fp-chip\"></span><span class=\"nm\">Fail to Stop</span></div><div class=\"fp-alm\" bind-attr:class=\"[[this.tripped?'fp-alm active':'fp-alm']]\"><span class=\"fp-chip\"></span><span class=\"nm\">Interlock Trip</span></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:480px;font-size:13px;}.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-adv-btn{cursor:pointer;background:none;border:none;color:var(--ui-dim,#9aa3b0);padding:2px;display:flex;}.fp-adv-btn:hover{color:var(--accent,#2680eb);}.fp-tabs{display:flex;gap:4px;padding:6px 8px 0;background:var(--ui-surface-2,#2f3545);border-bottom:1px solid var(--ui-border,#4a5570);}.fp-tab{position:relative;padding:7px 12px;cursor:pointer;background:none;border:none;color:var(--ui-dim,#9aa3b0);border-bottom:2px solid transparent;display:flex;align-items:center;}.fp-tab:hover{color:var(--ui-text,#e8e8ea);}.fp-tab.sel{color:var(--accent,#2680eb);border-bottom-color:var(--accent,#2680eb);}.fp-ic{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}.fp-tab-badge{position:absolute;top:4px;right:6px;width:8px;height:8px;border-radius:50%;background:var(--ui-error,#e5484d);}.fp-body{padding:16px;}.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;}.fp-sec{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--accent,#2680eb);margin:12px 0 6px;border-bottom:1px solid var(--ui-border,#4a5570);padding-bottom:3px;}.fp-mrow{display:flex;align-items:center;gap:8px;margin-bottom:5px;}.fp-mrow .mnm{width:44px;font-size:12px;opacity:.8;}.fp-mrow .mh{flex:1;text-align:center;font-size:10px;opacity:.6;text-transform:uppercase;}.fp-mrow.head{margin-bottom:6px;}.fp-mrow input.mnum{flex:1;width:0;padding:4px;background:var(--ui-surface-2,#2f3545);color:var(--ui-text,#e8e8ea);border:1px solid var(--ui-border,#4a5570);border-radius:3px;font-size:12px;}.fp-chk{display:flex;align-items:center;gap:6px;font-size:12px;margin:6px 0;cursor:pointer;}.fp-almbar{display:flex;align-items:center;gap:6px;margin-bottom:10px;}.fp-grow{flex:1;}.fp-unack{font-size:11px;color:var(--ui-error,#e5484d);font-weight:600;}.fp-btn.ghost{background:none;border:1px solid var(--ui-border,#4a5570);color:var(--ui-text,#e8e8ea);}.qual{font-weight:700;font-size:12px;}.qual.good{color:var(--ui-ok,#30a46c);}.qual.unc{color:var(--ui-warn,#f6b73c);}.qual.bad{color:var(--ui-error,#e5484d);}.hidden{display:none!important;}.mt-lamps{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;}.mt-cmds{display:flex;gap:10px;margin:10px 0;}.mt-cmds webui-plantpax-components-command-button{flex:1;}.mt-mode{display:flex;align-items:center;gap:8px;font-size:12px;margin-top:8px;}.mt-mode .badge{padding:3px 10px;border-radius:10px;font-weight:700;font-size:11px;background:var(--ui-surface-2,#2f3545);}",
+ "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  const subs=['running','stopped','available','fault','tripped','maintByp','progOper','failToStart','failToStop'];\n  for(const f of subs){ (function(field){ ppSubscribe(instance,field,function(v){ instance[field]=(v===true||v==='true'||v===1); try{instance._bindingsRefresh&&instance._bindingsRefresh();}catch(e){} }); })(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  // wire nested Wave-1 components (status-lamps + command-buttons): give each root/type + start\n  for(const c of instance._getDomElements('[data-pp]')){ c.root=instance.root; c.type=instance.type;\n    if(typeof c._ppReinit==='function'){ c._ppReinit(); } else { (function(cc){ setTimeout(function(){ cc._ppReinit&&cc._ppReinit(); },200); })(c); } }\n  // reset/ack commands\n  for(const b of instance._getDomElements('[data-cmd]')){ (function(btn){ btn.addEventListener('click',function(){ ppWrite(instance,btn.getAttribute('data-cmd'),1,'maintenance'); }); })(b); }\n}\nexport function disconnectedCallback(instance){ ppCleanup(instance); }\n"
+}

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

@@ -0,0 +1,19 @@
+{
+ "properties": {
+  "root": {
+   "type": "signal",
+   "default": ""
+  },
+  "type": {
+   "type": "string",
+   "default": "P_Motor"
+  }
+ },
+ "settings": {
+  "width": "48px",
+  "height": "48px"
+ },
+ "html": "<div id=\"sym\" class=\"mt-sym\" @click=\"[[window.IOB.openFaceplate(this.type,this.root)]]\"><svg viewBox=\"0 0 40 40\" class=\"mt-ic\"><circle cx=\"20\" cy=\"20\" r=\"15\"/><path d=\"M20 8v6M20 26v6M8 20h6M26 20h6\"/></svg></div>",
+ "style": ":host{display:block;width:100%;height:100%;}.mt-sym{width:100%;height:100%;min-width:36px;min-height:36px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px;background:var(--mt-bg,var(--ui-surface-2,#2f3545));border:1px solid var(--ui-border,#4a5570);}.mt-ic{width:70%;height:70%;fill:none;stroke:var(--ui-text,#e8e8ea);stroke-width:2;stroke-linecap:round;}",
+ "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') return;\n  instance.__s={};\n  const upd=function(){ const s=instance.__s; const el=instance._getDomElement('sym');\n    const col=(s.fault||s.tripped||s.failToStart||s.failToStop)?'var(--ui-error,#e5484d)':(s.running?'var(--ui-ok,#30a46c)':'var(--ui-surface-2,#2f3545)');\n    if(el) el.style.setProperty('--mt-bg',col); };\n  for(const f of ['running','fault','tripped','failToStart','failToStop']){ (function(name){\n    ppSubscribe(instance,name,function(v){ instance.__s[name]=(v===true||v==='true'||v===1); upd(); }); })(f); }\n}\nexport function disconnectedCallback(instance){ ppCleanup(instance); }\n"
+}