New FHEM Tablet UI

nesges · 02 Mai 2015, 02:21:12

Zitat von: DJ_SAMMY190 am 01 Mai 2015, 20:52:17
Code Auswählen Erweitern
data-get-on='["[1-24]","[25-40]","[41-66]","[67-92]","[93-100]"]'

Das sind Klassen von Ziffern in Regexnotation. In Worten formuliert, hast du folgendes notiert:

Code Auswählen

data-get-on='["Die Ziffer 1,2,4 oder ein Bindestrich","Die Ziffer 0,2,4,5 oder ein Bindestrich","Die Ziffer 1,4,6 oder ein Bindestrich" etc.

Du willst vermutlich:

Code Auswählen

data-get-on='["0","25","41","67","93"]'

DJ_SAMMY190 · 02 Mai 2015, 02:46:34

Zitat von: nesges am 02 Mai 2015, 02:21:12
Das sind Klassen von Ziffern in Regexnotation. In Worten formuliert, hast du folgendes notiert:

Code Auswählen Erweitern
data-get-on='["Die Ziffer 1,2,4 oder ein Bindestrich","Die Ziffer 0,2,4,5 oder ein Bindestrich","Die Ziffer 1,4,6 oder ein Bindestrich" etc.

Du willst vermutlich:

Code Auswählen Erweitern
data-get-on='["0","25","41","67","93"]'

Hammer Super. So einfach natürlich nicht getestet -.-

bjoernbo · 02 Mai 2015, 07:31:33

@nesges: Wer lesen kann ist klar im Vorteil. Jetzt, wo ich deine style.css gesehen habe war ich etwas verdutzt. Im Wiki steht ja auch "Generate FONT". Naja, wenn ich immer auf Generate SVG klicke kann es auch nicht funtzen. Jetzt läuft es. Danke

bjoernbo · 02 Mai 2015, 08:15:05

Gab es eine Änderung im Circe-Widget? Ich habe nach langer Zeit mal alles aktualisiert und stelle fest, dass mein Circlemenü nicht mehr richtig funktioniert.

Zitat<li data-row="3" data-col="3" data-sizex="4" data-sizey="3">
<header>KAMERA</header>
<div class="container">
<div class="center">
<div class="cell">Ben</div>
<div type="label" class="cell"><img src="http://192.168.178.133:53 XXXXXXXXX" height="320" wight="350" border="0">
</img src></div>
</div>
<div class="ontop">
<div class="cell circlemenu wider">
<ul class="menu keepopen">
<li><div data-type="push" onclick="doCam1('command=1',1)" data-icon="fa-stop"></div></li>
<li><div data-type="push" onclick="doCam1('command=0',1)" data-icon="fa-arrow-up"></div></li>
<li><div data-type="push" onclick="doCam1('command=4',1)" data-icon="fa-arrow-right"></div></li>
<li><div data-type="push" onclick="doCam1('command=2',1)" data-icon="fa-arrow-down"></div></li>
<li><div data-type="push" onclick="doCam1('command=6',1)" data-icon="fa-arrow-left"></div></li>
</ul>
</div>
</div>
</div>
<iframe id="ifrResult1" name="ifrResult1" style="border:1pt;width:1px;height:1px;"></iframe>
<iframe id="ifrResult" name="ifrResult" style="border:1pt;width:1px;height:1px;"></iframe>
</div>
</div>
</li>

l3skon3 · 02 Mai 2015, 10:21:41

Guten Morgen,

1.) könnte mir jemand helfen ich hab bei meinen Heizkörperthermostaten CUL_HM_HM_CC_RT_DN die möglichkeit diese zu schliessen/ sperren (R-btnLock), wie realisiere ich einen Switch der dies für mich macht.

mit

Code Auswählen

<div data-type="switch" data-device="CUL_HM_HM_CC_RT_DN_xxxxx" data-get="R-btnLock" data-get-on="on" data-get-on="off" data-cmd="set+CUL_HM_HM_CC_RT_DN_xxxxx+R-btnLock" data-icon="fa-lock" class="cell"></div>

wird es richtig angezeigt aber nicht richtig gesetzt.

2.) Ist es möglich die Templisten der einzelnen Thermostate in FTUI einzubinden?

mfg

pnewman · 02 Mai 2015, 10:43:38

