New FHEM Tablet UI

[selfarian]

Ich habe mal eine Frage, bzw. ein Anliegen.

Ich habe mir überlegt, das ich gerne einen RasPi zusammen mit einem Monitor und dem TabletUi als Anzeige benutzen möchte. Bedienbar soll das Ganze eigentlich nicht sein (vielleicht wäre VNC eine Option). Ich hatte mir nur überlegt, ob es möglich wäre, das ich das TabletUi öffne und es dann automatisch alle x Sekunden in die nächste Ansicht wechselt. Geht das vielleicht jetzt schon? Und falls ja, wie?

Danke schon mal!

Gesendet von meinem HTC One mit Tapatalk

[Haecksler]

Einbau hat auf Anhieb geklappt. Leider zeigt der Slider geschlossen an, wenn die Jalousie offen ist. Reicht es, wenn ich Data-min auf 100 und data-max auf 0 setze, um die Richtung zu drehen?

Hallo bjoernbo,
hast du das Problem gelöst? Habe nämlich das gleiche Problem, du verwendest wohl auch Homematic. Wenn ich data-min auf 100 und data-max auf 0 setze geht der slider nicht mehr .
Gibt es eine Lösung?
Gruß,
Haecklser

[setstate]

Du hast aber auch class="small negated"
definiert! Damit verläuft der Slider von oben nach unten.
Ohne "negated" von unten nach oben.

[nesges]

das ich das TabletUi öffne und es dann automatisch alle x Sekunden in die nächste Ansicht wechselt. Geht das vielleicht jetzt schon? Und falls ja, wie?

Das kannst du mit standard Webtechniken lösen. zB der Meta-Tag "refresh":

Code Auswählen Erweitern

<META http-equiv="refresh" content="5;URL=seite2.html">

Würde nach 5 sekunden auf seite2.html umleiten. Detail dazu zB unter http://wiki.selfhtml.org/wiki/HTML/Kopfdaten/meta

[hyper2910]

Meine Frau ist begeistert und somit werde ich in kürze noch eine "Smartphone-Varinate" erstellen. Den Code stelle ich gerne zur Verfügung:

Hi,

das sieht richtig klasse aus, hast du auch die SmarthomeVariante schon erstellt?

Desweiteren wäre es schön, wenn du dein Font1 mir noch senden kannst!


Muss ich eigentlich noch etwas für Onclick ändern?

scheint bei mir keine Funktion zu haben:

Code Auswählen Erweitern

<li data-row="1" data-col="3" data-sizex="1" data-sizey="1">
   <header>2</header>
    <img src="img/senderlogos/ZDF-HD.png" class="top-space" onclick="setFhemStatus('set SATReceiver channel ZDF')"></img>


Gruss Dirk

[Haecksler]

Du hast aber auch class="small negated"
definiert! Damit verläuft der Slider von oben nach unten.
Ohne "negated" von unten nach oben.

Ja ich weiß.
Aber bei HM ist pct 100 wenn der Rolladen auf ist, d.h. wenn der Slider (Rolladen) oben ist habe ich 100 und wenn der Slider unten ist 0.
Daher sollte data-min="100" sein und data-max="0", dies funktioniert aber leider nicht  .

[kleing]

Hallo zusammen,

ich probiere immer noch neue Anzeigen mit dem Simplechart aus. So habe ich mit folgendem Code versucht den Regenverlauf meines KS300 Sensors über 2 Tage darzustellen.

Code Auswählen Erweitern


        <div data-type="simplechart"
data-logdevice="FileLog_KS300"
data-logfile="-"
data-columnspec="10:KS300.*:1:delta-h"
data-minvalue="0"
data-maxvalue="10"
data-yticks="1"
data-daysago="1"
data-caption="Regen l/h"
class="cell">
</div> 



Das Ergebnis (siehe Bild) verwundert mich ein wenig, ich hätte einen steileren Anstieg (binnen einer Stunde) erwartet wenn es zu Regnen beginnt , nicht aber einen recht "flachen" Amstieg über, so wie es aussieht mehrere Stunden). Gibt es eine Möglichkeit sich die exakten X-Werte die Simplechart zur Darstellung nutzt anzuzeigen (eventuell das zugehörige ARRAY o.ä.)?
Ich weiss, eine Liniengrafik ist hier nicht die erste Wahl, besser wäre ein Balkendiagramm, aber sei es drum.

Als zweite Frage (die sicher schon gestellt wurde, ich aber keine Antwort finde), gibt es eine Möglickeit eine Einteilung der X-Achse anzuzeigen, also etwa eine senkrechte Linie wenn der Tag wechselt?

Vielen Dank im Voraus.
Gruß
Gerald

[nesges]

Lege ein SVG-Plot mit den gleichen Werten an und vergleiche den Kurvenverlauf. Hier steht wie's geht: http://www.fhemwiki.de/wiki/Plots_erzeugen

[kleing]

