iobroker.mywebui 1.37.30 → 1.37.32

package/io-package.json

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

package/package.json

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

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

@@ -3,15 +3,11 @@ import { iobrokerHandler } from "../common/IobrokerHandler.js";
 
 export class IobrokerWebuiPropertyGrid extends VisualizationPropertyGrid {
     saveCallback;
-    _visibilityPanel;
-    _visibilityPanelCreated = false;
     _screenVisibilityPanel;
     _screenVisibilityPanelCreated = false;
-    
+
     constructor() {
         super();
-        
-        // Watch for property grid changes without breaking parent
         this._setupScreenVisibilityObserver();
     }
     
@@ -47,166 +43,6 @@ export class IobrokerWebuiPropertyGrid extends VisualizationPropertyGrid {
         }, 200); // Check every 200ms
     }
     
-    _ensureVisibilityPanel() {
-        if (!this._visibilityPanelCreated) {
-            this._visibilityPanel = document.createElement('div');
-            this._visibilityPanel.id = 'visibility-panel';
-            this._visibilityPanel.style.cssText = 'padding:10px;border-top:2px solid #ccc;background:#fff;';
-            this._visibilityPanel.innerHTML = `
-                <h3 style="margin:5px 0 10px 0;font-size:13px;font-weight:bold;">🔒 Visibility</h3>
-                <div id="visibility-content"></div>
-            `;
-            
-            // Find property grid container and append
-            const container = this.shadowRoot || this;
-            if (container.querySelector) {
-                const target = container.querySelector('.property-grid-container') || container;
-                target.appendChild(this._visibilityPanel);
-            } else {
-                this.appendChild(this._visibilityPanel);
-            }
-            
-            this._visibilityPanelCreated = true;
-            console.log('✅ [Visibility] Panel created and appended');
-        }
-    }
-    
-    set selectedElements(value) {
-        super.selectedElements = value;
-        
-        // Ensure panel exists
-        setTimeout(() => {
-            this._ensureVisibilityPanel();
-            this._updateVisibilityPanel(value);
-        }, 50);
-    }
-    
-    async _updateVisibilityPanel(elements) {
-        if (!this._visibilityPanel) {
-            return;
-        }
-        
-        if (!elements || elements.length !== 1) {
-            this._visibilityPanel.style.display = 'none';
-            return;
-        }
-        
-        const element = elements[0].element;
-        this._visibilityPanel.style.display = 'block';
-        
-        const content = this._visibilityPanel.querySelector('#visibility-content');
-        content.innerHTML = '';
-        
-        // Get current config
-        const visibilityAttr = element.getAttribute('data-visibility');
-        let config = {};
-        if (visibilityAttr) {
-            try {
-                config = JSON.parse(visibilityAttr);
-            } catch (err) {}
-        }
-        
-        // Create UI
-        const updateConfig = (key, value) => {
-            config[key] = value;
-            element.setAttribute('data-visibility', JSON.stringify(config));
-            console.log('🔒 [Visibility] Updated:', config);
-        };
-        
-        // Enable checkbox
-        const enableContainer = document.createElement('label');
-        enableContainer.style.cssText = 'display:flex;align-items:center;gap:5px;margin-bottom:10px;cursor:pointer;';
-        const enableCheck = document.createElement('input');
-        enableCheck.type = 'checkbox';
-        enableCheck.checked = config.enabled || false;
-        enableCheck.onchange = () => updateConfig('enabled', enableCheck.checked);
-        enableContainer.appendChild(enableCheck);
-        enableContainer.appendChild(document.createTextNode('Enable Visibility Control'));
-        content.appendChild(enableContainer);
-        
-        // Object ID
-        const objContainer = document.createElement('div');
-        objContainer.style.cssText = 'margin-bottom:10px;';
-        objContainer.innerHTML = '<label style="font-size:11px;font-weight:bold;display:block;margin-bottom:3px;">Object ID:</label>';
-        const objInput = document.createElement('input');
-        objInput.type = 'text';
-        objInput.value = config.objectId || '';
-        objInput.placeholder = '0_userdata.0.test';
-        objInput.style.cssText = 'width:100%;padding:5px;font-size:11px;';
-        objInput.oninput = () => updateConfig('objectId', objInput.value);
-        objContainer.appendChild(objInput);
-        content.appendChild(objContainer);
-        
-        // Condition
-        const condContainer = document.createElement('div');
-        condContainer.style.cssText = 'margin-bottom:10px;';
-        condContainer.innerHTML = '<label style="font-size:11px;font-weight:bold;display:block;margin-bottom:3px;">Condition:</label>';
-        const condSelect = document.createElement('select');
-        condSelect.style.cssText = 'width:100%;padding:5px;font-size:11px;';
-        condSelect.innerHTML = '<option>==</option><option>!=</option><option>&gt;</option><option>&lt;</option><option>&gt;=</option><option>&lt;=</option>';
-        condSelect.value = config.condition || '==';
-        condSelect.onchange = () => updateConfig('condition', condSelect.value);
-        condContainer.appendChild(condSelect);
-        content.appendChild(condContainer);
-        
-        // Value
-        const valContainer = document.createElement('div');
-        valContainer.style.cssText = 'margin-bottom:10px;';
-        valContainer.innerHTML = '<label style="font-size:11px;font-weight:bold;display:block;margin-bottom:3px;">Value:</label>';
-        const valInput = document.createElement('input');
-        valInput.type = 'text';
-        valInput.value = config.conditionValue || '';
-        valInput.placeholder = '1';
-        valInput.style.cssText = 'width:100%;padding:5px;font-size:11px;';
-        valInput.oninput = () => updateConfig('conditionValue', valInput.value);
-        valContainer.appendChild(valInput);
-        content.appendChild(valContainer);
-        
-        // User Groups
-        const groupsContainer = document.createElement('div');
-        groupsContainer.style.cssText = 'margin-bottom:10px;';
-        groupsContainer.innerHTML = '<label style="font-size:11px;font-weight:bold;display:block;margin-bottom:3px;">Only for groups:</label>';
-        const groupsList = document.createElement('div');
-        groupsList.style.cssText = 'max-height:100px;overflow-y:auto;border:1px solid #ccc;padding:5px;background:#f9f9f9;';
-        
-        const userGroups = await iobrokerHandler.getUserGroups();
-        const selectedGroups = config.groups || [];
-        
-        userGroups.forEach(group => {
-            const label = document.createElement('label');
-            label.style.cssText = 'display:flex;align-items:center;gap:5px;font-size:11px;padding:2px;cursor:pointer;';
-            const checkbox = document.createElement('input');
-            checkbox.type = 'checkbox';
-            checkbox.checked = selectedGroups.includes(group.id);
-            checkbox.onchange = () => {
-                let groups = config.groups || [];
-                if (checkbox.checked) {
-                    if (!groups.includes(group.id)) groups.push(group.id);
-                } else {
-                    groups = groups.filter(g => g !== group.id);
-                }
-                updateConfig('groups', groups);
-            };
-            label.appendChild(checkbox);
-            label.appendChild(document.createTextNode(group.name));
-            groupsList.appendChild(label);
-        });
-        
-        groupsContainer.appendChild(groupsList);
-        content.appendChild(groupsContainer);
-        
-        // Action
-        const actionContainer = document.createElement('div');
-        actionContainer.innerHTML = '<label style="font-size:11px;font-weight:bold;display:block;margin-bottom:3px;">If not in group:</label>';
-        const actionSelect = document.createElement('select');
-        actionSelect.style.cssText = 'width:100%;padding:5px;font-size:11px;';
-        actionSelect.innerHTML = '<option value="hide">Hide</option><option value="disable">Disable</option>';
-        actionSelect.value = config.action || 'hide';
-        actionSelect.onchange = () => updateConfig('action', actionSelect.value);
-        actionContainer.appendChild(actionSelect);
-        content.appendChild(actionContainer);
-    }
-    
     _ensureScreenVisibilityPanel() {
         if (!this._screenVisibilityPanelCreated) {
             this._screenVisibilityPanel = document.createElement('div');

package/www/dist/frontend/services/IobrokerWebuiVisibilityPropertiesService.js

@@ -31,16 +31,15 @@ export class IobrokerWebuiVisibilityPropertiesService {
         // Load user groups
         const userGroups = await iobrokerHandler.getUserGroups();
         
-        // Simple test property first
         const properties = [
             {
-                name: 'data-visibility',
-                type: 'string',
+                name: 'hidden',
+                type: 'boolean',
                 service: this,
                 propertyType: PropertyType.propertyAndAttribute
             }
         ];
-        
+
         return properties;
         
         /* DISABLED FOR NOW - TESTING