New FHEM Tablet UI

[kud]

Hat Niemand das Problem ?
Neueste Version nach /opt/fhem/www/tablet kopiert. Index-example in index umbenannt und schon knallt es mir das Log voll.


2015.11.21 16:48:22 1: Error:  has no TYPE
2015.11.21 16:48:22 1: Error:  has no TYPE
2015.11.21 16:48:22 1: Error:  has no TYPE
2015.11.21 16:48:22 1: Error:  has no TYPE
2015.11.21 16:48:22 1: Error:  has no TYPE
2015.11.21 16:48:22 1: Error:  has no TYPE
2015.11.21 16:48:22 1: Error:  has no TYPE
2015.11.21 16:48:22 1: Error:  has no TYPE
2015.11.21 16:48:22 1: Error:  has no TYPE
2015.11.21 16:48:22 1: Error:  has no TYPE
2015.11.21 16:48:22 1: Error:  has no TYPE
2015.11.21 16:48:22 1: Error:  has no TYPE
2015.11.21 16:48:22 1: Error:  has no TYPE
2015.11.21 16:48:21 1: Error:  has no TYPE
2015.11.21 16:48:21 1: Error:  has no TYPE
2015.11.21 16:48:21 1: Error:  has no TYPE
2015.11.21 16:48:21 1: Error:  has no TYPE
2015.11.21 16:48:21 1: Error:  has no TYPE
2015.11.21 16:48:21 1: Error:  has no TYPE
2015.11.21 16:48:21 1: Error:  has no TYPE
2015.11.21 16:48:21 1: Error:  has no TYPE
2015.11.21 16:48:21 1: Error:  has no TYPE
2015.11.21 16:48:21 1: Error:  has no TYPE
2015.11.21 16:48:21 1: Error:  has no TYPE
2015.11.21 16:48:21 1: Error:  has no TYPE
2015.11.21 16:48:21 1: Error:  has no TYPE

[setstate]

Ich vermute, dein FHEM kennt die Devices und Readings aus der index_example.html nicht.

Nimm mal ein leeres Template und füge ein Widget für eines deiner Devices ein

[kud]

Danke.

[Nobby1805]

Ja, das Control mit Min und Max Pegel könnte man mit drei-vier DIVs und etwas CSS Voodoo schneller neu bauen, als das Powerange umzubauen.

Hilfe !!!!
Ich versuche jetzt seit Tagen ein passendes Widget dafür zu bauen ... aber meine Kenntnisse von javascript reichen dafür nicht aus, irgendwas läuft nach jeder Änderung immer wieder schief  ... wer kann mir helfen ?

[setstate]

Hilfe !!!!
Ich versuche jetzt seit Tagen ein passendes Widget dafür zu bauen ... aber meine Kenntnisse von javascript reichen dafür nicht aus, irgendwas läuft nach jeder Änderung immer wieder schief  ... wer kann mir helfen ?

Mache ich gerne ...

könnte man das Widget so erweitern, dass auch der Anfang des "Balkens" von einem Reading gesteuert wird? Ich würde damit gerne jeweils einen Min- und Max-Wert darstellen

Wie ist der Anwendungsfall genau? Man braucht min, max, value_low und value_high? Und gib mal die Ausgabe von list deines Devices.

[Nobby1805]

Optisch sieht das Beispiel schon sehr gut aus  min und max sind Konstanten, value_low und value_high sind readings eines devices
Ich habe mehrere Anwendungsfälle dafür ... hier eine Auszug des list für 2 Beispiele: 1. Wolkendecke, 2. prognostizierte Min und MAx-Temperatur 

Internals:
   DEF        Essen
   INTERVAL   7200
   NAME       proplanta
   NR         277
   STATE      Tmin: 4 Tmax: 8 T: 3.4 H: 95.1 W: 14.4 P: 999.9
   TYPE       PROPLANTA
   URL        http://www.proplanta.de/Wetter/Essen-Wetter.html
   URL2       http://www.proplanta.de/Wetter/profi-wetter.php?SITEID=60&PLZ=Essen&STADT=Essen&WETTERaufrufen=stadt&Wtp=&SUCHE=Wetter&wT=
   Readings:
     2015-11-21 22:21:08   cloudBaseMax    100
     2015-11-21 22:21:08   cloudBaseMin    50
