iobroker.mywebui 1.87.0 → 1.89.0

package/default-controls/controls/logout.control

@@ -1 +1 @@
-{"html": "<div style=\"width:100%;height:100%;\">\n    <!--<form id=\"myform\" action=\"/Logout\" target=\"_self\" method=\"post\"></form>-->    <!--<div class=\"control-panel\">\n        <scada-button type=\"button\" variant=\"success\" icon=\"start\" size=\"large\">Start System</scada-button><scada-button type=\"button\" variant=\"danger\" icon=\"stop\" size=\"large\">Emergency Stop</scada-button><scada-button type=\"button\" variant=\"warning\" icon=\"alert\" size=\"large\">Reset Alarms</scada-button>\n    </div>--><button id=\"logoutBtn\" @click=\"Logout\" data-animation='{\"effect\":\"backgroundColor\",\"duration\":1,\"ease\":\"power1.inOut\",\"repeat\":-1,\"fillColorFrom\":\"#000000\",\"fillColorTo\":\"#00ff91\",\"controls\":{\"play\":{\"condition\":\"equal\",\"value\":\"true\",\"oid_bind\":{\"signal\":\"?backgroundcolor\"}}}}' data-visibility-action=\"hide\"><t-t>logout.button</t-t></button>\n</div>\n", "style": ":host {\n    width:20%;\n    height:20%\n}\n\n* {\n    box-sizing: border-box;\n}\n#logoutBtn {\n      padding: 10px 20px;\n      background-color: #d9534f;\n      color: white;\n      border: none;\n      border-radius: 4px;\n      cursor: pointer;\n      font-size: 14px;\n    }\n    #logoutBtn:hover {\n      background-color: #c9302c;\n    }", "script": "let protocol = window.location.protocol;\nlet ip = window.location.hostname;\nlet port = window.location.port;\n\n//import  (`${protocol}//${ip}:${port}/webui.0.data/config/additionalfiles/scada-button.js`);\n\n\n //dynamic import fast found\n  /*  let DesignSystem;\n    let fastfoundpath = (`${protocol}//${ip}:${port}/webui.0.widgets/node_modules/@microsoft/fast-foundation/dist/esm/index.js`);  \n    const fastfoundmodule = await import(fastfoundpath)  \n    .then(module => {\n        DesignSystem = module.DesignSystem;  \n    })  \n    .catch(err => {  \n        console.error('Error loading module:', err);  \n    });\n\n    //dynamic import fast component\n    let fastButton;\n    let fastDialog;\n    let fastcomppath = (`${protocol}//${ip}:${port}/webui.0.widgets/node_modules/@microsoft/fast-components/dist/esm/index.js`);  \n    const fastcompmodule = await import(fastcomppath)  \n    .then(module => {\n         fastButton= module.fastButton;\n         fastDialog= module.fastDialog;\n    })  \n    .catch(err => {  \n        console.error('Error loading module:', err);  \n    });\n\nDesignSystem.getOrCreate().register(\n    fastButton(),fastDialog()\n);*/\n\nexport function init(instance) {\n}\n/**\n* Logout - 'click' event of <fast-button>\n* @param {PointerEvent} event\n* @param {Element} eventRaisingElement\n* @param {ShadowRoot} shadowRoot\n* @param {BaseScreenViewerAndControl} instance\n* @param {Object.<string, *>} parameters\n*/\nexport function Logout(event, eventRaisingElement, shadowRoot, instance, parameters) {\n\n    window.location.href = '/logout'; \n    /*var mapForm = document.createElement(\"form\");\nmapForm.target = \"_self\";    \nmapForm.method = \"POST\";\nmapForm.action = \"/logout\";*/\n\n// Create an input\n/*var params = {\"username\":\"operator\",\"password\":\"Operator1\"}\n\nfor(var key in params) {\n        var mapInput = document.createElement(\"input\");\n        mapInput.setAttribute(\"type\", \"hidden\");\n        mapInput.setAttribute(\"name\", key);\n        mapInput.setAttribute(\"value\", params[key]);\n\n        // Add the input to the form\n        mapForm.appendChild(mapInput);\n    }*/\n\n\n\n\n\n\n// Add the form to dom\n//document.body.appendChild(mapForm);\n\n// Just submit\n//mapForm.submit();\n/*window.IOB.connection._socket.emit('logout',  function (error) { \n    if (error) {  \n            console.error('Logout error:', error);  \n            // Optionally inform the user about the error  \n        } else {  \n            // Redirect to the login screen after successful logout  \n            window.location.href = '/'; // Ensure this is the correct path to your login page  \n        }   \n});*/\n}\n", "properties": {"test": {"type": "string"}, "backgroundcolor": {"type": "signal"}}, "settings": {"visibilityEnabled": "false", "visibilityGroups": "", "visibilityAction": "hide", "visibilityRedirectScreen": ""}}
+{"properties": {"showlabel": {"type": "enum", "default": "true", "values": ["true", "false"]}}, "settings": {"width": "120px", "height": "40px", "visibilityEnabled": "false", "visibilityGroups": "", "visibilityAction": "hide", "visibilityRedirectScreen": ""}, "html": "<button id=\"logoutBtn\" class=\"lo\" @click=\"Logout\" data-visibility-action=\"hide\" type=\"button\" title=\"Logout\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M17 7l-1.41 1.41L18.17 11H8v2h10.17l-2.58 2.58L17 17l5-5zM4 5h8V3H4c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h8v-2H4V5z\"/></svg><span class=\"lo-lbl\" bind-css:display=\"??showlabel;(__0===false||__0==='false')?'none':''\"><t-t>logout.button</t-t></span></button>", "style": ":host{display:inline-block;height:100%;font-family:'Segoe UI',system-ui,Roboto,sans-serif;}.lo{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:100%;width:100%;padding:6px 16px;margin:0;box-sizing:border-box;cursor:pointer;border-radius:999px;background:color-mix(in srgb,var(--ui-text,#fff) 7%,transparent);border:1px solid var(--ui-border,#3b4250);color:var(--ui-text,#e2e6ec);font-size:13px;font-weight:600;letter-spacing:.3px;white-space:nowrap;}.lo svg{width:18px;height:18px;fill:currentColor;flex:none;display:block;}.lo:hover{background:color-mix(in srgb,var(--ui-error,#ef4d5e) 18%,transparent);border-color:color-mix(in srgb,var(--ui-error,#ef4d5e) 60%,transparent);color:var(--ui-error,#ef4d5e);}.lo:active{background:color-mix(in srgb,var(--ui-error,#ef4d5e) 30%,transparent);}.lo:focus-visible{outline:2px solid var(--accent,#2680eb);outline-offset:2px;}", "script": "export function init(instance) {\n    try{ instance._bindingsRefresh && instance._bindingsRefresh(); }catch(e){}\n}\nexport function Logout(event, eventRaisingElement, shadowRoot, instance, parameters) {\n    window.location.href = '/logout';\n}"}

