Zeigt her eure iQontrol Visualisierung

[martinschm]

@muuulle said in Zeigt her eure iQontrol Visualisierung:

@martinschm
Da musste ich schmunzeln, dass ich hier mit meinen klitzekleinen Smarthome aufgefordert wurde

Ich habe letzte Woche alles so umgebaut, dass alles auf einer Ansicht stattfinden kann. Alles weitere habe ich in die Additional Information und Controls reingepackt.

Hier die Übersicht:

Die Farbgebung der ersten Kachel hatte ich bereits im iQontrol Thread dargestellt. Die Hintergrundfarbe wechselt, je näher die Abholung rückt. link zum Post

Das Raspberry Logo ist rot, wenn Linux Updates durchzuführen sind. Sonst ist es blau.

Hinter den Zahnrädern verstecken sich Einstellungen zu Pushover und zum Log einzelner Systematiken (und kleinere damit in Verbindung stehende Funktionen).

Unter Beleuchtung werden zunächst sämtliche (! ) im Smarthome gesteuerten Lampen samt Status dargestellt. Darunter 3 einzeln steuerbare Zeitschaltuhren. Deren Kachelhintergrund zeigt den derzeitigen Status an.
Grün - Lampen durch diese Uhr aktiviert
Blau - Zeitschaltuhr aktiv, aber außerhalb des eingestellten Zeitraums
Grau - Zeitschaltuhr deaktiviert

Das Logo zeigt den Tag der nächsten Aktion. Angabe eines Wochentags oder nichts (= heute).

Einzustellen bei jeder UmZeitschaltuhr:

Gleiche Systematik bei der Alarmanlage. Hier wird im Logo des Fensters zudem die Anzahl der geöffneten Elemente angezeigt.

Das Log des Rasenmähers wir auch der Alarmanlage vergrößern sich, wenn aktiv.

Bestimmt habe ich noch etwas übersprungen. Wenn auch nicht viel gesteuert wird, bin ich sehr zufrieden mit dem Status Quo - dickes Dankeschön an @s-bormann für die riesigen Möglichkeiten von iQontrol.

Erstmal vielen Dank fürs Teilen. Die Größe des Smart Homes is ja egal, ich find deine Umsetzung sehr ansprechend. Ich glaube weil es sehr clean und flat design ist.

Ich schau mir das am WE mal genauer an. Cool wäre wenn man beim Klicken der Kachel eine Vergrößerung erreichen könnte die zusätzliche Infos zeigt.

Wo hast du denn deine Icons alle her?
Und wie steuerst du die Zeitschaltuhren bzw Uhrzeiten? Ich suche da noch was für die Uhrzeiten von heatingcontrol.

[muuulle]

@martinschm
Die Icons habe ich von flaticons - dann noch ein wenig liebe und Farbe investiert.

Dass man durch klicken auf die Kacheln zusätzliche Informationen angezeigt bekommt, ist eine gute Idee. Zumindest vergrößern sich die Log-Kacheln der Alarmanlage und vom Rasenmäher, sobald hier etwas von Interesse passiert

Ich nehme deinen Vorschlag mal auf meine Liste. Hier steht jedoch als Nächstes die Berücksichtigung von Feiertagen bei meinen Zeitschaltuhr auf der Agenda

Die Logik für die Zeitschaltuhr ist ein Blockly Skript. Hier kann man neben Zeit, Tagen, Partymodus, vorzeitiges Aktivieren auch die Lampen bestimmt werden, welche schalten sollen, festlegen. Hier folgen dann die Feiertage und die „einmal-die-Zeitschaltuhr-schalten“-Funktion.

Auch den Adapter logparser ist höchst interessant. Diesen will ich auch noch einbinden.

Grüße

[Markus Frankl]

@da_woody

Wie oder wo öffne ich denn eigentlich das Panel welches da in deiner Visu von Rechts rein fährt? Bzw. Wo kann ich das denn einschalten?

[da_Woody]

@markus-frankl von rechts? du meinst eher das von links... zu finden in Toolbar/Panel

[martinschm]

@muuulle said in Zeigt her eure iQontrol Visualisierung:

Dass man durch klicken auf die Kacheln zusätzliche Informationen angezeigt bekommt, ist eine gute Idee. Zumindest vergrößern sich die Log-Kacheln der Alarmanlage und vom Rasenmäher, sobald hier etwas von Interesse passiert

Ich hab schon überlegt, ob man evtl die Kachel als Schalter anlegt. Es gibt doch einen State der regelt ob die Kachel aktiv ist oder nicht. Den hinterlegt man bei dem Schalter. Wenn die Kachel aktiv ist, wird sie vergrößert angezeigt, ansonsten klein. Dann andere Icons hinterlegen damit es nicht wie ein Schalter aussieht und im Text der Kachel dann den Status rein.

