Test lovelace 4.x

[Garfonso]

@edde
Warum sollte die Option in Fully das lovelace UI beeinflussen? Und was ist das für eine Option, wo kommt die her? Das wäre noch eine Frage... vielleicht fehlt da einfach was im Adapter für irgendeine custom card, die du installiert hast? Steht im adapter log was?

[Edde]

@garfonso
Die Einstellung in von Lovelace. Erreichbar über den Stift neben dem entsprechenden Tab.
Ich hatte es so verstanden, dass mit dieser Einstellung alle Karten gezwungen werden, sich untereinander anzuordnen. Zunächst war die Darstellung im Fully Browser und auch auf dem Handy so auch. Ohne nachvollziehbaren Grund wurde es dann doch nebeneinander dargestellt. Daher meine Verwirrung.

Ich zwinge meine Karten nun einfach über die Vertikal Karte untereinander.

[M1R0O]

Hi,
ich habe gerade mit meinem Lovelace herumgespielt und etwas kaputt gemacht
Bisher hatte ich eine "andere Auflösung" eingestellt. Heißt, meine 3 Spalten waren breiter, sodass diese über den gesamten Bildschirm verteilt waren.
Außerdem war in der Konfiguration bei Ansichtsart nichts ausgewählt. Nun habe ich leider die Ansicht "Raster" ausgewählt.
Wie bekomme ich das wieder weg?

Außerdem: Hat jemand eine funktionierende bar-card.ts?

[David G.]

@m1r0o sagte in Test lovelace 4.x:

Nun habe ich leider die Ansicht "Raster" ausgewählt.
Wie bekomme ich das wieder weg?

En den Modus gehen wo man alles bearbeiten kann. Dann hast du eben neben deinen Tabs für die Seiten einen Bleistift. Da kann man es dann ändern.

EDIT

Ja

[M1R0O]

@david-g Danke für die Antwort. Soweit, so klar. Allerdings kann ich die 3 Optionen der "Ansichtsart" nicht abwählen und die Ansicht an sich in der Größe auch nicht verstellen.
Oder was meinst du?

Kannst du mir die Karte anhängen?

[David G.]

@m1r0o

Meinst du das?

Abgesehen davon kann man auch nicht viel einstellen. Wenn man das Layout beeinflussen möchte, kann man das noch über custom cards machen.

Klaro

Spoiler

type: custom:stack-in-card
mode: vertical
keep:
 box_shadow: false
 margin: false
 border_radius: true
 outer_padding: true
cards:
 - type: markdown
   content: |
     <font size="5">Internet
     ___
 - type: horizontal-stack
   cards:
     - type: custom:bar-card
       entities:
         - icon: mdi:upload
           name: max
           entity: sensor.Netzwerk_Internet_Speedtest_Download_MBit
           max: '100'
           decimal: '1'
           unit_of_measurement: MBit/s
         - icon: mdi:download
           entity: sensor.Netzwerk_Internet_Speedtest_Upload_MBit
           max: '40'
           name: max
           decimal: '1'
           unit_of_measurement: MBit/s
         - icon: mdi:upload
           entity: sensor.Netzwerk_Internet_Modem_Download_aktuell
           max: '100'
           name: aktuell
           decimal: '1'
           unit_of_measurement: MBit/s
         - icon: mdi:download
           name: aktuell
           entity: sensor.Netzwerk_Internet_Modem_Upload_aktuell
           max: '40'
           decimal: '1'
           unit_of_measurement: MBit/s
         - entity: input_number.Netzwerk_Internet_Speedtest_Ping
           icon: mdi:arrow-left-right
           height: 5
           max: 15
           name: Ping
           decimal: '1'
           color: red
           unit_of_measurement: ms
       positions:
         icon: inside
       columns: '2'
 - type: iframe
   aspect_ratio: 50%
   url: >-
     https://192.168.99.33:8082/echarts/index.html?preset=echarts.0.System.Internet
 - type: markdown
   content: |-
     <font size="3">
     <hr>
     <table width="100%">
       <tr>
         <th></th>
         <th align=center>Empfangen</th>
         <th align=center>Gesendet</th>
       </tr>
       <tr>
         <td>Heute</td>
         <td align=center>{sourceanalytix.0.alias__0__Netzwerk__Internet__Modem__Daten_empfangen.currentYear.consumed.01_currentDay} GB</td>
         <td align=center>{sourceanalytix.0.alias__0__Netzwerk__Internet__Modem__Daten_gesendet.currentYear.consumed.01_currentDay} GB</td></td>
       </tr>
       <tr>
         <td>Monat</td>
         <td align=center>{sourceanalytix.0.alias__0__Netzwerk__Internet__Modem__Daten_empfangen.currentYear.consumed.03_currentMonth} GB</td></td>
         <td align=center>{sourceanalytix.0.alias__0__Netzwerk__Internet__Modem__Daten_gesendet.currentYear.consumed.03_currentMonth} GB</td></td>
       </tr>
       <tr>
         <td>Jahr</td>
         <td align=center>{sourceanalytix.0.alias__0__Netzwerk__Internet__Modem__Daten_empfangen.currentYear.consumed.05_currentYear} GB</td></td>
         <td align=center>{sourceanalytix.0.alias__0__Netzwerk__Internet__Modem__Daten_gesendet.currentYear.consumed.05_currentYear} GB</td></td>
       </tr>
     </table>

