Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

  1. ioBroker Community Home
  2. Deutsch
  3. Tester
  4. Test Adapter lovelace v0.2.x

NEWS

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.2k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    1.9k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    15
    1
    2.2k

Test Adapter lovelace v0.2.x

Geplant Angeheftet Gesperrt Verschoben Tester
testcall for actionlovelacevisualisierung
1.1k Beiträge 131 Kommentatoren 382.8k Aufrufe 99 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • N nowi03

    Hallo, wie habt Ihr ein Bedienpanel mit einem iPad gelöst.
    Okay die Lovelace Oberfläche aufrufen ist ja erstmal sehr einfach ABER...

    • Wie stelle ich das ganze als Vollbild dar?

    • Wie bekomme ich einen Aktualisierung Intervall realisiert?

    • Bildschirm am besten nur Zeitgesteuert an?

    Stehe mit so einem Einfachem Problem gerade bisschen auf dem Schlauch. 😂🤭

    Aber Ihr habt da bestimmt eine gute Lösung. ✌️

    D Offline
    D Offline
    danihell
    schrieb am zuletzt editiert von
    #858

    @nowi03 Die lovelace Seite in Safari öffnen und dann über die Optionen auf den Homescreen legen. Danach wird die Seite ohne URL Fenster im Quasi-Vollbildmodus aufgerufen.

    N 1 Antwort Letzte Antwort
    0
    • GarfonsoG Garfonso

      An alle mutigen Tester -> in meinem Dev-Branch Garfonso/iobroker.lovelace#dev liegt eine Version mit neuer Lovelace Version (vom 20.6.2020). Das sieht ziemlich anders aus als vorher. Geht aber ganz gut. :-)

      @Domi1893 said in Test Adapter lovelace v0.2.x:

      @Garfonso schade, das wäre wirklich eine große Hilfe. Irgendwie werden die Login-Felder nicht als solche erkannt...

      Die Login-Felder werden damit weiterhin nicht als solche erkannt (keine Ahnung, ob das Absicht ist?), aber Lovelace selber kann damit erfolgreich den login speichern (nach login erscheint unten rechts eine Frage, ob man speichern möchte -> früher ging das nicht, jetzt geht es bei mir mit Chrome).

      @marcuskl said in Test Adapter lovelace v0.2.x:

      @Garfonso https://github.com/ioBroker/ioBroker.lovelace/issues/62
      Kannst du da was machen, dass der Darstellungsfehler verschwindet?
      Wäre dir echt dankbar :)

      Könntest du bei Gelegenheit gucken, ob es den Darstellungsfehler mit der neuen Lovelace Version (adapter version 1.2.1) noch gibt?

      David G.D Online
      David G.D Online
      David G.
      schrieb am zuletzt editiert von
      #859

      @Garfonso said in Test Adapter lovelace v0.2.x:

      An alle mutigen Tester -> in meinem Dev-Branch Garfonso/iobroker.lovelace#dev liegt eine Version mit neuer Lovelace Version (vom 20.6.2020). Das sieht ziemlich anders aus als vorher. Geht aber ganz gut. :-)

      Mir gefällt die neue Version.
      Besonders das leichte erstellen von horizontalen und vertikalen Stapeln.
      Hatte ich schon bei den lovelance-Demos bewundert ^^.

      Bei mir hat es nur eine Karte zerschossen. Konnte aber schnell gelöst werden.

      Zeigt eure Lovelace-Visualisierung klick
      (Auch ideal um sich Anregungen zu holen)

      Meine Tabellen für eure Visualisierung klick

      1 Antwort Letzte Antwort
      0
      • G g.polat

        @andi2055
        so klappt es bei mir:

        type: picture-entity
        entity: camera.Einfahrt
        aspect_ratio: 50%
        show_state: false
        show_name: false
        hold_action:
          action: more-info
        tap_action:
          action: navigate
          navigation_path: kamera
        
        C Offline
        C Offline
        Cumulus
        schrieb am zuletzt editiert von Cumulus
        #860

        @g-polat said in Test Adapter lovelace v0.2.x:

        @andi2055
        so klappt es bei mir:

        type: picture-entity
        entity: camera.Einfahrt
        aspect_ratio: 50%
        show_state: false
        show_name: false
        hold_action:
          action: more-info
        tap_action:
          action: navigate
          navigation_path: kamera
        

        Hi,

        kannst Du mir sagen wie bzw. wo du die Camera-Entity selber angelegt hast?

        Danke und Gruß´
        Markus

        Edit:
        Ich hab jetzt nen Datenpunkt manuell angelegt, dort als String den http://..../image.jpg Pfad hinterlegt.
        Dass dann als Camera.Aussen für Lovelace als Camera definiert im Datenpunkt.

        Mit Picture-Glance in der Lovelace-Oberfläche und diesen Werten hier

        type: picture-entity
        entity: sensor.Aussentemperatur
        image: ' '
        aspect_ratio: 50%
        camera_image: camera.HasenstallAussen
        

        kommt dann alle 10s ein neues Bild.

        Geht das eleganter?

        1 Antwort Letzte Antwort
        0
        • David G.D David G.

          @marcuskl said in Test Adapter lovelace v0.2.x:

          Screenshot_20200623-185404_Samsung Internet.jpg

          Was hast du im zweiten Screenshot oben rechts für eine Karte?
          Kann man in der Karte noch noch nach rechts und links scrollen?

          marcusklM Offline
          marcusklM Offline
          marcuskl
          schrieb am zuletzt editiert von
          #861

          @David-G das ist die Custom Slideshow Card und ja kann man nach rechts und links wischen

          Host: Intel Nuc6cayh (16GB Ram, 240GB SSD) mit Proxmox.

          Iobroker VM, InfluxDB LXC, Pihole LXC, Tasmoadmin LXC, Easy2connect VM

          1 Antwort Letzte Antwort
          0
          • W Offline
            W Offline
            WW1983
            schrieb am zuletzt editiert von
            #862

            Hat zufällig schon jemand geschafft den iCal Kalender einzubinden. Gibt es hierzu eine Card. Konnte bislang noch nicht finden.
            Ich würde gerne anstehende Ereignisse auflisten lassen. Finde allerdings nur was für den Google-Kalender.

            1 Antwort Letzte Antwort
            0
            • U Urs

              @Garfonso sagte in Test Adapter lovelace v0.2.x:

              @Urs said in Test Adapter lovelace v0.2.x:

              Wenn ich eine Farbe über den Colorpicker wähle wird die eingestellt aber gleichzeitig wird auch auf 100% hoch gedimmt. Einmal wurde auch auf 46% und einmal auf 93% hochgedimmt von ungefähr 5-20% vor dem Farbwechsel. Beim Verstellen der Farbtemperatur bleibt der Dimmlevel erhalten (wie es sein sollte).

              Über welche States werden die Farben gesteuert? (insbesondere: welche nutzt lovelace - ggf. auch mal ein Screenshot von den Attributen -> lovelace-einstellungen, entities, Attribute anzeigen und dann zum richtigen Entity scrollen)

              Kannst Du damit was anfangen?
              a8852acd-3605-4c12-a39e-c84a916105f8-image.png
              58df3572-a989-4a51-8990-f965ac8ac7e6-image.png
              Scheint als ob r, g und b benutzt würde. Hue würde ja auch noch den DP hue, xy und allenfalls noch sat bieten.

              Passiert das auch, wenn du sie manuell setzt?

              Du meinst wenn ich r, g und b direkt im Iobroker verändere? Weiss ich nicht, hab den Adapter neu gestartet und kann die falschen Farben im Moment nicht reproduzieren.

              Ich kenne das dunkle Theme nicht. Im hellen werden Lampen per default gelb bei an und blau bei aus... das ist es aber nicht, oder?

              Sorry, hatte nicht bedacht dass da andere Farben im Spiel sind. So sieht es Standardmässig aus (ignoriere Bad vorerst!):
              d4511214-f721-43b4-80a1-bc26b42aa09c-image.png

              -Büro, kann nur weiss, aktuell auf warmweiss gestellt, zeigt aber eigentlich kaltweiss (blau),
              -Wohnen, RGB, aktuell warmweiss, daher gelb/orange
              -Küche, RGB, aktuell kaltweiss, daher blau
              -Beide Lampen schlafen, aktuell aus, daher grau
              Soweit zum Normalfall.
              -Büro ändert den Zustand nur von aus zu ein (grau zu blau), nicht aber von blau zu gelb/orange je nach Farbtemperatur wie das bei den RGB-Leuchten der Fall ist.

              -Bad ist aus, zeigt aber grün statt grau und beim Einschalten türkis statt dunkelblau...dummerweise den Adapter neu gestartet, daher kann ich das im Moment nicht weiter analysieren.

              Im Screenshot oben auch ersichtlich dass die weissen Leuchten (Büro, Schlafen, Gang) als blau angezeigt werden obwohl alle auf Warmweiss stehen. Wäre cool wenn du die so hinbekommst dass sie bei kaltweiss blau und Warmweiss gelb bzw Orange angezeigt werden, wie es die RGB machen.

              Hm... ich glaube das kriege ich nicht hin bzw nur mit großen Hacks. Sowas sollte lovelace direkt selber implementieren. Vielleicht kannst du denen das ja mal vorschlagen: https://github.com/home-assistant/frontend (falls das nicht schon jemand anders gemacht hat).

              Kein Problem. Dachte nur ich frag mal, hätte sein können dass es allenfalls recht einfach möglich wäre da Du es ja bei den RGB auch hinbekommen hast ;)
              Werde bei Github mal reinschauen und allenfalls dort einen Vorschlag platzieren.

              Also das mit Rot bei aus, kenne ich auch. Das liegt ziemlich sicher daran, dass hue = 0 = rot ist und lovelace Informationen über die Farben nur abfragt, wenn die an sind. Da kann ich nicht wirklich was machen...

              Ok, danke für die Erklärung, macht Sinn und ist ja auch nicht wirklich tragisch...

              Und zum Schluss noch ein Wunsch falls möglich: Bei "Alle Lampen" nutze ich aus dem Hue Adapter die Datenpunkte "All". Da scheint Lovelace den allOn DP zu nutzen. Für's Einschalten sicher richtig, wäre es aber möglich für den Status und das Abschalten den anyOn zu nutzen? Wenn ich jetzt nämlich einzelne Lampen einschalte zeigt der Status und der Schieber von allOn immer noch "ausgeschalten". Beim versuch alle Lampen zu schalten werden dann zuerst alle eingeschalten und erst beim erneuten Klick ausgeschalten.

              Das geht, wenn der type-detector anyOn als "ON_ACTUAL" erkennt, dann wird das die getId und der Status richtet sich danach. Dafür muss die rolle "state.light" sein, allerdings write=false. Ggf. wäre das der richtige Zeitpunkt um über aliases (z.B. mit dem Devices-Adapter anzulegen) nachzudenken. :-)

              Ja, die lieben Aliases (oder Alias oder Aliassen?), davon hab ich auch schon das eine oder andere mal hier im Forum gelesen, mich aber bisher erfolgreich geschmeidig drum herum gemogelt ;) . So tief bin ich da noch nicht drin...muss mir daher Deine letzten Zeilen wohl noch ein paar mal durchlesen...und vielleicht beschäftige ich mich dann wirklich mal mit Alias ;)

              Vielen Dank, und btw. great job!

              GarfonsoG Offline
              GarfonsoG Offline
              Garfonso
              Developer
              schrieb am zuletzt editiert von Garfonso
              #863

              @Urs said in Test Adapter lovelace v0.2.x:

              @Garfonso sagte in Test Adapter lovelace v0.2.x:

              @Urs said in Test Adapter lovelace v0.2.x:

              Wenn ich eine Farbe über den Colorpicker wähle wird die eingestellt aber gleichzeitig wird auch auf 100% hoch gedimmt. Einmal wurde auch auf 46% und einmal auf 93% hochgedimmt von ungefähr 5-20% vor dem Farbwechsel. Beim Verstellen der Farbtemperatur bleibt der Dimmlevel erhalten (wie es sein sollte).

              Über welche States werden die Farben gesteuert? (insbesondere: welche nutzt lovelace - ggf. auch mal ein Screenshot von den Attributen -> lovelace-einstellungen, entities, Attribute anzeigen und dann zum richtigen Entity scrollen)

              Kannst Du damit was anfangen?
              a8852acd-3605-4c12-a39e-c84a916105f8-image.png
              58df3572-a989-4a51-8990-f965ac8ac7e6-image.png
              Scheint als ob r, g und b benutzt würde. Hue würde ja auch noch den DP hue, xy und allenfalls noch sat bieten.

              Ja, dann weiß ich schon einmal in welchem Codeteil ich nochmal gucke.

              Passiert das auch, wenn du sie manuell setzt?

              Du meinst wenn ich r, g und b direkt im Iobroker verändere? Weiss ich nicht, hab den Adapter neu gestartet und kann die falschen Farben im Moment nicht reproduzieren.

              Ja, wenn du in ioBroker die r, g und b veränderst, ob sich dann auch die Helligkeit verändert (müsste eigentlich, wenn du r, g und b auf 0 stellst, müsste die Lampe aus sein ;-) ). Allerdings sollte der Colorpicker nur Farbe (hue) und Sättigung (saturation) festlegen. Gucke ich im Code mal.

              -Büro, kann nur weiss, aktuell auf warmweiss gestellt, zeigt aber eigentlich kaltweiss (blau),
              -Wohnen, RGB, aktuell warmweiss, daher gelb/orange
              ...

              Hm... ich glaube das kriege ich nicht hin bzw nur mit großen Hacks. Sowas sollte lovelace direkt selber implementieren. Vielleicht kannst du denen das ja mal vorschlagen: https://github.com/home-assistant/frontend (falls das nicht schon jemand anders gemacht hat).

              Kein Problem. Dachte nur ich frag mal, hätte sein können dass es allenfalls recht einfach möglich wäre da Du es ja bei den RGB auch hinbekommen hast ;)
              Werde bei Github mal reinschauen und allenfalls dort einen Vorschlag platzieren.

              Ja, ich habe nochmal reingeguckt. Also bisher ist in Lovelace eine Berechnung der Icon-Farbe nach Farbtemperatur nicht vorgesehen. Was du bei den RGB Lampen siehst, ist der Effekt, dass die bei Einstellung der Farbtemperatur das anscheinend auch als rgb reporten (was ja auch stimmt, die werden die Lichtfarbe einfach entsprechend einstellen) und der RGB Wert wird dann an Lovelace weitergereicht, was dann die Farbe darstellt.

              Ja, die lieben Aliases (oder Alias oder Aliassen?), davon hab ich auch schon das eine oder andere mal hier im Forum gelesen, mich aber bisher erfolgreich geschmeidig drum herum gemogelt ;) . So tief bin ich da noch nicht drin...muss mir daher Deine letzten Zeilen wohl noch ein paar mal durchlesen...und vielleicht beschäftige ich mich dann wirklich mal mit Alias ;)

              Leider hat der Geräte-Adapter noch ein paar Bugs. Aber damit kann man die eigentlich gut zusammen klicken (wobei da leider auch recht wenig zu dem Inhalt der Datenpunkte steht). Also z.B. könntest du ein Gerät "RGB" für "All" erstellen. ON wäre dann .on, ON_ACTUAL wäre anyOn. Dann r, g, b an r, g, b. Die Farbtempteratur und Brightness auch noch setzen und dann hast du ein Gerät in alias.0. und kannst dir das mal angucken und gucken, ob es damit besser geht. :-)
              So, z.B.:
              alias_RGB.JPG
              alias_RGB_states.JPG

              PS:
              Könntest du mir einen gefallen tun und einen JSON Export der States ein paar Hue Lampen (rgb, nur farbtempteratur, falls vorhanden nur dimmer oder nur an/aus) schicken?

              Ultimativer Lovelace Leitfaden: https://forum.iobroker.net/topic/35937/der-ultimative-iobroker-lovelace-leitfaden-dokumentation

              Lovelace UI Beispiele: https://forum.iobroker.net/topic/35950/zeigt-her-eure-lovelace-visualisierung

              U 1 Antwort Letzte Antwort
              0
              • marcusklM marcuskl

                @Garfonso ja der Darstellungsfehler ist noch vorhanden und mit der neuen Version gehen einige meiner Cards nicht mehr.
                Screenshot_20200623-185412_Samsung Internet.jpg
                Screenshot_20200623-185404_Samsung Internet.jpg

                GarfonsoG Offline
                GarfonsoG Offline
                Garfonso
                Developer
                schrieb am zuletzt editiert von Garfonso
                #864

                @marcuskl
                Sind das alle mini-graph cards und custom-slideshow cards oder nur spezielle? Könntest du mir den code ggf. schicken? (Steht ja da)

                //Edit:
                mini-graph-card Problem -> kann ich bei mir nicht nachvollziehen. Hast du die Version 0.93 davon?

                Und was ist das für ein Kalender? :-)

                Ultimativer Lovelace Leitfaden: https://forum.iobroker.net/topic/35937/der-ultimative-iobroker-lovelace-leitfaden-dokumentation

                Lovelace UI Beispiele: https://forum.iobroker.net/topic/35950/zeigt-her-eure-lovelace-visualisierung

                C marcusklM 2 Antworten Letzte Antwort
                0
                • GarfonsoG Garfonso

                  @marcuskl
                  Sind das alle mini-graph cards und custom-slideshow cards oder nur spezielle? Könntest du mir den code ggf. schicken? (Steht ja da)

                  //Edit:
                  mini-graph-card Problem -> kann ich bei mir nicht nachvollziehen. Hast du die Version 0.93 davon?

                  Und was ist das für ein Kalender? :-)

                  C Offline
                  C Offline
                  Cristian
                  schrieb am zuletzt editiert von
                  #865

                  @Garfonso ich habe auch deine Version installiert. Jetzt funktioniert endlich die Wetter Karte, sehr schön! :+1:
                  Ich habe keine Probleme mit der mini-graph-card, bei mir funktioniert. Allerdings habe ich ein Problem mit der Darstellung von Texten oben rechts, wo man klickt um die Benutzeroberfläche zu konfigurieren - bei mir ist nur weiß, im Firefox / Chrome / Safari.
                  Screenshot 2020-06-24 at 17.46.51.png

                  Screenshot 2020-06-24 at 17.53.08.png

                  GarfonsoG marcusklM 2 Antworten Letzte Antwort
                  0
                  • C Cristian

                    @Garfonso ich habe auch deine Version installiert. Jetzt funktioniert endlich die Wetter Karte, sehr schön! :+1:
                    Ich habe keine Probleme mit der mini-graph-card, bei mir funktioniert. Allerdings habe ich ein Problem mit der Darstellung von Texten oben rechts, wo man klickt um die Benutzeroberfläche zu konfigurieren - bei mir ist nur weiß, im Firefox / Chrome / Safari.
                    Screenshot 2020-06-24 at 17.46.51.png

                    Screenshot 2020-06-24 at 17.53.08.png

                    GarfonsoG Offline
                    GarfonsoG Offline
                    Garfonso
                    Developer
                    schrieb am zuletzt editiert von Garfonso
                    #866

                    @Cristian
                    Also das Menü ist nur weiß? Da wo sonst Bearbeiten + Hilfe erscheint?
                    Hast du ein Theme installiert? Vermutlich muss das irgendwo angepasst werden...

                    //Edit: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)) das ist die Textfarbe, die gesetzt wird. Du könntest mal versuchen mdc-theme-text-primary-on-background zu setzen im Theme...

                    Ultimativer Lovelace Leitfaden: https://forum.iobroker.net/topic/35937/der-ultimative-iobroker-lovelace-leitfaden-dokumentation

                    Lovelace UI Beispiele: https://forum.iobroker.net/topic/35950/zeigt-her-eure-lovelace-visualisierung

                    C 1 Antwort Letzte Antwort
                    0
                    • D danihell

                      @nowi03 Die lovelace Seite in Safari öffnen und dann über die Optionen auf den Homescreen legen. Danach wird die Seite ohne URL Fenster im Quasi-Vollbildmodus aufgerufen.

                      N Offline
                      N Offline
                      nowi03
                      schrieb am zuletzt editiert von nowi03
                      #867

                      @danihell said in Test Adapter lovelace v0.2.x:

                      @nowi03 Die lovelace Seite in Safari öffnen und dann über die Optionen auf den Homescreen legen. Danach wird die Seite ohne URL Fenster im Quasi-Vollbildmodus aufgerufen.

                      @danihell Super vielen Dank. Das war ja jetzt mega einfach, wenn man es weiß. :laughing:
                      Hat jemand noch eine Idee wie man das iPad Display zeitgesteuert an und aus machen kann?

                      1 Antwort Letzte Antwort
                      1
                      • marcusklM marcuskl

                        @Garfonso ja der Darstellungsfehler ist noch vorhanden und mit der neuen Version gehen einige meiner Cards nicht mehr.
                        Screenshot_20200623-185412_Samsung Internet.jpg
                        Screenshot_20200623-185404_Samsung Internet.jpg

                        GarfonsoG Offline
                        GarfonsoG Offline
                        Garfonso
                        Developer
                        schrieb am zuletzt editiert von
                        #868

                        @marcuskl said in Test Adapter lovelace v0.2.x:

                        @Garfonso ja der Darstellungsfehler ist noch vorhanden und mit der neuen Version gehen einige meiner Cards nicht mehr.

                        Bitte wegen dem Darstellungsfehler nochmal die Version 1.2.2 ausprobieren (wieder über gleiche Github URL). Bei mir ist das jetzt gefixt.

                        Zu den Karten fehlt mir weiter Info / eine Möglichkeit das zu reproduzieren.

                        @Fogg said in Test Adapter lovelace v0.2.x:

                        Sorry wenn ich noch nicht alles in dem Thread gelesen habe :)

                        Habe mir lovelace mal angeschaut und versucht ein paar Dinge zu visualisieren. Z.B. würde ich gerne meine Keymatic brauchbar dargestellt bekommen. Die ist ja als lock.XXX da und kann verriegeln und entriegeln. Das funktioniert auch. Was ich aber gerne noch hätte:

                        • Icon (Schloss) abhängig vom Zustand damit man sieht ob offen ist oder nicht
                        • Öffnen als zusätzliche Option, damit wird nicht entriegelt sondern komplett geöffnet

                        Wie geht das? Material UI kann das auch :D

                        Also zum Icon: Das sollte jetzt in 1.2.2 gehen (über Admin->von Github -> beliebige URL, dann Garfonso/iobroker.lovelace#dev installieren zum testen). Das mit dem "open" wird zwar in Homeassistant unterstützt aber in Lovelace irgendwie (noch?) nicht... daher ist es etwas umständlicher... ich habe support für einen "lock.open" service eingebaut, den kann man z.B. so in eine Karte integrieren:

                        type: button
                        tap_action:
                          action: toggle
                        hold_action:
                          action: call-service
                          service: lock.open
                          service_data:
                            entity_id: lock.Haustuer
                        show_icon: true
                        show_name: true
                        entity: lock.Haustuer
                        

                        -> da würde die Tür dann beim lange gedrückt halten geöffnet. Allerdings prüft der Adapter nicht, ob schon entriegelt wurde... muss ich das noch einbauen? grübel Ich hab so ein Schloss leider nicht (bzw. umgekehrt: alle meine "Schlösser" sind automatisch verriegelt, wenn zu und wenn offen, kann man die Tür einfach aufdrücken... -> ist etwas anders als das, was ioBroker da aktuell vorsieht).

                        Wie sieht das denn in Material UI aus?

                        Ultimativer Lovelace Leitfaden: https://forum.iobroker.net/topic/35937/der-ultimative-iobroker-lovelace-leitfaden-dokumentation

                        Lovelace UI Beispiele: https://forum.iobroker.net/topic/35950/zeigt-her-eure-lovelace-visualisierung

                        N FoggF 2 Antworten Letzte Antwort
                        0
                        • C Cristian

                          @Garfonso ich habe auch deine Version installiert. Jetzt funktioniert endlich die Wetter Karte, sehr schön! :+1:
                          Ich habe keine Probleme mit der mini-graph-card, bei mir funktioniert. Allerdings habe ich ein Problem mit der Darstellung von Texten oben rechts, wo man klickt um die Benutzeroberfläche zu konfigurieren - bei mir ist nur weiß, im Firefox / Chrome / Safari.
                          Screenshot 2020-06-24 at 17.46.51.png

                          Screenshot 2020-06-24 at 17.53.08.png

                          marcusklM Offline
                          marcusklM Offline
                          marcuskl
                          schrieb am zuletzt editiert von
                          #869

                          @Cristian habe das selbe Problem, ist bei mir auch weiß

                          @Garfonso Darstellungsfehler ist weg super, "custom mini graph card" habe ich die Version erneuert geht auch wieder, aber die "custom entity row card" und "slideshow card" geht noch nicht, gibt auch keine neuere Version.

                          Host: Intel Nuc6cayh (16GB Ram, 240GB SSD) mit Proxmox.

                          Iobroker VM, InfluxDB LXC, Pihole LXC, Tasmoadmin LXC, Easy2connect VM

                          GarfonsoG 1 Antwort Letzte Antwort
                          0
                          • GarfonsoG Garfonso

                            @marcuskl said in Test Adapter lovelace v0.2.x:

                            @Garfonso ja der Darstellungsfehler ist noch vorhanden und mit der neuen Version gehen einige meiner Cards nicht mehr.

                            Bitte wegen dem Darstellungsfehler nochmal die Version 1.2.2 ausprobieren (wieder über gleiche Github URL). Bei mir ist das jetzt gefixt.

                            Zu den Karten fehlt mir weiter Info / eine Möglichkeit das zu reproduzieren.

                            @Fogg said in Test Adapter lovelace v0.2.x:

                            Sorry wenn ich noch nicht alles in dem Thread gelesen habe :)

                            Habe mir lovelace mal angeschaut und versucht ein paar Dinge zu visualisieren. Z.B. würde ich gerne meine Keymatic brauchbar dargestellt bekommen. Die ist ja als lock.XXX da und kann verriegeln und entriegeln. Das funktioniert auch. Was ich aber gerne noch hätte:

                            • Icon (Schloss) abhängig vom Zustand damit man sieht ob offen ist oder nicht
                            • Öffnen als zusätzliche Option, damit wird nicht entriegelt sondern komplett geöffnet

                            Wie geht das? Material UI kann das auch :D

                            Also zum Icon: Das sollte jetzt in 1.2.2 gehen (über Admin->von Github -> beliebige URL, dann Garfonso/iobroker.lovelace#dev installieren zum testen). Das mit dem "open" wird zwar in Homeassistant unterstützt aber in Lovelace irgendwie (noch?) nicht... daher ist es etwas umständlicher... ich habe support für einen "lock.open" service eingebaut, den kann man z.B. so in eine Karte integrieren:

                            type: button
                            tap_action:
                              action: toggle
                            hold_action:
                              action: call-service
                              service: lock.open
                              service_data:
                                entity_id: lock.Haustuer
                            show_icon: true
                            show_name: true
                            entity: lock.Haustuer
                            

                            -> da würde die Tür dann beim lange gedrückt halten geöffnet. Allerdings prüft der Adapter nicht, ob schon entriegelt wurde... muss ich das noch einbauen? grübel Ich hab so ein Schloss leider nicht (bzw. umgekehrt: alle meine "Schlösser" sind automatisch verriegelt, wenn zu und wenn offen, kann man die Tür einfach aufdrücken... -> ist etwas anders als das, was ioBroker da aktuell vorsieht).

                            Wie sieht das denn in Material UI aus?

                            N Offline
                            N Offline
                            nowi03
                            schrieb am zuletzt editiert von nowi03
                            #870

                            @Garfonso said in Test Adapter lovelace v0.2.x:

                            @marcuskl said in Test Adapter lovelace v0.2.x:

                            @Garfonso ja der Darstellungsfehler ist noch vorhanden und mit der neuen Version gehen einige meiner Cards nicht mehr.

                            Bitte wegen dem Darstellungsfehler nochmal die Version 1.2.2 ausprobieren (wieder über gleiche Github URL). Bei mir ist das jetzt gefixt.
                            Zu den Karten fehlt mir weiter Info / eine Möglichkeit das zu reproduzieren.

                            Scheint immer noch nicht zu funktionieren.

                            31d7b84f-0681-4c8a-b986-64739959af2b-image.png

                            #Background image
                                background: center / cover no-repeat url("/cards/background.jpg") fixed
                            
                                # Main colors
                                primary-color: '##363941'                                                        # Header
                                accent-color: '#E45E65'                                                         # Accent color
                                dark-primary-color: 'var(--accent-color)'                                       # Hyperlinks                                         
                                light-primary-color: 'var(--accent-color)'                                      # Horizontal line in about
                                ha-card-border-radius: '20px'   
                                ha-card-background: 'rgba(150, 150, 150, 0.1)'
                                                                                                       
                                # Text colors                                                                  
                                primary-text-color: '#FFFFFF'                                                   # Primary text colour, here is referencing dark-primary-color
                                text-primary-color: 'var(--primary-text-color)'                                 # Primary text colour
                                secondary-text-color: '#5294E2'                                                 # For secondary titles in more info boxes etc.
                                disabled-text-color: '#7F848E'                                                  # Disabled text colour
                                label-badge-border-color: 'green'                                               # Label badge border, just a reference value   
                             
                                # Background colors                                                            
                                primary-background-color: '#383C45'                                             # Settings background
                                secondary-background-color: '#383C45'                                           # Main card UI background  
                                divider-color: 'rgba(0, 0, 0, .12)'                                             # Divider 
                             
                                # Table rows                                                                   
                                table-row-background-color: '#353840'                                           # Table row
                                table-row-alternative-background-color: '#3E424B'                               # Table row alternative
                                                                                                       
                                # Nav Menu                                                                   
                                paper-listbox-color: 'var(--primary-color)'                                     # Navigation menu selection hoover
                                paper-listbox-background-color: '#2E333A'                                       # Navigation menu background
                                paper-grey-50: 'var(--primary-text-color)'                                   
                                paper-grey-200: '#414A59'                                                       # Navigation menu selection
                                                                                                       
                                # Paper card                                                               
                                paper-card-header-color: 'var(--accent-color)'                                  # Card header text colour
                                paper-card-background-color: 'rgba(150, 150, 150, 0.1)'                         # Card background colour
                                paper-dialog-background-color: '#434954'                                        # Card dialog background colour
                                paper-item-icon-color: 'var(--primary-text-color)'                              # Icon color
                                paper-item-icon-active-color: '#F9C536'                                         # Icon color active
                                paper-item-icon_-_color: 'green'           
                                paper-item-selected_-_background-color: '#434954'                               # Popup item select                      
                                paper-tabs-selection-bar-color: 'green'
                             
                                # Labels 
                                label-badge-red: 'var(--accent-color)'                                          # References the brand colour label badge border
                                label-badge-text-color: 'var(--primary-text-color)'                             # Now same as label badge border but that's a matter of taste
                                label-badge-background-color: '#2E333A'                                         # Same, but can also be set to transparent here
                                label-badge-background: 'rgba(255, 255, 255, 0.1)'
                             
                                # Switches
                                paper-toggle-button-checked-button-color: 'var(--accent-color)'
                                paper-toggle-button-checked-bar-color: 'var(--accent-color)'
                                paper-toggle-button-checked-ink-color: 'var(--accent-color)'
                                paper-toggle-button-unchecked-button-color: 'var(--disabled-text-color)'
                                paper-toggle-button-unchecked-bar-color: 'var(--disabled-text-color)'
                                paper-toggle-button-unchecked-ink-color: 'var(--disabled-text-color)'  
                             
                                # Sliders
                                paper-slider-knob-color: 'var(--accent-color)'
                                paper-slider-knob-start-color: 'var(--accent-color)'
                                paper-slider-pin-color: 'var(--accent-color)'
                                paper-slider-active-color: 'var(--accent-color)'
                                paper-slider-container-color: 'linear-gradient(var(--primary-background-color), var(--secondary-background-color)) no-repeat'
                                paper-slider-secondary-color: 'var(--secondary-background-color)'
                                paper-slider-disabled-active-color: 'var(--disabled-text-color)'
                                paper-slider-disabled-secondary-color: 'var(--disabled-text-color)'
                             
                                # Google colors
                                google-red-500: '#E45E65'
                                google-green-500: '#39E949'
                            
                            GarfonsoG 1 Antwort Letzte Antwort
                            0
                            • C Offline
                              C Offline
                              Cumulus
                              schrieb am zuletzt editiert von
                              #871

                              Hi,

                              gibt es die Möglichkeit MQTT-Geräte per Button zu steuern?

                              Problem: es gibt ja zwei Objekte in iobroker pro MQTT-Gerät:

                              • einmal unter "cmnd" zum steuern
                              • und unter "state" für den aktuellen Status

                              Habe das jetzt aktuell mal über ein Script mit einem temporären Datenpunkt als Entity für Lovelace gelöst - aber das ist ziemlich umständlich.

                              Geht das besser? Sprich: Eine Entity ansteuern - den Button-Status aber von einer anderen Entity holen?

                              THX
                              Markus

                              1 Antwort Letzte Antwort
                              0
                              • N nowi03

                                @Garfonso said in Test Adapter lovelace v0.2.x:

                                @marcuskl said in Test Adapter lovelace v0.2.x:

                                @Garfonso ja der Darstellungsfehler ist noch vorhanden und mit der neuen Version gehen einige meiner Cards nicht mehr.

                                Bitte wegen dem Darstellungsfehler nochmal die Version 1.2.2 ausprobieren (wieder über gleiche Github URL). Bei mir ist das jetzt gefixt.
                                Zu den Karten fehlt mir weiter Info / eine Möglichkeit das zu reproduzieren.

                                Scheint immer noch nicht zu funktionieren.

                                31d7b84f-0681-4c8a-b986-64739959af2b-image.png

                                #Background image
                                    background: center / cover no-repeat url("/cards/background.jpg") fixed
                                
                                    # Main colors
                                    primary-color: '##363941'                                                        # Header
                                    accent-color: '#E45E65'                                                         # Accent color
                                    dark-primary-color: 'var(--accent-color)'                                       # Hyperlinks                                         
                                    light-primary-color: 'var(--accent-color)'                                      # Horizontal line in about
                                    ha-card-border-radius: '20px'   
                                    ha-card-background: 'rgba(150, 150, 150, 0.1)'
                                                                                                           
                                    # Text colors                                                                  
                                    primary-text-color: '#FFFFFF'                                                   # Primary text colour, here is referencing dark-primary-color
                                    text-primary-color: 'var(--primary-text-color)'                                 # Primary text colour
                                    secondary-text-color: '#5294E2'                                                 # For secondary titles in more info boxes etc.
                                    disabled-text-color: '#7F848E'                                                  # Disabled text colour
                                    label-badge-border-color: 'green'                                               # Label badge border, just a reference value   
                                 
                                    # Background colors                                                            
                                    primary-background-color: '#383C45'                                             # Settings background
                                    secondary-background-color: '#383C45'                                           # Main card UI background  
                                    divider-color: 'rgba(0, 0, 0, .12)'                                             # Divider 
                                 
                                    # Table rows                                                                   
                                    table-row-background-color: '#353840'                                           # Table row
                                    table-row-alternative-background-color: '#3E424B'                               # Table row alternative
                                                                                                           
                                    # Nav Menu                                                                   
                                    paper-listbox-color: 'var(--primary-color)'                                     # Navigation menu selection hoover
                                    paper-listbox-background-color: '#2E333A'                                       # Navigation menu background
                                    paper-grey-50: 'var(--primary-text-color)'                                   
                                    paper-grey-200: '#414A59'                                                       # Navigation menu selection
                                                                                                           
                                    # Paper card                                                               
                                    paper-card-header-color: 'var(--accent-color)'                                  # Card header text colour
                                    paper-card-background-color: 'rgba(150, 150, 150, 0.1)'                         # Card background colour
                                    paper-dialog-background-color: '#434954'                                        # Card dialog background colour
                                    paper-item-icon-color: 'var(--primary-text-color)'                              # Icon color
                                    paper-item-icon-active-color: '#F9C536'                                         # Icon color active
                                    paper-item-icon_-_color: 'green'           
                                    paper-item-selected_-_background-color: '#434954'                               # Popup item select                      
                                    paper-tabs-selection-bar-color: 'green'
                                 
                                    # Labels 
                                    label-badge-red: 'var(--accent-color)'                                          # References the brand colour label badge border
                                    label-badge-text-color: 'var(--primary-text-color)'                             # Now same as label badge border but that's a matter of taste
                                    label-badge-background-color: '#2E333A'                                         # Same, but can also be set to transparent here
                                    label-badge-background: 'rgba(255, 255, 255, 0.1)'
                                 
                                    # Switches
                                    paper-toggle-button-checked-button-color: 'var(--accent-color)'
                                    paper-toggle-button-checked-bar-color: 'var(--accent-color)'
                                    paper-toggle-button-checked-ink-color: 'var(--accent-color)'
                                    paper-toggle-button-unchecked-button-color: 'var(--disabled-text-color)'
                                    paper-toggle-button-unchecked-bar-color: 'var(--disabled-text-color)'
                                    paper-toggle-button-unchecked-ink-color: 'var(--disabled-text-color)'  
                                 
                                    # Sliders
                                    paper-slider-knob-color: 'var(--accent-color)'
                                    paper-slider-knob-start-color: 'var(--accent-color)'
                                    paper-slider-pin-color: 'var(--accent-color)'
                                    paper-slider-active-color: 'var(--accent-color)'
                                    paper-slider-container-color: 'linear-gradient(var(--primary-background-color), var(--secondary-background-color)) no-repeat'
                                    paper-slider-secondary-color: 'var(--secondary-background-color)'
                                    paper-slider-disabled-active-color: 'var(--disabled-text-color)'
                                    paper-slider-disabled-secondary-color: 'var(--disabled-text-color)'
                                 
                                    # Google colors
                                    google-red-500: '#E45E65'
                                    google-green-500: '#39E949'
                                
                                GarfonsoG Offline
                                GarfonsoG Offline
                                Garfonso
                                Developer
                                schrieb am zuletzt editiert von Garfonso
                                #872

                                @nowi03
                                Sorry, meinte den Darstellungsfehler mit notification auf dem Handy.

                                Bei dem Fehler fehlen mir noch Infos. Warum ist eure Oberfläche dunkel? Wie habt ihr das gemacht? Mit einem Theme? Damit hab ich mich bisher noch gar nicht beschäftigt. Also bitte dem armen Entwickler mal auf die Sprünge helfen, was ihr da macht. :-) (Auch an @marcuskl )
                                Ich habe mal mit dem Theme, was in der Readme steht experimentiert... da tritt das Problem auch auf, es scheint aber noch mehr Probleme zu geben (z.B. ist die Top-bar noch blau? hm)

                                Bei dem, was du gepostet hast, scheint noch etwas zu fehlen... aber teste ich jetzt auch mal.

                                @Cumulus said in Test Adapter lovelace v0.2.x:

                                Geht das besser? Sprich: Eine Entity ansteuern - den Button-Status aber von einer anderen Entity holen?

                                Bitte nicht mit zwei entities... Script ist eine Möglichkeit. Für sehr vieles gibt es aber support für getrennte Objekte für lesen / schreiben. Das muss allerdings der type-detector finden (können). Falls das bei dir nicht der Fall ist (weil die Struktur zu "flach", oder die Rollen nicht stimmen oder was auch immer), dann wären Aliase der richtige Weg. Schau dir mal den devices-Adapter und das Geräte tab an, auch hier beschrieben: https://forum.iobroker.net/post/454156
                                Bei der RGB Lampe geht z.B. mit "ON" schalten und aus "ON_ACTUAL" wird der State gelesen. Falls das noch nicht reicht, gibt es m.E. zwei Möglichkeiten: Doch script nutzen (und ggf. mit $-selectoren arbeiten, dann sollte das recht gut gehen) oder den type-detector erweitern, dass er für noch mehr states ein _ACTUAL einfügt.

                                Ultimativer Lovelace Leitfaden: https://forum.iobroker.net/topic/35937/der-ultimative-iobroker-lovelace-leitfaden-dokumentation

                                Lovelace UI Beispiele: https://forum.iobroker.net/topic/35950/zeigt-her-eure-lovelace-visualisierung

                                C 2 Antworten Letzte Antwort
                                0
                                • GarfonsoG Garfonso

                                  @Cristian
                                  Also das Menü ist nur weiß? Da wo sonst Bearbeiten + Hilfe erscheint?
                                  Hast du ein Theme installiert? Vermutlich muss das irgendwo angepasst werden...

                                  //Edit: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)) das ist die Textfarbe, die gesetzt wird. Du könntest mal versuchen mdc-theme-text-primary-on-background zu setzen im Theme...

                                  C Offline
                                  C Offline
                                  Cristian
                                  schrieb am zuletzt editiert von Cristian
                                  #873

                                  @Garfonso Stimmt, der Fehler war von meinem Theme, alles OK jetzt :+1:
                                  Screenshot 2020-06-24 at 23.56.22.png

                                  N 1 Antwort Letzte Antwort
                                  0
                                  • C Cristian

                                    @Garfonso Stimmt, der Fehler war von meinem Theme, alles OK jetzt :+1:
                                    Screenshot 2020-06-24 at 23.56.22.png

                                    N Offline
                                    N Offline
                                    nowi03
                                    schrieb am zuletzt editiert von
                                    #874

                                    @Cristian said in Test Adapter lovelace v0.2.x:

                                    @Garfonso Stimmt, der Fehler war von meinem Theme, alles OK jetzt :+1:
                                    Screenshot 2020-06-24 at 23.56.22.png

                                    Was hast du genau geändert?

                                    C 1 Antwort Letzte Antwort
                                    0
                                    • N nowi03

                                      @Cristian said in Test Adapter lovelace v0.2.x:

                                      @Garfonso Stimmt, der Fehler war von meinem Theme, alles OK jetzt :+1:
                                      Screenshot 2020-06-24 at 23.56.22.png

                                      Was hast du genau geändert?

                                      C Offline
                                      C Offline
                                      Cristian
                                      schrieb am zuletzt editiert von Cristian
                                      #875

                                      @nowi03 habe ein anderes Thema (Clear Theme Dark) benutzt, um schnell zu sehen ob es davon hängt. Auf die Schnelle hat var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)) nichts gebracht.

                                      1 Antwort Letzte Antwort
                                      0
                                      • marcusklM marcuskl

                                        @Cristian habe das selbe Problem, ist bei mir auch weiß

                                        @Garfonso Darstellungsfehler ist weg super, "custom mini graph card" habe ich die Version erneuert geht auch wieder, aber die "custom entity row card" und "slideshow card" geht noch nicht, gibt auch keine neuere Version.

                                        GarfonsoG Offline
                                        GarfonsoG Offline
                                        Garfonso
                                        Developer
                                        schrieb am zuletzt editiert von Garfonso
                                        #876

                                        @marcuskl said in Test Adapter lovelace v0.2.x:

                                        @Cristian habe das selbe Problem, ist bei mir auch weiß

                                        @Garfonso Darstellungsfehler ist weg super, "custom mini graph card" habe ich die Version erneuert geht auch wieder, aber die "custom entity row card" und "slideshow card" geht noch nicht, gibt auch keine neuere Version.

                                        Von der Slideshow card gibt es hier eine neue Version, die bei mir geht: https://github.com/igloo15/slideshow-card (google findet noch die alte zuerst, da im Repository kann man auf die Zahl neben Fork klicken und sich dann den Network-Graph angucken und sieht dann das aktive Repository, was auch Releases hat. Aktuelle Version ist 0.1.7, im alten war es 0.0.5).

                                        Die button-entity-row wird wohl nicht mehr maintained und ist in homeassitant/lovelace mittlerweile "geblacklisted", i.e. man bekommt Errors im log, wenn man die noch nicht... aber auch da gibt es eine gepatchte Version hier: https://github.com/mattatcha/button-entity-row

                                        @nowi03 @Cristian @marcuskl
                                        Das Theme konnte ich fixen, indem ich diese Zeile einfügen (habe ich bei background gemacht):
                                        mdc-theme-surface: var(--primary-background-color) # more lovelace background

                                        Was ich ganz gut fände ist, wenn jemand eine aktuelle / hübsche Version des Darktheme im Readme einfügen könnte, wo das jetzt steht... oder nutzt ihr das im Grunde (und die Zeile war da noch wichtig)? Gerne entweder direkt einen Pull-Request gegen das Readme oder hier posten oder mir schicken oder so. (Ich habe für sowas leider wenig Geduld / Händchen)

                                        Ultimativer Lovelace Leitfaden: https://forum.iobroker.net/topic/35937/der-ultimative-iobroker-lovelace-leitfaden-dokumentation

                                        Lovelace UI Beispiele: https://forum.iobroker.net/topic/35950/zeigt-her-eure-lovelace-visualisierung

                                        C marcusklM 2 Antworten Letzte Antwort
                                        0
                                        • GarfonsoG Offline
                                          GarfonsoG Offline
                                          Garfonso
                                          Developer
                                          schrieb am zuletzt editiert von
                                          #877

                                          Eine Frage noch an die Leute, die mit Auth getestet haben: Könnt ihr, wenn ihr Authorizierung angeschaltet habt noch die Oberfläche editieren? Bei mir verschwindet dann die Option. grübel

                                          Ultimativer Lovelace Leitfaden: https://forum.iobroker.net/topic/35937/der-ultimative-iobroker-lovelace-leitfaden-dokumentation

                                          Lovelace UI Beispiele: https://forum.iobroker.net/topic/35950/zeigt-her-eure-lovelace-visualisierung

                                          1 Antwort Letzte Antwort
                                          0
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          751

                                          Online

                                          32.4k

                                          Benutzer

                                          81.4k

                                          Themen

                                          1.3m

                                          Beiträge
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Anmelden

                                          • Du hast noch kein Konto? Registrieren

                                          • Anmelden oder registrieren, um zu suchen
                                          • Erster Beitrag
                                            Letzter Beitrag
                                          0
                                          • Home
                                          • Aktuell
                                          • Tags
                                          • Ungelesen 0
                                          • Kategorien
                                          • Unreplied
                                          • Beliebt
                                          • GitHub
                                          • Docu
                                          • Hilfe