package/default-controls/controls/user-badge.control

@@ -0,0 +1 @@
+{"properties": {"stateid": {"type": "string", "default": "local_username"}, "label": {"type": "string", "default": ""}, "showavatar": {"type": "enum", "default": "true", "values": ["true", "false"]}, "showstatus": {"type": "enum", "default": "true", "values": ["true", "false"]}}, "settings": {"width": "170px", "height": "40px"}, "html": "<div class=\"ub\"><div class=\"ub-av\" bind-css:display=\"??showavatar;(__0===false||__0==='false')?'none':''\"><span bind-content:text=\"?stateid;(__0==null?'?':String(__0)).trim().charAt(0).toUpperCase()||'?'\"></span><span class=\"ub-dot\" bind-css:display=\"??showstatus;(__0===false||__0==='false')?'none':''\"></span></div><div class=\"ub-tx\"><span class=\"ub-label\" bind-content:text=\"??label\" bind-css:display=\"??label;__0?'':'none'\"></span><span class=\"ub-name\" bind-content:text=\"?stateid;(__0==null||String(__0).trim()==='')?'\\u2014':String(__0)\"></span></div></div>", "style": ":host{display:inline-block;height:100%;font-family:'Segoe UI',system-ui,Roboto,sans-serif;}.ub{display:inline-flex;align-items:center;gap:10px;height:100%;padding:4px 14px 4px 5px;box-sizing:border-box;border-radius:999px;background:color-mix(in srgb,var(--ui-text,#fff) 7%,transparent);border:1px solid var(--ui-border,#3b4250);}.ub:hover{background:color-mix(in srgb,var(--ui-text,#fff) 12%,transparent);}.ub-av{position:relative;width:30px;height:30px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent,#2680eb),color-mix(in srgb,var(--accent,#2680eb) 55%,var(--ui-page,#000)));color:#fff;font-size:14px;font-weight:700;letter-spacing:.5px;box-shadow:0 1px 4px rgba(0,0,0,.25);}.ub-dot{position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border-radius:50%;background:var(--ui-ok,#37d67a);border:2px solid var(--ui-surface,#252b38);box-sizing:border-box;}.ub-tx{display:flex;flex-direction:column;justify-content:center;line-height:1.15;min-width:0;}.ub-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--ui-dim,#9aa3b0);white-space:nowrap;}.ub-name{font-size:14px;font-weight:600;color:var(--ui-text,#e2e6ec);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}", "script": "export function init(instance){ try{ instance._bindingsRefresh && instance._bindingsRefresh(); }catch(e){} }\nexport function connectedCallback(instance){}"}