[M1R0O]

@david-g Schade, ich hatte es irgendwie anders hinbekommen, weiß aber nicht mehr wie.

ICh meine die Card als *.ts-Datei, damit ich diese in mein Lovelace hinzufügen kann.

[David G.]

@m1r0o

Du brauchst eine js nicht ts.
https://github.com/custom-cards/bar-card/releases

[M1R0O]

@david-g Danke, hatte nur die alte Version auf Git gefunden und die klappte nicht mehr.

Eine Frage hätte ich noch: Ist es möglich, die obere Leiste, in der die Views verlinkt sind, zu zentrieren?

[David G.]

@m1r0o

Nicht, dass ich es wüsste....

[Garfonso]

@m1r0o said in Test lovelace 4.x:

@david-g Danke, hatte nur die alte Version auf Git gefunden und die klappte nicht mehr.

Eine Frage hätte ich noch: Ist es möglich, die obere Leiste, in der die Views verlinkt sind, zu zentrieren?

da wirst du in richtung card_mod oder sowas gucken müssen... im Grunde ist es das richtige html-Objekt rausfinden, gucken wie man das identifiezieren kann (vermutlich Klasse) und dann am CSS spielen, bis es aussieht, wie du willst.
Aber zentrieren ist in CSS auch immer etwas fummelig.

[Flippi]

Guten Tag,
Ich habe zwei lovelace Instanzen installiert um von zwei verschiedenen iPhones drauf zugreifen zu können. Das Ziel ist an dieser Stelle, das getrennte Steuern durch zwei verschiedene Benutzern, welches durch zwei getrennte Instanzen sicher gestellt ist:
lovelace.0 und lovelace.1

Es gibt 3 Benutzer im ioBroker System:

• Admin
• Micha
• Sandra

Wenn man in der lovelace.0 Instanz Sandra oder Micha auswählt, kann man in der Oberfläche keine Änderungen vornehmen. Sobald man dann aber die Instanz als Admin ausführt, kann man logischerweise Änderungen in der Oberfläche ausführen.
Soweit so gut.
Das Ganze funktioniert aber gar nicht bei der Instant lovelace.1: Da kann man bei egal welcher Benutzerauswahl, IMMER an der Oberfläche herumspielen...

Kann mir jemand bitte dieses Verhalten erklären?

Ich übersehe mit Sicherheit irgendwas...

Danke im Voraus

LG

[Garfonso]

@flippi
du hast bei beiden Instanzen mal mit beiden Nutzern getestet? Nicht, dass die unterschiedlich konfiguriert sind. Ich habe im Kopf, dass sich die Erlaubnis an der Oberfläche etwas zu ändern danach richtet, was für Rechte der User hat. Vielleicht sogar am lovalce.X.configuration Objekt.

