Test lovelace 4.x

[Garfonso]

@lgrube
ja, das ist mal wieder meine Schuld, dass das so lange nicht ins stable aktualisiert wurde. Da ist dann die frontend version deutlich älter. kopfkratz

[pudding90]

@garfonso Hi!
mein erster Beitrag hier - ich nutze aktuell jarvis und wollte mir einfach aus Interesse mal Lovelace ansehen.
Daher meine Frage: soll ich auf "latest" umschalten und die 4.1.2 installieren? ist diese "stable" genug :D?
oder lieber mit der "alten" 3er testen?

[David G.]

@pudding90

Ich würde die 4er nehmen.

[Banis]

Hallo zusammen,

ich habe gestern von der 3.0.6 auf die 4.1.2 upgedatet. Und bin positiv überrascht.

Was mit allerdings aufgefallen ist:
Ich nutze die custom:tesla-style-solar-power-card. Hier werden seit dem Update die Werte nicht mehr richtig angezeigt:

Die Werte die eigentlich angezeigt werden hab ich in grün im Kasten daneben aufgeschrieben.

Hat jemand ähnliche Probleme oder kann mir weiterhelfen?

[pudding90]

@david-g danke schonmal

wirkt erstmal (nur vom lesen) etwas komplexer, da hier auch themes und custom cards (viel von mushrooms gelesen) ins spiel kommen.

[David G.]

@pudding90

Die custom cards würde ich als Anfänger erstmal weg lassen, außer dir fehlt wirklich was.

Theme ist ja nur c&p falls einem eins gefällt was man findet.

[Banis]

Folgendes ist mir bei der 4.1.2 auch noch aufgefallen:

Bei der custom Button Card bekomme ich folgenden Fehler:

Der Fehler kommt aber nur wenn ich den Wert mit hilfe der folgenden Zeile auf runden möchte:

    state_display: |
      [[[
       return  (states['sensor.tesla_verbrauch_tag'].state).toFixed(1);
      ]]]    

[XBiT]

@banis

sollte so gehen:

    state_display: |
      [[[ return
      Math.round(states["sensor.tesla_verbrauch_tag"].state).toFixed(1)
      ]]]

[Banis]

@xbit super, vielen Dank hat funktioniert

[lgrube]

Mal wieder ein kleines Problem. Bei mir werden bei dem Mushroom Chip als Wetterinfo leider keine Symbole angezeigt. Lediglich ein Link zum Symbol und die Temperatur.
Woran kann das liegen?
DasWetter und Accuweather habe ich bereits beide ausprobiert.
Mit der standardmäßigen Wetter Karte klappt das alles bestens:

Frage am Rande: Ist es eigentlich richtig, wenn ich hier meine Fragen in diesen langen Thread mit reinpacke?

[XBiT]

@lgrube

Hallo,

ich selbst nutze "DasWetter" oder "Accuweather" leider nicht, könnte es aber mal testen wie es bei mir ist.
Schön wäre es wenn du die Konfig deiner Karte postest da muss ich keine Basteln.

[Garfonso]

@pudding90 said in Test lovelace 4.x:

Daher meine Frage: soll ich auf "latest" umschalten und die 4.1.2 installieren?

Ich würde auch die 4er empfehlen. Du musst dafür nicht auf "latest" umschalten, sondern kannst im admin Expertenansicht aktivieren, mit klick auf die "Katze" und dann "von NPM installieren" und da lovelace auswählen die aktuellste Version nehmen (ist die gleiche, wie im latest).

@banis said in Test lovelace 4.x:

Der Fehler kommt aber nur wenn ich den Wert mit hilfe der folgenden Zeile auf runden möchte:

Ja... eigentlich ist "state" in Lovelace / HomeAssistant immer string, also eine Zeichenkette. Das hat der Adapter in 3.x falsch gemacht, da war es mal Zahl mal Zeichenkette... jetzt hab ich das geändert. Du müsstest hier also noch eine Konversion nach Zahl einbauen, z.B. so:

    state_display: |
      [[[
       return  Number(states['sensor.tesla_verbrauch_tag'].state).toFixed(1);
      ]]]    

(vorausgesetzt das ist Javascript... ehrlich gesagt überrascht mich, dass das so geht. )

