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

donate donate
  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.7k

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

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

SONOFF NSPanel mit Lovelace UI

Geplant Angeheftet Gesperrt Verschoben Hardware
lovelace uinspanelsonoff
7.8k Beiträge 273 Kommentatoren 6.8m Aufrufe 256 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.
  • GarganoG Gargano

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

    T Offline
    T Offline
    TT-Tom
    schrieb am zuletzt editiert von
    #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 Antwort Letzte Antwort
    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
      schrieb am zuletzt editiert von
      #2334

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

      T 1 Antwort Letzte Antwort
      0
      • GarganoG Gargano

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

        T Offline
        T Offline
        TT-Tom
        schrieb am zuletzt editiert von
        #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 Antwort Letzte Antwort
        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
          schrieb am zuletzt editiert von
          #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 Antwort Letzte Antwort
          0
          • P Offline
            P Offline
            PaNoRu84
            schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
            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
              schrieb am zuletzt editiert von
              #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 Antwort Letzte Antwort
              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 Offline
                GregorSG Offline
                GregorS
                schrieb am zuletzt editiert von
                #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 Antwort Letzte Antwort
                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
                  schrieb am zuletzt editiert von
                  #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 Antwort Letzte Antwort
                  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
                    schrieb am zuletzt editiert von
                    #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 Antwort Letzte Antwort
                    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
                      schrieb am zuletzt editiert von
                      #2342

                      @tt-tom

                      Ich verstehe das mit dem Status für das dynamische Icon noch immer nicht :D 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 Antworten Letzte Antwort
                      0
                      • P PaNoRu84

                        @tt-tom

                        Ich verstehe das mit dem Status für das dynamische Icon noch immer nicht :D 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
                        schrieb am zuletzt editiert von 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 :D 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 Antwort Letzte Antwort
                        0
                        • P PaNoRu84

                          @tt-tom

                          Ich verstehe das mit dem Status für das dynamische Icon noch immer nicht :D 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
                          schrieb am zuletzt editiert von
                          #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 Antwort Letzte Antwort
                          1
                          • T TT-Tom

                            @panoru84 sagte in SONOFF NSPanel mit Lovelace UI:

                            @tt-tom

                            Ich verstehe das mit dem Status für das dynamische Icon noch immer nicht :D 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

                            P Offline
                            P Offline
                            PaNoRu84
                            schrieb am zuletzt editiert von PaNoRu84
                            #2345

                            @tt-tom !

                            windows_open_list.png

                            Das ist der Datenpunkt windows_open_list, den ich mit getstate ... .val gerne als name, sprich unter dem Icon hätte.
                            Wie gesagt, wenn ich navigate und targetPage rausnehme funktioniert das auch dynamisch, aber leider nicht wenn das Icon als Link zur SubPage funktionieren soll.

                            Oder darf der Link zur Subpage keine ID haben? :-o

                            Bezüglich dem fehlenden Parent beim Fenster_Sub, das sollte ja nur für die Navigation zurück Auswirkungen haben oder? Ich habs hinzugefügt. DANKE

                            T 1 Antwort Letzte Antwort
                            0
                            • T TT-Tom

                              @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

                              GregorSG Offline
                              GregorSG Offline
                              GregorS
                              schrieb am zuletzt editiert von GregorS
                              #2346

                              @tt-tom
                              Danke. Jetzt sieht es besser aus.

                              Die Luftfeuchtigkeit zeigt er mir aber nicht an.

                              Funktioniert bei dir der Modus?
                              Bei mir steht er immer auf Manuel und wechselt nur auf Boost.
                              Hast du die Fensteröffnung auch aktiv?

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

                              T 1 Antwort Letzte Antwort
                              0
                              • P PaNoRu84

                                @tt-tom !

                                windows_open_list.png

                                Das ist der Datenpunkt windows_open_list, den ich mit getstate ... .val gerne als name, sprich unter dem Icon hätte.
                                Wie gesagt, wenn ich navigate und targetPage rausnehme funktioniert das auch dynamisch, aber leider nicht wenn das Icon als Link zur SubPage funktionieren soll.

                                Oder darf der Link zur Subpage keine ID haben? :-o

                                Bezüglich dem fehlenden Parent beim Fenster_Sub, das sollte ja nur für die Navigation zurück Auswirkungen haben oder? Ich habs hinzugefügt. DANKE

                                T Offline
                                T Offline
                                TT-Tom
                                schrieb am zuletzt editiert von
                                #2347

                                @panoru84

                                Hinter id wird der Alias Datenpunkt vom Typ „Info“ für den Status erwartet (true/false), um auf dem Panel die Farbe und/oder das Icon zu wechseln.

                                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 Antwort Letzte Antwort
                                0
                                • GregorSG GregorS

                                  @tt-tom
                                  Danke. Jetzt sieht es besser aus.

                                  Die Luftfeuchtigkeit zeigt er mir aber nicht an.

                                  Funktioniert bei dir der Modus?
                                  Bei mir steht er immer auf Manuel und wechselt nur auf Boost.
                                  Hast du die Fensteröffnung auch aktiv?

                                  T Offline
                                  T Offline
                                  TT-Tom
                                  schrieb am zuletzt editiert von
                                  #2348

                                  @gregors sagte in SONOFF NSPanel mit Lovelace UI:

                                  Die Luftfeuchtigkeit zeigt er mir aber nicht an.

                                  Kein Icon auf dem Panel oder kein Wert. Wie heißt der Datenpunkt?

                                  Funktioniert bei dir der Modus?

                                  Nein Nutze ich noch nicht, muss dazu noch mein Script anpassen. Bei mir funktionieren nur Party und Boost.

                                  Bei mir steht er immer auf Manuel und wechselt nur auf Boost.

                                  Ja bei mir auch.

                                  Hast du die Fensteröffnung auch aktiv?

                                  Nur in der Homematic direkt.

                                  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 Antwort Letzte Antwort
                                  1
                                  • T TT-Tom

                                    @panoru84

                                    Hinter id wird der Alias Datenpunkt vom Typ „Info“ für den Status erwartet (true/false), um auf dem Panel die Farbe und/oder das Icon zu wechseln.

                                    P Offline
                                    P Offline
                                    PaNoRu84
                                    schrieb am zuletzt editiert von
                                    #2349

                                    @tt-tom diese Aussage bezieht sich darauf wenn das Icon als Link zur Subpage fungieren soll, richtig?

                                    ID: (von Type info (d.h. true/false) => dann funktionieren bei mir dynamische Icons und onColor/offColor.

                                    Was dann aber nicht funktionier ist den Namen dynamisch über

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

                                    zusetzen. Oder siehst du dafür Alternativen?

                                    T 1 Antwort Letzte Antwort
                                    0
                                    • P PaNoRu84

                                      @tt-tom diese Aussage bezieht sich darauf wenn das Icon als Link zur Subpage fungieren soll, richtig?

                                      ID: (von Type info (d.h. true/false) => dann funktionieren bei mir dynamische Icons und onColor/offColor.

                                      Was dann aber nicht funktionier ist den Namen dynamisch über

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

                                      zusetzen. Oder siehst du dafür Alternativen?

                                      T Offline
                                      T Offline
                                      TT-Tom
                                      schrieb am zuletzt editiert von TT-Tom
                                      #2350

                                      @panoru84

                                      Habe mir grade den Code noch einmal angesehen. Wenn der Parameter navigate genutzt wird, ist die Funktion nicht vorgesehen. Das Script greift dann auf den String hinter Name direkt zu.

                                      Wenn ich es schaffe teste ich heute Abend nochmal ein Fix.

                                      Edit:
                                      such bitte in der Funktion CreateEntity diesen Abschnitt und passe die Zeilen (4,11) mit "return" an. Du musst "pageItem." von "pageItem.name" entfernen.

                                                              default:
                                                                  return '~delete~~~~~';
                                                          }
                                                          return '~' + type + '~' + 'navigate.' + pageItem.targetPage + '~' + iconId + '~' + iconColor + '~' + name + '~' + buttonText;   
                                                      } else {
                                                          type = 'button';
                                                          iconId = pageItem.icon !== undefined ? Icons.GetIcon(pageItem.icon) : Icons.GetIcon('gesture-tap-button');
                                                          iconColor = GetIconColor(pageItem, true, useColors);
                                                          let buttonText = pageItem.buttonText !== undefined ? pageItem.buttonText : 'PRESS';
                                      
                                                          return '~' + type + '~' + 'navigate.' + pageItem.id + '~' + iconId + '~' + iconColor + '~' + name + '~' + buttonText;                    
                                                      } 
                                                  } 
                                      
                                                  switch (o.common.role) {
                                                      case 'socket':
                                                      case 'light':
                                      
                                      

                                      @Armilar kannst du das bitte gegen prüfen und ggf. in die 4.0 mit einbinden. Danke.

                                      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

                                      ArmilarA 1 Antwort Letzte Antwort
                                      1
                                      • T TT-Tom

                                        @panoru84

                                        Habe mir grade den Code noch einmal angesehen. Wenn der Parameter navigate genutzt wird, ist die Funktion nicht vorgesehen. Das Script greift dann auf den String hinter Name direkt zu.

                                        Wenn ich es schaffe teste ich heute Abend nochmal ein Fix.

                                        Edit:
                                        such bitte in der Funktion CreateEntity diesen Abschnitt und passe die Zeilen (4,11) mit "return" an. Du musst "pageItem." von "pageItem.name" entfernen.

                                                                default:
                                                                    return '~delete~~~~~';
                                                            }
                                                            return '~' + type + '~' + 'navigate.' + pageItem.targetPage + '~' + iconId + '~' + iconColor + '~' + name + '~' + buttonText;   
                                                        } else {
                                                            type = 'button';
                                                            iconId = pageItem.icon !== undefined ? Icons.GetIcon(pageItem.icon) : Icons.GetIcon('gesture-tap-button');
                                                            iconColor = GetIconColor(pageItem, true, useColors);
                                                            let buttonText = pageItem.buttonText !== undefined ? pageItem.buttonText : 'PRESS';
                                        
                                                            return '~' + type + '~' + 'navigate.' + pageItem.id + '~' + iconId + '~' + iconColor + '~' + name + '~' + buttonText;                    
                                                        } 
                                                    } 
                                        
                                                    switch (o.common.role) {
                                                        case 'socket':
                                                        case 'light':
                                        
                                        

                                        @Armilar kannst du das bitte gegen prüfen und ggf. in die 4.0 mit einbinden. Danke.

                                        ArmilarA Offline
                                        ArmilarA Offline
                                        Armilar
                                        Most Active Forum Testing
                                        schrieb am zuletzt editiert von Armilar
                                        #2351

                                        @tt-tom

                                        Sieht doch gut aus. Habe es übernommen. :blush:

                                        Es erschließt sich mir aber nicht, warum man dynamische Listen in eine statische Menüstruktur einbinden möchte, in der ohnehin für Text nur sehr begrenzt Platz zur Verfügung steht. :face_with_rolling_eyes:

                                        @PaNoRu84 hättest du anschließend mal ein kurzes Beispiel als Bild? Kann mir da aktuell nicht viel drunter vorstellen...

                                        Installationsanleitung, Tipps, Alias-Definitionen, FAQ für das Sonoff NSPanel mit lovelace UI unter ioBroker
                                        https://github.com/joBr99/nspanel-lovelace-ui/wiki

                                        Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                                        T 1 Antwort Letzte Antwort
                                        1
                                        • ArmilarA Armilar

                                          @tt-tom

                                          Sieht doch gut aus. Habe es übernommen. :blush:

                                          Es erschließt sich mir aber nicht, warum man dynamische Listen in eine statische Menüstruktur einbinden möchte, in der ohnehin für Text nur sehr begrenzt Platz zur Verfügung steht. :face_with_rolling_eyes:

                                          @PaNoRu84 hättest du anschließend mal ein kurzes Beispiel als Bild? Kann mir da aktuell nicht viel drunter vorstellen...

                                          T Offline
                                          T Offline
                                          TT-Tom
                                          schrieb am zuletzt editiert von
                                          #2352

                                          @armilar

                                          waren auch so meine Gedanken, ich hätte da eventuell die Anzahl drunter gesetzt inkl. Prefix und/oder Suffix.

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

                                          668

                                          Online

                                          32.4k

                                          Benutzer

                                          81.5k

                                          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