Gerade im code geguckt. Und hatte es richtig im Kopf: admin ist immer Admin. Aber auch die User, die das Objekt lovelace.#.configuration besitzen oder in der Gruppe sind, die es besitzt. Also im Grunde, ob der User Änderungen an dem Objekt, in dem die Konfiguration gespeichert ist, machen darf.

[Flippi]

@garfonso Hi und danke für die schnelle Antwort und Hilfe!

Ich musste tatsächlich in der lovelace.1.configuration folgendes rausstreichen: "ownerGroup": "system.group.user"
Keine Ahnung wie das da rein kam... aber jetzt funktionierts: Nur als Admin, kann man jetzt Änderungen vornehmen!

Folgend, ein Ausschnitt aus der lovelace.1.configuration file (durchgestrichen, die Zeile die raus musste):

"from": "system.adapter.lovelace.1",
"ts": 1740599199545,
"acl": {
"object": 1636,
"ownerGroup": "system.group.user"
},
"user": "system.user.admin"
}

Nochmal vielen dank für die Hilfe!
LG Flippi

[benni86]

Hi,
ich habe heute erstmalig die Authentifizierung aktiviert. Das klappt grundsätzlich ganz gut, nur die Wetter Card in Verbindung mit daswetter zeigt jetzt keine Icons mehr an, wenn man nicht mit dem admin User kommt. So wie ich das bisher feststellen konnte, macht es wohl auch keinen Unterschied ob der andere User in der admin Gruppe ist oder nicht. Die Response ist bei den Icons dann allesamt ein 404.
Hat jemand ähnliche Beobachtungen oder eine Idee?

[benni86]

Wobei ich mich korrigieren muss, wenn der User in der admin Gruppe ist geht es, aber erst nachdem der Lovelace Adapter neugestartet wurde.
Rufe ich die Icon URL (http://192.168.1.26:8091/adapter/daswetter/icons/tiempo-weather/galeria1/1.png?token=xxx) direkt im Browser auf mit einem Benutzer der nicht admin ist dann kommt als Antwort:

File icons/tiempo-weather/galeria1/1.png not found: Error: permissionError

[Garfonso]

@benni86
Danke für den Hinweis und das testen. Muss ich nochmal gucken.
Steht dazu was im log vom lovelace adapter, wenn du die URL aufrufst? (auch gerne direkt im Browser)

/Edit: Ok, hab was umgebaut. Mit der 4.1.13 sollte es jetzt gehen.

[Garfonso]

Ich arbeite gerade am Update des Frontends.

Wer mag kann gerne schonmal testen, die 5.0.0-alpha.1 sollte demnächst (tm) auf npm auftauchen. Gerne schonmal gucken, was an UI nicht (mehr) geht. Ist ziemlich genau ein Jahr seit dem letzten Frontend update (ups). Daher kann sich durchaus was getan haben (ich musste auch ein wenig arbeiten, dass das Frontend überhaupt lädt und da gibts nochmal ein paar Features, wo ich gucken muss, ob ich das einbaue oder nicht). Also in der Browser-Konsole kommen noch ein paar Beschwerden.

[David G.]

@garfonso
Kann ich da auch eine Version auswählen?
Oder nimmt der da automatisch die 5er? Im Moment kommt noch eine 4er.

Bisher immer über git installiert

[Garfonso]

@david-g
die 4.x ist im beta repository.

Die 5.0.0 ist im Moment als alpha markiert und daher noch nicht im beta repository. Du kannst, wenn du den Adapter in der Liste suchst (und auf dem richtigen Host bist, das hat mich gerade ein paar Minuten gekostet) hinten "eine bestimmte Version installieren" klicken und dann oben 5.0.0-alpha.1 eintragen (taucht da bei mir nicht in der Liste auf, warum ist mir gerade nicht ganz klar, aber naja). Oder über die Kommandozeile:
iob upgrade lovelace@5.0.0-alpha.1.

Git müsste auch gehen, so ca.: iobroker/iobroker.lovelace#frontend202503 (also vom extra Branch)