Habpanel Kacheln

[PeterA]

So wie ich das sehe ist ja in der Kachel der "Button" Bereich.
Es würde ja schon ausreichen diesen "Button" in der Kabel an Hand des Status des Items eine andere Farbe zu geben...

[oh73]

hab da gerade noch eine Idee,

versuche mal ein Item String Item zu erstellen, mit der Farbe drin und dann in dein <style> folgendes ein zu bauen,

background: {{itemValue('HG_Farbe')}};

nur weiß ich nicht genau wo, muss man versuchen!

und die Farbe kann man dann je nach Aktion mit

HG_Farbe.postUpdate("FARBE") ändern!

[Mikele]

Hallo oh73,

hat alles soweit funtioniert , danke !

2 Sachen hätte ich noch
Habe "Buttons" für Temperatur erstellt . Also keine Schalter sondern nur Anzeige.
Wie kann ich die Buttons Oberfläche zb. blau anzeigen lassen wenn unter 10 Grad und über 20 Grad in Rot ?

Die 2. Frage wäre, ich habe mehrere Anzeigen für zb. Router Ping ( online ) Raspberry Ping ( Online )
Im Habpanel ist die Kachel wenn der Router oder Raspberry online ist das Feld Grün und Offline Rot !

Hoffe du hast mich verstanden was ich meine
Gruss und danke
Mikele

[oh73]

die Abfrage kleiner oder größer ist ja ähnlich wie beim Schalter On / OFF,

nur den Teil zum schalten läßt du weg.

Beispiel:

Code: Alles auswählen

<!-- Button 1-->
<button style="top:0;left:0;right:0;bottom: 0; position:absolute;width: 100%;
border: 0; color: white; background: blue;
font-size: 18px"  ng-if="itemValue('sollKinderzimmer')<=10" > {{itemValue('sollKinderzimmer')}} </div>
</button>

<button style="top:0;left:0;right:0;bottom: 0;position:absolute;width: 100%;
border: 0; color: white; background: lime;
font-size: 18px"  ng-if="itemValue('sollKinderzimmer')>10" and ng-if="itemValue('sollKinderzimmer')<20"  > {{itemValue('sollKinderzimmer')}} </div>
</button>

<button style="top:0;left:0;right:0;bottom: 0;position:absolute;width: 100%;
border: 0; color: white; background: red;
font-size: 18px"  ng-if="itemValue('sollKinderzimmer')>20"  > {{itemValue('sollKinderzimmer')}} </div>
</button>

hab noch eine dritte Abfrage für den Bereich zwischen 10 und 20 Grad rein gemacht.

bei der 2. Frage weiß ich nicht so richtig was du meinst? auch die Farbe ändern?

[Mikele]

Hallo , mit der 2. Frage meine ich folgendes !

Ist auch nur eine Statusabfrage ! Habe zb den Router, Raspberry, Tablet usw.

Haben eine Ping Abfrage ! Wenn die Geräte online sind sind diese Grün ( WLAN Symbol ) und wenn die Offline sind dann sind die Grau ( oder Rot für offline ) !

Zeigt eigentlich nur farblich an ob In oder offline Zustand der Geräte!

Gruss und tausend Dank hast mir sehr geholfen und sieht Klasse aus
Mikele

[oh73]

hab mir gerade gestern was für Ping Abfragen gebastelt.

ist aber noch nicht ganz fertig, und funktioniert auch noch nicht alles.

ist etwas komplizierter, weil ich letzte Ein und Aus zeit speichere.

mein Server aber nachts sich abschaltet und morgens wieder ein, muss ich die Item ja zwischen speichern, da sonst am nächsten tag alles weg ist!

hab das mit Hilfe von Php Scripts und speichen in sqlite gelöst.

ging sicher auch einfacher.

ping-abfrage.jpg

ein weitere Problem ist auch das die Android Geräte nicht immer richtig auf ping reagieren.

[Mikele]

Moin,

kann es sein das bei den Temperaturanzeigen ein Fehler drin ist ? Zeigt bei mir garnichts an nur leer Kachel .

Das meine ich mit der Online / offline Anzeigen , super !1
Gruss Mikele

[oh73]

hast du mein Item sollKinderziimer mit deinem Item ersetzt ? 8 mal!

Edit:

vermute aber mal dein Item ist kein Number Item.

das müsstest du dann in einer Rule umwandeln.

bin mir aber nicht sicher wie das genau geht,

ich hab sowas mit meinem kwh Stromverbrauch so gemacht

neues_temeratur_number_item.postUpdate(((Temperatur_item.state as Number).doubleValue))

ob das aber mit deinem Item auch geht??

[Mikele]

Hi,

habe ich getauscht gegen mein Item aber funkt nicht !

Dafür habe ich rumgebastelt an den anderen Buttons ! Wenn das Online Offline bei dir fertig ist bin ich gespannt.
So richtig blicke ich da nocht durch

Wie verschiebe ich im Button das ON / Off weiter nach rechts . Muss mal am WE schauen da habe ich mehr Zeit
Gruss Mikele

[oh73]

das mit der Temperatur war bei mir getestet, sollte gehen!

bin immer noch der Meinung dein Item hat nicht das richtige Number Format!

ich würde zum testem mal ein Number Item erstellen,
dann im Panel ein Schieberegler mit Werten 0 bis 30 erstellen.

das Number Item dann in dem Script eintragen.

den Text im Button kannst du im <style> verändern.
Standard ist zentriert, kann man aber auf links oder rechts einstellen

Beispiel:

Code: Alles auswählen

#linke_seite {
		
        float:left;
        width:70%;
        height:auto; /* oder anpassen */
        text-align:right;
 
}
 
#rechte_seite {
		color: skyblue;
 		float:right;
        height:auto;
		text-align:right;
       /* border-left: 1px solid #dedede; */
 
}

dann für die Anzeige ein
<div id="rechte_seite" > hier dann den Text oder Itemvalue </div<

oder man verschiebt den Button an die gewünchte Stelle.

dazu sind die Werte
top = Wert von oberen Rand aus gerechnet
bottom = Wert vom unteren Rand nach oben
left = vom linken Rand
width = Breite

ich gebe die Werte in % an, dann kann man die Größe von dem Widget auch mal ändern.

mein Anzeige ON / OFF funktioniert soweit,
auch die Android Geräte funktionieren jetzt.
dazu hab ich das TR-64 Bindig installiert und das fragt die Fritzbox anhand der Mac Adressen ab ob das Geröt online ist.

was noch nicht richtig funktioniert ist meine Daten Sicherung und Wiederherstellung,
da hat er mir heute Morgen wieder vieles falsch gemacht!

dann kann ich mich für das Aussehen noch nicht entscheiden,
hab da zwei Versionen, einmal wo nur der mittlere Button Hintergrund geändert wird,
und einmal wo ich den Hintergrund der Zeit mit ändere!
und die Farben gefallen mir auch noch nicht.

also, noch viel zu tun!