Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Tester
    4. Test lovelace 4.x

    NEWS

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    Test lovelace 4.x

    This topic has been deleted. Only users with topic management privileges can see it.
    • Armilar
      Armilar Most Active Forum Testing @StephanH last edited by Armilar

      @stephanh

      Ist das Thema noch aktuell?

      9917bf65-01f1-4e91-8bb3-a7a4a2f69d07-image.png

      Ich hatte da irgendwann mal ein kurzes TypeSkript geschrieben:

      Unter:
      https://www.electricitymaps.com/pricing
      kannst du einen kostenlosen API-Token bekommen

      const token_Auth: string = 'tJCojBgXXXXXXX';
      
      schedule("*/15 * * * *", async () => {
          exec('curl \'https://api.electricitymap.org/v3/power-breakdown/latest?lat=53.4181&lon=7.2199\' \\   -H \'auth-token: tJCojBgXXXXXXX\'', async (error, result, stderr) => {
              //console.info(result);
              let dataObj = JSON.parse(result) 
              //console.log("fossilFreePercentage: " + dataObj.fossilFreePercentage);
              setStateAsync('0_userdata.0.electricitymap.fossilFreePercentage', 100 - dataObj.fossilFreePercentage);
              //console.log("renewablePercentage: " + dataObj.renewablePercentage);
              setStateAsync('0_userdata.0.electricitymap.renewablePercentage', dataObj.renewablePercentage);
      
          });
      
          exec('curl \'https://api.electricitymap.org/v3/carbon-intensity/latest?zone=DE\' \\   -H \'auth-token: tJCojBgXXXXXXX\'', async (error, result, stderr) => {
              console.info(result);
              let dataObj = JSON.parse(result) 
              //console.log("carbonIntensity: " + dataObj.carbonIntensity);
              setStateAsync('0_userdata.0.electricitymap.carbonIntensity', dataObj.carbonIntensity);
          });
      });
      

      Die Datenpunkte für:

      0_userdata.0.electricitymap.fossilFreePercentage
      0_userdata.0.electricitymap.renewablePercentage
      0_userdata.0.electricitymap.carbonIntensity

      müsstest du dir selbst anlegen und wie in diesem Fall die fossilFreePercentage als Entität definieren und eintragen

      ce32c8f9-3dd1-403f-ad6a-eb10b2540b81-image.png

      S 1 Reply Last reply Reply Quote 0
      • S
        srkonus @Armilar last edited by

        @armilar Was ist denn electricitymaps.com?

        Armilar 1 Reply Last reply Reply Quote 0
        • Armilar
          Armilar Most Active Forum Testing @srkonus last edited by

          @srkonus

          Eine API, die den non-fossilen Anteil der Energie ermittelt...

          ist aber ein anderes Thema... nicht das von eben 😊

          1 Reply Last reply Reply Quote 1
          • Garfonso
            Garfonso Developer @srkonus last edited by

            @srkonus said in Test lovelace 4.x:

            Weiß jemand, wie es mit dem Adapter weitergeht

            Du kannst jederzeit einen PR erstellen. 😛
            Wenn ich Zeit finde, mache ich nochmal ein UI Update.

            Ob ich es schaffe, dass Enegie-Dasboard nutzbar zu machen, kann ich aber nicht versprechen. Das hab ich bisher nicht geschafft... eins von vielen offenen Themen.

            Wenn jemand anders mit meiner Tochter für die Schule übt, hab ich wieder mehr Zeit und Muße. 😉

            1 Reply Last reply Reply Quote 0
            • Edde
              Edde last edited by

              Guten Morgen.

              Ich versuche mich gerade an einer Lovelace Visu, habe aber das Problem, dass nach einiger Zeit trotz gesetztem Haken bei der "Seitenleisten Option" , die Darstellung auf meinem Tablet im Fully Browser in eine zweite Spalte springt. Hat jemand eine Idee woran das liegt?
              Gruß

              Screenshot_20250206-045703~2.png PXL_20250206_034657977~2.jpg

              Garfonso 1 Reply Last reply Reply Quote 0
              • Garfonso
                Garfonso Developer @Edde last edited by

                @edde
                Warum soll die Option etwas damit zu tun haben, wie Lovelace seine Karten anordnet? Locelace nutzt einfach den Platz aus. Wenn du noch welche dazu tust, wird die Kachel auch wieder nach unten wandern.

                Wenn die Sachen unbedingt zusammen gehören, dann guck dir die Vertical Stack Card an und pack die Karten da zusammen rein.

                Edde 1 Reply Last reply Reply Quote 0
                • Edde
                  Edde @Garfonso last edited by

                  @garfonso
                  Okay danke. Dann war es wohl ein Gedankenfehler. Es wirkte für mich so, als würde diese Option dafur sorgen, dass alle Karten gezwungenermaßen untereinander angeordnet werden.
                  Also bleibt mir nur die Option üner die Vertikal Card zu gehen.

                  Garfonso 1 Reply Last reply Reply Quote 0
                  • Garfonso
                    Garfonso Developer @Edde last edited by

                    @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 1 Reply Last reply Reply Quote 0
                    • Edde
                      Edde @Garfonso last edited by

                      @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.

                      1 Reply Last reply Reply Quote 1
                      • M
                        M1R0O last edited by 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. 1 Reply Last reply Reply Quote 0
                        • David G.
                          David G. @M1R0O last edited by 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
                          Screenshot_20250218_160515_Fully Kiosk Browser.jpg

                          M 1 Reply Last reply Reply Quote 0
                          • M
                            M1R0O @David G. last edited by

                            @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. 1 Reply Last reply Reply Quote 0
                            • David G.
                              David G. @M1R0O last edited by

                              @m1r0o

                              Meinst du das?
                              Screenshot_20250218_165157_Fully Kiosk Browser.jpg
                              Abgesehen davon kann man auch nicht viel einstellen. Wenn man das Layout beeinflussen möchte, kann man das noch über custom cards machen.

                              Klaro

                              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>
                              
                              

                              M 1 Reply Last reply Reply Quote 0
                              • M
                                M1R0O @David G. last edited by

                                @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. 1 Reply Last reply Reply Quote 0
                                • David G.
                                  David G. @M1R0O last edited by

                                  @m1r0o

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

                                  M 1 Reply Last reply Reply Quote 0
                                  • M
                                    M1R0O @David G. last edited by 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. Garfonso 2 Replies Last reply Reply Quote 0
                                    • David G.
                                      David G. @M1R0O last edited by

                                      @m1r0o

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

                                      1 Reply Last reply Reply Quote 0
                                      • Garfonso
                                        Garfonso Developer @M1R0O last edited by

                                        @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.

                                        1 Reply Last reply Reply Quote 0
                                        • Flippi
                                          Flippi last edited by

                                          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 1 Reply Last reply Reply Quote 0
                                          • Garfonso
                                            Garfonso Developer @Flippi last edited by 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 1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            859
                                            Online

                                            31.7k
                                            Users

                                            79.8k
                                            Topics

                                            1.3m
                                            Posts

                                            85
                                            856
                                            210389
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo