Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Hardware
    4. SONOFF NSPanel mit Lovelace UI

    NEWS

    • Neuer Blog: Fotos und Eindrücke aus Solingen

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

    • ioBroker goes Matter ... Matter Adapter in Stable

    SONOFF NSPanel mit Lovelace UI

    This topic has been deleted. Only users with topic management privileges can see it.
    • P
      patricknitsch @Armilar last edited by

      Ich habe mal eine Frage zu den Icon Farben. Ich habe mir ein Script geschrieben, in dem ich Variablen die Farbe rot für Heizen, blau für Leerlauf und grau für Aus zuweise. Das Script funktioniert auch und die Variablen werden beschrieben.

      // Geräte definieren
      const Device = ['esphome.0.483FDA2070A9.Climate.329270204.action', //Wohnzimmer
      'esphome.0.98CDAC37D313.Climate.3279165939.action', //Esszimmer
      'esphome.0.483FDA2076E4.Climate.3032879289.action', //Küche
      'esphome.0.E09806905957.Climate.1839574523.action', //Gast WC
      'esphome.0.483FDA207820.Climate.2073136155.action', //Kinderzimmer
      'esphome.0.483FDA207895.Climate.2981622931.action', //Schlafzimmer
      'esphome.0.349454627592.Climate.1371366485.action', //Gästezimmer
      'esphome.0.3494546271EB.Climate.4002998739.action', //Ankleidezimmer
      'esphome.0.ECFABC3EA728.Climate.4217826977.action', //Einlieger vorne
      'esphome.0.483FDA206B25.Climate.2503850967.action', //Einlieger hinten
      'esphome.0.D8BFC0D9C11F.Climate.1081499580.action'];//Büro
      
      const Alias = ['Wohnzimmer_heat', 
      'Esszimmer_heat', 
      'Kueche_heat', 
      'GastWC_heat', 
      'Kinderzimmer_heat', 
      'Schlafzimmer_heat', 
      'Gaestezimmer_heat', 
      'Ankleidezimmer_heat', 
      'EV_heat', 
      'EH_heat', 
      'Buero_heat'];
      
      // Trigger wenn Geräte den Wert ändern
      on({ id: [].concat([Device]), change: 'ne' }, async () => {
      
          // Schleife für Geräte
          for (const [i_index, i_Device] of Device.entries()) {
      
              //Pfad verbinden
              let i_Alias = '0_userdata.0.Heizungen.' + Alias[i_index];
      
              // Gerät heizt, Leerlauf, aus?
              if ((getState(i_Device).val ? getState(i_Device).val : '') == 3) {
                  //setStateDelayed(i_Alias, { red: 255, green:   0, blue:   0 }, false, parseInt(((0) || '').toString(), 10), false);
                  setStateDelayed(i_Alias, "Red");
              } else if ((getState(i_Device).val ? getState(i_Device).val : '') == 4) {
                  //setStateDelayed(i_Alias, { red: 0, green:   0, blue:   255 }, false, parseInt(((0) || '').toString(), 10), false);
                  setStateDelayed(i_Alias, "Blue");
              } else {
                  //setStateDelayed(i_Alias, "Gray", false, parseInt(((0) || '').toString(), 10), false);
                  setStateDelayed(i_Alias, "Gray");
              }
          }
      });
      

      Für onColor und offColor möchte ich dann den Wert abfragen und die jeweilige Farbe auslösen.

      let Thermostat_Subpage1: PageType =
                  {
                      'type': 'cardGrid',
                      'heading': 'Heizung Menü EG',
                      'subPage': true,
                      'useColor': true,
                      'parent': Thermostat_Subpage0,
                      'prev': undefined,
                      'next': 'Thermostat_Subpage2',
                      'home': undefined,
                      'items': [ 
                          { navigate: true, id: null, targetPage: 'Wohnzimmer_Thermostat', name: "Wohnen", icon: 'thermostat',offColor: getState('alias.0.Heizungen.Colors.Wohnzimmer_Color.ACTUAL').val, onColor: getState('alias.0.Heizungen.Colors.Wohnzimmer_Color.ACTUAL').val },
                          { navigate: true, id: null, targetPage: 'Esszimmer_Thermostat', name: "Essen", icon: 'thermostat', onColor: getState('0_userdata.0.Heizungen.Esszimmer_heat').val},
                          { navigate: true, id: null, targetPage: 'Kueche_Thermostat', name: "Kueche", icon: 'thermostat', onColor: getState('0_userdata.0.Heizungen.Kueche_heat').val},
                          { navigate: true, id: null, targetPage: 'GastWC_Thermostat', name: "Gast WC", icon: 'thermostat', onColor: getState('0_userdata.0.Heizungen.GastWC_heat').val},
                          //{ navigate: true, id: null, targetPage: 'Bad_Thermostat', name: "Bad", icon: 'thermostat', offColor: getState('0_userdata.0.Heizungen.Bad_heat').val},
                          { navigate: true, id: null, targetPage: 'Kinderzimmer_Thermostat', name: "Kind", icon: 'thermostat', onColor: { red: 255, green:   0, blue: 255 }},],
                  };
      

      Alle Icons werden aber nur schwarz angezeigt. Eine Fehlermeldung im Log entsteht nicht.
      Kann ich die Farben so überhaupt ändern? Oder habe ich irgendwo einen Denkfehler?

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

        @patricknitsch

        So wie du das machen möchtest (also mit getState....) funktioniert das nicht.

        @TT-Tom hat vor einiger Zeit die Navigation allerdings um COLORDEC erweitert...

        Habe mal den Text aus der Wiki kopiert. Da ist auch ein Tool für die DEC565 Farbangabe

        https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-Navigation

        dc71ff8b-495a-49f6-a7ce-c7569d85faaa-image.png

        P 1 Reply Last reply Reply Quote 2
        • Armilar
          Armilar Most Active Forum Testing @nono87 last edited by

          @nono87

          Im Icon-Feld funktionieren keine Umbrüche... Versuche die Texte abzukürzen...

          1 Reply Last reply Reply Quote 0
          • P
            patricknitsch @Armilar last edited by

            @armilar Funktioniert nach der Doku super. Danke!

            1 Reply Last reply Reply Quote 2
            • M
              maik5066 @TT-Tom last edited by

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

              Danke dir, ich habe jetzt alle Datenpunkte angelegt leider funktioniert es nicht.:
              WLED1.JPG WLED2.JPG WLED3.JPG WLED4.JPG

              P T 2 Replies Last reply Reply Quote 0
              • P
                patricknitsch @maik5066 last edited by patricknitsch

                @maik5066 Das Script sucht doch nach einer Variable ON_SET.... die hast du doch gar nicht? Leg die doch auch mal an.

                T 1 Reply Last reply Reply Quote 1
                • T
                  TT-Tom @maik5066 last edited by TT-Tom

                  @maik5066

                  Du hast zweimal Color in deiner config drin. das zweite muss Effects sein.

                  { id: "alias.0.NSPanel.WLED.Colors", icon: "palette", name: "Colors", onColor: White,
                  modeList: ['Default', "* Color 1', '* Color Gradient', "* Colors 182', "* Colors Only', ** Random Cycle', 'Analogus'......
                  
                  { id: "alias.0.NSPanel.WLED.Colors", icon: "emoticon-outline", name: "Effects", onColor: White,
                  
                  

                  55efdfbc-e80c-4a6b-bc33-36bd92372074-image.png

                  so sieht es bei mir aus. Ich habe da kein SET drin. steht auch so in der Beschreibung. (nur VALUE ) und du brauchst Buttonsensor und nicht Button als Channel

                  Auszug aus dem WIKI

                  Aliase:

                  Die drei Hilfs-Datenpunkte werden mit einem Alias Tastensensor wie hier beschrieben verknüpft
                  Für Power, Timer und Synch nutzen wir jeweils einen Alias Licht und verknüpfen ACTUAL und SET jeweils mit den zugehörigen WLED Objekten:
                  Power --> wled.0.2cf43212d23c.on
                  Timer --> wled.0.2cf43212d23c.nl.on
                  Synch --> wled.0.2cf43212d23c.udpn.send

                  1 Reply Last reply Reply Quote 1
                  • T
                    TT-Tom @patricknitsch last edited by

                    @patricknitsch

                    es ist der falsche Channeltyp.

                    1 Reply Last reply Reply Quote 1
                    • M
                      maik5066 @TT-Tom last edited by

                      @tt-tom
                      Hallo Tom, danke dir es funktioniert, ich habe eine leichten Verzögerung bei einschalten der zb. Effekte, ist das Normal?
                      Ich hatte noch ein kleine Frage:
                      Wie kann ich erst z. Bsp. mir die Einstellungen für HUE(WLED habe ich konvertiert in ein ALIAS HUE LAMPE) mit Dimmer, Licht AN AUS, Farbe und CCT anzeigen lassen und als Unterseite dann den WLED als Sub Page.
                      let WLED1: PageType =
                      {
                      "type": "cardGrid",
                      "heading": "Esszimmer",
                      "useColor": true,
                      'subPage': false,
                      "items": [
                      { id: "alias.0.NSPanel.WLED-devices.Esszimmer.Power", name: "Power", icon: "power", onColor: Blue, offColor: HMIOff},
                      { id: "alias.0.NSPanel.WLED-devices.Esszimmer.Synch", name: "Sync", icon: "sync", onColor: Blue, offColor: White},
                      { id: "alias.0.NSPanel.WLED-devices.Esszimmer.Timer", name: "Timer", icon: "moon-waxing-crescent", onColor: Blue, offColor: White},
                      { id: "alias.0.NSPanel.WLED-devices.Esszimmer.Presets", icon: "heart-outline", name: "Presets", onColor: White, modeList: ['Preset 0', 'Add Preset']},
                      { id: "alias.0.NSPanel.WLED-devices.Esszimmer.Colors", icon: "palette", name: "Colors", onColor: White,
                      modeList: ['Default', '* Color 1', '* Color Gradient', '* Colors 1&2', '* Colors Only', '* Random Cycle', 'Analogus','April Night', 'Aqua Flash', 'Atlantica', 'Aurora', 'Beach', 'Beech', 'Blink Red', 'Breeze', 'C9', 'C9 New', 'Candy', 'Candy2', 'Cloud', 'Cyane', 'Departure', 'Drywet', 'Fairy Reaf', 'Fire', 'Forest', 'etc']},
                      { id: "alias.0.NSPanel.WLED-devices.Esszimmer.Effects", icon: "emoticon-outline", name: "Effects", onColor: White,
                      modeList: ['Solid', 'Android', 'Aurora', 'Blends', 'Blink', 'Blink Rainbow', 'Bouncing Balls','Bpm', 'Breathe', 'Candle', 'Candle Multi', 'Candy Cane', 'Chase', 'Chase 1', 'Chase 2', 'Chase 3', 'Chase Flash', 'Chase Flash Rnd', 'Chase Rainbow', 'Chase Random', 'Chunchun', 'Colorful', 'Colorloop', 'Colortwinkles', 'Colorwaves', 'Dancing Shadows', 'etc']},
                      ]
                      };

                      T 1 Reply Last reply Reply Quote 0
                      • T
                        TT-Tom @maik5066 last edited by TT-Tom

                        @maik5066

                        Verstehe ich dich richtig, du möchtest die cardGrid WLED1 als Subpage bauen?

                        Hier mal ein Link zur Navigation https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-Navigation

                        Wichtig ist, das zur richtigen Seiten Config, auch die Seite in den Bereich subPages eingetragen werden muss und bei Pages gelöscht.

                        Hoffe Dir damit geholfen zu haben.

                        1 Reply Last reply Reply Quote 1
                        • A
                          adsfa last edited by

                          Hi zusammen, ich überlege, mir einige Sonoff NSPanels zu kaufen, um diese in den Fluren an die Wand zu hängen.
                          Auf welcher Höhe habt ihr die Panels ungefähr und seid ihr damit zufrieden?
                          Danke!

                          T 1 Reply Last reply Reply Quote 0
                          • T
                            ticaki Developer @adsfa last edited by

                            @adsfa
                            bei mir sind sie ca. auf 140cm

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

                              @ticaki

                              ich habe alle zwischen 130cm - 140cm und im Büro eines mit Gehäuse auf dem Schreibtisch.

                              Die NSPanel lassen sich super in der Höhe bedienen und ablesen...

                              L 1 Reply Last reply Reply Quote 0
                              • L
                                lustig29 @Armilar last edited by

                                Ich würde mir gerne auf dem Ns Panel die noch offenen Fenster anzeigen lassen. Gibt es dafür eine Vorlage mit Skript?

                                T 1 Reply Last reply Reply Quote 0
                                • T
                                  TT-Tom @lustig29 last edited by

                                  @lustig29

                                  die Frage ist, wie sieht die Struktur der Datenpunkte bei dir aus, wo die Fenstermeldungen liegen. Dann kann man dir auch mit einem Script helfen.
                                  da gibt es die Möglichkeit über die Funktion oder Rolle zu suchen oder über einen Ordner mit Datenpunkten. Gibt da mal mehr Infos

                                  1 Reply Last reply Reply Quote 1
                                  • A
                                    australien last edited by

                                    Komisch das hier seit 28.März nichts mehr kommt? Keine Fragen mehr?
                                    Oder gibt es einen neuen Threat?

                                    ? 1 Reply Last reply Reply Quote 0
                                    • ?
                                      A Former User @australien last edited by

                                      @australien

                                      nee, Osterferien... 🙂

                                      A 1 Reply Last reply Reply Quote 0
                                      • A
                                        australien @Guest last edited by

                                        @ilovegym verstehe! 👍

                                        1 Reply Last reply Reply Quote 0
                                        • K
                                          Kunibert last edited by

                                          Ich kann die Osterpause beenden und mich mit einer Frage bzw. einem Fehler melden 🙂
                                          Ich wollte heute den Spotify-Player einbinden und habe dazu das Skript aus der Doku 1:1 übernommen:

                                          let L40Spotify: PageType =
                                          {
                                                  'type': 'cardMedia',
                                                  'heading': 'Spotify-Premium',
                                                  'items': [{
                                                      id: AliasPath + 'Media.PlayerSpotifyPremium',
                                                      adapterPlayerInstance: "spotify-premium.0.",
                                                      speakerList: [],
                                                      playList: [],
                                                      colorMediaIcon: colorSpotify,
                                                      colorMediaArtist: Yellow,
                                                      colorMediaTitle: Yellow,
                                                      alwaysOnDisplay: true,
                                                      autoCreateALias: true
                                                  }]
                                          };
                                          

                                          Der Alias wird auch beim ersten Aufruf der Page generiert, dann erscheinen jedoch jede Menge Fehler im Log. Auf dem Display wird Titel und Artist angezeigt, die Steuerung von Pause/Skip etc. ist jedoch nicht möglich. Habt ihr eine Idee?
                                          Hier der Auszug aus dem Log:

                                          5:04:53.747	info	javascript.0 (207) script.js.common.Panels.PanelDG1_GZ_4_3_3_40: Spotify Alias alias.0.Panels.PanelDG1.Media.PlayerSpotifyPremium does not exist - will be created now
                                          15:05:13.869	warn	javascript.0 (207) at GenerateMediaPage (script.js.common.Panels.PanelDG1_GZ_4_3_3_40:6839:26)
                                          15:05:13.869	warn	javascript.0 (207) at GeneratePage (script.js.common.Panels.PanelDG1_GZ_4_3_3_40:4425:29)
                                          15:05:13.869	warn	javascript.0 (207) at Object.<anonymous> (script.js.common.Panels.PanelDG1_GZ_4_3_3_40:5975:33)
                                          15:05:13.869	warn	javascript.0 (207) at step (script.js.common.Panels.PanelDG1_GZ_4_3_3_40:33:23)
                                          15:05:13.869	warn	javascript.0 (207) at Object.next (script.js.common.Panels.PanelDG1_GZ_4_3_3_40:14:53)
                                          15:05:13.869	warn	javascript.0 (207) at script.js.common.Panels.PanelDG1_GZ_4_3_3_40:8:71
                                          15:05:13.869	warn	javascript.0 (207) at __awaiter (script.js.common.Panels.PanelDG1_GZ_4_3_3_40:4:12)
                                          15:05:13.870	warn	javascript.0 (207) at Object.<anonymous> (script.js.common.Panels.PanelDG1_GZ_4_3_3_40:5972:28)
                                          15:05:16.895	warn	javascript.0 (207) at GenerateMediaPage (script.js.common.Panels.PanelDG1_GZ_4_3_3_40:6839:26)
                                          15:05:16.896	warn	javascript.0 (207) at GeneratePage (script.js.common.Panels.PanelDG1_GZ_4_3_3_40:4425:29)
                                          15:05:16.896	warn	javascript.0 (207) at Object.<anonymous> (script.js.common.Panels.PanelDG1_GZ_4_3_3_40:5979:45)
                                          15:05:16.896	warn	javascript.0 (207) at step (script.js.common.Panels.PanelDG1_GZ_4_3_3_40:33:23)
                                          15:05:16.896	warn	javascript.0 (207) at Object.next (script.js.common.Panels.PanelDG1_GZ_4_3_3_40:14:53)
                                          15:05:16.896	warn	javascript.0 (207) at script.js.common.Panels.PanelDG1_GZ_4_3_3_40:8:71
                                          15:05:16.896	warn	javascript.0 (207) at __awaiter (script.js.common.Panels.PanelDG1_GZ_4_3_3_40:4:12)
                                          15:05:16.896	warn	javascript.0 (207) at Object.<anonymous> (script.js.common.Panels.PanelDG1_GZ_4_3_3_40:5977:44)
                                          

                                          Der Alias wurde wie folgt automatisch angelegt:
                                          9685a38e-c2fc-498a-840c-ca87b9f7c656-image.png

                                          Viele Grüße und danke für eure Unterstützung

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

                                            @kunibert

                                            ist an vielen Stellen in den Datenpunkten null drin.

                                            Setze mal:

                                            • NEXT, PLAY, PREV und STOP auf false
                                            • PAUSE auf true
                                            • VOLUME und ACTUAL auf z.B. 20
                                            K 1 Reply Last reply Reply Quote 1
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            969
                                            Online

                                            31.8k
                                            Users

                                            80.0k
                                            Topics

                                            1.3m
                                            Posts

                                            lovelace ui nspanel sonoff
                                            265
                                            7321
                                            5033119
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo