New FHEM Tablet UI

[ulli]

Hallo zusammen,

bin gerade sehr begeistert von TabletUI und bau gerade einiges zusammen, aus den klasse Vorbildern

Code Auswählen Erweitern

http://www.juergenstechnikwelt.de/smarthome-2/smarthome-mit-fhem-meine-beispielkonfiguration-ueber-google-drive-verfuegbar/
und

Code Auswählen Erweitern

http://ueberueck.com/index.php/fhem-hausautomatisierung/fhem-tablet-ui/13-ftui-tablet

Danke für die Bereitstellung.

Jetzt würde ich noch gerne eine TV-Programmansicht ergänzen. Da ich jetzt nicht auf dem weißen Papier anfangen möchte, da mein Verständnis aktuell noch nicht sehr gut ist wollte ich Fragen ob einer schon eine solche Ansicht zusammen gebaut hat?

[Warlock_2016]

Hallo Zusammen

was nimmt ihr als Device dafür, wenn ihr es an die Wand montieren solltet?

Gibt es einen Bildschirm der wenig Strom verbraucht, aber dennoch eine Sehr gute Helligkeit ausweisst am besten mit Touchscreen?

Gruss, Markus

[Warlock_2016]

Hallo Zusammen

was nimmt ihr als Device dafür, wenn ihr es an die Wand montieren solltet?

Gibt es einen Bildschirm der wenig Strom verbraucht, aber dennoch eine Sehr gute Helligkeit ausweisst am besten mit Touchscreen?

Gruss, Markus

[Lichti]

Also im Wiki steht:
"data-set    value to send to Fhem"

Funktioniert ja auch wenn ich einen switch definiere.
Nur mit push tut sich nichts.

[setstate]

Also im Wiki steht:
"data-set    value to send to Fhem"

Funktioniert ja auch wenn ich einen switch definiere.
Nur mit push tut sich nichts.

Das Thema hatten wir heute schon mal. Vermutlich ist das WIKI nicht up-to-date.

####Push widgets
- **data-set**    : name of the reading to set on FHEM (\<command\> \<device\> **\<reading\>** \<value\>) (default '')
- **data-set-on** : value (or an array of values) to send when the the button get pressed. (default '')

data-set ist für den Reading-Name
data-set-on ist der Wert
Ein leeres data-set-on unterdrückt das Senden.

[Lichti]

Danke, das war's.

[Nobby1805]

Das Thema hatten wir heute schon mal. Vermutlich ist das WIKI nicht up-to-date.

####Push widgets

Ich habe das im Wiki mal angepasst

Im github ist bei PUSH übrigens data-icon zweimal mit leicht unterschiedlicher Beschreibung aufgeführt

[kvo1]

Hallo zusammen,

bin gerade sehr begeistert von TabletUI und bau gerade einiges zusammen, aus den klasse Vorbildern

Code Auswählen Erweitern

http://www.juergenstechnikwelt.de/smarthome-2/smarthome-mit-fhem-meine-beispielkonfiguration-ueber-google-drive-verfuegbar/
und

Code Auswählen Erweitern

http://ueberueck.com/index.php/fhem-hausautomatisierung/fhem-tablet-ui/13-ftui-tablet

Danke für die Bereitstellung.

Jetzt würde ich noch gerne eine TV-Programmansicht ergänzen. Da ich jetzt nicht auf dem weißen Papier anfangen möchte, da mein Verständnis aktuell noch nicht sehr gut ist wollte ich Fragen ob einer schon eine solche Ansicht zusammen gebaut hat?

nicht wirklich , nur mal so als Test 

Code Auswählen Erweitern

<li data-row="8" data-col="2" data-sizex="8" data-sizey="3" class="semitransparent">
<header>TV Programm</header>
<div data-type="swiper" data-height="132px" data-width="740px" class="">
        <ul>
            <li>
  <div data-type="label" class="big">A R D</div>
  <div class="cell center">
  <div data-type="label" class="cell narrow inline"> Aktuell: </div>
  <div data-type="label" data-device="TV_Programme" data-get="ARD" class="cell"></div>
  </div>
  <div class="cell center">
    <div data-type="label" class="cell narrow inline"> Ab </div>
                <div data-type="label" data-device="TV_Programme" data-get="ARD_Nexttime" class="cell inline"></div>
        <div data-type="label" class="cell narrow inline"> Uhr:</div>
        <div data-type="label" data-device="TV_Programme" data-get="ARD_Next" class="cell inline"></div>
      </div>
