Anzeige von "devicestate" und "reading" (Stil 0 + Stil 3)

Begonnen von nine42, 24 Februar 2016, 22:21:20

Vorheriges Thema - Nächstes Thema

nine42

Mit der Positionierung der Kommandos über Styles kann man auch ganz nette JavaScript-Effekte einbauen.
Im Anhang sind 3 Lampen, zwei Dimmbare und eine Schaltbare, dargestellt.
Das Dimmen erfolgt über das "Rad" - das Schalten über das Icon.
Dazu haben ich "widgetOverride" verwendet.
Das wäre eine Alternative zu "Stil-8" und kommt einfach so mit FHEMWEB-Bordmitteln mit ..


define DIM_Ampel CUL_HM 1F67FF
...
attr DIM_Ampel devStateIcon .*off:light_light_dim_00@gray   .*on:light_light_dim_100@yellow \
      0..*:light_light_dim_00@yellow 1..*:light_light_dim_20@yellow \
      2..*:light_light_dim_20@yellow 3..*:light_light_dim_30@yellow \
      4..*:light_light_dim_40@yellow 5..*:light_light_dim_50@yellow \
      6..*:light_light_dim_60@yellow 7..*:light_light_dim_70@yellow \
      8..*:light_light_dim_80@yellow 9..*:light_light_dim_90@yellow \
      set_.*:light_control  chn.*:light_control
attr DIM_Ampel webCmd pct
attr DIM_Ampel widgetOverride pct:knob,width:34,height:34,thickness:.1,min:0,max:100,step:5,angleOffset:-125,angleArc:250,bgcolor:#666666,fgColor:#FFFF66,displayInput:false,displayPrevious:false

#DIM_Ampel-devicecommands { position:absolute; top:-2px; left:0px; }
#DIM_Bildwand-devicecommands { position:absolute; top:-2px; left:0px; }



UliM

#16
Hu,
einmal kurz 'lcars fhem' gegoogelt bringt das was ich zB meine:
https://adke.org/wp-content/uploads/2014/11/LCARS11.png
Da steht dann der _Name_ neben dem icon - nicht wie bei Dir die Kommandos.
Ich selbst brauche sowas nicht, wurde aber von einigen usern angefragt.

Das mit dem Rad ist cool - da braucht man aber schon ein größeres Tablet, oder? Schick ist's jedenfalls :)

Gruß Uli
RPi4/Raspbian, CUL V3 (ca. 30 HomeMatic-devices), LAN (HarmonyHub, alexa etc.).  Fördermitglied des FHEM e.V.

nine42

#17
Hallo Uli,


o.k. es geht also um einen Stil, bei dem der _Name_ und ein Icon (und die Kommandos) angezeigt werden (?)
Das würde dann Stil1 (oder Stil2) entsprechen.

Grundsätzlich lassen sich alle Elemente eines DOM per css überall hinschieben (und formatieren), sofern sie existieren und mit einer ID versehen sind. Möchte man alle gleichartigen Elemente gleichartig formatieren (z.B. alle Namen links vom state) so ist es zusätzlich nützlich, wenn diese Elemente die gleiche Klasse haben.
Aber beides ist in diesem Fall ja bereits gegeben.
Ich selbst stelle manchmal die Namen rechts vom State dar -> siehe Anhang


define CON_Osttor CUL_HM 24CDFF
...
attr CON_Osttor fp_Erdgeschoss 538,714,9,timedate,Osttor

und dann im css:
#div-CON_Osttor .devicename {position:absolute; top:2px; left:14px;}

... damit lässt sich der Name des "Osttor-Kontakts" beliebig (hier: rechts vom State) anordnen

mit

.devicename {position:absolute; top:2px; left:14px;}

würde das dann bei allen Namen so sein.


... also:
ich weiß noch immer nicht genau, weshalb dieser Style (LCARS) notwendig ist ...
(und würde es auch nicht einbauen, denn im Code haben Formatierungen eigentlich nichts zu suchen, sondern nur Strukturen - und die sind ja schon da ;-)

... oder habe ich da etwas völlig falsch verstanden?


beste Grüße
Peter


.. wg des Drehrades: yepp ist cool.
Allerdings auf meinem Tablet (ein SurfaceRT - super display - sonst für nix mehr zu gebrauchen ;)) tatsächlich etwas "fizzelich". Es reicht allerdings, wenn man an einer Stelle des Rades tippt, um dorthin zu dimmen, man muss also nicht das "Rad drehen".
Ich arbeite aber an einer dynamischen Version, bei der das Rad erst beim antippen erscheint - und dann viel größer ist ... aber das wird noch dauern.

Starkstrombastler

Zitat von: UliM am 13 März 2016, 14:09:03
Hi,
ok, kommt mit in die nächste Version.
In diesem Thread hat sich ein Weile nichts mehr getan - wird es den neuen Style "Icon + Reading" im FLOORPLAN geben oder habe ich irgendetwas übersehen?

Die Änderung mit dem LCARS wäre für mich ohne Relevanz.
IPC\Ubuntu + Fhem, 1wire, Shellies, Siemens Logo!, Z-Wave, PhilipsTV, Vu+duo2, KM200