Skip to content
dslraser edited this page Jan 18, 2022 · 31 revisions

Beschreibung von @dslraser aus dem ioBroker Forum

-Fensterliste Vorarbeiten

-Teil 1-
  • Ich verwende alias'e in einem Ordner, also bei mir sind die alias'e in einem "Channel" / Ordner.
  • Dieses Beispiel ist aber nur eine Möglichkeit von vielen Möglichkeiten den Selektor zu verwenden.
68747470733a2f2f666f72756d2e696f62726f6b65722e6e65742f6173736574732f75706c6f6164732f66696c65732f313634313931353539313534332d62696c6473636869726d666f746f2d323032322d30312d31312d756d2d31362e33392e32302d726573697a65642e706e67
  • Diese alias habe ich dann einer Aufzählung zugeordnet.
68747470733a2f2f666f72756d2e696f62726f6b65722e6e65742f6173736574732f75706c6f6164732f66696c65732f313634313931353538333831332d62696c6473636869726d666f746f2d323032322d30312d31312d756d2d31362e33392e30302e706e67
  • Hier der RAW eines solchen alias als Beispiel
{
  "type": "state",
  "common": {
    "name": "Bad Fenster links",
    "def": 0,
    "type": "number",
    "read": true,
    "write": false,
    "min": 0,
    "max": 2,
    "states": {
      "0": "geschlossen",
      "1": "gekippt",
      "2": "geöffnet"
    },
    "role": "window.value",
    "alias": {
      "id": "hm-rpc.0.xxx.1.STATE"
    },
    "desc": "per Script erstellt",
    "unit": ""
  },
  "native": {},
  "from": "system.adapter.javascript.0",
  "user": "system.user.admin",
  "ts": 1615639416752,
  "_id": "alias.0.Fenster.Bad_Fenster_links",
  "acl": {
    "object": 1636,
    "state": 1636,
    "owner": "system.user.admin",
    "ownerGroup": "system.group.administrator"
  }
}
  • Wenn es solche alias gibt, die einer Aufzählung zugeordnet sind, dann geht es im iQontrol Backend weiter.

-Fensterliste anlegen

-Teil 2-
-über das Plus (+) eine neue Liste anlegen (z.B. Beispiel Fensterliste)
-dann rechts bei Fensterliste auf den Bleistift klicken
68747470733a2f2f666f72756d2e696f62726f6b65722e6e65742f6173736574732f75706c6f6164732f66696c65732f313634313931353638393530362d62696c6473636869726d666f746f2d323032322d30312d31312d756d2d31362e34302e34302e706e67
-es öffnet sich folgendes Bild, dort die Einstellungen vornehmen.
68747470733a2f2f666f72756d2e696f62726f6b65722e6e65742f6173736574732f75706c6f6164732f66696c65732f313634313931353738353631332d62696c6473636869726d666f746f2d323032322d30312d31312d756d2d31362e34322e34342e706e67
-anschließend 3 Counter anlegen, z.B. so:
68747470733a2f2f666f72756d2e696f62726f6b65722e6e65742f6173736574732f75706c6f6164732f66696c65732f313634313931353833373339352d62696c6473636869726d666f746f2d323032322d30312d31312d756d2d31362e34332e32312e706e67
-jeweils rechts auf den Bleistift klicken, Beispiel gekippt
68747470733a2f2f666f72756d2e696f62726f6b65722e6e65742f6173736574732f75706c6f6164732f66696c65732f313634313931353932333739392d62696c6473636869726d666f746f2d323032322d30312d31312d756d2d31362e34352e30362e706e67
-Beispiel geöffnet
68747470733a2f2f666f72756d2e696f62726f6b65722e6e65742f6173736574732f75706c6f6164732f66696c65732f313634313931353936383232352d62696c6473636869726d666f746f2d323032322d30312d31312d756d2d31362e34352e35372e706e67
-Beispiel geschlossen
68747470733a2f2f666f72756d2e696f62726f6b65722e6e65742f6173736574732f75706c6f6164732f66696c65732f313634313931363030363937332d62696c6473636869726d666f746f2d323032322d30312d31312d756d2d31362e34362e33332e706e67
-anschließend zwei Calculations anlegen
68747470733a2f2f666f72756d2e696f62726f6b65722e6e65742f6173736574732f75706c6f6164732f66696c65732f313634313931363036353736312d62696c6473636869726d666f746f2d323032322d30312d31312d756d2d31362e34372e31362e706e67
-Fenster_sortiert auf dem Bleistift rechts anklicken.  
-Diese Ansicht ist auch die Reihenfolge, wie die spätere sortierte Liste angezeigt wird.  
-Also zuerst gekippt, dann geöffnet und dann geschlossen.  
-Wer eine andere Reihenfolge will, der kann auch rechts bei den Strichen per Drag & Drop verschieben.
68747470733a2f2f666f72756d2e696f62726f6b65722e6e65742f6173736574732f75706c6f6164732f66696c65732f313634313931363134313239312d62696c6473636869726d666f746f2d323032322d30312d31312d756d2d31362e34382e34382d726573697a65642e706e67
-Fenster_geoeffnet_oder_gekippt auf dem Bleistift rechts anklicken.  
-Beide Datenpunkte addieren.
68747470733a2f2f666f72756d2e696f62726f6b65722e6e65742f6173736574732f75706c6f6164732f66696c65732f313634313931363232353734322d62696c6473636869726d666f746f2d323032322d30312d31312d756d2d31362e35302e31312e706e67
-Es kann sein, das man an einigen Stellen zuvor zwischen speichern muss.  
-Damit werden die Listen angelegt und sind somit erst vorhanden sind.

