New FHEM Tablet UI

[bjoernbo]

lol, das schließende </a> wars. Jetzt funzt es :-D

<li data-row="1" data-col="1" data-sizex="1" data-sizey="1">
        <header>DASHBOARD</header>
<div typw="label"class="cell"><a href="http://192.168.178.51:8083/fhem/?room=DashboardRoom">Dashboard</a></div>
</li>

Jetzt muss ich nur noch einen weg vom Dashboard wieder zurück finden.

[bjoernbo]

nun mit Anhang

[bjoernbo]

Hallo, ich habe ein kleine Konfiguationsproblem.

Ich benötige die Spalte "Kamera" in der selbigen BREITE wie den Raum "Julia".

<li data-row="1" data-col="5" date-sizex="0" data-sizey="4">
        <header>KAMERA</header>

<div type="label" class="cell"><img src="http://192.168.178.133:5300/snapshot.jpg?user=xxxxxx&pwd=xxxxx" height="116" wight="131" border="0"></img src>
<img src="http://192.168.178.134:5400/snapshot.jpg?user=xxxxxx&pwd=xxxxxxx" height="116" wight="131" border="0"></img src></div>
<div type="label" class="cell"><img src="http://192.168.178.132:5200/snapshot.jpg?user=xxxxx&pwd=xxxxxxx" height="116" wight="131" border="0"></img src>
<!-- <img src="http://192.168.178.135:5500/cgi-bin/CGIProxy.fcgi?cmd=snapPicture2&usr=xxxxxx&pwd=xxxxxxxx&" height="100" wight="100" border="0"></img src>

</li>

(//)

An welcher Stelle muss ich da nun ansetzen?? SizeX und SizeY bringt mir keine Ergebnisse :-/

[Mitch]

das

Code Auswählen Erweitern

<li data-row="1" data-col="5" date-sizex="0" data-sizey="4"> stimmt ja schon nicht.
Julia ist ja schon col 6 (wenn jeweils x=2

Muss ja min. so heißen:

Code Auswählen Erweitern

<li data-row="1" data-col="8" date-sizex="2" data-sizey="2">

Ist aber jetzt alles aus dem Bauch und schwer, ohne die restlichen divs.
Am besten Du postet mal alles.

[jehu]

Hallo Zusammen,

ich bin gerade dabei diese wunderbare UI zu testen. @Markus vielen Dank für deine Arbeit - tolles Design *Daumen hoch*

Vielleicht könnt ihr mir hier noch ein paar Tipps geben

Aktuell habe ich 2 Probleme:

1. Bei einigen Widget z.B switch und contact werden die Statis nach einem Reload der Seite nicht wieder übernommen.
Wenn beispielsweise ein Fenster geöffnet wird, wird das sofort übernommen. Nach einem Reload(oder Neustart der Seite) wird das Fenster als geschlossen angezeigt. Schliesse und öffne ich das Fenster wieder, wird der Status "offen" wieder angezeigt. In FHEMWEB wird natürlich immer sofort aktualisiert. Bei Schaltern passiert das auch. Thermostate werden aber richtig angezeigt.

2. Beim Thermostat (ich habe aktuell nur einen) wird bei Änderung der Temperatur diese Änderung in FHEM nicht übernommen.
Im unteren linken Eck wird bei der Toast-Nachricht folgender Text angezeigt:
"Set Bad_Heizung_Climaundefined 20"             - Bad_Heizung_Clima ist mein HM-CC-RT-DN (channel4)

Normalerweise müsste doch "Set Bad_Heizung_Climadesired-temp 20" dort stehen ?

Woran könnte das liegen, könnt ihr mir einen "Schupps" in die richtige Richtung geben?

Schöne Grüße
Jens

[Mitch]

Poste mal deine index bzw. den Teil mit dem Thermostat

[bjoernbo]

Nach viel tüftele habe ich es nun hinbekommen und möchte das vorläufige Ergebnis nicht vorenthalten. Als nächstes wäre es eine coole Sache, wenn ich die Anruferliste der FritzBox einbinden könnte. Jemand schon eine Idee? Ist das machbar?
Ps: Die Ansicht ist nun für ein 10.1" Display ideal angepasst :-D

[Jewo]

@bjoernbo

Etwas OT:
Womit misst du eigentlich die CO2 Konzentration ?

Gruß
Jens

[bjoernbo]

... mit dem Innenthermometer der NETATMO Wetterstation.

[Mitch]

Ich haben fertig 

So, hier mein (vorläufig) fertiges UI

[bjoernbo]

sieht auch nett aus! Mit ein bisschen HTML kann man sich hier ganz gut austoben !!!! Bin auf weitere Beispiele und Erweiterungen gespannt.

[nesges]

Hier noch eine Spielerei zu Gridster: https://github.com/nesges/daydream-for-gridster

Nach einer einstellbaren Startzeit werden alle Widgets auf 1x1 Größe reduziert und kontinuierlich, zufällig über's Grid geschoben. Mausbewegung oder Klick bringen alles zurück auf Standardgröße und -position. Sollte grundsätzlich in jeder Gridster-Anwendung, die HTML zur Widgetdefinition nutzt, funktionieren.

[Mitch]

Nette Funktion, werde ich mal testen.

Ist zwar nichts für mein FHEM Tablet, aber lustig finde ich es trotzdem.

[bjoernbo]

ist es möglich bei einem Wandthermostat gleich zwei Werte auszulesen. Neben der aktuellen Temperatur hätte ich gerne in einer Zeile Darunter auch die Luftfeuchtigkeit, aber folgendes Codebeispiel funktioniert leider nicht:

<div type="thermostat" device="Julia.Wandthermostat" data-get="desired-temp" data-get="humidity" data-temp="measured-temp"

[nesges]

Du willst zwei Zeilen, du brauchst zwei divs:

Code Auswählen Erweitern

<div type="thermostat" device="Julia.Wandthermostat" data-get="desired-temp"...
<div type="thermostat" device="Julia.Wandthermostat" data-get="humidity"...