From c7c1fae57567f94f4d96ed15d00212093b17dae6 Mon Sep 17 00:00:00 2001 From: jemu75 Date: Tue, 30 Mar 2021 23:07:07 +0200 Subject: [PATCH] V3.3.6 --- README.md | 29 ++++++- src/App.vue | 2 +- src/components/TemplScenes.vue | 80 ++++++++++++++----- www/fhemapp/index.html | 2 +- .../js/{app.1b297626.js => app.4e070eed.js} | 2 +- www/fhemapp/js/chunk-098d33d4.bbdd65ab.js | 1 + www/fhemapp/js/chunk-098d33d4.d13e6ad7.js | 1 - 7 files changed, 90 insertions(+), 27 deletions(-) rename www/fhemapp/js/{app.1b297626.js => app.4e070eed.js} (99%) create mode 100644 www/fhemapp/js/chunk-098d33d4.bbdd65ab.js delete mode 100644 www/fhemapp/js/chunk-098d33d4.d13e6ad7.js diff --git a/README.md b/README.md index 53234ae7..158cbeb3 100644 --- a/README.md +++ b/README.md @@ -91,7 +91,7 @@ appOptions:textField-long ``` # Aufruf der App -Nachdem du **FHEMApp** wie beschrieben installiert hast, kannst du diese über `http://:8083/fhem/fhemapp/index.html` bzw. über die von dir gewählten URL deines Webservers aufrufen. +Nachdem du **FHEMApp** wie beschrieben installiert hast, kannst du diese über `http://:8083/fhem/fhemapp/index.html` bzw. über die von dir gewählten URL deines Webservers aufrufen. # Konfiguration der Geräte in FHEM Jedes SmartHome-Gerät (Device) welches in **FHEMApp** angezeigt werden soll, konfiguriert ihr nun direkt in FHEM. Dazu verwendet ihr das neu angelegte FHEM-Attribut `appOptions` sowie weitere FHEM-Attribute wie `alias`,`group`,`room` oder `sortby`. @@ -242,7 +242,7 @@ Beispiele: | [motiondetect](#template-motiondetect) | Bewegungsmelder | ![](./docs/media/template_motiondetect_example.png) | | [watersensor](#template-watersensor) | Zisternensensor | ![](./docs/media/template_watersensor_example.png) | | sonos | Sonosplayer | ![](./docs/media/template_sonos_example.png) | -| scenes | LightScenes | ![](./docs/media/template_scenes_example.png) | +| [scenes](#template-scenes) | LightScenes | ![](./docs/media/template_scenes_example.png) | | [panel](#template-panel) | Panel zur Gruppierung mehrerer Devices | ![](./docs/media/template_panel_example.png) | | [chart](#template-chart) | Diagramm zur Visualisierung von Log-Daten | ![](./docs/media/template_chart_example.png) | | weather | Wettervorhersage (darksky-API) | ![](./docs/media/template_weather_example.png) | @@ -689,3 +689,28 @@ attr chn_sen.hm.eg.fl_Climate_FileLog alias Thermostat Flur attr chn_sen.hm.eg.fl_Climate_FileLog appOptions { "template": "chart", "dashboard": "true", "chartDef": [":humidity:Luftfeuchte:%:secondary",":measured-temp:Temperatur:°C"] } attr chn_sen.hm.eg.fl_Climate_FileLog sortby 2 ``` +# Template scenes +Dieses Template steht speziell für den Einstz von *LightScene* [siehe](https://fhem.de/commandref_DE.html#LightScene) zur Verfügung. Es zeigt die aktuelle Szene an und gibt die Möglichkeit zwischen den in FHEM gespeicherten Szenen umuzschalten. +#### Definition +Im FHEM-Device muss im Attribut `appOptions` folgendes eingetragen werden. +``` +{ "template": "scenes" } +``` + +#### Konfiguration +Da *Scenes* kein Standard-Template ist, könnt ihr nur ausgewählte Eigenschaften über den Parameter `setup` in `appOptions` anpassen. Folgende Eigenschaften könnt ihr individuell anpassen: +``` +"setup": { + "status": { + "bar": ["reading:value:level:color"] + }, + "main": [ + { + "text": ["reading:value:text"] + } + ], + "info": { + "left1": ["reading:value:text:icon"], + } +} +``` diff --git a/src/App.vue b/src/App.vue index dc5bedc4..501dff7f 100644 --- a/src/App.vue +++ b/src/App.vue @@ -114,7 +114,7 @@ groupList: [] } }, - version: 'v3.3.5', + version: 'v3.3.6', status: { color: 'secondary', icon: 'mdi-circle', diff --git a/src/components/TemplScenes.vue b/src/components/TemplScenes.vue index 43cfee56..e424186f 100644 --- a/src/components/TemplScenes.vue +++ b/src/components/TemplScenes.vue @@ -1,7 +1,7 @@