Merge pull request #144 from jemu75/dev-v4

v4.8.1

public/CHANGELOG.md

@@ -1,3 +1,8 @@
+# v4.8.1 (12.01.2025)
+## Button
+- Bugfix for popout command
+## iFrame
+- Bugfix for width on Resizing
 # v4.8.0 (11.01.2025)
 ## Button
 - new command type popout

src/components/PanelMainBtn.vue

@@ -49,10 +49,10 @@
             if(obj.type === 'route') router.push({ name: 'devices', params: { view: obj.cmd }, query: router.currentRoute.value.query })
             if(obj.type === 'url') window.open(obj.cmd, '_self')
             if(obj.type === 'popout') {
-                let name = /panel=/.test(obj.cmd) ? obj.cmd.split('panel=')[1].split(' ')[0] : -1,
-                    width = /width=/.test(obj.cmd) ? obj.cmd.split('width=')[1].split(' ')[0] : '400px',
+                let name = /panel=/.test(obj.cmd) ? obj.cmd.split('panel=')[1].split(' width=')[0] : -1,
+                    width = /width=/.test(obj.cmd) ? obj.cmd.split('width=')[1] : '400px',
                     panel = fhem.app.panelList.map((e) => e.name).indexOf(name)
-                
+
                 if(panel !== -1) fhem.app.popOutList.push({ show: true, width, panel })
             }
         }

src/components/PanelMainIframe.vue

@@ -1,5 +1,5 @@
 <script setup>
-    import { computed, ref, onMounted } from 'vue'
+    import { computed, onMounted, ref } from 'vue'
     import { useFhemStore } from '@/stores/fhem'
 
     const props = defineProps({
@@ -11,8 +11,6 @@
 
     const fhem = useFhemStore()
 
-    const extContent = ref()
-    const width = ref()
     const height = ref(/=maximized$/.test(fhem.app.currentView) ? (window.innerHeight - 170) : props.height)
 
     const content = computed(() => {
@@ -24,27 +22,13 @@
 
         return res
     })
-
-    function refreshIframe() {
-        if(extContent.value) width.value = extContent.value.scrollWidth
-    }
-
-    onMounted(() => {
-        window.addEventListener('resize', refreshIframe)
-        refreshIframe()
-    })
-        
 </script>
 
 <template>
-    <div>
-        <div ref="extContent"></div>
-        <iframe 
-            :src="content.source"
-            :width="width"
-            :height="height"
-            :loading="content.lazy"
-            style="border:none;">
-        </iframe>
-    </div>
+    <iframe 
+        :src="content.source"
+        :loading="content.lazy"
+        :height="height"
+        style="border:none; width:100%;">
+    </iframe>
 </template>

www/fhemapp4/CHANGELOG.md

@@ -1,6 +1,13 @@
+# v4.8.1 (12.01.2025)
+## Button
+- Bugfix for popout command
+## iFrame
+- Bugfix for width on Resizing
 # v4.8.0 (11.01.2025)
 ## Button
 - new command type popout
+## iFrame
+- bugfix in case of resizing panels
 # v4.7.0 (05.01.2025)
 ## Core
 - Optimization of Reconnect and Refreshing Session