iobroker.mywebui 1.37.38 → 1.37.40

package/admin/jsonConfig.json

@@ -3,7 +3,7 @@
   "i18n": true,
   "items": {
     "tab_license": {
-      "type": "tab",
+      "type": "panel",
       "label": "License",
       "items": {
         "_info": {
@@ -87,7 +87,7 @@
       }
     },
     "tab_grafana": {
-      "type": "tab",
+      "type": "panel",
       "label": "Grafana",
       "items": {
         "_grafanaHeader": {

package/io-package.json

@@ -1,7 +1,7 @@
 {
   "common": {
     "name": "mywebui",
-    "version": "1.37.38",
+    "version": "1.37.40",
     "titleLang": {
       "en": "mywebui",
       "de": "mywebui",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "iobroker.mywebui",
-  "version": "1.37.38",
+  "version": "1.37.40",
   "description": "ioBroker mywebui - Custom edited mywebui by gokturk413",
   "type": "module",
   "main": "dist/backend/main.js",

package/www/dist/frontend/config/IobrokerWebuiAppShell.js

@@ -404,7 +404,7 @@ export class IobrokerWebuiAppShell extends BaseCustomWebComponentConstructorAppe
         const designItem = selectedItems[0];
         const element = designItem.element;
 
-        // Read existing signal from data-visibility-signal (may be plain signal string or JSON with signal+expression)
+        // Read existing signal from data-visibility-signal (may be plain signal string or JSON with signal+expression+historic+converter)
         const existingSignalAttr = element.getAttribute('data-visibility-signal') || null;
         let existingSignal = existingSignalAttr;
         let existingBinding = null;
@@ -413,12 +413,20 @@ export class IobrokerWebuiAppShell extends BaseCustomWebComponentConstructorAppe
                 try {
                     const parsed = JSON.parse(existingSignalAttr);
                     existingSignal = parsed.signal || existingSignalAttr;
-                    existingBinding = { ...parsed, target: 'property' };
+                    // BindingsEditor expects bindableObjectNames array, not signal string
+                    existingBinding = {
+                        bindableObjectNames: parsed.signal ? [parsed.signal] : [],
+                        expression: parsed.expression || '',
+                        historic: parsed.historic || null,
+                        converter: parsed.converter || null,
+                        invert: parsed.invert || false,
+                        target: 'property'
+                    };
                 } catch (e) {
-                    existingBinding = { signal: existingSignalAttr, target: 'property' };
+                    existingBinding = { bindableObjectNames: [existingSignalAttr], target: 'property' };
                 }
             } else {
-                existingBinding = { signal: existingSignalAttr, target: 'property' };
+                existingBinding = { bindableObjectNames: [existingSignalAttr], target: 'property' };
             }
         }
 
@@ -452,12 +460,17 @@ export class IobrokerWebuiAppShell extends BaseCustomWebComponentConstructorAppe
                 if (signal) {
                     const bnd = { signal };
                     if (dynEdt.expression) bnd.expression = dynEdt.expression;
-                    if (dynEdt.inverted) bnd.inverted = true;
-                    if (dynEdt.twoWay) bnd.twoWay = true;
-                    const attrValue = (bnd.expression || bnd.inverted || bnd.twoWay)
-                        ? JSON.stringify(bnd)
-                        : signal;
-                    designItem.setAttribute('data-visibility-signal', attrValue);
+                    if (dynEdt.historic) bnd.historic = dynEdt.historic;
+                    if (dynEdt.invert) bnd.invert = true;
+                    // converters: array of {key,value} objects → plain object, or named converter string
+                    if (dynEdt.converters && dynEdt.converters.length > 0) {
+                        bnd.converter = {};
+                        for (const c of dynEdt.converters) bnd.converter[c.key] = c.value;
+                    } else if (dynEdt.convertersString) {
+                        bnd.converter = dynEdt.convertersString;
+                    }
+                    const needsJson = bnd.expression || bnd.historic || bnd.converter || bnd.invert;
+                    designItem.setAttribute('data-visibility-signal', needsJson ? JSON.stringify(bnd) : signal);
                 } else {
                     designItem.removeAttribute('data-visibility-signal');
                 }
@@ -473,7 +486,7 @@ export class IobrokerWebuiAppShell extends BaseCustomWebComponentConstructorAppe
         // Bind indicator — styled exactly like PropertyGridPropertyList's isSetElement
         const bindBtn = document.createElement('div');
         bindBtn.title = existingSignal ? 'Visibility: ' + existingSignal + ' (click / right-click)' : 'Click to bind visibility signal';
-        bindBtn.style.cssText = 'width:7px;height:7px;border:1px solid white;cursor:pointer;flex-shrink:0;box-sizing:border-box;'
+        bindBtn.style.cssText = 'width:11px;height:11px;border:1px solid #596c7a;cursor:pointer;flex-shrink:0;box-sizing:border-box;'
             + (existingSignal ? 'background:orange;' : 'background:transparent;');
 
         bindBtn.onclick = openVisibilityBindingEditor;

package/www/dist/frontend/runtime/VisibilityService.js

@@ -44,14 +44,16 @@ class VisibilityService {
 
             // Step 2: Signal/state check (if objectId configured)
             if (visibilityConfig.objectId) {
-                // objectId may be a plain signal string or JSON like {"signal":"...","expression":"..."}
+                // objectId may be a plain signal string or JSON like {"signal":"...","expression":"...","converter":{...},"historic":{...}}
                 let signalId = visibilityConfig.objectId;
                 let expression = null;
+                let converter = null;
                 if (typeof signalId === 'string' && signalId.startsWith('{')) {
                     try {
                         const parsed = JSON.parse(signalId);
                         signalId = parsed.signal || signalId;
                         expression = parsed.expression || null;
+                        converter = parsed.converter || null;
                     } catch (e) { /* keep raw */ }
                 }
 
@@ -61,11 +63,17 @@ class VisibilityService {
                     stateVal = state?.val;
                 }
 
-                // Evaluate expression if present (same pattern as bind-content:text)
+                // Evaluate expression if present
                 if (expression) {
                     try { stateVal = new Function('__0', expression)(stateVal); } catch (e) { console.warn('[Visibility] Expression error:', e); }
                 }
 
+                // Apply converter if present (object map like {"true":"1","false":"0"} or inverse)
+                if (converter && typeof converter === 'object') {
+                    const key = String(stateVal);
+                    if (key in converter) stateVal = converter[key];
+                }
+
                 // Truthy state value → apply action
                 const isActive = stateVal !== null && stateVal !== undefined && stateVal !== false && stateVal !== 0 && stateVal !== '';
                 this.#applyResult(element, isActive