Aber das Zeichenkette <-> Zahl Problem könnte auch bei deiner Tesla-Karte die Ursache sein. Interessanterweise hat diese Änderung bei der Powerflow-Karte, die hier diskutiert wurde, das Problem gelöst... ich bin verwirrt.

@lgrube said in Test lovelace 4.x:

Woran kann das liegen?

Das liegt daran, dass ioBroker und HomeAssistant an der Stelle leider sehr inkompatibel sind. HomeAssistant verlangt da von den "Wetter Integrationen" fixe Werte für das Wetter als Zeichenkette und lovelace sucht mit deren Hilfe ein Icon raus. Etwas vergleichbares gibt es in ioBroker einfach nicht... in ioBroker steht einfach die URL zu einem Icon im state und das wird angezeigt.

Die Standardwetterkarte hacke ich entsprechend für jeden Release extra. Custom-Cards werden nicht gehen bzw. müssten alle auf ioBroker angepasst werden. Es gibt von einem User eine Accuweather-Karte für ioBroker. Da weiß ich nicht, ob die noch ok ist... die wird nicht immer so gut gepflegt und macht bei updates von lovelace öfter mal Probleme.

Ich empfehle daher dringend die Standardkarte zu nehmen...

[_R_A_L_F_]

@lgrube Also ich nutze auch den AccuWeather Adapter in Kombination mit folgender Costum-Card:
https://github.com/algar42/IoB.lovelace.accuweather-card

Da klappt soweit die Darstellung

[pudding90]

@garfonso said in Test lovelace 4.x:

@pudding90 said in Test lovelace 4.x:

Daher meine Frage: soll ich auf "latest" umschalten und die 4.1.2 installieren?

Ich würde auch die 4er empfehlen. Du musst dafür nicht auf "latest" umschalten, sondern kannst im admin Expertenansicht aktivieren, mit klick auf die "Katze" und dann "von NPM installieren" und da lovelace auswählen die aktuellste Version nehmen (ist die gleiche, wie im latest).

Danke für die Rückmeldung den Tipp mit der NPM Installation habe ich versehentlich schon selbst herausgefunden
Ich bin bereits gelegentlich am Basteln und mein altes UI sachgemäß am nachbauen.

Ich bin noch unschlüssig, ob ich nach Räumen oder Gewerken sortieren soll :D...

[kipferl]

Hi,
Ich hab gerade auf die neue Version umgestellt und musste feststellen das in "Unteransichten" die top bar angezeigt wird. Davor wurde diese immer ausgeblendet.

hat jemand ne Ahnung warum das nicht mehr geht. kiosk_mode hab ich aktualisiert, obwohl ich mir nicht sicher bin ob es damit was zu tun hat. Verwende diese ein Unteransicht auf ein NSPanelPro auf dem keine Interaktion mit den restlichen Ansichten gewünscht ist.

[pafade89]

@kipferl

Guck mal hier, das sollte dir vermutlich weiterhelfen:

https://github.com/ioBroker/ioBroker.lovelace/blob/master/docs/de/ui_tipps.md

[kipferl]

@pafade89

uuuh, was für ein super feature.

Danke!
Hab jetzt das jetzt einfach bei der Browser instanz vom NSPanel den hideHeader auf true gesetzt. Klappt perfekt

[kipferl]

Die shopping list hat sich ja geändert beim neuen lovelace, was sofern man diese nur in lovelace verwendet auch funktioniert.

Ich hatte diese aber immer mit meiner alexa liste gesynct und dafür @Garfonso's script verwendet https://gist.github.com/Garfonso/16a7978e50b5d18b98bf408c2ff82060

Hat das schon jemand angepasst? Ich selbst hab vermutlich nicht das skillset dafür.

[Garfonso]

@kipferl
ich hab's mal aktualisiert, allerdings ohne groß zu testen... (nur auf github. ). Wenn du mutig bist, gerne mal ausprobieren. (jshint hat keine groben Fehler gefunden, könnte also laufen.

[kipferl]

@garfonso

Danke fürs anpassen! Der sync funktioniert, allerdings hängt scheinbar "Got shopping list update" in einen loop und spammed meine log voll.