New FHEM Tablet UI

[justme1968]

@tomster: die idee finde ich klasse. aber nur nur für den thetmostat sondern auch für colume und hue.

was noch schön wäre: bei streps=0.5 dir ganzen werte als XX.0 anzeigen damit es nicht so hin und her zappelt.

[Risiko]

Update: New Widget: Spinner

Super. Gibt es das auch in vertikaler Form?

[Haecksler]

Also ich bin da offen, wäre es nicht am einfachste ein Array zu machen.
Ich hatte mir das so vorgestellt ich mache mir Dummies mit denen ich die Schaltzeiten an einen Weekdaytimer weitergebe...dann würde ich noch ein userReading machen, welches die Uhrzeit in eine Kommazahl also aus 12:30 wird 12,5 umsetzt, dieses  Reading würde dann ins Array vom Range-Widget kommen. Also immer 2 Zahlenpaare im Array für einen Bereich.

Hallo setstate,
hast du vielleicht einen Tipp wie ich das range-widget horizontal bekommen könnte? Das mit den zwei oder Mehrbereichen ist erstmal nicht so wichtig, würde dann halt mehrere range-widgets untereinander packen.

Gruß,
Stefan

[FhemPiUser]

@tomster: Idee mit dem integriertem Thermostat finde ich auch gut

[Achim]

Hallo,

ich habe Probleme mit dem "data-cmd" Attribut. Es funktioniert nicht so, wie ich es aus der Doku herauslese:

https://github.com/knowthelist/fhem-tablet-ui

•data-get : name of the reading to get from FHEM (default 'STATE')
•data-set : name of the reading to set from FHEM (default '')
•data-set-on : value for ON status to set. (default: value of data-get-on)
•data-set-off : value for OFF status to set. (default: value of data-get-off)
•data-cmd : name of the command (<command> <device> <reading> <value>) (e.g. setstate, set, setreading, trigger)

Ich habe folgende Widgetkonfiguration:

Code Auswählen Erweitern

         <div data-type="switch"
           data-background-icon="none"
           data-device="du_muelltermine"
           data-get="Christbaeume"
           data-cmd="setreading"
           data-states='["-","off","[01]","[1-9][0-9]|[2-9]"]'
           data-icons='["fs-christmas_tree","fs-christmas_tree warn","fs-christmas_tree warn blink","fs-christmas_tree warn"]'
           data-colors='["Green","Green","Green","Green"]'
           class="bigger">
         </div>

Und egal bei welches Widget ich verwende (switch, button, pagebutton), der Befehl, der beim Klick auf den Button ausgelöst wird, ist:

setreading du_muelltermine on

Es fehlt immer die Angabe des Readings. So wie ich das aus der Doku entnehme, müsste als "Reading" der Wert von "data-get" eingefügt werden. Und der fehlt. Wo habe ich da den Denkfehler?

Viele Grüße
Achim

[setstate]

data-set ist das Reading was gesetzt werden soll.
data-get was geholt wird

[setstate]

Range gibt es nur vertikal und Spinner nur horizontal, da gibt es keine Schalter zum Umschalten.
Es wäre eine Fleißaufgabe, da noch jede Menge IFs einzubauen und entsprechende CSS Klassen anzulegen.

[kvo1]

bin gerade am verzweifeln 
Ich lasse mir das Wetter für den aktuellen Tag anzeigen. Innerhalb der Anzeige soll/gibt es einen Link (Woche) welcher ein
popup-Fenster öffnen soll (tuts auch) und innerhalb dieses popup möchte ich dann per "swiper" die Vorhersage für die nächsten
Tage darstellen. Der aktuelle tag erscheint auch noch , aber das scrollen scheint nicht zu gehen !?
Gewollt ? oder liegt das an mir ?" (häng den code mal als Anhang ran, ist recht lang.

Wäre total happy wenn mir jemand einen Tip geben kann !

Hallo Zusammen,
ich würde gern das Thema nochmal aufgreifen wollen.
Habe jetzt mehrfach versucht, aber offensichtlich geht das mit dem "swiper" innerhalb eines popup-Fensters nicht !
Oder hat das doch jemand in ähnlicher Art und Weise. ?

data-draggable="false" ist gesetzt ! Das ist auch nicht das Problem!

[setstate]

Das ist wieder das leidige Update Problem bei minimierten Elementen.
Ein Fix ist unterwegs ...

[l3skon3]

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?

sieht Klasse aus!!! Der Bereich innerhalb des ARC als Slider/Swiper wär ein Traum.

[kvo1]

Das ist wieder das leidige Update Problem bei minimierten Elementen.
Ein Fix ist unterwegs ...

Hallo setstate,
Du bist echt schnell  Danke funktioniert !
klaus

[kumue]

@Nesges

danke für den Pizzatimer.
Habe zwei Probleme damit.
Kannst Du die seconds_humenreadable sharen ?

Code Auswählen Erweitern

fhem> {pizzatimer('TIMER1',600)}
Undefined subroutine &main::seconds_humanreadable called at ./FHEM/99_myUtils.pm line 422.

Habe erstmal die entsprechenden Zeilen auskommentiert.
Starte ich den Timer über FTUI, wird dummerweise kein at angelegt.
Beim Start über die fhem Console wird das at defined.

Code Auswählen Erweitern

fhem> {pizzatimer('TIMER1',600)}
fhem> list TIMER1.*
TIMER1
TIMER1_at


Weisst Du warum ?
Danke im voraus und Gruß !

[TWART016]

Hallo,

wie ist es möglich Zahlen oder Buchstaben in ein Icon zu schreiben?

Anastatt dem "Bett" hätte ich gerne eine "10"

Code Auswählen Erweitern

<div data-type="push" data-device="alles_schalten" class="narrow" data-icon="fa-bed" data-set-on="schlafen"></div>
<div data-type="label" class="cell small darker">schlafen</div>



Gruß
TWART016

[waschbaerbauch]

Da gibt es einige Icons im FHEM mit 'fs-' z.B. data-icon="fs-rc_1" oder siehe im PS

PS: Wahlweise vor </div> eine '10'

[TWART016]

Da gibt es einige Icons im FHEM mit 'fs-' z.B. data-icon="fs-rc_1" oder siehe im PS

PS: Wahlweise vor </div> eine '10'

Die 10 zwischen <div> und </div> hat funktioniert. Jedoch ist die Farbe weiß, wie kann ich die auf weiß ändern?


Die fs-icons konnte ich über den command einbinden:

Code Auswählen Erweitern

<link rel="stylesheet" href="/fhem/www/tablet/lib/fhemSVG.css" />

Wie kann ich mir alle Icons auf der css anzeigen lassen?

Bei der Zahl ist nochmal eine eckige Umrandung. Kann ich die entfernen?