-Fensterliste Widget anlegen

-Unter Geräte WIDGET AUTOMATISCH ERSTELLEN anklicken
68747470733a2f2f666f72756d2e696f62726f6b65722e6e65742f6173736574732f75706c6f6164732f66696c65732f313634313931363436323736372d62696c6473636869726d666f746f2d323032322d30312d31312d756d2d31362e35332e31382e706e67
-Namen vergeben und Quelle Device-Counter auswählen
68747470733a2f2f666f72756d2e696f62726f6b65722e6e65742f6173736574732f75706c6f6164732f66696c65732f313634313931363534353537392d62696c6473636869726d666f746f2d323032322d30312d31312d756d2d31362e35352e30362e706e67
-es öffnet sich folgendes Fenster
68747470733a2f2f666f72756d2e696f62726f6b65722e6e65742f6173736574732f75706c6f6164732f66696c65732f313634313931363633343234342d62696c6473636869726d666f746f2d323032322d30312d31312d756d2d31362e35362e34362e706e67
-Überschrift für die Liste eintragen
-Unter Allgemein rechts die sortiert Liste auswählen
68747470733a2f2f666f72756d2e696f62726f6b65722e6e65742f6173736574732f75706c6f6164732f66696c65732f313634313931363732323836302d62696c6473636869726d666f746f2d323032322d30312d31312d756d2d31362e35382e32362e706e67
-Unter Datapoint Detection für diese Art alias/Liste ändern auf name

name;plainText

-Widget erstmal erstellen/speichern und in der iQontrol View schauen was in der Liste steht.
-Wenn das Widget nun wieder bearbeitet werden soll, dann über den Bleistift rechts öffnen.
68747470733a2f2f666f72756d2e696f62726f6b65722e6e65742f6173736574732f75706c6f6164732f66696c65732f313634313931373233333831322d62696c6473636869726d666f746f2d323032322d30312d31312d756d2d31372e30362e32392e706e67
-Dann ist man wieder hier
68747470733a2f2f666f72756d2e696f62726f6b65722e6e65742f6173736574732f75706c6f6164732f66696c65732f313634313931373238373530332d62696c6473636869726d666f746f2d323032322d30312d31312d756d2d31372e30372e35372e706e67
-Beispiel Styling
68747470733a2f2f666f72756d2e696f62726f6b65722e6e65742f6173736574732f75706c6f6164732f66696c65732f313634313931383230353334302d62696c6473636869726d666f746f2d323032322d30312d31312d756d2d31372e32322e34372e706e67 68747470733a2f2f666f72756d2e696f62726f6b65722e6e65742f6173736574732f75706c6f6164732f66696c65732f313634313931383236313937312d62696c6473636869726d666f746f2d323032322d30312d31312d756d2d31372e32332e34302e706e67 68747470733a2f2f666f72756d2e696f62726f6b65722e6e65742f6173736574732f75706c6f6164732f66696c65732f313634313931383237313236382d62696c6473636869726d666f746f2d323032322d30312d31312d756d2d31372e32332e35322e706e67 68747470733a2f2f666f72756d2e696f62726f6b65722e6e65742f6173736574732f75706c6f6164732f66696c65732f313634313931383238323837322d62696c6473636869726d666f746f2d323032322d30312d31312d756d2d31372e32342e30312e706e67 68747470733a2f2f666f72756d2e696f62726f6b65722e6e65742f6173736574732f75706c6f6164732f66696c65732f313634313931383239323637332d62696c6473636869726d666f746f2d323032322d30312d31312d756d2d31372e32342e31312e706e67
-Beispiel Icon-Replacement
68747470733a2f2f666f72756d2e696f62726f6b65722e6e65742f6173736574732f75706c6f6164732f66696c65732f313634313931383339383237302d62696c6473636869726d666f746f2d323032322d30312d31312d756d2d31372e32352e35322e706e67 68747470733a2f2f666f72756d2e696f62726f6b65722e6e65742f6173736574732f75706c6f6164732f66696c65732f313634313931383430363834362d62696c6473636869726d666f746f2d323032322d30312d31312d756d2d31372e32362e30332e706e67 68747470733a2f2f666f72756d2e696f62726f6b65722e6e65742f6173736574732f75706c6f6164732f66696c65732f313634313931383431363233302d62696c6473636869726d666f746f2d323032322d30312d31312d756d2d31372e32362e31342e706e67
-Badge einfügen, wenn gewünscht. (die Anzahl der geöffneten/gekippten Fenster)
68747470733a2f2f666f72756d2e696f62726f6b65722e6e65742f6173736574732f75706c6f6164732f66696c65732f313634313931383534303533322d62696c6473636869726d666f746f2d323032322d30312d31312d756d2d31372e32382e31312e706e67
-Rechts auf den Bleistift und den Datenpunkt mit value (Zahl) auswählen
68747470733a2f2f666f72756d2e696f62726f6b65722e6e65742f6173736574732f75706c6f6164732f66696c65732f313634313931383539303730392d62696c6473636869726d666f746f2d323032322d30312d31312d756d2d31372e32382e32342e706e67
-Bis auf die Überschrift (erkläre ich später) sieht es dann bei mir so aus.