Hab es noch nicht ausprobiert, evtl klappt das so.

[Markus Frankl]

@da_woody

Klar von links... ‍️ Okay... Dann schau ich da morgen mal... Wollte iobroker eigentlich nur als Dashboard für meinen Homey nutzen.. Mittlerweile bin ich soweit den Homey in Rente zu schicken und alles über den iobroker zu regeln... daher bin ich für alle Tips dankbar...

[da_Woody]

hab heute mal die meldungsliste eingebaut. funktioniert, allerdings wollte ich kein icon haben. trotzdem wird der platz dort freigehalten.

sinnlose platzverschwendung. kann man das umgehn? hab ich was übersehn?

[muuulle]

@da_woody
Vielleicht als HTML Hintergrund?

Ich wollte den Adapter auch mal testen!

[da_Woody]

@muuulle bei background html kommt das raus.

denk, da müsste man wieder über irgendwelche hintertürchen wandern.

[muuulle]

@da_woody
Stell von Konstante auf Datenpunkt um!

Dann kannst du noch den Gerätenamen ausblenden!

[da_Woody]

@muuulle hrnz, jo, auf DP sollte man schon tun am sein.
der gerätename hätte mir schon gefallen, halt oben.

beim iconversuch:

[dslraser]

@da_woody

Deine Lampen brennen...?

[Kueppert]

@dslraser ich vermute, das sind Rauchmelder HAHAHA

[da_Woody]

@dslraser said in Zeigt her eure iQontrol Visualisierung:

@da_woody

Deine Lampen brennen...?

jo, im ösi-land brennen lampen, die leuchten nicht.
die altbekannten sprachunterschiede!
abgesehn davon, hab ich da zum testen halt irgendwas reingetippselt, hätte auch XXX sein können. was wär denn da gekommen?

[dslraser]

@da_woody said in Zeigt her eure iQontrol Visualisierung:

XXX

nix, alles gut

[dslraser]

TV Spielfilm eingebaut

jetzt / 20:15 Uhr / 22:00 Uhr

Ich bin gerade am überlegen ob und wie man das vielleicht direkt zum umschalten auf der VU (Enigma2) nutzen könnte....

[muuulle]

@dslraser
Cool!
Ist das ein Widget?

Ich habe eben bei der Müllabfuhr Kachel ein Knopf eingebaut. Wird am Tag der Abholung darauf gedrückt, wird Next After angezeigt. Kleinigkeit, aber mich freut‘s

[dslraser]

@muuulle said in Zeigt her eure iQontrol Visualisierung:

Cool!
Ist das ein Widget?