...
     2015-11-21 22:21:08   fc0_tempMax     8
     2015-11-21 22:21:08   fc0_tempMin     4

dann hätte ich natürlich noch weitere Ideen für Verschönerungen ... z.B. wenn min kleiner Null ist den Balken unterhalb von 0 (falls value_low auch unter Null) in einer anderen Farbe als oberhalb von Null

[setstate]

hier der erste Entwurf zum einem Range Widget, der sicherlich noch ausbaufähig ist ...

Anwendung:

Code Auswählen Erweitern


  <div class="cell">
    <div data-type="range" data-device="AgroWeather" data-low="fc0_tempMin" data-high="fc0_tempMax" data-max="10" data-min="0" class="inline left-space"></div>
    <div data-type="range" data-device="AgroWeather" data-low="fc1_tempMin" data-high="fc1_tempMax" data-max="10" data-min="0" class="inline left-space"></div>
    <div data-type="range" data-device="AgroWeather" data-low="fc2_tempMin" data-high="fc2_tempMax" data-max="10" data-min="0" class="inline left-space"></div>
  </div>


[Nobby1805]

Hallo Mario,

Danke !! Wunderbar !!
Das ist schon fast so wie ich es mir gewünscht habe 

Ich habe mir das Modul auch angesehen und (hoffentlich) einigermaßen verstanden ... ich glaube, ich weiß jetzt auch woran ich immer gescheitert bin 

Einen kleinen Unterschied zu meinen Wünschen gibt es allerdings noch ... die Farbe wird jetzt geändert wenn low kleiner als min ist (blau) bzw. wenn high größer als max ist (rot). Ich hatte es mir so vorgestellt, dass der Balken die Farbe ändert wenn low kleiner als eine Schwelle wird ... also min = -10, Schwelle = 0, Balken orange wenn low>=0, Balken blau wenn low < 0  ... bzw. ganz klasse: wenn low z.B. -3 dann ist der Balken von -3 bis Schwelle, also 0, blau und dann von 0 bis zu high orange

Aber so ist es auch schon toll und ich habe meine Seite schon geändert

Viele Grüße
Norbert

PS der dritte Balken von rechts beginnt bei -1 ... und der Abstand der Balken ist ohne left-space 

[peterboss]

Hallo an Alle !

Bin dabei einen schönen und bequemen Frontend zuerstellen, um bei einer Viessmann Heizung die Zeiten für Heizung , Warmwasser und Zirkulationspume  zu ändern!

http://forum.fhem.de/index.php/topic,20280.840.html Antwort #843

Wer hat eine gute Idee oder einen Vorschlag?

Danke

[stera]

Hallo,

ich wollte gerne das Klimatrend benutzten. Leider zeigt der mir im Frontend keine Pfeile an und stehe jetzt bisschen auf dem Schlauch wo dran das liegen könnten.. Hoffe ihr habt eine Antwort.

Die widget_klimatrend.js habe ich in das js Verzeichnis kopiert

Von AgroWheater habe ich aus der Statistic diesen Wert für Luftdruck hinzugefügt:

Code Auswählen Erweitern


pressure
1002.9   2015-11-22 12:27:15

statPressureTendency
1h: +0.3 2h: +1.0 3h: +1.6 6h: +3.7   2015-11-22 11:59:55




Das habe ich meiner index.htl hinzugefügt

Code Auswählen Erweitern


<div data-type="klimatrend" data-device="AgroWeather" data-get="statPressureTendency" data-refperiod="1"
    data-stagnating-color="rgb(80,80,80)"
    data-icon="fa-angle"
    data-rising-color="rgb(180,80,80)"
    data-falling-color="rgb(80,80,180)"
    data-highmark="1"
    data-highmark-icon="fa-angle-double"
    data-highmark-rising-color="rgb(255,80,80)"
    data-highmark-falling-color="rgb(80,80,255)"
    class="cell small">
