New FHEM Tablet UI

[setstate]

Weis noch jemand was zu Punkt 3? Bekomme den Homestatus weder mit residents noch mit roommate angezeigt. Habe zum Test verschiedene Varianten eingegeben (auch als switch), aber keine funktioniert.

Das würde ich mir heute Abend nochmal anschauen. Ich muss zugeben, ich habe nur Senden probiert. Die Toast- Nachrichten sahen gut aus.  Ich habe kein Residents bei mir konfiguriert.

[nesges]

Zu den Wetterdaten habe ich zusätzlich eine Art Windrose aus den Anfängen des volume  widget rudimentär angepasst und dazu habe eine Frage ob ihr das widget_wind_direction.js mit den Himmelsrichtungen erweitern bzw. verschönern und die Regel/Update-funktion herausnehmen könnt , leider fehlt mir dazu die Idee und Verständnis. Den Namen könnt ihr natürlich ändern.

Ich hab's schonmal lokal übernommen und werde mal schauen, ob ich das anpassen kann. Ziemlich witzige Idee!

[bjoernbo]

Danke setstate!!!

so funktioniert es:

<div class="center">
        <div class="cell circlemenu">
   
            <ul class="menu">
               
              <li><div data-type="push" data-icon="fa-sliders"></div></li>
              <li><div data-type="push" onclick="doCam1('command=0&onestep=7',1)" data-icon="fa-arrow-up"></div></li>
             <li><div data-type="push" onclick="doCam1('command=4&onestep=7',1)" data-icon="fa-arrow-right"></div></li>
              <li><div data-type="push" onclick="doCam1('command=2&onestep=7',1)" data-icon="fa-arrow-down"></div></li>
               <li><div data-type="push" onclick="doCam1('command=6&onestep=7',1)" data-icon="fa-arrow-left"></div></li>
            </ul>
        </div>
        <div data-type="label" class="cell">Steuerung</div>
</div>

Ich bekomme aber den "mittleren" Button nicht ausgerichtet :-/

[setstate]

Danke setstate!!!

so funktioniert es:
Ich bekomme aber den "mittleren" Button nicht ausgerichtet :-/

in der fhem-tablet-ui.css muss die eine Zeile noch rein, dann passt es schon mal horizontal.
Vertikal suche ich noch ...

.circlemenu {
min-height: 52px;
min-width: 52px;
display: inline-block;
}

update: das hier:

<div class="cell circlemenu wider">

[bjoernbo]

jepppp.... jetzt passt es. Vielen Dank!

[nesges]

Unter https://github.com/nesges/Widgets-for-fhem-tablet-ui/blob/master/js/widget_wind_direction.js gibt's schonmal eine neue Version des wind_direction Widgets von michiatlnx.  Unnötiger Code ist entfernt, der knob ist readonly und die Bezeichnung der Windrichtung wird in der Mitte angezeigt. Muss jetzt leider weg, evtl. später mehr.

[setstate]

jepppp.... jetzt passt es. Vielen Dank!

Da war doch noch was offen Das Offenbleiben der Sub-Menüs?

Code Auswählen Erweitern

<div class="cell circlemenu wider">
       <ul class="menu keepopen">
         <li><div data-type="push" data-icon="fa-wrench"></div></li>
         <li><div data-type="push" data-device="AvReceiver" data-set="remoteControl subwoofer-temporary-level -6" data-icon="">-6</div></li>
         <li><div data-type="push" data-device="AvReceiver" data-set="remoteControl subwoofer-temporary-level -2" data-icon="">-2</div></li>
         <li><div data-type="push" data-device="AvReceiver" data-set="remoteControl subwoofer-temporary-level 0" data-icon="">0</div></li>
         <li><div data-type="push" data-device="AvReceiver" data-set="remoteControl subwoofer-temporary-level +3" data-icon="">2</div></li>
         <li><div data-type="push" data-device="AvReceiver" data-set="remoteControl subwoofer-temporary-level +9" data-icon="">9</div></li>
         <li><div data-type="push" data-device="AvReceiver" data-set="remoteControl subwoofer-temporary-level +C" data-icon="">12</div></li>
       </ul>
   </div>

Mit der Class 'keepopen' erreicht man, dass die Unterbuttons offen bleiben. Nur mit Click auf den mittleren Button geht alles wieder zu.
Es müssen dafür einige Files neu von Github gezogen werden.

[bjoernbo]

Ja genau! und ich bestätige hiermit das es funktioniert!!! Tolle Arbeit!

[michiatlnx]

Na das ist doch genial, vielen Dank für die Schnelle Umsetzung.

[setstate]

Chapeau! @nesges und @michiatlnx Très chic!

[bjoernbo]

wurde was am "dimmer"-Widget geändert? sehe nicht mehr die Prozentangabe.

[setstate]

wurde was am "dimmer"-Widget geändert? sehe nicht mehr die Prozentangabe.

Sorry, ich musste am z-index von Gridster rumschrauben, damit das circleMenu vorn ist. Dabei ist der Dimmer nach hinten gerutscht.
Ein

Code Auswählen Erweitern

[data-type="dimmer"]{
    z-index:2;
} hilft.
Ist auf Github geändert  in der fhem-tablet-ui.css

[bjoernbo]

Danke setsate, jetzt ist alles wieder OK.

[setstate]

Das würde ich mir heute Abend nochmal anschauen. Ich muss zugeben, ich habe nur Senden probiert. Die Toast- Nachrichten sahen gut aus.  Ich habe kein Residents bei mir konfiguriert.

Fehler gefunden und geändert. Bitte probiert es jetzt mal ...

[bmwfan]

Fehler gefunden und geändert. Bitte probiert es jetzt mal ...

Test mit residents: State home, absent und gone werden korrekt angezeigt. State gotosleep aber als home.

Test mit roommate:  State home wird als home angezeigt, aber auch state abwesend wird als home angezeigt.

Kann es daran liegen? Ich habe die Bezeichnungen in Deutsch geändert.

Code Auswählen Erweitern

attr eventmap home:zuhause absent:abwesend gone:verreist gotosleep:bettfein asleep:schläft awoken:aufgestanden
attr devstateicon .*zuhause:user_available:absent .*abwesend:user_away:home .*verreist:user_ext_away:home .*bettfein:scene_toilet:asleep .*schläft:scene_sleeping:awoken .*aufgestanden:scene_sleeping_alternat:home .*:user_unknown