iobroker.mywebui 1.38.13 → 1.38.15

package/io-package.json

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

package/package.json

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

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

@@ -9,6 +9,25 @@ export class IobrokerWebuiPropertyGrid extends VisualizationPropertyGrid {
     constructor() {
         super();
         this._setupScreenVisibilityObserver();
+        setTimeout(() => this._injectGroupHeaderStyle(), 600);
+    }
+
+    _injectGroupHeaderStyle() {
+        const inject = (root) => {
+            if (!root) return;
+            for (const el of root.querySelectorAll('*')) {
+                if (el.tagName?.toLowerCase() === 'node-projects-property-grid-property-list' && el.shadowRoot) {
+                    if (!el.shadowRoot.querySelector('#gokturk-group-style')) {
+                        const s = document.createElement('style');
+                        s.id = 'gokturk-group-style';
+                        s.textContent = '.group-header { font-size: 14px !important; font-family: sans-serif !important; }';
+                        el.shadowRoot.appendChild(s);
+                    }
+                }
+                if (el.shadowRoot) inject(el.shadowRoot);
+            }
+        };
+        inject(this.shadowRoot);
     }
     
     _setupScreenVisibilityObserver() {

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

@@ -52,7 +52,22 @@ export class IobrokerWebuiPropertiesService extends BaseCustomWebComponentProper
                 if (group) property.group = group;
                 properties.push(property);
             }
-            return properties;
+            const groupMap = new Map();
+            const ungrouped = [];
+            for (const prop of properties) {
+                if (prop.group) {
+                    if (!groupMap.has(prop.group)) groupMap.set(prop.group, []);
+                    groupMap.get(prop.group).push(prop);
+                    delete prop.group;
+                } else {
+                    ungrouped.push(prop);
+                }
+            }
+            const result = [...ungrouped];
+            for (const [groupName, groupProps] of groupMap) {
+                result.push({ name: groupName, description: '', properties: groupProps });
+            }
+            return result;
         }
         else {
             const screens = await iobrokerHandler.getAllNames('screen');