</div>


[zYloriC]

Hallo,

leider bin ich noch nicht weiter gekommen. Es ist sogar noch eine Frage hinzu gekommen:

   
• Wie schaffe ich es, dass nach einem Label, das einen Wert ausliest und anzeigt mit dem beschreibenden Text in einer Zeile steht. Hier ein Beispiel für den Code, der die Temperatur in 2 Zeilen anzeigt

Code Auswählen Erweitern

<div data-type="label" data-device="myWH3080" data-get="Temp-outside" class="darker"></div><div class="darker"> °C draußen</div>


Danke für einen Hinweis.  Gruß, zYloriC



anbei meine noch offenen Fragen. Hat jemand eine Idee oder einen Link zu nachlesen?? Danke.

   
• Wie kann ich in einem circlemenu die Schriftgröße der pushes verkleinern? Mit class und Co hatte ich noch keinen Erfolg.
  zB: <li><div class="small" data-type="push" data-icon="fa-wrench"></div></li>
        <li><div class="small" data-type="push" data-device="hm.jal.eg.arbeit" data-set="on" data-icon="fa-angle-double-up" class="small"></div></li>
        <li><div class="small" data-type="push" data-device="hm.jal.eg.arbeit" data-set="halb" data-icon="" style="font-size:80%">1/2</div></li>
• Wie kann ich mit chart oder simplechart Werte aus einem DBLog auslesen. Ich verstehe nicht wie "data-columnspec" bei DBLog aussehen muss.
• Ich möchte in einem Fester in FTUI spezielle StatusInfos ausgeben. Meine Idee war, ein FileLog dazu zu erstellen. Leider bekomme ich es nicht per Label eingebunden/angezeigt. Gibt es Alternativen zum FileLog zur Statusanzeige in FTUI
  zB: <div data-type="label" log-device="tabInfo-2015-11.log" class="darker"></div><div class="darker"></div>

[Gunther]

Hallo an Alle !

Bin dabei einen schönen und bequemen Frontend zuerstellen, um bei einer Viessmann Heizung die Zeiten für Heizung , Warmwasser und Zirkulationspume  zu ändern!

http://forum.fhem.de/index.php/topic,20280.840.html Antwort #843

Wer hat eine gute Idee oder einen Vorschlag?

Danke

Super Idee. Da ich befürchte, dass das hier untergeht, habe ich mal einen extra Thread aufgemacht:
http://forum.fhem.de/index.php/topic,44473.0.html
Hoffe, das ist in Deinem Sinne.

[stera]

Entweder mit data-unit="  C" oder du machst das mit Tabellen

Hier ist beide vereint:

Code Auswählen Erweitern



<div class="top-space">
<table border="0px" width="100%">
        <tr>
    <td><div data-type="label" class="cell1" >Star</div></td>   
            <td><div data-type="label" data-device="Star" data-get="Diesel" data-unit="&euro;" data-fix="2" class="cell1"></div></td>
        </tr>
</table>
</div>



[setstate]

   

• Wie schaffe ich es, dass nach einem Label, das einen Wert ausliest und anzeigt mit dem beschreibenden Text in einer Zeile steht. Hier ein Beispiel für den Code, der die Temperatur in 2 Zeilen anzeigt

Code Auswählen Erweitern

<div data-type="label" data-device="myWH3080" data-get="Temp-outside" class="darker"></div><div class="darker"> °C draußen</div>

http://www.fhemwiki.de/wiki/FHEM_Tablet_UI/FAQ#Wie_bekommt_man_Elemente_nebeneinander_und_.C3.BCbereinander.3F

[Nobby1805]

Erfolg  ich habe es wahrhaftig selbst geschafft ...

ich definiere einen 3. Balken immer dann wenn min < 0 ist und aktiviere diesen in blau bis zur Oberkante 0 (und gerade Oberkante) wenn low auch kleiner 0 ist