iobroker.mywebui 1.77.0 → 1.79.0

package/admin/logo.svg

@@ -0,0 +1,28 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="512" height="512">
+  <defs>
+    <linearGradient id="g" x1="0" y1="1" x2="1" y2="0">
+      <stop offset="0" stop-color="#2be08f"/>
+      <stop offset="0.5" stop-color="#1fc4e0"/>
+      <stop offset="1" stop-color="#2b8bff"/>
+    </linearGradient>
+    <radialGradient id="bgc" cx="0.5" cy="0.38" r="0.8">
+      <stop offset="0" stop-color="#16224a"/>
+      <stop offset="1" stop-color="#0a1024"/>
+    </radialGradient>
+  </defs>
+
+  <rect x="16" y="16" width="480" height="480" rx="112" fill="url(#bgc)"/>
+
+  <!-- geometric gradient mark: nested rotated frames (layers/screens) + nodes -->
+  <g transform="rotate(45 256 205)" fill="none" stroke="url(#g)" stroke-width="12" stroke-linejoin="round">
+    <rect x="166" y="115" width="180" height="180" rx="22"/>
+    <rect x="203" y="152" width="106" height="106" rx="15"/>
+  </g>
+  <circle cx="256" cy="205" r="20" fill="url(#g)"/>
+  <circle cx="256" cy="78"  r="13" fill="url(#g)"/>
+  <circle cx="383" cy="205" r="13" fill="url(#g)"/>
+
+  <!-- wordmark -->
+  <text x="256" y="410" text-anchor="middle" font-family="Segoe UI, Arial, sans-serif"
+        font-size="66" font-weight="800" letter-spacing="1" fill="url(#g)">mywebui</text>
+</svg>

package/default-controls/controls/gauges/setpoint-gauge.control