Hallo zusammen,

auch ich wollte nun mal diese Oberfläche für mein Tablet testen, die testoberfläche sieht auch gut aus.

Wo trage ich denn nun die Daten für meine Thermostaten, Schalter etc. ein?

Die .www/tablet/index.html sieht aus wie auf dem screenshot.

Wo bitte liegt mein Fehler?

Gruß
Ralf

tomster · 02 Mai 2015, 10:56:32

ZitatDie .www/tablet/index.html sieht aus wie auf dem screenshot.

Wo bitte liegt mein Fehler?

Schaut nach dem bekannten "CSS-wird-auf-dem-iPad-nicht-richtig-geladen-Fehler" aus. Mach ein paar Mal reload, bis es vernünftig ausschaut.
Um das UI auf Deine Bedürfnisse anzupassen, musst Du die Datei index.html editieren. Entweder extern auf deinem PC/ Mac und dann per FTP auf den FHEM-Rechner oder auf dem FHEM-Rechner direkt mit z.B. "vi".

pnewman · 02 Mai 2015, 11:10:42

Hallo tomster,

danke für die schnelle Antwort.

Ich exportiere die Datei mit Cyberduck und öffne sie anschließend mit Firefox oder TextEdit.
Sie sieht immer so aus wie auf dem screenshot.

Die Oberfläche auf meinem Tablet oder Laptop sieht aber wie auf diesem screenshot aus.

Gruß
Ralf

setstate · 02 Mai 2015, 11:27:23

Zitat von: bjoernbo am 02 Mai 2015, 08:15:05
Gab es eine Änderung im Circe-Widget? Ich habe nach langer Zeit mal alles aktualisiert und stelle fest, dass mein Circlemenü nicht mehr richtig funktioniert.

Hallo bjoernbo,

das circlemenu ist jetzt ein widget und muss deshalb so anfangen:

Code Auswählen


 <div data-type="circlemenu" class="cell circlemenu">
     <ul class="menu keepopen">
.
.
.

setstate · 02 Mai 2015, 11:39:04

Zitat von: l3skon3 am 02 Mai 2015, 10:21:41
Guten Morgen,

1.) könnte mir jemand helfen ich hab bei meinen Heizkörperthermostaten CUL_HM_HM_CC_RT_DN die möglichkeit diese zu schliessen/ sperren (R-btnLock), wie realisiere ich einen Switch der dies für mich macht.

wird es richtig angezeigt aber nicht richtig gesetzt.

2.) Ist es möglich die Templisten der einzelnen Thermostate in FTUI einzubinden?

mfg

zu 1.:

Laut Fhem-Wiki muss das so geschaltet werden:

Zitatset <HM-CC-RT-DN> regSet btnLock on

also würde ich den HTML Code zu anlegen:

Code Auswählen


<div data-type="switch" data-device="CUL_HM_HM_CC_RT_DN_xxxxx" 
        data-get="R-btnLock" 
        data-get-on="on" 
        data-get-on="off" 
        data-set-on="regSet btnLock on" 
        data-set-off="regSet btnLock off" 
        data-icon="fa-lock" class="cell"></div>

zu2.: in diese Richtung gibt es keine Aktivitäten, so weit ich weiß. Eine Anzeige per Labels könnte man zwar bauen, aber setzten ... Macht man doch nicht sooft, dass man das auf dem Tablet braucht. Ich würde mir dann lieber per 99_myUtils.pm fixe Settings anlegen und die per Switch vom Tablet aus setzen.

l3skon3 · 02 Mai 2015, 11:52:41

Zitat von: setstate am 02 Mai 2015, 11:39:04
zu 1.:

Laut Fhem-Wiki muss das so geschaltet werden:
also würde ich den HTML Code zu anlegen:
Code Auswählen Erweitern
<div data-type="switch" data-device="CUL_HM_HM_CC_RT_DN_xxxxx" data-get="R-btnLock" data-get-on="on" data-get-on="off" data-set-on="regSet btnLock on" data-set-off="regSet btnLock off" data-icon="fa-lock" class="cell"></div>

