v4.0.34-beta

README.md

@@ -412,7 +412,8 @@ Legt den Befehl fest, der bei kurzem Drücken des Button ausgeführt wird.
 |Beispiel|Erklärung|
 |---|---|
 |`::set switch on`|sendet den Befehl `set switch on` an FHEM. Dabei wird im Panel unter dem [Element devices](#element-devices) nach dem Schlüssel `switch` gesucht und falls vorhanden, durch den Name des FHEM Devices ersetzt. Kann kein entsprechender Schlüssel gefunden werden, so wird der Befehl unverändert an FHEM gesendet. Es können auch mehrere Befehle (durch Semikolon getrennt) an FHEM gesendet werden.|
-|`::home:route`|wechselt zum Navigationspunkt `home` in **FHEMApp**. Die angegebene Route muss existieren und der Route in der URL (.../devices/{route}/?...)|
+|`::home:route`|wechselt zum Navigationspunkt `home` in **FHEMApp**. Die angegebene Route muss existieren und der Route in der URL (.../devices/{route}/?...) entsprechen|
+|`::panel=licht_bad:route`|wechselt zum Panel `licht_bad` in **FHEMApp**. Das angegebene Panel muss existieren|
 |`::https\\://fhem.de:url`|wechsel direkt zu der URL `https://fhem.de`. Bei direkter Eingabe von URLs müssen Doppelpunkte entsprechend ersetzt werden. (siehe auch [Ersetzungen](#ersetzungen))|
 |`cam-link::%s:url`|wechsel direkt zu der URL, die im Device `cam` im Reading `link` hinterlegt ist|
 ### Level Element Button longClick

public/CHANGELOG.md

@@ -1,3 +1,6 @@
+# v4.0.34-beta (29.03.2024)
+## Panel Button
+- When selecting the type "route" on click/longClick/longRelease, individual panels can now also be addressed
 # v4.0.33-beta (27.03.2024)
 ## Settings
 - bugfix for panel / template settings

src/App.vue

@@ -16,9 +16,9 @@
         navIdx,
         res
 
-    navPath.push(...fhem.app.navigation)
+    if(fhem.app.currentView && !/^panel=/.test(fhem.app.currentView)) {
+      navPath.push(...fhem.app.navigation)
 
-    if(fhem.app.currentView) {
       for(const navNode of fhem.app.currentView.split('->')) {
         navIdx = navPath.map((e) => e.name).indexOf(navNode)
         if(navIdx !== -1) {

src/components/PanelCard.vue

@@ -1,5 +1,6 @@
 <script setup>
     import { computed, watch, onMounted, ref } from 'vue'
+    import router from '@/router'
     import { useFhemStore } from '@/stores/fhem'
     import PanelMain from './PanelMain.vue'
 
@@ -64,7 +65,13 @@
             opts.activeLevels = levelsActive(item.panel.main)
         } else {
             if(opts.expandable) opts.expanded = !opts.expanded
-            if(opts.maximizable) fhem.app.panelMaximized = opts.expanded ?  item.panel : false
+            if(opts.maximizable) {
+                if(opts.expanded) {
+                    router.push({ name: 'devices', params: { view: 'panel=' + item.panel.name + '=maximized' }, query: router.currentRoute.value.query })
+                } else {
+                    router.back()
+                }   
+            }
         }
 
         if(opts.expanded) {

src/components/PanelMainChart.vue

@@ -32,7 +32,7 @@
     const chartStyle = computed(() => {
         loadSeries()
 
-        return 'height: ' + (fhem.app.panelMaximized ? (window.innerHeight - 250) + 'px' : props.height)
+        return 'height: ' + (/=maximized$/.test(fhem.app.currentView) ? (window.innerHeight - 250) + 'px' : props.height)
     })
 
     function toLocaleDate(val) {
@@ -121,7 +121,7 @@
         },        
         options = JSON.parse(JSON.stringify(fhem.getEl(props.el, ['options']) || {})),
         options2 = JSON.parse(JSON.stringify(fhem.getEl(props.el, ['options2']) || {})),
-        opts = Object.assign(preset, fhem.app.panelMaximized && Object.keys(options2).length > 0 ? options2 : options ),
+        opts = Object.assign(preset, /=maximized$/.test(fhem.app.currentView) && Object.keys(options2).length > 0 ? options2 : options ),
         label
 
         chart.value.fromMenu = false
@@ -163,7 +163,7 @@
 </script>
 
 <template>
-    <div v-if="fhem.app.panelMaximized" class="mx-4 my-4 text-right">
+    <div v-if="/=maximized$/.test(fhem.app.currentView)" class="mx-4 my-4 text-right">
         <v-menu
             v-model="chart.fromMenu"
             :close-on-content-click="false">

src/stores/fhem.js

@@ -46,7 +46,6 @@ export const useFhemStore = defineStore('fhem', () => {
         panelView: [],
         panelList: [],
         navigation: [],
-        panelMaximized: false,
         threads: [],
         distTemplates: [],
         noConfig: null,        
@@ -892,16 +891,22 @@ export const useFhemStore = defineStore('fhem', () => {
 
     //coreFunction load Panels in View
     function loadPanelView() {
-        let routes
-        let tid = thread()
+        let routes,
+            panelIdx,
+            tid = thread()
 
         app.panelView = []
 
-        for(const [idx, panel] of Object.entries(app.panelList)) {
-            if(panel.panel.navigation) {
-                routes = handleDefs(panel.panel.navigation, ['route'], [''], true, ',')
-
-                if(routes.map((e) => e.route).indexOf(app.currentView) !== -1) app.panelView.push(idx)
+        if(/^panel=.*/.test(app.currentView)) {
+            panelIdx = app.panelList.map((e) => e.name).indexOf(app.currentView.split('=')[1])
+            if(panelIdx !== -1) app.panelView.push(panelIdx)
+        } else {
+            for(const [idx, panel] of Object.entries(app.panelList)) {
+                if(panel.panel.navigation) {
+                    routes = handleDefs(panel.panel.navigation, ['route'], [''], true, ',')
+
+                    if(routes.map((e) => e.route).indexOf(app.currentView) !== -1) app.panelView.push(idx)
+                }
             }
         }
 

src/views/DevicesView.vue

@@ -25,7 +25,7 @@
   const cols = computed(() => {
     let res = { cols: 12, sm: 6, lg: 4 }
 
-    if(fhem.app.panelMaximized) res = { cols: 12 }
+    if(/=maximized$/.test(fhem.app.currentView)) res = { cols: 12 }
 
     return res
   })

www/fhemapp4/CHANGELOG.md

@@ -1,3 +1,6 @@
+# v4.0.34-beta (29.03.2024)
+## Panel Button
+- When selecting the type "route" on click/longClick/longRelease, individual panels can now also be addressed.
 # v4.0.33-beta (27.03.2024)
 ## Settings
 - bugfix for panel / template settings