New FHEM Tablet UI

[bjoernbo]

:-D Danke.

data-fix="0"

hatte ich kurz nach meinem Post eingefügt und behebt somit das Problem im Bezug auf die Nachkommastelle. Trotzdem Danke für deine Tipp!

Deine Ausführung klingt so, als ob es geplant ist dies mal als Standard für das UI zu übernehmen ?!

[Paul.baumann]

Hallo,

@setstate: Wie siehts denn mit dem vielversprechenden Slider Button aus Post #168 aus?

Sind denn generell vertikale/horizontale Slider Widgets in Planung?

Paul

[nesges]

Deine Ausführung klingt so, als ob es geplant ist dies mal als Standard für das UI zu übernehmen ?!

Nicht meine Entscheidung. Ich mach auch nur Vorschläge

[dancatt]

@dancatt: zu 1) probiere es mal mit Negation: data-get-off="((?!Wert1).)*" data-get-on="Wert1"
Bedeutet: alles außer Wert1 führt zum Ausschalten. Habe ich aber noch nicht selbst getestet, sollte aber klappen.

Klappt leider nicht.

Ich würde das aber auch nicht benötigen, wenn

- wenn longpoll an ist, kommen alle Events ja live rein, dann nur aller 15 Minuten sicherheitshalber ein shortpoll (Full refresh) falls ein Event mal verlustig gegangen ist.

funktionieren würde.
Dann würde ja beim Klick auf Wert2 im UI der dummy in Fhem auf Wert2 gesetzt (funktioniert) und durch longpoll der Wert1 im UI ausgeschaltet (funktioniert nicht).
Ich hoffe mein Problem ist klar. Ansonsten kann ich morgen Abend mal ein einfaches Beispiel mit ein paar Screenshots bereitstellen.

[setstate]

Hallo,

@setstate: Wie siehts denn mit dem vielversprechenden Slider Button aus Post #168 aus?

Sind denn generell vertikale/horizontale Slider Widgets in Planung?

Paul

Hallo Paul,
sieht gut aus, das Widget läuft. Nur baue ich gerade die komplette fhem-tablet-ui.js um. Dort ist dann nur noch die Basisfuktionalität drin. Alle UI Controls sind dann als Object Literal separat nachladbar. Damit wird nur das geladen, was auch gebraucht wird. Das wird wichtig, wenn noch mehr Widgets hinzukommen. Bestimmt schaffe ich es noch diese Woche, es hochzuladen.
Der kommende Dimmer ist eher ein Toggle-Button (0/x%), Einstellen kann man dann die x%. Vertikale/horizontale klassische Slider wird es auch später mal geben. Das wird dann ein dünner grau/farbiger Strich mit einem runden Handle.

[setstate]

Klappt leider nicht.

Ich würde das aber auch nicht benötigen, wennfunktionieren würde.
Dann würde ja beim Klick auf Wert2 im UI der dummy in Fhem auf Wert2 gesetzt (funktioniert) und durch longpoll der Wert1 im UI ausgeschaltet (funktioniert nicht).
Ich hoffe mein Problem ist klar. Ansonsten kann ich morgen Abend mal ein einfaches Beispiel mit ein paar Screenshots bereitstellen.

Geht bei mir auf anhieb:

Code Auswählen Erweitern


<div class="cell left">
<div type="switch" device="dummy1" data-get-off="((?!Wert1).)*" data-get-on="Wert1" class="cell" ></div>
<div type="label" class="cell">Wert1</div>
<div type="switch" device="dummy1" data-get-off="((?!Wert2).)*" data-get-on="Wert2" class="cell" ></div>
<div type="label" class="cell">Wert2</div>
<div type="switch" device="dummy1" data-get-off="((?!Wert3).)*" data-get-on="Wert3" class="cell" ></div>
<div type="label" class="cell">Wert3</div>
<div type="switch" device="dummy1" data-get-off="((?!Wert4).)*" data-get-on="Wert4" class="cell" ></div>
<div type="label" class="cell">Wert4</div>
</div>


Wenn du Button 1 drückst, kommt dieses Event in FHEM:

Code Auswählen Erweitern

2015-03-19 22:04:40 dummy dummy1 Wert1

Das Ausschalt-Event abonnierst du mit data-get-off="xyz". Mit data-get-off="((?!Wert2).)*" schalten alle anderen Buttons aus, weil die Bedingung nicht erfüllt ist.
Hast du die neuste Version von Github bei dir drauf?

[jehu]

Hi bjoernbo,

Danke für das Icon und den Quelltext.
Ich dachte anfänglich das wäre ein Icon um das aktuelle Wetter direkt anzuzeigen. Ich finde den Look nämlich sehr schön.
Aber so ist das auch eine gute Lösung und ich werde dieses wohl in ähnlich übernehmen.

Toll was sich hier entwickelt  *Daumen hoch* 

Grüße
Jens

