FHEM Forum

Hallo,

ich bin noch blutiger Anfänger im FHEM habe in den letzten Tage einiges hinbekommen (auch wenn mein Kopf qualmt ;) )

Jetzt wollte ich in Tablet UI eine Uhr einbinden das widget Clock ist im JS Ordner dazu haben ich folgende Code benutzt:
<li data-row="1" data-col="4" data-sizex="2" data-sizey="4">
  <header>Uhrzeit</header>
        <div data-type="clock" data-format="H:i" class="container bigger"></div>
        <div data-type="clock" data-format="d-m-Y" class="cell"></div>

aber es wird nichts angzeigt.

Meine zweite Frage:
Ich habe mir einen WOL Button wie folgt gebaut:
<div data-type="switch" data-device="wol_SchackSchack" data-icon="fa-database" data-off-color="#bb3232" data-on-color="#32cd32"></div>

Jetzt hat dieser diesen Buttonhintergrund (grau=aus, orange=an) kann man diesen irgendwie ausstellen?

Meine FEHM Version ist akutelle incl. aller Updates.

Wenn du das aktuelle Clock-Widget benutzt, müsste das gehen.

Zitatupdate all https://raw.githubusercontent.com/knowthelist/fhem-tablet-ui/master/controls_fhemtabletui.txt

Clock aus https://github.com/nesges/Widgets-for-fhem-tablet-ui passt nicht mehr

2.) Beim Switch oder Symbol oder Push kann man an diesem Parametern drehen

- **data-icon**              : name of the font-awesome icon. (default: fa-lightbulb-o)
- **data-background-icon**       : name of the font-awesome icon for background (default 'fa-circle')
- **data-on-background-color**          : color for ON state or DEVICE:READING for dynamic setting (default '#aa6900')
- **data-off-background-color**         : color for OFF state or DEVICE:READING for dynamic setting (default '#505050')
- **data-on-color**          : color for ON state or DEVICE:READING for dynamic setting (default '#aa6900')
- **data-off-color**         : color for Off state or DEVICE:READING for dynamic setting (default '#505050')

Hallo,

@setstate das aktuelle Clock-Widget funktioniert das mit den gleichen Parametern wie das von Nesges? Da im Wiki ich nur dazu Einstellungen finde.

Ist es möglich bei der Uhrzeit das Trennzeichen Blinken zu lassen? Ich habe das bis jetzt separat gelöst. Aber vielleicht könnte man das einbauen so das man das einfach setzen kann.

Gruß Rolf

Denke schon, dass die Parameter gleich geblieben sind. Ich habe nix rausgenommen, nur die nötigen Form für 2.2 angepasst.

Blinken lassen kann man das bestimmt irgendwie.
Nur ist mir persönlich der Aufwand - gegenüber dem Nutzen - dafür zu groß, um das kpl. einzubauen.

Man kann das mit CSS  lösen -> Doppelpunkt muss dann eine extra CSS-Class haben
Oder man schaltet per JS aller 1 sek zwischen hide und show für diesen Teil des Strings hin und her.

Viele Danke jetzt habe ich endlich eine Uhr  ;D

Das mit der Buttonfarbe funktioniert aber irgendwie nicht ich habe den Code jetzt so bearbeitet aber der Hintergrund bleibt gleich.

<div data-type="label" class="">Schack</div>
                <div data-type="switch" data-device="wol_SchackSchack" data-icon="fa-database" data-off-color="#bb3232" data-on-color="#32cd32" data-off-background-color"#bb3232"></div>

Was ich auch gern noch lösen möchte:
Ich lasse mir auch den in Kodi abgespielten Titel anzeigen mit folgenden Befehl

<div data-type="label" data-device="Kodi_Stube" data-get="label" class="cell darker inline"></div> <br>
dieser Wert wird aber solange angezeigt bis was "anderes" abgespielt wird (auch wenn nichts abgespielt wird). Ich möchte gern das nichts angezeigt wird wenn gerade nichts abgespielt wird.
Mein Gedanke ist das man dieses Feld mit dem "playStatus" feld verbinden könnte (da steht jetzt z.b. stopped).

Daher müsste man irgendwie sagen wenn in Feld "playStatus" der Wert Stopp steht gib im feld "label" nichts aus.

Ist mein Gedanke richtig und wenn ja wie kann ich das lösen?

Hallo,

ich habe ein ähnliches Problem so gelöst,

<!-- ============== Radio ================ -->
<!-- ====================================== -->
<div
data-type="classchanger"
                                data-device="rx601"
                               data-get="power"
                               data-get-on="off"
                               data-on-class="hide">

<div style="white-space:nowrap ;color:lime; font-size:40px;overflow:hidden;position:fixed;top:270px;left:140px;width:350px">
<marquee direction="left" behavior="scroll" scrollamount="2" scrolldelay="2">
    <div
    data-type="label"
    data-device="rx601"
data-get="currentTitle"></div>
         </marquee></div></div>

in der CSS Datei noch folgendes:
div.hide {
  display: none;
}

das Label wird ausgeblendet wenn das Radio aus ist, da es sonst noch sehr lange angezeigt wurde.

Gruß Rolf

Danke für deinen Tipp ich werde es mal versuchen für mich "umzubauen".

Eine doofe frage welche CSS Datei meinst du? Sorry ich bin blutiger Anfänger...

Hallo,

In der fhem-tablet-ui-user.css

Gruß Rolf

Okay danke für die Hilfe dann werde ich mal testen :)

Hmm ich habe nur eine fhem-tablet-ui.css und eine feht-tablet-ui.min.css

Die In der fhem-tablet-ui-user.css gibt es bei mir garnicht.

Hallo,

dann erstelle Sie und kopiere den Eintrag rein, Du musst sie dann aber auch noch in Deiner Index.html eintragen wenn noch nicht gemacht. Man kann das ganze aber auch in die Vorhandene Datei eintragen, aber der Übersicht halber und ehe man was zerschießt.

Gruß Rolf

Es hat geklappt vielen Dank für deine Hilfe :)