Lege ein SVG-Plot mit den gleichen Werten an und vergleiche den Kurvenverlauf. Hier steht wie's geht: http://www.fhemwiki.de/wiki/Plots_erzeugen

Hallo,
habe ich gemacht, und versucht einigermassen gleich zu skallieren (siehe Bild). Also Meiner Meinung nach ist der Anstieg beim SVG Plot zum Maximum eindeutig steiler als beim Simplechart (und so hätte ich es auch erwartet).

Gruß
Gerald

[setstate]

Eine Verbesserung bei der x-Achse ist unterwegs. Heute Abend vielleicht.

[kleing]

Und ganz krass wird es wenn ich den Zeitraum um einen weitern Tag verlängere: da ging es wirklich von 0 auf 10 binnen zwei Stunden, so wie im SVG dargestellt.


Gruß
Gerald

[chris1284]

Gleich Frage hier: http://forum.fhem.de/index.php/topic,34233.msg302515.html#msg302515
Meine Antwort ist immer noch aktuell ...
Aber kann das jemand bestätigen, ob ich da richtig liege?

Code Auswählen Erweitern


<li data-row="4" data-col="4" data-sizex="4" data-sizey="2">
<header>Heizung Wohnzimmer Chart</header>
    <div data-type="simplechart"
data-logdevice="myDbLog"
data-logfile="history"
data-columnspec="wz_hz_Cima:measured-temp"
data-caption="Heizung Stube"
class="cell">
</div>
</li>

das geht schonmal nicht. wie müsste eine definition aussehen?

des weiteren (habe lange nichts an der ui geändert) muss ich neuerdings bei jeder änderung an der seite den browsercache löschen damit tablet-ui neue inhalte dann auch mal anzeigt. muss das so? sicher nicht, oder?

[setstate]

Wie versprochen ist das Update für das Simplechart Widget (Linien der X-Achse) jetzt bei Github zu finden.

Man kann jetzt auch die x-ticks (in Minuten) beeinflussen. Default sind 360min (6h)
Wenn man data-caption weg lässt, wird der Platz vom Chart genutzt .

Code Auswählen Erweitern


<div data-type="simplechart"
        data-logdevice="FileLog_WohnzimmerHeizung2"
        data-columnspec="4:meas.*"
        data-width="250px"
        data-height="120px"
        data-caption="Wohnzimmer" class="inline cell">
</div>
<div data-type="simplechart"
        data-logdevice="FileLog_KuecheHeizung"
        data-columnspec="4:meas.*"
        data-minvalue="10"
        data-maxvalue="30"
        data-width="250px"
        data-height="120px"
        data-yticks="4"
        data-xticks="1440"
        data-daysago="4"
        class="inline cell">
</div>


[SirUli]

Gleich Frage hier: http://forum.fhem.de/index.php/topic,34233.msg302515.html#msg302515
Meine Antwort ist immer noch aktuell ...
Aber kann das jemand bestätigen, ob ich da richtig liege?

DBLog funktioniert problemlos

Meine Definition als beispiel (TC_LP ist mein Logproxy, OF_Wandthermostat ist der Wandthermostat im Büro):

Code Auswählen Erweitern

<div data-type="simplechart"
data-logdevice="TC_LP"
data-logfile="CURRENT"
data-columnspec="DbLog:myDbLog:OF_Wandthermostat:temperature"
data-minvalue="15"
data-maxvalue="30"
data-yticks="2"
data-daysago="0"
data-caption="Temp."
class="fullsize">
</div>

Läuft. Und ja das Büro war heute vollgas in der Sonne

Im Anhang habe ich noch die Screenshots beigefügt - einmal von FHEM und einmal simplechart zum Vergleich.


Edit: Ich habe es so gemacht: Plot in FHEM angeschaut, dann unten auf "Show preprocessed Output" geklickt und dort stand sowas:

Code Auswählen Erweitern

get TC_LP CURRENT INT 2015-06-16_00:00:00 2015-06-17_00:00:01 DbLog:myDbLog:OF_Wandthermostat:temperature

In der commandref sah das filelog etwa so aus:

Code Auswählen Erweitern

get outlog out-2008.log - 2008-01-01 2008-01-08 4:IR:int: 9:IR::

daher hatte ich darauf geschossen, dass ich das logfile einfach als "CURRENT" bezeichne und dann läufts

[Nobby1805]

Für die y-Ticks habe ich die Skalierung hinbekommen ...

Code Auswählen Erweitern

//                                'style':'stroke:#555;stroke-width:1px',     
                                'style':'stroke:#555;stroke-width:'+(max-min)/200+'px',

aber bei den Kurven klappt das nicht weil ich es irgendwie nicht schaffe auf max und min zuzugreifen

@setstate: hast du mal überlegt diese Änderung als Fix für den IE zu übernehmen ?
und hast du evt. auch eine Lösung für die Kurven ?

Ich muss leider jedesmal nach dem update auf deine neuen Versionen die Anpassung wieder  on Hand nachziehen