</li>
<li>
  <div data-type="label" class="big">P R O 7</div>
  <div class="cell center">
  <div data-type="label" class="cell narrow inline"> Aktuell: </div>
  <div data-type="label" data-device="TV_Programme" data-get="Pro7" class="cell"></div>
  </div>
  <div class="cell center">
    <div data-type="label" class="cell narrow inline"> Ab </div>
                <div data-type="label" data-device="TV_Programme" data-get="Pro7_Nexttime" class="cell inline"></div>
        <div data-type="label" class="cell narrow inline"> Uhr:</div>
        <div data-type="label" data-device="TV_Programme" data-get="Pro7_Next" class="cell inline"></div>
      </div>
</li>
<li>
  <div data-type="label" class="big">R B B</div>
  <div class="cell center">
  <div data-type="label" class="cell narrow inline"> Aktuell: </div>
  <div data-type="label" data-device="TV_Programme" data-get="RBB" class="cell"></div>
  </div>
  <div class="cell center">
    <div data-type="label" class="cell narrow inline"> Ab </div>
                <div data-type="label" data-device="TV_Programme" data-get="RBB_Nexttime" class="cell inline"></div>
        <div data-type="label" class="cell narrow inline"> Uhr:</div>
        <div data-type="label" data-device="TV_Programme" data-get="RBB_Next" class="cell inline"></div>
      </div>
</li>
</li>
</ul>
</div>
</li>


[setstate]

Hallo setstate,

ich würde gerne die "Original Icons" für das Weather-Widget für Proplanta verwendet. Lässt sich das irgendwie in das Widget mit einbauen?

für den Download der Icons hat "Hexenmeister" ein Script geschrieben http://forum.fhem.de/index.php/topic,31160.msg297505.html#msg297505

Viele Grüße
Achim

Die originalen Images kann man sich direkt per Image-Widget live anzeigen lassen. Die URL ist ja immer mit dabei:
fc0_weatherDayIcon
   
http://www.proplanta.de/wetterdaten/images/symbole/t3.gif

Das gibt man bei data-get einfach an

Code Auswählen Erweitern


    <div data-type="image"
        data-device="AgroWeather"
        data-get="fc0_weatherDayIcon"
        data-width="50">
    </div>


Aber wenn du kein helles Theme beim FTUi hast, sonder die Standardfarben nutzt, passen die proplanta Icons absolut zum FTUI. Das sieht nicht schön aus, sieht aus, wie ausgeschnitten und aufgeklebt ... Die Icons sind für weiße Hintergründe designt. 

[bert]

Wo kann ich die Font-Grösse im Thermostat-Widget verändern?

Gruß Bert

[setstate]

Wo kann ich die Font-Grösse im Thermostat-Widget verändern?

Gruß Bert

Die große Zahl in der Mitte?

Dafür müsste man einen Eintrag in die *-user.css machen

Code Auswählen Erweitern


[data-type="thermostat"] input {
    font-size: 50px !important;
}


[tomster]

Hab ich einen Knick in der Pupille, oder ist beim Spinner-Widget das "+" Zeichen horizontal etwas höher als das "-" Zeichen?

[kumue]

Hab ich einen Knick in der Pupille, oder ist beim Spinner-Widget das "+" Zeichen horizontal etwas höher als das "-" Zeichen?

Ich empfinde es eher anders herum...
Aber hättest Du es nicht in den Ring geworfen, mir wäre es garnicht aufgefallen.
Für mich ist es so aber ok.

[tomster]

Mir ist grad beim Spielen mit dem Spinner-Widget eine Idee für ein "integriertes Thermostat-Widget" gekommen. Eine Visualisierung dazu habe ich kurz mit Photoshop zusammengeclickt.
Damit würde bei der Bedienung des Thermostats "the best of both worlds" zur Verfügung stehen:
entweder im-Kreis-Touchen oder aber um die entsprechenden data-steps klickbar. Zudem hätte man noch Platz für die Anzeige von weiteren Features des Thermostaten (z.B. winOpenReporting oder controlMode, oder aber Wechsel Ist-Temp/Humidity ähnlich wie beim Hardware-Thermostat)...

--Edith--
Siehe Bild 2
Vielleicht auch mit "verkehrt herumer" Logik im ARC-Teil (Großer Tick = Ist-Temp, kleiner Wert = Soll-Temp).
Ich hab das Mal so gut wie möglich nachgebaut (ohne die Symbole innerhalb des ARCs), indem ich bei data-get/ data-set measured-temp und desired-temp vertauscht und das Thermostat-Widget auf class="readonly" gesetzt habe. Damit kann man zwar die Soll-Temp nur noch mit den -/+ Zeichen regeln, aber 0.5°C-Schritte sind mir eigentlich Sache genug...
--Edith--

Meinungen?

[bert]

@setstate
hab ich gemacht es ändert sich aber nichts.

gruß bert