Skip to content
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • 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

  • Default (No Skin)
  • No Skin
Collapse
Logo
  1. ioBroker Community Home
  2. Deutsch
  3. Hardware
  4. SONOFF NSPanel mit Lovelace UI

NEWS

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

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

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

SONOFF NSPanel mit Lovelace UI

SONOFF NSPanel mit Lovelace UI

Scheduled Pinned Locked Moved Hardware
lovelace uinspanelsonoff
7.7k Posts 271 Posters 6.7m Views 253 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • ArmilarA Armilar

    @mercyful-0

    In dem Datenpunkt über den wir hier seit 2 Nachrichten sprechen

    6ab3ca18-4a98-4c90-8b97-59d862fed3ce-image.png

    T Offline
    T Offline
    TT-Tom
    wrote on last edited by TT-Tom
    #2325

    @armilar @Mercyful-0

    Nicht vergessen Script neu starten, ggf. auch mal die JavaScript Instanz neu starten. Hatte gestern bei Tests festgestellt das sich eine Variable nicht aktualisiert, erst nachdem Neustart der Instanz läuft es wieder. (ColorTempSlider)

    Gruß Tom
    https://github.com/tt-tom17
    Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

    NSPanel Script Wiki
    https://github.com/joBr99/nspanel-lovelace-ui/wiki

    NSPanel Adapter Wiki
    https://github.com/ticaki/ioBroker.nspanel-lovelace-ui/wiki

    M 2 Replies Last reply
    0
    • T TT-Tom

      @armilar @Mercyful-0

      Nicht vergessen Script neu starten, ggf. auch mal die JavaScript Instanz neu starten. Hatte gestern bei Tests festgestellt das sich eine Variable nicht aktualisiert, erst nachdem Neustart der Instanz läuft es wieder. (ColorTempSlider)

      M Offline
      M Offline
      Mercyful 0
      wrote on last edited by
      #2326

      @tt-tom said in SONOFF NSPanel mit Lovelace UI:

      @armilar @Mercyful-0

      Nicht vergessen Script neu starten, ggf. auch mal die JavaScript Instanz neu starten. Hatte gestern bei Tests festgestellt das sich eine Variable nicht aktualisiert, erst nachdem Neustart der Instanz läuft es wieder. (ColorTempSlider)

      Ja, das Script starte ich jedesmal neu, werde mal die Java Instanz neu starten. Danke für den Tipp!

      T 1 Reply Last reply
      0
      • M Mercyful 0

        @tt-tom said in SONOFF NSPanel mit Lovelace UI:

        @armilar @Mercyful-0

        Nicht vergessen Script neu starten, ggf. auch mal die JavaScript Instanz neu starten. Hatte gestern bei Tests festgestellt das sich eine Variable nicht aktualisiert, erst nachdem Neustart der Instanz läuft es wieder. (ColorTempSlider)

        Ja, das Script starte ich jedesmal neu, werde mal die Java Instanz neu starten. Danke für den Tipp!

        T Offline
        T Offline
        TT-Tom
        wrote on last edited by
        #2327

        @mercyful-0

        Außerdem siehst du die Einstellung in den Serviceseiten. Dort findest du auch noch mehr Infos zum Panel und System.

        Gruß Tom
        https://github.com/tt-tom17
        Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

        NSPanel Script Wiki
        https://github.com/joBr99/nspanel-lovelace-ui/wiki

        NSPanel Adapter Wiki
        https://github.com/ticaki/ioBroker.nspanel-lovelace-ui/wiki

        M 1 Reply Last reply
        0
        • T TT-Tom

          @mercyful-0

          Außerdem siehst du die Einstellung in den Serviceseiten. Dort findest du auch noch mehr Infos zum Panel und System.

          M Offline
          M Offline
          Mercyful 0
          wrote on last edited by Mercyful 0
          #2328

          @tt-tom said in SONOFF NSPanel mit Lovelace UI:

          @mercyful-0

          Außerdem siehst du die Einstellung in den Serviceseiten. Dort findest du auch noch mehr Infos zum Panel und System.

          Hm... da sind bei mir nur leere Seiten, zwar mit Überschrift und Navi Pfeilen, aber kein Content. Evtl. liegt hier das Problem?

          Nachtrag: Habe eben mal den Javascript Adapter neu gestartet und nun habe ich auch Content in den Cards.
          Mal sehen ob das Panel heute um 21 Uhr aus geht.

          1 Reply Last reply
          0
          • GarganoG Gargano

            @gregors Der Datenpunkt heißt .SET und nicht .SOLLWERT

            3664545c-2c1e-4f17-a495-a0cadb4d1e2f-image.png

            Weiter oben ist auch beschrieben wie das mit .MODE funktioniert oder auch hier

            GregorSG Online
            GregorSG Online
            GregorS
            wrote on last edited by GregorS
            #2329

            @gargano

            Habe es hinbekommen.
            Allerdings habe ich nur folgende Anzeigen
            20230223_190528.jpg
            Alle weiteren Werte fehlen.

            a1.JPG

            a2.JPG

            Wie komme ich an die Werte und Icons?

            Ausserdem springt er aus der Page nicht mehr in den Screensaver.

            INTEL NUC i7, Sonoff, hmIP, AVM, Jeelink, T-Link, Alexa, Saia-Burgess, uvm.

            GarganoG T 2 Replies Last reply
            0
            • GregorSG GregorS

              @gargano

              Habe es hinbekommen.
              Allerdings habe ich nur folgende Anzeigen
              20230223_190528.jpg
              Alle weiteren Werte fehlen.

              a1.JPG

              a2.JPG

              Wie komme ich an die Werte und Icons?

              Ausserdem springt er aus der Page nicht mehr in den Screensaver.

              GarganoG Offline
              GarganoG Offline
              Gargano
              wrote on last edited by
              #2330

              @gregors Da fehlen die 3 Punkte, die kommen wenn man popups definiert.

              let Wohn_Themostat = <PageThermo>
              {
                  'type': 'cardThermo',
                  'heading': 'Wohn Thermostat',
                  'useColor': true,
                  'items': [<PageItem>{ id: 'alias.0.Thermostate.Wohn', minValue: 100, maxValue: 300,
                          popupThermoMode1: ['auto','manu'],
                          popUpThermoName: ['Auto/Manu'],
                          setThermoAlias: ['MODE1'],
                          icon: 'thermometer'
                          }]
              };
              
              

              Dann sollten unten Party und Vacation kommen, wenn man die entsprechenden Datenpunkte in den Alias definiert. Ist bei mir jedenfalls so.

              T 1 Reply Last reply
              0
              • GarganoG Gargano

                @gregors Da fehlen die 3 Punkte, die kommen wenn man popups definiert.

                let Wohn_Themostat = <PageThermo>
                {
                    'type': 'cardThermo',
                    'heading': 'Wohn Thermostat',
                    'useColor': true,
                    'items': [<PageItem>{ id: 'alias.0.Thermostate.Wohn', minValue: 100, maxValue: 300,
                            popupThermoMode1: ['auto','manu'],
                            popUpThermoName: ['Auto/Manu'],
                            setThermoAlias: ['MODE1'],
                            icon: 'thermometer'
                            }]
                };
                
                

                Dann sollten unten Party und Vacation kommen, wenn man die entsprechenden Datenpunkte in den Alias definiert. Ist bei mir jedenfalls so.

                T Offline
                T Offline
                TT-Tom
                wrote on last edited by
                #2331

                @gargano

                Also im Post davor heißt dein Alias aber anders. Das muss schon passen. Oder hast du einen zweiten angelegt?

                Gruß Tom
                https://github.com/tt-tom17
                Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

                NSPanel Script Wiki
                https://github.com/joBr99/nspanel-lovelace-ui/wiki

                NSPanel Adapter Wiki
                https://github.com/ticaki/ioBroker.nspanel-lovelace-ui/wiki

                GarganoG 1 Reply Last reply
                0
                • T TT-Tom

                  @gargano

                  Also im Post davor heißt dein Alias aber anders. Das muss schon passen. Oder hast du einen zweiten angelegt?

                  GarganoG Offline
                  GarganoG Offline
                  Gargano
                  wrote on last edited by
                  #2332

                  @tt-tom Das sind meine Aliase. Wenn eine anderer Benutzer andere Aliase hat...

                  T 1 Reply Last reply
                  0
                  • GarganoG Gargano

                    @tt-tom Das sind meine Aliase. Wenn eine anderer Benutzer andere Aliase hat...

                    T Offline
                    T Offline
                    TT-Tom
                    wrote on last edited by
                    #2333

                    @gargano

                    Sorry jetzt bin ich bei euch beiden durcheinander gekommen.

                    Die Popup Definition benötigst du nicht. Habe ich bei mir auch nicht und trotzdem die Icon.
                    @GregorS wie sieht deine Pageconfig aus.

                    Gruß Tom
                    https://github.com/tt-tom17
                    Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

                    NSPanel Script Wiki
                    https://github.com/joBr99/nspanel-lovelace-ui/wiki

                    NSPanel Adapter Wiki
                    https://github.com/ticaki/ioBroker.nspanel-lovelace-ui/wiki

                    GarganoG 1 Reply Last reply
                    0
                    • T TT-Tom

                      @gargano

                      Sorry jetzt bin ich bei euch beiden durcheinander gekommen.

                      Die Popup Definition benötigst du nicht. Habe ich bei mir auch nicht und trotzdem die Icon.
                      @GregorS wie sieht deine Pageconfig aus.

                      GarganoG Offline
                      GarganoG Offline
                      Gargano
                      wrote on last edited by
                      #2334

                      @tt-tom die Popup hab ich auch nur zum Umschalten von Auto/Manu

                      T 1 Reply Last reply
                      0
                      • GarganoG Gargano

                        @tt-tom die Popup hab ich auch nur zum Umschalten von Auto/Manu

                        T Offline
                        T Offline
                        TT-Tom
                        wrote on last edited by
                        #2335

                        @gargano

                        Ja ich weiß, habe ich mitverfolgt. Ich musste bei mir auch ein Script basteln, es ist halt schwer alle Thermostate und auch die dazu benutzen Adapter abzubilden. Grade die Sache mit dem Modus ist schwer.

                        Gruß Tom
                        https://github.com/tt-tom17
                        Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

                        NSPanel Script Wiki
                        https://github.com/joBr99/nspanel-lovelace-ui/wiki

                        NSPanel Adapter Wiki
                        https://github.com/ticaki/ioBroker.nspanel-lovelace-ui/wiki

                        1 Reply Last reply
                        0
                        • GregorSG GregorS

                          @gargano

                          Habe es hinbekommen.
                          Allerdings habe ich nur folgende Anzeigen
                          20230223_190528.jpg
                          Alle weiteren Werte fehlen.

                          a1.JPG

                          a2.JPG

                          Wie komme ich an die Werte und Icons?

                          Ausserdem springt er aus der Page nicht mehr in den Screensaver.

                          T Offline
                          T Offline
                          TT-Tom
                          wrote on last edited by
                          #2336

                          @gregors

                          Wenn ich das auf dem Bild richt erkenne ist dein Alias immer noch Temperatur und nicht Thermostat. Hast du den Alias neu angelegt?

                          Gruß Tom
                          https://github.com/tt-tom17
                          Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

                          NSPanel Script Wiki
                          https://github.com/joBr99/nspanel-lovelace-ui/wiki

                          NSPanel Adapter Wiki
                          https://github.com/ticaki/ioBroker.nspanel-lovelace-ui/wiki

                          GregorSG 1 Reply Last reply
                          0
                          • P Offline
                            P Offline
                            PaNoRu84
                            wrote on last edited by PaNoRu84
                            #2337

                            Hallo,

                            ich hoffe ich vertausche bei meiner Erklärung nicht sämtliche Begriffe, aber das ganze mit Entity an so vielen verschieden Stellen ist leicht verwirrend.

                            Ich nutze TypeScript v3.9.0.2.
                            Ich habe eine Art Übersichtsseite als CardGrid erstellt. Dort gibt es z.B. Symbole für Licht, Rollanden, Türen, Fenster, Garage ...

                            Ich habe gesehen @TT-Tom, du hast sowas schon in der Doku beschrieben, aber ich verstehe aus der Erklärung da nicht, woher das Icon denn weiß, dass es ein Fenster sein soll?
                            Hier trotzdem noch mein "zusätzliches" Problem, weil das Icon passt eigentlich bei mir.

                            Hinter der Fensterentetiy steckt aber nicht ein spezielles Fenster sondern eine Variable die den Status aller Fenster gesammelt wieder gibt.
                            Das funktioniert super. Sobald ich ein Fenster öffne, wir das Icon rot.
                            Als zweiten Schritt habe ich den Namen der Fenster entity wie folgt auf eine Variable gelegt, die ich in einem getrennten blockly script mit der Liste der offenen Fenster fülle.

                            name:"getState('0_userdata.0.STATE_COLLECTION.windows_open_list').val"
                            

                            Das funktioniert super, wenn alle Fenster zu sind hat die Variable den Wert "alle zu" und sonst zB. "Bad, Küche"

                            Wenn mehrere Fenster offnen sind wird der Platz des Namens aber schnell zu klein und ich möchte über das Icon auf eine SubGrid springen und dort dann eben detailiert alle Fenster anzuzeigen.

                            Prinzipiell funktioniert die Navigation und die Subpage auch ABER, sobald ich den Navigationsteil, bei dem Pageitem hinzufüge ist der wird der "getState Teil" (siehe Code oben) nicht mehr ausgewertet, sondern selbst als Name angezeigt.

                            Also das hier:

                            navigate: true,  targetPage:'Fenster_sub',
                            

                            Ist zumindest bei mir mit dem getState inkompatibel und ich verstehe nicht warum.

                            Danke für eure Hilfe.

                            T 1 Reply Last reply
                            0
                            • T TT-Tom

                              @armilar @Mercyful-0

                              Nicht vergessen Script neu starten, ggf. auch mal die JavaScript Instanz neu starten. Hatte gestern bei Tests festgestellt das sich eine Variable nicht aktualisiert, erst nachdem Neustart der Instanz läuft es wieder. (ColorTempSlider)

                              M Offline
                              M Offline
                              Mercyful 0
                              wrote on last edited by
                              #2338

                              @tt-tom @Armilar
                              Das durchstarten des Javascript Adapters hat Wunder bewirkt. Nun geht das Display um 21 Uhr aus und um 7 Uhr wieder an.
                              Danke für eure Unterstützung!
                              Liebe Grüße
                              Mercy

                              1 Reply Last reply
                              1
                              • T TT-Tom

                                @gregors

                                Wenn ich das auf dem Bild richt erkenne ist dein Alias immer noch Temperatur und nicht Thermostat. Hast du den Alias neu angelegt?

                                GregorSG Online
                                GregorSG Online
                                GregorS
                                wrote on last edited by
                                #2339

                                @tt-tom

                                Ich glaube ich lösche die Alais nochmal und lege sie neu an.
                                Habe von Temoperatur auf Thermostat gewechselt.
                                Kannst du mir mal ein Bild von deinen Alias und der Config zeigen?
                                Die 3 Punkte hatte ich für Man/ Auto angezeigt bekommen, habe den Eintrag wieder geloscht, da keine Ist-Temp und keine Funktion der Vorwahl möglich war.

                                INTEL NUC i7, Sonoff, hmIP, AVM, Jeelink, T-Link, Alexa, Saia-Burgess, uvm.

                                T 1 Reply Last reply
                                0
                                • GregorSG GregorS

                                  @tt-tom

                                  Ich glaube ich lösche die Alais nochmal und lege sie neu an.
                                  Habe von Temoperatur auf Thermostat gewechselt.
                                  Kannst du mir mal ein Bild von deinen Alias und der Config zeigen?
                                  Die 3 Punkte hatte ich für Man/ Auto angezeigt bekommen, habe den Eintrag wieder geloscht, da keine Ist-Temp und keine Funktion der Vorwahl möglich war.

                                  T Offline
                                  T Offline
                                  TT-Tom
                                  wrote on last edited by
                                  #2340

                                  @gregors sagte in SONOFF NSPanel mit Lovelace UI:

                                  Kannst du mir mal ein Bild von deinen Alias und der Config zeigen?

                                  let Buero_Themostat = <PageThermo> 
                                  {
                                      'type': 'cardThermo',
                                      'heading': 'Thermostat Büro',
                                      'useColor': true,
                                      'items': [<PageItem>{ id: alias.0.NSPanel1.Heizung.HzgBüro', minValue: 50, maxValue: 240 }]
                                  };
                                  
                                  

                                  Bildschirmfoto 2023-02-24 um 08.48.53.png

                                  Gruß Tom
                                  https://github.com/tt-tom17
                                  Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

                                  NSPanel Script Wiki
                                  https://github.com/joBr99/nspanel-lovelace-ui/wiki

                                  NSPanel Adapter Wiki
                                  https://github.com/ticaki/ioBroker.nspanel-lovelace-ui/wiki

                                  GregorSG 1 Reply Last reply
                                  1
                                  • P PaNoRu84

                                    Hallo,

                                    ich hoffe ich vertausche bei meiner Erklärung nicht sämtliche Begriffe, aber das ganze mit Entity an so vielen verschieden Stellen ist leicht verwirrend.

                                    Ich nutze TypeScript v3.9.0.2.
                                    Ich habe eine Art Übersichtsseite als CardGrid erstellt. Dort gibt es z.B. Symbole für Licht, Rollanden, Türen, Fenster, Garage ...

                                    Ich habe gesehen @TT-Tom, du hast sowas schon in der Doku beschrieben, aber ich verstehe aus der Erklärung da nicht, woher das Icon denn weiß, dass es ein Fenster sein soll?
                                    Hier trotzdem noch mein "zusätzliches" Problem, weil das Icon passt eigentlich bei mir.

                                    Hinter der Fensterentetiy steckt aber nicht ein spezielles Fenster sondern eine Variable die den Status aller Fenster gesammelt wieder gibt.
                                    Das funktioniert super. Sobald ich ein Fenster öffne, wir das Icon rot.
                                    Als zweiten Schritt habe ich den Namen der Fenster entity wie folgt auf eine Variable gelegt, die ich in einem getrennten blockly script mit der Liste der offenen Fenster fülle.

                                    name:"getState('0_userdata.0.STATE_COLLECTION.windows_open_list').val"
                                    

                                    Das funktioniert super, wenn alle Fenster zu sind hat die Variable den Wert "alle zu" und sonst zB. "Bad, Küche"

                                    Wenn mehrere Fenster offnen sind wird der Platz des Namens aber schnell zu klein und ich möchte über das Icon auf eine SubGrid springen und dort dann eben detailiert alle Fenster anzuzeigen.

                                    Prinzipiell funktioniert die Navigation und die Subpage auch ABER, sobald ich den Navigationsteil, bei dem Pageitem hinzufüge ist der wird der "getState Teil" (siehe Code oben) nicht mehr ausgewertet, sondern selbst als Name angezeigt.

                                    Also das hier:

                                    navigate: true,  targetPage:'Fenster_sub',
                                    

                                    Ist zumindest bei mir mit dem getState inkompatibel und ich verstehe nicht warum.

                                    Danke für eure Hilfe.

                                    T Offline
                                    T Offline
                                    TT-Tom
                                    wrote on last edited by
                                    #2341

                                    @panoru84 sagte in SONOFF NSPanel mit Lovelace UI:

                                    aber ich verstehe aus der Erklärung da nicht, woher das Icon denn weiß, dass es ein Fenster sein soll?

                                    ich habe für den Status einfach noch einmal die Objekte angelegt. Siehe Bild
                                    Bildschirmfoto 2023-02-24 um 08.54.32.png

                                    und damit wird das Standardicon vom Script dargestellt, kannst aber im Script auch ein eigens Icon definieren bzw. die Farbe für on und off.

                                    bei dem Zweiten Teil kann ich dir noch nicht ganz folgen. zeige mal bitte die Pageconfig der beiden Seiten und den Datenpunkt.

                                    Gruß Tom
                                    https://github.com/tt-tom17
                                    Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

                                    NSPanel Script Wiki
                                    https://github.com/joBr99/nspanel-lovelace-ui/wiki

                                    NSPanel Adapter Wiki
                                    https://github.com/ticaki/ioBroker.nspanel-lovelace-ui/wiki

                                    P 1 Reply Last reply
                                    0
                                    • T TT-Tom

                                      @panoru84 sagte in SONOFF NSPanel mit Lovelace UI:

                                      aber ich verstehe aus der Erklärung da nicht, woher das Icon denn weiß, dass es ein Fenster sein soll?

                                      ich habe für den Status einfach noch einmal die Objekte angelegt. Siehe Bild
                                      Bildschirmfoto 2023-02-24 um 08.54.32.png

                                      und damit wird das Standardicon vom Script dargestellt, kannst aber im Script auch ein eigens Icon definieren bzw. die Farbe für on und off.

                                      bei dem Zweiten Teil kann ich dir noch nicht ganz folgen. zeige mal bitte die Pageconfig der beiden Seiten und den Datenpunkt.

                                      P Offline
                                      P Offline
                                      PaNoRu84
                                      wrote on last edited by
                                      #2342

                                      @tt-tom

                                      Ich verstehe das mit dem Status für das dynamische Icon noch immer nicht 😄 sorry.

                                      https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-Navigation#variante-3-dynamische-icon-neue-notation

                                      Da schreibst du doch (das hast doch du geschrieben? DANKE)

                                      Um dieses Verhalten zu nutzen, benötigt ihr ein Alias vom Typ "Info", einen Datenpunkt unter "0_userdata.0." welcher mit dem Alias verknüpft ist und ein kleines Skript, welches eure Kontakte überwacht und den Datenpunkt unter 0_userdata.0. auf true bzw. false setzt.
                                      

                                      Wenn ich aber als ID den Alias on INFO nehme kommt ja kein Fenster Icon.

                                      Verstehe ich dich denn richtig, dass es dynamisch 2 Icons gibt "Fenster offen" (z.B. rot) und "Fenster zu" - grün (also das das 2 unterschiedliche Icons sind?)
                                      Das wäre ja auch für Garagentor, Haustüre, Rolladen, Lampen etc. cool.

                                      Anyway, zu meiner aktuellen Implementierung:

                                      var BueroGrid = <PageGrid>
                                      {
                                          "type": "cardGrid",
                                          "heading": "Büro GRID",
                                          "useColor": true,
                                          "subPage": false,
                                          "parent": undefined,
                                          "items": [
                                              <PageItem>{ id: 'alias.0.Licht.office.komplett', name: 'Bürolicht komplett', interpolateColor: true},
                                              <PageItem>{ id: 'alias.0.Licht.office.Holzdecke', name: 'Holzdecke', interpolateColor: true},
                                              <PageItem>{ id: 'alias.0.Licht.office.Desklight', name: 'Schreibtisch', interpolateColor: true},
                                              <PageItem>{ navigate: true,  targetPage:'Fenster_sub', id: 'alias.0.windows.window_any_open', name: "getState('0_userdata.0.STATE_COLLECTION.windows_open_list').val", offColor: MSRed, onColor: MSGreen},
                                              <PageItem>{ id: 'alias.0.STATE_COLLECTION.doors_any_open', name:"getState('0_userdata.0.STATE_COLLECTION.doors_open_list').val",  offColor: MSRed, onColor: MSGreen},
                                              <PageItem>{ id: 'alias.0.STATE_COLLECTION.Garagentor', name:'Garagentor',icon: Icons.GetIcon('garage'), offColor: MSRed, onColor: MSGreen}
                                          ]
                                      };
                                      
                                      var Fenster_sub = <PageGrid>
                                      {
                                          "type": "cardGrid",
                                          "heading": "Fenster",
                                          "useColor": true,
                                          "subPage": true,
                                          "parent": undefined,
                                          "items": [
                                              <PageItem>{ id: 'alias.0.windows.office_window', name: 'Büro', offColor: MSRed, onColor: MSGreen},
                                              <PageItem>{ id: 'alias.0.windows.kitchen_window', name: 'Küche', offColor: MSRed, onColor: MSGreen},
                                              <PageItem>{ id: 'alias.0.windows.bedroom_window', name: 'Schlafzimmer', offColor: MSRed, onColor: MSGreen},
                                              <PageItem>{ id: 'alias.0.windows.bathroom_window', name: 'Bad', offColor: MSRed, onColor: MSGreen},
                                              <PageItem>{ id: 'alias.0.windows.livingroom_window', name: 'Wohnzimmer', offColor: MSRed, onColor: MSGreen},
                                              <PageItem>{ id: 'alias.0.windows.kids_window', name: 'Kinderzimmer', offColor: MSRed, onColor: MSGreen}
                                          ]
                                      };
                                      

                                      Und das 4. Pageitem im 1. Grid, da wird offenbar weil da "navigate" und "targetPage" bei steht der Teil.

                                      name: "getState('0_userdata.0.STATE_COLLECTION.windows_open_list').val"
                                      

                                      nicht mehr als getState ausgewertet sondern da steht dann einfach das als Name.
                                      Ich habe auch schon probiert das anders zu escapen, hat aber bisher nicht funktioniert.

                                      Vielen Dank für deine Hilfe

                                      T 2 Replies Last reply
                                      0
                                      • P PaNoRu84

                                        @tt-tom

                                        Ich verstehe das mit dem Status für das dynamische Icon noch immer nicht 😄 sorry.

                                        https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-Navigation#variante-3-dynamische-icon-neue-notation

                                        Da schreibst du doch (das hast doch du geschrieben? DANKE)

                                        Um dieses Verhalten zu nutzen, benötigt ihr ein Alias vom Typ "Info", einen Datenpunkt unter "0_userdata.0." welcher mit dem Alias verknüpft ist und ein kleines Skript, welches eure Kontakte überwacht und den Datenpunkt unter 0_userdata.0. auf true bzw. false setzt.
                                        

                                        Wenn ich aber als ID den Alias on INFO nehme kommt ja kein Fenster Icon.

                                        Verstehe ich dich denn richtig, dass es dynamisch 2 Icons gibt "Fenster offen" (z.B. rot) und "Fenster zu" - grün (also das das 2 unterschiedliche Icons sind?)
                                        Das wäre ja auch für Garagentor, Haustüre, Rolladen, Lampen etc. cool.

                                        Anyway, zu meiner aktuellen Implementierung:

                                        var BueroGrid = <PageGrid>
                                        {
                                            "type": "cardGrid",
                                            "heading": "Büro GRID",
                                            "useColor": true,
                                            "subPage": false,
                                            "parent": undefined,
                                            "items": [
                                                <PageItem>{ id: 'alias.0.Licht.office.komplett', name: 'Bürolicht komplett', interpolateColor: true},
                                                <PageItem>{ id: 'alias.0.Licht.office.Holzdecke', name: 'Holzdecke', interpolateColor: true},
                                                <PageItem>{ id: 'alias.0.Licht.office.Desklight', name: 'Schreibtisch', interpolateColor: true},
                                                <PageItem>{ navigate: true,  targetPage:'Fenster_sub', id: 'alias.0.windows.window_any_open', name: "getState('0_userdata.0.STATE_COLLECTION.windows_open_list').val", offColor: MSRed, onColor: MSGreen},
                                                <PageItem>{ id: 'alias.0.STATE_COLLECTION.doors_any_open', name:"getState('0_userdata.0.STATE_COLLECTION.doors_open_list').val",  offColor: MSRed, onColor: MSGreen},
                                                <PageItem>{ id: 'alias.0.STATE_COLLECTION.Garagentor', name:'Garagentor',icon: Icons.GetIcon('garage'), offColor: MSRed, onColor: MSGreen}
                                            ]
                                        };
                                        
                                        var Fenster_sub = <PageGrid>
                                        {
                                            "type": "cardGrid",
                                            "heading": "Fenster",
                                            "useColor": true,
                                            "subPage": true,
                                            "parent": undefined,
                                            "items": [
                                                <PageItem>{ id: 'alias.0.windows.office_window', name: 'Büro', offColor: MSRed, onColor: MSGreen},
                                                <PageItem>{ id: 'alias.0.windows.kitchen_window', name: 'Küche', offColor: MSRed, onColor: MSGreen},
                                                <PageItem>{ id: 'alias.0.windows.bedroom_window', name: 'Schlafzimmer', offColor: MSRed, onColor: MSGreen},
                                                <PageItem>{ id: 'alias.0.windows.bathroom_window', name: 'Bad', offColor: MSRed, onColor: MSGreen},
                                                <PageItem>{ id: 'alias.0.windows.livingroom_window', name: 'Wohnzimmer', offColor: MSRed, onColor: MSGreen},
                                                <PageItem>{ id: 'alias.0.windows.kids_window', name: 'Kinderzimmer', offColor: MSRed, onColor: MSGreen}
                                            ]
                                        };
                                        

                                        Und das 4. Pageitem im 1. Grid, da wird offenbar weil da "navigate" und "targetPage" bei steht der Teil.

                                        name: "getState('0_userdata.0.STATE_COLLECTION.windows_open_list').val"
                                        

                                        nicht mehr als getState ausgewertet sondern da steht dann einfach das als Name.
                                        Ich habe auch schon probiert das anders zu escapen, hat aber bisher nicht funktioniert.

                                        Vielen Dank für deine Hilfe

                                        T Offline
                                        T Offline
                                        TT-Tom
                                        wrote on last edited by TT-Tom
                                        #2343

                                        @panoru84 sagte in SONOFF NSPanel mit Lovelace UI:

                                        @tt-tom

                                        Ich verstehe das mit dem Status für das dynamische Icon noch immer nicht 😄 sorry.

                                        Wenn ich aber als ID den Alias on INFO nehme kommt ja kein Fenster Icon.

                                        Verstehe ich dich denn richtig, dass es dynamisch 2 Icons gibt "Fenster offen" (z.B. rot) und "Fenster zu" - grün (also das das 2 unterschiedliche Icons sind?)
                                        Das wäre ja auch für Garagentor, Haustüre, Rolladen, Lampen etc. cool.

                                        im Wiki steht die Standardvariante mit der einfachsten Anforderung. Wenn man verstanden hat, wie das mit den Alias und Rollen funktioniert, kann man sich den Alias so anpassen das es ein Fenster ist.

                                        du Hast aber die Möglichkeit die Icon selber zu Wählen, dafür stehen die beiden Parameter "icon" und "icon2".
                                        "icon" stellt den Standard dar und wenn du "icon2" mit angibst , wird zwischen on und off unterschieden.

                                        im Fall eines Alias vom Type "INFO" sollte der "PageItem" so aus sehen.

                                        <PageItem>{ navigate: true,  targetPage:'Fenster_sub', id: 'alias.0.windows.window_any_open', icon: 'window_open_variant', icon2: 'window_closed_variant', useColor: true}
                                        
                                        name: "getState('0_userdata.0.STATE_COLLECTION.windows_open_list').val"
                                        

                                        nicht mehr als getState ausgewertet sondern da steht dann einfach das als Name.
                                        Ich habe auch schon probiert das anders zu escapen, hat aber bisher nicht funktioniert.

                                        zeige mir mal den Datenpunkt windows_open.....

                                        EDIT: die Parameter der Icon findest du hier

                                        Gruß Tom
                                        https://github.com/tt-tom17
                                        Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

                                        NSPanel Script Wiki
                                        https://github.com/joBr99/nspanel-lovelace-ui/wiki

                                        NSPanel Adapter Wiki
                                        https://github.com/ticaki/ioBroker.nspanel-lovelace-ui/wiki

                                        P 1 Reply Last reply
                                        0
                                        • P PaNoRu84

                                          @tt-tom

                                          Ich verstehe das mit dem Status für das dynamische Icon noch immer nicht 😄 sorry.

                                          https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-Navigation#variante-3-dynamische-icon-neue-notation

                                          Da schreibst du doch (das hast doch du geschrieben? DANKE)

                                          Um dieses Verhalten zu nutzen, benötigt ihr ein Alias vom Typ "Info", einen Datenpunkt unter "0_userdata.0." welcher mit dem Alias verknüpft ist und ein kleines Skript, welches eure Kontakte überwacht und den Datenpunkt unter 0_userdata.0. auf true bzw. false setzt.
                                          

                                          Wenn ich aber als ID den Alias on INFO nehme kommt ja kein Fenster Icon.

                                          Verstehe ich dich denn richtig, dass es dynamisch 2 Icons gibt "Fenster offen" (z.B. rot) und "Fenster zu" - grün (also das das 2 unterschiedliche Icons sind?)
                                          Das wäre ja auch für Garagentor, Haustüre, Rolladen, Lampen etc. cool.

                                          Anyway, zu meiner aktuellen Implementierung:

                                          var BueroGrid = <PageGrid>
                                          {
                                              "type": "cardGrid",
                                              "heading": "Büro GRID",
                                              "useColor": true,
                                              "subPage": false,
                                              "parent": undefined,
                                              "items": [
                                                  <PageItem>{ id: 'alias.0.Licht.office.komplett', name: 'Bürolicht komplett', interpolateColor: true},
                                                  <PageItem>{ id: 'alias.0.Licht.office.Holzdecke', name: 'Holzdecke', interpolateColor: true},
                                                  <PageItem>{ id: 'alias.0.Licht.office.Desklight', name: 'Schreibtisch', interpolateColor: true},
                                                  <PageItem>{ navigate: true,  targetPage:'Fenster_sub', id: 'alias.0.windows.window_any_open', name: "getState('0_userdata.0.STATE_COLLECTION.windows_open_list').val", offColor: MSRed, onColor: MSGreen},
                                                  <PageItem>{ id: 'alias.0.STATE_COLLECTION.doors_any_open', name:"getState('0_userdata.0.STATE_COLLECTION.doors_open_list').val",  offColor: MSRed, onColor: MSGreen},
                                                  <PageItem>{ id: 'alias.0.STATE_COLLECTION.Garagentor', name:'Garagentor',icon: Icons.GetIcon('garage'), offColor: MSRed, onColor: MSGreen}
                                              ]
                                          };
                                          
                                          var Fenster_sub = <PageGrid>
                                          {
                                              "type": "cardGrid",
                                              "heading": "Fenster",
                                              "useColor": true,
                                              "subPage": true,
                                              "parent": undefined,
                                              "items": [
                                                  <PageItem>{ id: 'alias.0.windows.office_window', name: 'Büro', offColor: MSRed, onColor: MSGreen},
                                                  <PageItem>{ id: 'alias.0.windows.kitchen_window', name: 'Küche', offColor: MSRed, onColor: MSGreen},
                                                  <PageItem>{ id: 'alias.0.windows.bedroom_window', name: 'Schlafzimmer', offColor: MSRed, onColor: MSGreen},
                                                  <PageItem>{ id: 'alias.0.windows.bathroom_window', name: 'Bad', offColor: MSRed, onColor: MSGreen},
                                                  <PageItem>{ id: 'alias.0.windows.livingroom_window', name: 'Wohnzimmer', offColor: MSRed, onColor: MSGreen},
                                                  <PageItem>{ id: 'alias.0.windows.kids_window', name: 'Kinderzimmer', offColor: MSRed, onColor: MSGreen}
                                              ]
                                          };
                                          

                                          Und das 4. Pageitem im 1. Grid, da wird offenbar weil da "navigate" und "targetPage" bei steht der Teil.

                                          name: "getState('0_userdata.0.STATE_COLLECTION.windows_open_list').val"
                                          

                                          nicht mehr als getState ausgewertet sondern da steht dann einfach das als Name.
                                          Ich habe auch schon probiert das anders zu escapen, hat aber bisher nicht funktioniert.

                                          Vielen Dank für deine Hilfe

                                          T Offline
                                          T Offline
                                          TT-Tom
                                          wrote on last edited by
                                          #2344

                                          @panoru84 sagte in SONOFF NSPanel mit Lovelace UI:

                                          var Fenster_sub = <PageGrid>                                                                                                                                                                            {                                                                                                                                                                                "type": "cardGrid",                                                                                                                                                                                "heading": "Fenster",                                                                                                                                                                                "useColor": true,                                                                                                                                                                                "subPage": true,                                                                                                                                                                                "parent": undefined,
                                          

                                          du hast in der Sub_page nicht den Ursprung definiert. "parent": BueroGrid

                                          Gruß Tom
                                          https://github.com/tt-tom17
                                          Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

                                          NSPanel Script Wiki
                                          https://github.com/joBr99/nspanel-lovelace-ui/wiki

                                          NSPanel Adapter Wiki
                                          https://github.com/ticaki/ioBroker.nspanel-lovelace-ui/wiki

                                          1 Reply Last reply
                                          1
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          600

                                          Online

                                          32.4k

                                          Users

                                          81.3k

                                          Topics

                                          1.3m

                                          Posts
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Login

                                          • Don't have an account? Register

                                          • Login or register to search.
                                          • First post
                                            Last post
                                          0
                                          • Recent
                                          • Tags
                                          • Unread 0
                                          • Categories
                                          • Unreplied
                                          • Popular
                                          • GitHub
                                          • Docu
                                          • Hilfe