@@ -1 +1 @@
-{"properties": {"value": {"type": "number", "default": 26}, "setpoint": {"type": "number", "default": 62}, "min": {"type": "number", "default": 0}, "max": {"type": "number", "default": 100}, "bandmin": {"type": "number", "default": 15}, "bandmax": {"type": "number", "default": 80}, "title": {"type": "string", "default": "Outdoor"}, "decimals": {"type": "number", "default": 0}, "bandcolor": {"type": "color", "default": "#cfe2f3"}, "endcolor": {"type": "color", "default": "#5b6470"}, "valuecolor": {"type": "color", "default": "#2b57b3"}}, "settings": {"width": "360px", "height": "120px"}, "html": "<div id=\"wrap\" class=\"sg-wrap\"><div class=\"sg-title\" bind-content:text=\"??title\"></div><div class=\"sg-track\"><div class=\"sg-vptr\" bind-css:left=\"??value;??min;??max;((__0-__1)/(__2-__1))*100+'%'\"></div><div class=\"sg-end sg-end-l\" bind-css:background-color=\"??endcolor\" bind-css:width=\"??bandmin;??min;??max;((__0-__1)/(__2-__1))*100+'%'\"></div><div class=\"sg-band\" bind-css:background-color=\"??bandcolor\" bind-css:left=\"??bandmin;??min;??max;((__0-__1)/(__2-__1))*100+'%'\" bind-css:width=\"??bandmin;??bandmax;??min;??max;((__1-__0)/(__3-__2))*100+'%'\"></div><div class=\"sg-end sg-end-r\" bind-css:background-color=\"??endcolor\" bind-css:left=\"??bandmax;??min;??max;((__0-__1)/(__2-__1))*100+'%'\" bind-css:width=\"??bandmax;??min;??max;((__2-__0)/(__2-__1))*100+'%'\"></div><div class=\"sg-diamond\" bind-css:left=\"??setpoint;??min;??max;((__0-__1)/(__2-__1))*100+'%'\"></div></div><div class=\"sg-foot\"><span class=\"sg-tick\" bind-content:text=\"??min\"></span><span class=\"sg-value\" bind-css:color=\"??valuecolor\" bind-content:text=\"??value;??decimals;Number(__0).toFixed(Number(__1))\"></span><span class=\"sg-tick\" bind-content:text=\"??max\"></span></div></div>", "style": ":host{display:block;width:100%;color:var(--ui-text,#e2e6ec);font-family:'Segoe UI',Roboto,sans-serif;box-sizing:border-box;}\n.sg-wrap{padding:20px 16px 8px;box-sizing:border-box;}\n.sg-title{text-align:center;font-size:18px;font-weight:500;margin-bottom:16px;}\n.sg-track{position:relative;height:16px;border:1px solid var(--ui-border,#c4ccd6);border-radius:3px;overflow:visible;background:var(--ui-input,#fff);}\n.sg-end{position:absolute;top:0;bottom:0;}\n.sg-end-l{left:0;border-radius:2px 0 0 2px;}\n.sg-band{position:absolute;top:0;bottom:0;}\n.sg-vptr{position:absolute;top:-13px;transform:translateX(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:11px solid var(--ui-text,#3a3f4b);}\n.sg-diamond{position:absolute;top:50%;width:11px;height:11px;transform:translate(-50%,-50%) rotate(45deg);background:var(--ui-input,#fff);border:2px solid var(--ui-dim,#5b6470);}\n.sg-foot{display:flex;align-items:center;justify-content:space-between;margin-top:6px;}\n.sg-tick{font-size:13px;opacity:.75;}\n.sg-value{font-size:24px;font-weight:700;}", "script": "export function init(instance){ try{ instance._bindingsRefresh && instance._bindingsRefresh(); }catch(e){} }\nexport function connectedCallback(instance){}\n"}
+{"properties": {"value": {"type": "number", "default": 26}, "setpoint": {"type": "number", "default": 62}, "min": {"type": "number", "default": 0}, "max": {"type": "number", "default": 100}, "bandmin": {"type": "number", "default": 15}, "bandmax": {"type": "number", "default": 80}, "title": {"type": "string", "default": "Outdoor"}, "decimals": {"type": "number", "default": 0}, "bandcolor": {"type": "color", "default": "#cfe2f3"}, "endcolor": {"type": "color", "default": "#5b6470"}, "valuecolor": {"type": "color", "default": "#2b57b3"}}, "settings": {"width": "360px", "height": "120px"}, "html": "<div id=\"wrap\" class=\"sg-wrap\"><div class=\"sg-title\" bind-content:text=\"??title\"></div><div class=\"sg-track\"><div class=\"sg-vptr\" bind-css:left=\"??value;??min;??max;((__0-__1)/(__2-__1))*100+'%'\"></div><div class=\"sg-end sg-end-l\" bind-css:background-color=\"??endcolor\" bind-css:width=\"??bandmin;??min;??max;((__0-__1)/(__2-__1))*100+'%'\"></div><div class=\"sg-band\" bind-css:background-color=\"??bandcolor\" bind-css:left=\"??bandmin;??min;??max;((__0-__1)/(__2-__1))*100+'%'\" bind-css:width=\"??bandmin;??bandmax;??min;??max;((__1-__0)/(__3-__2))*100+'%'\"></div><div class=\"sg-end sg-end-r\" bind-css:background-color=\"??endcolor\" bind-css:left=\"??bandmax;??min;??max;((__0-__1)/(__2-__1))*100+'%'\" bind-css:width=\"??bandmax;??min;??max;((__2-__0)/(__2-__1))*100+'%'\"></div><div class=\"sg-diamond\" bind-css:left=\"??setpoint;??min;??max;((__0-__1)/(__2-__1))*100+'%'\"></div></div><div class=\"sg-foot\"><span class=\"sg-tick\" bind-content:text=\"??min\"></span><span class=\"sg-value\" bind-css:color=\"??valuecolor\" bind-content:text=\"??value;??decimals;Number(__0).toFixed(Number(__1))\"></span><span class=\"sg-tick\" bind-content:text=\"??max\"></span></div></div>", "style": ":host{display:block;width:100%;color:var(--ui-text,#e2e6ec);font-family:'Segoe UI',Roboto,sans-serif;box-sizing:border-box;}\n.sg-wrap{padding:20px 16px 8px;box-sizing:border-box;}\n.sg-title{text-align:center;font-size:18px;font-weight:500;margin-bottom:16px;}\n.sg-track{position:relative;height:16px;border:1px solid var(--ui-border,#3b4250);border-radius:3px;overflow:visible;background:var(--ui-input,#2a2f3a);}\n.sg-end{position:absolute;top:0;bottom:0;}\n.sg-end-l{left:0;border-radius:2px 0 0 2px;}\n.sg-band{position:absolute;top:0;bottom:0;}\n.sg-vptr{position:absolute;top:-13px;transform:translateX(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:11px solid var(--ui-text,#e2e6ec);}\n.sg-diamond{position:absolute;top:50%;width:11px;height:11px;transform:translate(-50%,-50%) rotate(45deg);background:var(--ui-input,#2a2f3a);border:2px solid var(--ui-dim,#9aa3b0);}\n.sg-foot{display:flex;align-items:center;justify-content:space-between;margin-top:6px;}\n.sg-tick{font-size:13px;opacity:.75;}\n.sg-value{font-size:24px;font-weight:700;}", "script": "export function init(instance){ try{ instance._bindingsRefresh && instance._bindingsRefresh(); }catch(e){} }\nexport function connectedCallback(instance){}\n"}