[bjoernbo]

Hi, ne ist nur eine Verknüpfung. Aber eine oder zwei Seiten vorher hat nesges ein JS zur Verfügung gestellt und ich meine es ging darum, dass Icon entsprechen der Luftfeuchtigkeit o.ä. anzeigen zu lassen.

Ja, ich finde das auch sehr interessant was sich hier in kurzer Zeit im Bezug auf das UI entwickelt hat. Ich hoffe das es noch weitere tolle Anbindungen gibt.

[mago0211]

Hallo zusammen,

ich habe heute angefangen mir ein Dashboard zu basteln. Leider sind meine Kenntnisse etwas begrenzt sorry dafür 

Zur Heizungssteuerung setzte ich einen Dummy ein dort Trage ich die gewünschte Temperatur ein z.b.

Code Auswählen Erweitern

set dummy 20

Ich wollte mir im Dashboard ein Thermostat Widget anzeigen lassen

Code Auswählen Erweitern

<div type="thermostat" device="Bad_Soll_Temp" data-get="state" data-temp="state" data-set="state" class="cell"></div>

Die Anzeige funktioniert auch  .
Aber wenn ich am Regler drehe und die Temperatur verstellen will steht in den Readings des dummys

Code Auswählen Erweitern

state state19
ich will aber das nur 19 drin steht ohne dem Wort state davor.

Ich habe auch versucht data-set="state" weg zu lassen dann steht in den Readings

Code Auswählen Erweitern

state desired-temp 23 Was irgendwie logisch erscheint da desired-temp ja der Standardwert ist.

Kann mir da jemand weiterhelfen?

Grüße
Markus

[nesges]

Versuch mal:

Code Auswählen Erweitern

data-set=" "

[mago0211]

Ja so gehts 
Manchmal ist die Lösung so einfach 

Da hab ich aber gleich noch ne Anschlussfrage 

Wenn ich die Temperatur jetzt verstelle wird zwar im Dummy der Wert eingetragen aber im Dashboard springt die Anzeige wieder zurück dort sehe ich die Änderung erst wenn ich die Seite neu Lade ?

Gruß

[nesges]

Wenn ich die Temperatur jetzt verstelle wird zwar im Dummy der Wert eingetragen aber im Dashboard springt die Anzeige wieder zurück dort sehe ich die Änderung erst wenn ich die Seite neu Lade ?

Hast du die anderen data-Attribute auch auf " " gesetzt? Versuch das mal. Falls das nichts bringt, zeig mal einen Ausschnitt aus dem Eventmonitor, beim Temperatur verstellen.

[nesges]

@setstate: Lösung für mago0211's Problem könnte sein
fhem-tablet-ui.js, Zeile 138:

Code Auswählen Erweitern

$(this).data('set', (typeof $(this).data('set')=='undefined'?'desired-temp':$(this).data('set')));

Damit wird der Default nur heran genommen, wenn das Attribut nicht gesetzt ist. Sollte entsprechend bei allen Default-Werten angepasst werden. Da du grade größere Umbauarbeiten angekündigt hast, weiss ich nicht ob sich derzeit ein Pull-Request lohnt - ich mach aber gerne einen fertig!

[mago0211]

also wenn ich die anderen auch auf " " einstelle wird der Wert nicht mehr angezeigt bzw. als Wert wird 10 angezeigt

Mit folgender Einstellung

Code Auswählen Erweitern

<div type="thermostat" device="Bad_Soll_Temp" data-get="state" data-temp="state" data-set=" " class="cell"></div>

bekomme ich im Event Monitor

Code Auswählen Erweitern

2015-03-20 16:14:35 dummy Bad_Soll_Temp 26
2015-03-20 16:14:45 dummy Bad_Soll_Temp 28

Und mit

Code Auswählen Erweitern

<div type="thermostat" device="Bad_Soll_Temp" data-get=" " data-temp=" " data-set=" " class="cell"></div>

Code Auswählen Erweitern

2015-03-20 16:15:52 dummy Bad_Soll_Temp 22
2015-03-20 16:15:59 dummy Bad_Soll_Temp 26

Bei Variante 2 bleibt der Regler dann auch auf den Eingestellten Wert stehen. Wenn ich aber jetzt die Seite neu lade wird der Wert im Dashboard auf 10 gesetzt im Dummy bleibt er auf dem eingestellten Wert stehen.

Also genau das gegenteilige Verhalten 

[nesges]

Versuch das mal, damit funktioniert's hier bei mir:

Code Auswählen Erweitern

    <li data-row="1" data-col="1" data-sizex="7" data-sizey="4">
        <div type="thermostat"
            device="TEST_DUMMY"
            data-get="STATE"
            data-temp="STATE"
            data-set=" "
            class="cell"></div>

Edit: data-temp funktioniert doch nicht. Aber da fehlt mir jetzt auch die Idee wie man's lösen könnte.