Jaein, nur drei Blocklys und drei eigene Datenpunkte sowie der TV Spielfilm Adapter
(aber die Version von GitHub nehmen 2.0.1 https://github.com/Pix---/ioBroker.tvspielfilm )
Die Kacheln sind als Widget 3x3 oder vergrößert als Vollbild

https://forum.iobroker.net/post/556406

Blockly Export

<xml xmlns="https://developers.google.com/blockly/xml">
 <variables>
   <variable id="(m}dH@gw]g]CrCq4X:^O">Liste</variable>
   <variable id="^u_U-Az-`mhCz~(F_#oT">text</variable>
   <variable id="x(8OtWm-n$bsM}t4],DO">i</variable>
   <variable id="B=:MPlbZ]`U`oQR_H1ZO">obj</variable>
   <variable id="WND~1`M#LY[oSWchGJ;/">Titel</variable>
   <variable id="qkP}SP]Wsh}w_3jlwPM=">Sender</variable>
   <variable id="Cb`$KNa=.y/wQjyFtN6F">Zeit</variable>
   <variable id="=H4KnMf9.v,`_]uv_6#?">Bild</variable>
   <variable id=",,-mG}Ve8pp=2QR3G0v$">Beschreibung</variable>
 </variables>
 <block type="on" id="ubL@LBF!,o_rkk4*V?$c" x="13" y="13">
   <field name="OID">tvspielfilm.0.json.raw.jetzt</field>
   <field name="CONDITION">ne</field>
   <field name="ACK_CONDITION"></field>
   <statement name="STATEMENT">
     <block type="variables_set" id="W?1q7FaV,*wmZaIkPQ*o">
       <field name="VAR" id="(m}dH@gw]g]CrCq4X:^O">Liste</field>
       <value name="VALUE">
         <block type="convert_json2object" id="-+dC_oJ;-(a!X+qq3ItL">
           <value name="VALUE">
             <block type="on_source" id="W9LY54G8%@AW$,Dv.c1;">
               <field name="ATTR">state.val</field>
             </block>
           </value>
         </block>
       </value>
       <next>
         <block type="variables_set" id="*Gbs7`LVq2ggdi|-gk1#">
           <field name="VAR" id="^u_U-Az-`mhCz~(F_#oT">text</field>
           <value name="VALUE">
             <block type="text" id="D2QaAKbM6V%.nH8G!WO8">
               <field name="TEXT"></field>
             </block>
           </value>
           <next>
             <block type="controls_for" id="VAh4_5skpQ(-58)cTsN5">
               <field name="VAR" id="x(8OtWm-n$bsM}t4],DO">i</field>
               <value name="FROM">
                 <shadow type="math_number" id="UtEruMTPhi^T~g$#4=X%">
                   <field name="NUM">1</field>
                 </shadow>
               </value>
               <value name="TO">
                 <shadow type="math_number" id="SL!L;!$5LE6b.-i2{-x8">
                   <field name="NUM">10</field>
                 </shadow>
                 <block type="lists_length" id="IA8x7(aD91K?{^4e{t?p">
                   <value name="VALUE">
                     <block type="variables_get" id="Uw=RBKOt~o^7pvz5@?jp">
                       <field name="VAR" id="(m}dH@gw]g]CrCq4X:^O">Liste</field>
                     </block>
                   </value>
                 </block>
               </value>
               <value name="BY">
                 <shadow type="math_number" id="X?ku5(f{C?`POZ9}Ykn$">
                   <field name="NUM">1</field>
                 </shadow>
               </value>
               <statement name="DO">
                 <block type="variables_set" id="?x8p%;#1!zl^M{*-WeD_">
                   <field name="VAR" id="B=:MPlbZ]`U`oQR_H1ZO">obj</field>
                   <value name="VALUE">
                     <block type="lists_getIndex" id="!p81u1HNh}swg_ZCMWGd">
                       <mutation statement="false" at="true"></mutation>
                       <field name="MODE">GET</field>
                       <field name="WHERE">FROM_START</field>
                       <value name="VALUE">
                         <block type="variables_get" id="3ETVK*E:VqCH}#kblamq">
                           <field name="VAR" id="(m}dH@gw]g]CrCq4X:^O">Liste</field>
                         </block>
                       </value>
                       <value name="AT">
                         <block type="variables_get" id="4ZY9FTQA,JoJx!nEg^nc">
                           <field name="VAR" id="x(8OtWm-n$bsM}t4],DO">i</field>
                         </block>
                       </value>
                     </block>
                   </value>
                   <next>
                     <block type="variables_set" id="j5Gdw_u6HAN7$Hwd1Sk,">
                       <field name="VAR" id="WND~1`M#LY[oSWchGJ;/">Titel</field>
                       <value name="VALUE">
                         <block type="get_attr" id="V=ixw;0O?aW0sXtNbLyR">
                           <value name="PATH">
                             <shadow type="text" id="XE}T12XOKYB-U6A8etD(">
                               <field name="TEXT">title</field>
                             </shadow>
                           </value>
                           <value name="OBJECT">
                             <block type="variables_get" id="Aqx9nyk[/uZhLuG|WKW]">
                               <field name="VAR" id="B=:MPlbZ]`U`oQR_H1ZO">obj</field>
                             </block>
                           </value>
                         </block>
                       </value>
                       <next>
                         <block type="variables_set" id="7n/:wb/R14Kz[S(YP^)z">
                           <field name="VAR" id="qkP}SP]Wsh}w_3jlwPM=">Sender</field>
                           <value name="VALUE">
                             <block type="get_attr" id="si%nmaEYZ8yF2`)aXAA[">
                               <value name="PATH">
                                 <shadow type="text" id="Vv?R@/OzO]p40i%9sCnd">
                                   <field name="TEXT">station</field>
                                 </shadow>
                               </value>
                               <value name="OBJECT">
                                 <block type="variables_get" id="Dv389p@`@/Y3}]gx``_e">
                                   <field name="VAR" id="B=:MPlbZ]`U`oQR_H1ZO">obj</field>
                                 </block>
                               </value>
                             </block>
                           </value>
                           <next>
                             <block type="variables_set" id="aKy)HU06-POy;kU_BZb-">
                               <field name="VAR" id="Cb`$KNa=.y/wQjyFtN6F">Zeit</field>
                               <value name="VALUE">
                                 <block type="get_attr" id="`wPRO=fu4+XJSLOOaSO0">
                                   <value name="PATH">
                                     <shadow type="text" id="%IZ(eKv9iMml(NI-f]5P">
                                       <field name="TEXT">time</field>
                                     </shadow>
                                   </value>
                                   <value name="OBJECT">
                                     <block type="variables_get" id="3Hno*M89!AaJIE6(3=33">
                                       <field name="VAR" id="B=:MPlbZ]`U`oQR_H1ZO">obj</field>
                                     </block>
                                   </value>
                                 </block>
                               </value>
                               <next>
                                 <block type="variables_set" id="X)I9aAIj8q}#(,lBLoA8">
                                   <field name="VAR" id="=H4KnMf9.v,`_]uv_6#?">Bild</field>
                                   <value name="VALUE">
                                     <block type="get_attr" id=";tsY?ta87G!Ip{x3uz#T">
                                       <value name="PATH">
                                         <shadow type="text" id="HmVz%-OkrSIKER](18V:">
                                           <field name="TEXT">imgUrl</field>
                                         </shadow>
                                       </value>
                                       <value name="OBJECT">
                                         <block type="variables_get" id="Vq9etR=Lc?:t?%0IUjP9">
                                           <field name="VAR" id="B=:MPlbZ]`U`oQR_H1ZO">obj</field>
                                         </block>
                                       </value>
                                     </block>
                                   </value>
                                   <next>
                                     <block type="variables_set" id="86DEYVo??R/@i_!:f`H?">
                                       <field name="VAR" id=",,-mG}Ve8pp=2QR3G0v$">Beschreibung</field>
                                       <value name="VALUE">
                                         <block type="get_attr" id="vr3`]9_k0Ke3+G;BPe0$">
                                           <value name="PATH">
                                             <shadow type="text" id="g}99n.xJZe2a;])BF`jI">
                                               <field name="TEXT">description</field>
                                             </shadow>
                                           </value>
                                           <value name="OBJECT">
                                             <block type="variables_get" id="C?}|MWY(:zJSY(62Q!L-">
                                               <field name="VAR" id="B=:MPlbZ]`U`oQR_H1ZO">obj</field>
                                             </block>
                                           </value>
                                         </block>
                                       </value>
                                       <next>
                                         <block type="variables_set" id=",AX3xaQpP,RI_FeH!Xx|">
                                           <field name="VAR" id="^u_U-Az-`mhCz~(F_#oT">text</field>
                                           <value name="VALUE">
                                             <block type="text_join" id="oc7)%`;1Y7hZ,{LSK@n^">
                                               <mutation items="14"></mutation>
                                               <value name="ADD0">
                                                 <block type="variables_get" id="A]OKm4e`3x(zLzn6s(QN">
                                                   <field name="VAR" id="^u_U-Az-`mhCz~(F_#oT">text</field>
                                                 </block>
                                               </value>
                                               <value name="ADD1">
                                                 <block type="text" id="@UfRgRh#-n,^e{wnY,#$">
                                                   <field name="TEXT">&lt;tr valign="top"&gt;&lt;th rowspan="2" ALIGN="LEFT" valign="top"&gt;</field>
                                                 </block>
                                               </value>
                                               <value name="ADD2">
                                                 <block type="text" id="SmFyDO|0Dgd0$?eaA`Sg">
                                                   <field name="TEXT"> &lt;img src="</field>
                                                 </block>
                                               </value>
                                               <value name="ADD3">
                                                 <block type="variables_get" id="bJfAhLxPp7#nS|JLsb$2">
                                                   <field name="VAR" id="=H4KnMf9.v,`_]uv_6#?">Bild</field>
                                                 </block>
                                               </value>
                                               <value name="ADD4">
                                                 <block type="text" id="V(@hQGqP#lM:3RU#|B.M">
                                                   <field name="TEXT">" width="100px" valign="top"&gt;</field>
                                                 </block>
                                               </value>
                                               <value name="ADD5">
                                                 <block type="text" id="QL$OjZdV(xM6KUL/dmLz">
                                                   <field name="TEXT">&lt;/th&gt;&lt;th ALIGN="LEFT"&gt;&lt;font size="3"&gt;</field>
                                                 </block>
                                               </value>
                                               <value name="ADD6">
                                                 <block type="variables_get" id="fIhTLcQB}M=fC^B;!y[3">
                                                   <field name="VAR" id="Cb`$KNa=.y/wQjyFtN6F">Zeit</field>
                                                 </block>
                                               </value>
                                               <value name="ADD7">
                                                 <block type="text" id="gX^e$Yd~=w#@sewo9`#+">
                                                   <field name="TEXT">&amp;nbsp;|&amp;nbsp;</field>
                                                 </block>
                                               </value>
                                               <value name="ADD8">
                                                 <block type="variables_get" id=";1!SxOtb)P*,f@2txLG+">
                                                   <field name="VAR" id="qkP}SP]Wsh}w_3jlwPM=">Sender</field>
                                                 </block>
                                               </value>
                                               <value name="ADD9">
                                                 <block type="text" id="!PY*^%g4j-ZU}v{?r%xr">
                                                   <field name="TEXT">&amp;nbsp;|&amp;nbsp;</field>
                                                 </block>
                                               </value>
                                               <value name="ADD10">
                                                 <block type="variables_get" id="7r#.X6VO;Q,F#?pc,v0W">
                                                   <field name="VAR" id="WND~1`M#LY[oSWchGJ;/">Titel</field>
                                                 </block>
                                               </value>
                                               <value name="ADD11">
                                                 <block type="text" id="cHmPNGVArXff^;r4UFx9">
                                                   <field name="TEXT">&lt;/th&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td ALIGN="LEFT"&gt;&lt;font size="2"&gt;</field>
                                                 </block>
                                               </value>
                                               <value name="ADD12">
                                                 <block type="text_getSubstring" id="6N[/%V@1Q[0YvLVKJ?~=">
                                                   <mutation at1="true" at2="true"></mutation>
                                                   <field name="WHERE1">FROM_START</field>
                                                   <field name="WHERE2">FROM_START</field>
                                                   <value name="STRING">
                                                     <block type="variables_get" id="JK9,5eYH6s8U9Jv-ZBcr">
                                                       <field name="VAR" id=",,-mG}Ve8pp=2QR3G0v$">Beschreibung</field>
                                                     </block>
                                                   </value>
                                                   <value name="AT1">
                                                     <block type="math_number" id="v-Z:lGRy$;zzt0LH{])|">
                                                       <field name="NUM">1</field>
                                                     </block>
                                                   </value>
                                                   <value name="AT2">
                                                     <block type="math_number" id="?%hQ{jpe?6;.(D/`m7_8">
                                                       <field name="NUM">300</field>
                                                     </block>
                                                   </value>
                                                 </block>
                                               </value>
                                               <value name="ADD13">
                                                 <block type="text" id="P{0@!YzHS)23b;XH%g*4">
                                                   <field name="TEXT">&lt;/tr&gt;</field>
                                                 </block>
                                               </value>
                                             </block>
                                           </value>
                                         </block>
                                       </next>
                                     </block>
                                   </next>
                                 </block>
                               </next>
                             </block>
                           </next>
                         </block>
                       </next>
                     </block>
                   </next>
                 </block>
               </statement>
               <next>
                 <block type="update" id="=iOOU)DZOb[YQgsxVq={">
                   <mutation xmlns="http://www.w3.org/1999/xhtml" delay_input="false"></mutation>
                   <field name="OID">0_userdata.0.TV_Spielfim.TV_Spielfilm_jetzt</field>
                   <field name="WITH_DELAY">FALSE</field>
                   <value name="VALUE">
                     <block type="text_join" id=")4[foVL+;!xdhFv($WVn">
                       <mutation items="3"></mutation>
                       <value name="ADD0">
                         <block type="text" id="rqH.Tp+,./Gm@C8e99ZY">
                           <field name="TEXT">&lt;table&gt;</field>
                         </block>
                       </value>
                       <value name="ADD1">
                         <block type="variables_get" id="4R$*aP-tIeoXAU7-OHcp">
                           <field name="VAR" id="^u_U-Az-`mhCz~(F_#oT">text</field>
                         </block>
                       </value>
                       <value name="ADD2">
                         <block type="text" id="3Nljk,tpV27x(#;V?7mB">
                           <field name="TEXT">&lt;/table&gt;</field>
                         </block>
                       </value>
                     </block>
                   </value>
                 </block>
               </next>
             </block>
           </next>
         </block>
       </next>
     </block>
   </statement>
 </block>
</xml>

[martinschm]

@muuulle said in Zeigt her eure iQontrol Visualisierung:

@dslraser
Cool!
Ist das ein Widget?

Ich habe eben bei der Müllabfuhr Kachel ein Knopf eingebaut. Wird am Tag der Abholung darauf gedrückt, wird Next After angezeigt. Kleinigkeit, aber mich freut‘s

Hi hat nicht direkt mit iQontrol zu tun, aber bei mir aktualisiert der TrashSchedule die verbleibenden Tage nicht. Nächste Abholung ist am 16.1 und es sind noch immer 3 Tage.

Woran liegt das?

[da_Woody]

@martinschm da bist du hier sicher besser aufgehoben...