iobroker.mywebui 1.42.9 → 1.42.11

package/io-package.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "iobroker.mywebui",
-  "version": "1.42.9",
+  "version": "1.42.11",
   "description": "ioBroker mywebui - Custom edited mywebui by gokturk413 with 3D Editor",
   "type": "module",
   "main": "dist/backend/main.js",

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

@@ -857,22 +857,34 @@ export class IobrokerWebui3DScreenEditor extends BaseCustomWebComponentConstruct
         const assetsListContent = this._getDomElement('assetsListContent');
 
         if (!this.sceneData.assets || this.sceneData.assets.length === 0) {
-            assetsListContent.innerHTML = '<div style="color:#888;">No assets loaded</div>';
+            assetsListContent.innerHTML = '<div style="color:#888;padding:20px;text-align:center;font-size:12px;">📦 No assets<br><br>Click "+ Model" to add</div>';
             return;
         }
 
-        let html = '';
+        let html = '<div style="display:grid;grid-template-columns:1fr 1fr;gap:8px;">';
         for (const asset of this.sceneData.assets) {
             html += `
-                <div style="padding:8px;background:#242424;margin-bottom:5px;border-radius:3px;cursor:pointer;border:1px solid #333;">
-                    <div style="color:#0f0;font-weight:bold;">${asset.name}</div>
-                    <div style="color:#888;font-size:11px;margin-top:3px;">
-                        Type: ${asset.type}<br>
-                        Pos: (${asset.position.x.toFixed(1)}, ${asset.position.y.toFixed(1)}, ${asset.position.z.toFixed(1)})
-                    </div>
+                <div style="
+                    padding:12px;
+                    background:linear-gradient(135deg, #2a2a2a 0%, #242424 100%);
+                    border:1px solid #333;
+                    border-radius:6px;
+                    cursor:pointer;
+                    display:flex;
+                    flex-direction:column;
+                    align-items:center;
+                    text-align:center;
+                    font-size:11px;
+                "
+                onmouseover="this.style.borderColor='#0f0'"
+                onmouseout="this.style.borderColor='#333'">
+                    <div style="font-size:28px;margin-bottom:6px;">📦</div>
+                    <div style="color:#0f0;font-weight:bold;margin-bottom:3px;word-break:break-word;max-width:100%;">${asset.name.substring(0, 25)}</div>
+                    <div style="color:#888;font-size:10px;">${asset.type}</div>
                 </div>
             `;
         }
+        html += '</div>';
         assetsListContent.innerHTML = html;
     }
 

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

@@ -24,6 +24,7 @@ import "./IobrokerWebuiEventAssignment.js";
 import "./IobrokerWebuiPropertyGrid.js";
 import "./IobrokerWebuiControlPropertiesEditor.js";
 import { IobrokerWebuiScreenEditor } from './IobrokerWebuiScreenEditor.js';
+import { IobrokerWebui3DScreenEditor } from './IobrokerWebui3DScreenEditor.js';
 import { IobrokerWebuiConfirmationWrapper } from './IobrokerWebuiConfirmationWrapper.js';
 import { getPanelContainerForElement } from './DockHelper.js';
 import { IobrokerWebuiPropertyGrid } from './IobrokerWebuiPropertyGrid.js';
@@ -1496,6 +1497,16 @@ export class IobrokerWebuiAppShell extends BaseCustomWebComponentConstructorAppe
             this.openDock(screenEditor);
         }
     }
+    async open3DScreenEditor(name) {
+        let id = '3dscreen_' + name;
+        if (!this.isDockOpenAndActivate(id)) {
+            let editor = new IobrokerWebui3DScreenEditor();
+            editor.id = id;
+            editor.title = '3D: ' + name;
+            editor.setAttribute('scene-name', name);
+            this.openDock(editor);
+        }
+    }
     async openGlobalStyleEditor(style, title, editPart) {
         let id = "global_styleEditor";
         if (!this.isDockOpenAndActivate(id)) {

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

@@ -174,10 +174,7 @@ export class IobrokerWebuiSolutionExplorer extends BaseCustomWebComponentConstru
                                     }
                                 };
                                 await iobrokerHandler.saveObject('3dscreen', (dir ?? '') + '/' + screenName, defaultScene);
-                                // Open the 3D editor
-                                const editor = document.createElement('iobroker-webui-3dscreen-editor');
-                                editor.setAttribute('scene-name', screenName);
-                                window.appShell.openDialog(editor, { x: 50, y: 50, width: 1200, height: 800 });
+                                window.appShell.open3DScreenEditor((dir ?? '') + '/' + screenName);
                             } else {
                                 const defaultScript = type === 'control' ? defaultNewControlScript : null;
                                 window.appShell.openScreenEditor((dir ?? '') + '/' + screenName, type, '', defaultNewStyle, defaultScript, {});
@@ -369,17 +366,7 @@ export class IobrokerWebuiSolutionExplorer extends BaseCustomWebComponentConstru
                         window.appShell.openScreenEditor(nm, type, s.html, s.style, s.script, s.settings, s.properties);
                     }
                     else if (type == '3dscreen') {
-                        // Create 3D editor component
-                        const editor = document.createElement('iobroker-webui-3dscreen-editor');
-                        editor.setAttribute('scene-name', nm);
-                        // Open as borderless, full-size dialog
-                        window.appShell.openDialog(editor, {
-                            x: 0, y: 0,
-                            width: window.innerWidth,
-                            height: window.innerHeight,
-                            modal: true,
-                            title: '3D Screen: ' + nm
-                        });
+                        window.appShell.open3DScreenEditor(nm);
                     }
                 });
             },