zu2.: in diese Richtung gibt es keine Aktivitäten, so weit ich weiß. Eine Anzeige per Labels könnte man zwar bauen, aber setzten ... Macht man doch nicht sooft, dass man das auf dem Tablet braucht. Ich würde mir dann lieber per 99_myUtils.pm fixe Settings anlegen und die per Switch vom Tablet aus setzen.

einfach Klasse!!! Besten Dank es klappt.

Zu. 2: Das werde ich auch so machen dazu nehme ich das Modul Heating_Control mit rein.

Besten Dank nochmal!

tomster · 02 Mai 2015, 13:06:48

@pnewman

Ahh, jetzt! Kann es sein, dass Du die index.html als eine Art Preview aus Cyberduck heraus via Firefox aufrufst? Dann wird nämlich nur die index.html aufgerufen, die lokal auf deinem Rechner liegt. Die Verzeichnisverweise zum CSS, etc., die in der index.html stehen (./www/tablet/css/xyz) werden dann natürlich nicht gefunden und demnach auch nicht eingebunden. Dann sieht's so aus, wie in deinem Screenshot.
Ich hab zwar kein Cyberduck, aber Du musst die index.html auch wieder per FTP auf den FHEM-Rechner zurückspielen nach der Änderung.
Wenn Du dann im Firefox http://[IP-des-FHEM-Rechners]:8083/www/tablet/index.html aufrufst, dann siehst Du auch im Firefox die geänderte Seite in voller Pracht.

pnewman · 02 Mai 2015, 13:36:52

Hallo tomster,

danke für die Antwort.

wenn in der index.html noch verweise stecken dann kopiere ich sie natürlich nicht mit.
Jetzt ist mir dies klargeworden.

Nur, wenn ich keinen Code sehe, kann ich auch keinen anpassen.

Zitat von: tomster am 02 Mai 2015, 13:06:48
Wenn Du dann im Firefox http://[IP-des-FHEM-Rechners]:8083/www/tablet/index.html aufrufst, dann siehst Du auch im Firefox die geänderte Seite in voller Pracht.

Bei mir erscheint dann nur die normale FHEM Oberfläche!
Da er dann auf http://[IP-des-FHEM-Rechners]:8083/fhem umstellt

Das kann doch nicht so schwer sein?
Irgendwo habe ich doch einen Denkfehler?

Wie bearbeitet Ihr denn die index.html?

Gruß
Ralf

setstate · 02 Mai 2015, 13:46:28

Hallo pnewman,

ich habe FHEM auf meinem NAS laufen, was ich im Finder auch als Netzlaufwerk sehe und kann die entsprechenden Folder dann auch mit Schreibzugriff per Finder öffnen und die index.html mit einem X-beliebigen Editor (TextEdit, BBEdit, Qt Creator) anpassen.

pnewman · 02 Mai 2015, 14:04:51

Zitat von: setstate am 02 Mai 2015, 13:46:28
Hallo pnewman,

ich habe FHEM auf meinem NAS laufen, was ich im Finder auch als Netzlaufwerk sehe und kann die entsprechenden Folder dann auch mit Schreibzugriff per Finder öffnen und die index.html mit einem X-beliebigen Editor (TextEdit, BBEdit, Qt Creator) anpassen.

Hallo setstate,

die Oberfläche gefällt mir sehr gut.

Ich hatte mal mit dem gedanken gespielt auf das NAS umzuziehen, aber erstmal lasse ich es lieber auf dem Raspberry, das NAS ist wieder eine Unbekannte mehr in diesem Spiel.

Ich habe gerade mittels Terminal und nano die index.html in bearbeitung.
Die Wohnzimmerthermostate (Max!) habe ich eingebunden, zeigen brav die Stati, aber die Temperaturänderung nehmen sie nicht mit.

Dies habe ich abgeändert:

Code Auswählen

<li data-row="2" data-col="4" data-sizex="4" data-sizey="2">
        <header>WOHNZIMMER</header>
        <div class="container">
          <div class="left">
                <div data-type="thermostat" data-device="T_Wohn" data-get="desiredTemperature" data-temp="temperature" class="cell"></div>
                <div data-type="thermostat" data-device="HZ_Tuer" data-valve="ValvePosition" data-get="desiredTemperature" data-temp="temperature" class="cell"></div>

Habe ich etwas vergessen?
Muss ich die änderung in der Oberfläche irgendwie bestätigen?

Gruß
Ralf