-Ueberschriften dynamisch

-Wer dynamische Überschriften möchte:  
-Ich verwende kleine Blockly um die Überschriften der Listen dynamisch mit Icon und Smileys zu versehen.  
-Diese Icon oder Smileys verändern sich je nach Zustand der Geräte in den Listen.  
-Diese Blockly erstellen in 0_userdata.0 jeweils zwei Datenpunkte.  
-Einen für die HTML-Überschrift und einen um die Icon/Smileys an/aus schalten zu können.
68747470733a2f2f666f72756d2e696f62726f6b65722e6e65742f6173736574732f75706c6f6164732f66696c65732f313634323234363136383536342d62696c6473636869726d666f746f2d323032322d30312d31352d756d2d31322e32382e30382e706e67
-Die Überschrift habe ich hier in den Widget Einstellungen verlinkt.
68747470733a2f2f666f72756d2e696f62726f6b65722e6e65742f6173736574732f75706c6f6164732f66696c65732f313634323234363232343930362d62696c6473636869726d666f746f2d323032322d30312d31352d756d2d31322e32362e31352e706e67
-Beispiel:

Temperaturen| {0_userdata.0.iQontrol.Listen.Temperaturen.Temperaturen_Ueberschrift}

-Für die Icon im Blockly habe ich mir jeweils welche aus iQontrol ausgesucht.  
-Um den Link zu finden und Dein gewünschtes Icon auszuwählen kannst Du es Dir so suchen  
-(rechte Maustaste, Bildadresse kopieren) und in das Blockly einfügen.
68747470733a2f2f666f72756d2e696f62726f6b65722e6e65742f6173736574732f75706c6f6164732f66696c65732f313634323234363430383837382d62696c6473636869726d666f746f2d323032322d30312d31352d756d2d31322e32342e31342e706e67
-hier im Blockly einfügen
68747470733a2f2f666f72756d2e696f62726f6b65722e6e65742f6173736574732f75706c6f6164732f66696c65732f313634323234363438353737342d62696c6473636869726d666f746f2d323032322d30312d31352d756d2d31322e33342e32322e706e67
-Bei mir sieht das dann so aus

-Blockly Downloads

-Blockly downloads
Blockly Downloads: (klick to open)

iQontrol_Batterien_LOWBAT_Ueberschrift
iQontrol_Batterien_Volt_Ueberschrift
iQontrol_Bewegungsmelder_Ueberschrift
iQontrol_Fenster_Ueberschrift
iQontrol_Lichter_Ueberschrift
iQontrol_Luftfeuchtigkeit_Ueberschrift
iQontrol_Rollos_Ueberschrift
iQontrol_Steckdosen_Ueberschrift
iQontrol_Temperaturen_Ueberschrift
iQontrol_Tueren_Ueberschrift

-meine Sicherung vom View und Listen für Import in iQontrol
meine Sicherung View und Listen: (klick to open)

2022-01-17_iqontrol_0_lists.json.zip
2022-01-17_iqontrol_0_selected_views.json.zip

-Lichterliste

Lichterliste Beispiel Bilder Anleitung: (klick to open) Bildschirmfoto 2022-01-18 um 19 07 35 Bildschirmfoto 2022-01-18 um 19 07 50 Bildschirmfoto 2022-01-18 um 19 08 04 Bildschirmfoto 2022-01-18 um 19 08 18 Bildschirmfoto 2022-01-18 um 19 08 38 Bildschirmfoto 2022-01-18 um 19 08 52 Bildschirmfoto 2022-01-18 um 19 09 31 Bildschirmfoto 2022-01-18 um 19 09 58 Bildschirmfoto 2022-01-18 um 19 10 30 Bildschirmfoto 2022-01-18 um 19 10 59 Bildschirmfoto 2022-01-18 um 19 11 23

-Handy Bilder

Wiki Listen/Zähler Handy Bilder: (klick to open)

IMG_0589
IMG_0590
IMG_0591
IMG_0592
IMG_0593
IMG_0594
IMG_0595
IMG_0596
IMG_0597
IMG_0598

-Handy Video

Wiki Listen/Zähler Handy Video: (klick to open)

RPReplay_Final1642532170 (4)