Skip to content
  • Home
  • 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
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Hardware
  4. SONOFF NSPanel mit Lovelace UI (TypeScript Version)

NEWS

  • Monatsrückblick Januar/Februar 2026 ist online!
    BluefoxB
    Bluefox
    16
    1
    299

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    17
    1
    4.7k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    1.3k

SONOFF NSPanel mit Lovelace UI (TypeScript Version)

Scheduled Pinned Locked Moved Hardware
lovelace uinspanelsonoff
8.0k Posts 277 Posters 7.2m Views 262 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 Offline
    ArmilarA Offline
    Armilar
    Most Active Forum Testing
    wrote on last edited by
    #4519

    @gargano

    wirf mal die Datenpunkte vom Emulator weg unter:

    • 0_userdata.0
    • alias.0

    Bei mir läuft der Screensaver perfekt!

    Von welcher Version kommst du? Sind nicht viele Infos für einen Ansatz...

    Mit dem Berry-Update kann ich mir demnächst mal ansehen

    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.

    ArmilarA 1 Reply Last reply
    1
    • ArmilarA Armilar

      @gargano

      wirf mal die Datenpunkte vom Emulator weg unter:

      • 0_userdata.0
      • alias.0

      Bei mir läuft der Screensaver perfekt!

      Von welcher Version kommst du? Sind nicht viele Infos für einen Ansatz...

      Mit dem Berry-Update kann ich mir demnächst mal ansehen

      ArmilarA Offline
      ArmilarA Offline
      Armilar
      Most Active Forum Testing
      wrote on last edited by Armilar
      #4520

      Update - v4.3.3.22

      0c30097c-8471-4aa3-a458-a2594f86ba81-image.png

      Es gab gestern noch ein Update:

      Was ist neu?
      @TT-Tom noch eine Optimierung für die Update-Benachrichtigungen eingebaut.

      • Es wird ein neuer Datenpunkt automatisch in 0_userdata.0 und alias.0. angelegt mit dem die Update-Benachrichtigungen über das Service-Menü abgeschaltet werden können
        49fc15cd-642d-4699-9b6e-9ead9fbc4cd7-image.png
        b786521a-4644-40c2-a485-9fa9d29716df-image.png

      • Außerdem sind noch eine Erweiterung für dynamische Farben der Icons in das Menü eingeflossen

      • Dynamische Namen sind im Navigationsmenü möglich (Fix)

      Wie kann ich das Update durchführen?

      • Wenn aktuelle Version ab v4.3.3.10, dann unteren Teil des NSPanelTs.ts ab:
        a8c80cdf-6f96-4a55-adaa-a27704726f9b-image.png austauschen
      • Service-Menü ersetzen (NSPanelTS.ts - Zeilen 371 - 753)

      https://github.com/joBr99/nspanel-lovelace-ui/blob/main/ioBroker/NsPanelTs.ts

      Wenn aktuelle Version bis v4.3.3.9, dann Updateaneitung befolgen:
      https://github.com/joBr99/nspanel-lovelace-ui/wiki/NSPanel-Starthilfe-FAQ#hilfe-bei-update--upgrade

      VG
      @TT-Tom & Armilar :blush:

      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.

      1 Reply Last reply
      3
      • eierfeileE Offline
        eierfeileE Offline
        eierfeile
        wrote on last edited by eierfeile
        #4521

        Hi, ich nutze die cardThermo. Leider springt die Heizung aber nicht an, wenn die Soll Temperatur unterschritten wird. Die 2 Hardwaretasten sind bei mir deaktiviert. Können also nur digital geschaltet werden...falls das etwas zur Sache tut.
        Was mache ich falsch?

        let Kueche_Themostat = <PageThermo>
        {
            'type': 'cardThermo',
            'heading': 'Thermostat Kueche',
            'useColor': true,
            'subPage': false,
            'parent': undefined,
            'items': [<PageItem>{ 
                        id: 'alias.0.NSPanels.Thermostat_Kueche', 
                        minValue: 50, 
                        maxValue: 300,
                        stepValue: 5,
                      //  setThermoDestTemp2: 'ACTUAL1'
                     }]
        };
        
        
        T 1 Reply Last reply
        0
        • eierfeileE eierfeile

          Hi, ich nutze die cardThermo. Leider springt die Heizung aber nicht an, wenn die Soll Temperatur unterschritten wird. Die 2 Hardwaretasten sind bei mir deaktiviert. Können also nur digital geschaltet werden...falls das etwas zur Sache tut.
          Was mache ich falsch?

          let Kueche_Themostat = <PageThermo>
          {
              'type': 'cardThermo',
              'heading': 'Thermostat Kueche',
              'useColor': true,
              'subPage': false,
              'parent': undefined,
              'items': [<PageItem>{ 
                          id: 'alias.0.NSPanels.Thermostat_Kueche', 
                          minValue: 50, 
                          maxValue: 300,
                          stepValue: 5,
                        //  setThermoDestTemp2: 'ACTUAL1'
                       }]
          };
          
          
          T Offline
          T Offline
          TT-Tom
          wrote on last edited by
          #4522

          @eierfeile die cradThermo steuert keine Heizung direkt sie kann nur Parameter setzen und die Solltemp. vorgeben. Die Steuerung erfolgt rein extern.

          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

          eierfeileE 1 Reply Last reply
          0
          • theknutT Offline
            theknutT Offline
            theknut
            wrote on last edited by theknut
            #4523

            Ich versuche gerade vergeblich meine eigene Navigation aufzubauen. Leider kann ich nicht nachvollziehen wie die zustande kommt.
            Wie komme ich denn auf die Id für die Page, zu der navigiert werden soll?

            let NSPanel_Service_SubPage = <PageEntities>
            {
                ...
                'items': [
                    <PageItem>{ navigate: true, id: 'NSPanel_Infos', icon: 'information-outline', offColor: Menu, onColor: Menu, name: findLocaleServMenu('infos'), buttonText: findLocaleServMenu('more')},
                    ...
                ]
            };
            

            Die hier vergebene Id NSPanel_Infos kommt sonst nirgendwo mehr im ganzen Skript vor, außer als Variablenname, aber das kann es ja eigentlich auch nicht sein.

            Mit dem Variablennamen hatte ich es auch probiert, aber hatte auch keinen Erfolg. Am Ende wird nur der Reboot Button angezeigt.

            let wohnzimmerLicht = <PageGrid> 
            {
                'type': 'cardGrid',
                'heading': 'Licht',
                'useColor': true,
                'subPage': true,
                'parent': menuPage,
                'items': [
                    ...
                ]
            };
            ...
            menuPage.items = [
                    <PageItem>{ navigate: true, id: 'wohnzimmerLicht', icon: 'information-outline'},
                    <PageItem>{ id: AliasPath + 'Config.rebootNSPanel', name: findLocaleServMenu('reboot') ,icon: 'refresh', offColor: MSRed, onColor: MSGreen, buttonText: findLocaleServMenu('start')}
                ];
            ...
            export const config = <Config> {
            
                // Seiteneinteilung / Page division
                // Hauptseiten / Mainpages
                pages: [
                    menuPage,
                    NSPanel_Service         	//Auto-Alias Service Page
            	    //Unlock_Service            //Auto-Alias Service Page (Service Pages used with cardUnlock)
                ],
            
                // Unterseiten / Subpages
                subPages: [
            	wohnzimmerLicht,
                    wohnzimmerRollo,
                    solarPage,
                    spotifyPremium,
                    wlanPage,
                    technikraum,
                            NSPanel_Service_SubPage, 
            

            Dann erhalte ich dieses Warning

            script.js.NSPanel.Dev.Dev: Found Alias without channel: wohnzimmerLicht! Please correct the Alias
            

            ☕ @ https://ko-fi.com/theknut

            T 1 Reply Last reply
            0
            • theknutT theknut

              Ich versuche gerade vergeblich meine eigene Navigation aufzubauen. Leider kann ich nicht nachvollziehen wie die zustande kommt.
              Wie komme ich denn auf die Id für die Page, zu der navigiert werden soll?

              let NSPanel_Service_SubPage = <PageEntities>
              {
                  ...
                  'items': [
                      <PageItem>{ navigate: true, id: 'NSPanel_Infos', icon: 'information-outline', offColor: Menu, onColor: Menu, name: findLocaleServMenu('infos'), buttonText: findLocaleServMenu('more')},
                      ...
                  ]
              };
              

              Die hier vergebene Id NSPanel_Infos kommt sonst nirgendwo mehr im ganzen Skript vor, außer als Variablenname, aber das kann es ja eigentlich auch nicht sein.

              Mit dem Variablennamen hatte ich es auch probiert, aber hatte auch keinen Erfolg. Am Ende wird nur der Reboot Button angezeigt.

              let wohnzimmerLicht = <PageGrid> 
              {
                  'type': 'cardGrid',
                  'heading': 'Licht',
                  'useColor': true,
                  'subPage': true,
                  'parent': menuPage,
                  'items': [
                      ...
                  ]
              };
              ...
              menuPage.items = [
                      <PageItem>{ navigate: true, id: 'wohnzimmerLicht', icon: 'information-outline'},
                      <PageItem>{ id: AliasPath + 'Config.rebootNSPanel', name: findLocaleServMenu('reboot') ,icon: 'refresh', offColor: MSRed, onColor: MSGreen, buttonText: findLocaleServMenu('start')}
                  ];
              ...
              export const config = <Config> {
              
                  // Seiteneinteilung / Page division
                  // Hauptseiten / Mainpages
                  pages: [
                      menuPage,
                      NSPanel_Service         	//Auto-Alias Service Page
              	    //Unlock_Service            //Auto-Alias Service Page (Service Pages used with cardUnlock)
                  ],
              
                  // Unterseiten / Subpages
                  subPages: [
              	wohnzimmerLicht,
                      wohnzimmerRollo,
                      solarPage,
                      spotifyPremium,
                      wlanPage,
                      technikraum,
                              NSPanel_Service_SubPage, 
              

              Dann erhalte ich dieses Warning

              script.js.NSPanel.Dev.Dev: Found Alias without channel: wohnzimmerLicht! Please correct the Alias
              
              T Offline
              T Offline
              TT-Tom
              wrote on last edited by TT-Tom
              #4524

              @theknut der Eintrag kommt zusätzlich in die servicepage nspanel_info

              Jetzt habe ich es erst erkannt. Dein Menu Aufbau ist komplett falsch. Siehe dir die Servicestellen an. Hast du eine Mainpage. Der Rest sind SubPage.

              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

              theknutT 1 Reply Last reply
              1
              • T TT-Tom

                @theknut der Eintrag kommt zusätzlich in die servicepage nspanel_info

                Jetzt habe ich es erst erkannt. Dein Menu Aufbau ist komplett falsch. Siehe dir die Servicestellen an. Hast du eine Mainpage. Der Rest sind SubPage.

                theknutT Offline
                theknutT Offline
                theknut
                wrote on last edited by theknut
                #4525

                @tt-tom also ich muss blind sein. Ich finde im ganzen Skript (bis auf die parent-Verweise) keine weitere Id NSPanel_Infos

                b5185ef8-255f-4bfd-b18f-b14eff647382-image.png

                Die Service Page sagt sie will zu NSPanel_Infos navigieren, aber keine weitere Page oder PageItem hat diese Id vergeben bekommen. Und wenn es über den Variablennamen geht, warum geht das dann bei mir nicht? (siehe Code oben)

                ☕ @ https://ko-fi.com/theknut

                T 1 Reply Last reply
                0
                • T TT-Tom

                  @eierfeile die cradThermo steuert keine Heizung direkt sie kann nur Parameter setzen und die Solltemp. vorgeben. Die Steuerung erfolgt rein extern.

                  eierfeileE Offline
                  eierfeileE Offline
                  eierfeile
                  wrote on last edited by eierfeile
                  #4526

                  @tt-tom ok dann hab ich das falsch verstanden. Aber gut, alle Daten sind ja ohnehin in iobroker vorhanden. Dann muss ich dafür noch ein mini Blockly schreiben. Wenn IstTemp < SollTemp dann relais=true und andersrum. Dann sollte es das gewesen sein.
                  7936d6ed-f2ca-43c8-9174-2c8c6f2315b4-image.png

                  T 1 Reply Last reply
                  0
                  • theknutT theknut

                    @tt-tom also ich muss blind sein. Ich finde im ganzen Skript (bis auf die parent-Verweise) keine weitere Id NSPanel_Infos

                    b5185ef8-255f-4bfd-b18f-b14eff647382-image.png

                    Die Service Page sagt sie will zu NSPanel_Infos navigieren, aber keine weitere Page oder PageItem hat diese Id vergeben bekommen. Und wenn es über den Variablennamen geht, warum geht das dann bei mir nicht? (siehe Code oben)

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

                    @theknut bei navigate :true gibt targetPage: die Page an, also NSPanel_Infos.

                    ‹PageItem>‹ navigate: true, id: null, targetPage: 'Erdgeschoss', name: 'Haus'}
                    

                    Es geht auch über id:

                    menuPage.items = [
                            <PageItem>{ navigate: true, id: 'wohnzimmerLicht', icon: 'information-outline'},
                            <PageItem>{ id: AliasPath + 'Config.rebootNSPanel', name: findLocaleServMenu('reboot') ,icon: 'refresh', offColor: MSRed, onColor: MSGreen, buttonText: findLocaleServMenu('start')}
                        ];
                    

                    der Teil der Page config ist falsch.
                    Seitenpage fängt immer mit

                    let name = <PageType>
                    {
                        'type': 'cardType',
                        'heading': 'Seiten Überschrift',
                        'useColor': true,
                        'items': []
                    };  
                    

                    hier kannst du noch mehr lesen

                    hier ein Link zur Navigation

                    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
                    • eierfeileE eierfeile

                      @tt-tom ok dann hab ich das falsch verstanden. Aber gut, alle Daten sind ja ohnehin in iobroker vorhanden. Dann muss ich dafür noch ein mini Blockly schreiben. Wenn IstTemp < SollTemp dann relais=true und andersrum. Dann sollte es das gewesen sein.
                      7936d6ed-f2ca-43c8-9174-2c8c6f2315b4-image.png

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

                      @eierfeile

                      es gibt da den PID Adapter, der einen Regler darstellt. Kann dir dazu aber kein Support geben.
                      Oder wie du schon angemerkt hast, mit einem kleinen Script die Relais selber steuern.

                      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

                      D 1 Reply Last reply
                      1
                      • D Offline
                        D Offline
                        docf
                        wrote on last edited by
                        #4529

                        @tt-tom
                        Hi ich versuche gerade den Countdown Timer auf die Reihe zu bekommen.
                        Leider habe ich da ein Problem.

                        Ich habe gesehen, dass in den Aliasen zwei Ordner erstellt wurden.
                        Countdown und Coutown?

                        Im Skript wird auf diesen Ordner verwiesen.

                          setObject(dp_alias + '.Coundown', { type: 'channel', common: { role: 'level.timer', name: 'Countdown' }, native: {} });
                        
                        

                        Ich habe den PageItem dann dahingehend angepasst und kann nun meinen Countdown Test sehen.

                               <PageItem>{ id: "alias.0.NSPanel.Countown" , name: "ContdownTimer" , interpolateColor:true },
                        

                        Ich kann die Zeit einstellen jedoch funktioniert der Countdown nicht.

                        Mache ich da etwas falsch oder muss ich da noch etwas ändern?
                        Danke dir

                        vg

                        ArmilarA 1 Reply Last reply
                        0
                        • T TT-Tom

                          @eierfeile

                          es gibt da den PID Adapter, der einen Regler darstellt. Kann dir dazu aber kein Support geben.
                          Oder wie du schon angemerkt hast, mit einem kleinen Script die Relais selber steuern.

                          D Offline
                          D Offline
                          docf
                          wrote on last edited by
                          #4530

                          @tt-tom
                          Ich habs jetzt hinbekommen ; )
                          Nicht elegant aber es funktioniert.

                          Beim erstellten Alias Countown habe ich die Objekte State und Actual angelegt und gepasst
                          lediglich im Journal bekomme ich noch eine Warnung.

                          16.12.2023, 10:44:58.978	[warn ]: javascript.0 (3804)     at script.js.common.Countdown4NsPanel:65:29
                          16.12.2023, 10:44:58.978	[warn ]: javascript.0 (3804)     at step (script.js.common.Countdown4NsPanel:33:23)
                          16.12.2023, 10:44:58.978	[warn ]: javascript.0 (3804)     at Object.next (script.js.common.Countdown4NsPanel:14:53)
                          16.12.2023, 10:44:58.979	[warn ]: javascript.0 (3804)     at script.js.common.Countdown4NsPanel:8:71
                          16.12.2023, 10:44:58.979	[warn ]: javascript.0 (3804)     at __awaiter (script.js.common.Countdown4NsPanel:4:12)
                          16.12.2023, 10:44:58.979	[warn ]: javascript.0 (3804)     at Object.<anonymous> (script.js.common.Countdown4NsPanel:55:69)
                          
                          1 Reply Last reply
                          0
                          • D docf

                            @tt-tom
                            Hi ich versuche gerade den Countdown Timer auf die Reihe zu bekommen.
                            Leider habe ich da ein Problem.

                            Ich habe gesehen, dass in den Aliasen zwei Ordner erstellt wurden.
                            Countdown und Coutown?

                            Im Skript wird auf diesen Ordner verwiesen.

                              setObject(dp_alias + '.Coundown', { type: 'channel', common: { role: 'level.timer', name: 'Countdown' }, native: {} });
                            
                            

                            Ich habe den PageItem dann dahingehend angepasst und kann nun meinen Countdown Test sehen.

                                   <PageItem>{ id: "alias.0.NSPanel.Countown" , name: "ContdownTimer" , interpolateColor:true },
                            

                            Ich kann die Zeit einstellen jedoch funktioniert der Countdown nicht.

                            Mache ich da etwas falsch oder muss ich da noch etwas ändern?
                            Danke dir

                            vg

                            ArmilarA Offline
                            ArmilarA Offline
                            Armilar
                            Most Active Forum Testing
                            wrote on last edited by Armilar
                            #4531

                            @docf

                            Sorry - mein Fehler - das externe Countdown-Script war durchgängig mit "Countown" (copy/paste) angelegt. Habe daraus dann "Countdown" gemacht (on the fly) und tatsächlich eine Stelle vergessen...

                            aus

                            setObject(dp_alias + '.Countown', { type: 'channel', common: { role: 'level.timer', name: 'Countdown' }, native: {} });
                            

                            muss

                            setObject(dp_alias + '.Countdown', { type: 'channel', common: { role: 'level.timer', name: 'Countdown' }, native: {} });
                            

                            werden.

                            Lösche mal den Alias und lasse es so erneut anlegen.

                            Habe das Countdown-Script auf github ebenfalls angepasst

                            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.

                            1 Reply Last reply
                            1
                            • X Offline
                              X Offline
                              xelarep
                              wrote on last edited by
                              #4532

                              Hallo zusammen,

                              ich hoffe ich hab das nicht irgendwo übersehen/überlesen: wie unterdrücke ich denn die Update Anzeige von Tasmota?
                              Eigentlich(tm) sind AutoUpdates deaktiviert. Seit ein paar Tagen poppt aber gefühlt täglich die Aufforderung Tasmota FW Update 13.2.0 auf 13.3.0 hoch, was ich bisher auf meinen beiden Geräten dann immer für einen Tag mit "NEIN" unterdrückt bekomme...

                              Alexander

                              1 Reply Last reply
                              0
                              • ArmilarA Offline
                                ArmilarA Offline
                                Armilar
                                Most Active Forum Testing
                                wrote on last edited by Armilar
                                #4533

                                @xelarep

                                nur mit dem Fix aus der 4.3.3.22

                                siehe Post von gestern:
                                https://forum.iobroker.net/post/1095383

                                Das hat mit Auto-Updates nichts zu tun. Die werden, wenn eingeschaltet ohne Popup durchgeführt.

                                Wenn das Popup ausgeschaltet werden soll, dann nur mit der 4.3.3.22

                                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.

                                X 1 Reply Last reply
                                2
                                • ArmilarA Armilar

                                  @xelarep

                                  nur mit dem Fix aus der 4.3.3.22

                                  siehe Post von gestern:
                                  https://forum.iobroker.net/post/1095383

                                  Das hat mit Auto-Updates nichts zu tun. Die werden, wenn eingeschaltet ohne Popup durchgeführt.

                                  Wenn das Popup ausgeschaltet werden soll, dann nur mit der 4.3.3.22

                                  X Offline
                                  X Offline
                                  xelarep
                                  wrote on last edited by
                                  #4534

                                  @armilar ups, nicht weit genug geblättert. Lese nicht so regelmässig mit... Danke!

                                  ArmilarA 1 Reply Last reply
                                  1
                                  • X xelarep

                                    @armilar ups, nicht weit genug geblättert. Lese nicht so regelmässig mit... Danke!

                                    ArmilarA Offline
                                    ArmilarA Offline
                                    Armilar
                                    Most Active Forum Testing
                                    wrote on last edited by Armilar
                                    #4535

                                    Übrigens schaut gerne mal im Nachbar-Thread unter:
                                    https://forum.iobroker.net/post/1075497
                                    von @Kuckuckmann vorbei

                                    Soll eigentlich eine Sammlung von Beispielen werden, was sich alles mit dem NSPanel machen lässt und kann für den einen oder anderen auch Mal als Anregung dienen...

                                    Würde mich freuen, wenn mal jemand ein Bildchen (geht ja auch ein Foto und muss nicht mit dem Emulator sein) von einer interessant gestalteten Card hinterlässt.

                                    VG
                                    Armilar :blush:

                                    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.

                                    1 Reply Last reply
                                    2
                                    • ArmilarA Offline
                                      ArmilarA Offline
                                      Armilar
                                      Most Active Forum Testing
                                      wrote on last edited by
                                      #4536

                                      Update v4.3.3.23

                                      bb1e417a-5ad9-490a-aa45-2f89a80fabd0-image.png

                                      7a9a2b19-7fb2-4d82-a831-957426345884-Nextion_Editor_uzGTP8LMhY.gif

                                      Mit diesem Update wird die Steuerung der Jalousien-Icons optimiert

                                      PageItem-Beispiel an einem Fyrtur-Rollo über den Deconz-Adapter:

                                      <PageItem>{ 
                                                  id: 'alias.0.Haus.Erdgeschoss.Buero.Aktoren.Fyrtur', 
                                                  minValueLevel: 1,       /* Minimale Position beim hochfahren */
                                                  maxValueLevel: 79,      /* Maximale Position beim runterfahren */
                                                  icon: "blinds-horizontal", 
                                                  offColor: HMIOff, 
                                                  onColor: HMIOn, 
                                                  name: 'IKEA Fyrtur' , 
                                                  secondRow: 'Büro Fenster'  /* Zusätzliche Zeile im Popup */ 
                                                },
                                      

                                      Für die Steuerung werden in diesem Beispiel übrigens lediglich zwei Original-Datenpunkte benutzt (keine Steuerung über externe Skripte und ganz ohne Datenpunkte in 0_userdata). Desweiteren wird in diesem Beispiel die minimale Position des Rollos mit 1% und die maximale Position des Rollos auf 79% definiert:

                                      • deconz.0.Lights.27.lift
                                      • deconz.0.Lights.27.stop (sollte vorher mindestens einmal auf "true" oder "false" gesetzt werden, da der Datenpunkt default mit null durch den Adapter initialisiert wird)

                                      dfeab31c-89de-4829-8ec2-e5b8dd1c9166-image.png

                                      Der Alias .OPEN bekommt zusätzlich noch eine Konvertierung für die minimale Position:
                                      500751ec-5d63-4da3-9752-d41b57440979-image.png

                                      Der Alias .CLOSE bekommt zusätzlich noch eine Konvertierung für die maximale Position:
                                      3b8ed7f1-8e9f-4f32-bf84-4054e424c40a-image.png

                                      Wie kann ich das Update durchführen?

                                      Wenn aktuelle Version ab v4.3.3.10, dann unteren Teil des NSPanelTs.ts ab:
                                      f2ca4f3b-1f5c-4312-b3c3-47d90c6a6410-image.png austauschen

                                      https://github.com/joBr99/nspanel-lovelace-ui/blob/main/ioBroker/NsPanelTs.ts

                                      Wenn aktuelle Version bis v4.3.3.9, dann Updateaneitung befolgen:
                                      https://github.com/joBr99/nspanel-lovelace-ui/wiki/NSPanel-Starthilfe-FAQ#hilfe-bei-update--upgrade

                                      VG
                                      @TT-Tom & Armilar 😊

                                      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.

                                      M 1 Reply Last reply
                                      1
                                      • ArmilarA Armilar

                                        Update v4.3.3.23

                                        bb1e417a-5ad9-490a-aa45-2f89a80fabd0-image.png

                                        7a9a2b19-7fb2-4d82-a831-957426345884-Nextion_Editor_uzGTP8LMhY.gif

                                        Mit diesem Update wird die Steuerung der Jalousien-Icons optimiert

                                        PageItem-Beispiel an einem Fyrtur-Rollo über den Deconz-Adapter:

                                        <PageItem>{ 
                                                    id: 'alias.0.Haus.Erdgeschoss.Buero.Aktoren.Fyrtur', 
                                                    minValueLevel: 1,       /* Minimale Position beim hochfahren */
                                                    maxValueLevel: 79,      /* Maximale Position beim runterfahren */
                                                    icon: "blinds-horizontal", 
                                                    offColor: HMIOff, 
                                                    onColor: HMIOn, 
                                                    name: 'IKEA Fyrtur' , 
                                                    secondRow: 'Büro Fenster'  /* Zusätzliche Zeile im Popup */ 
                                                  },
                                        

                                        Für die Steuerung werden in diesem Beispiel übrigens lediglich zwei Original-Datenpunkte benutzt (keine Steuerung über externe Skripte und ganz ohne Datenpunkte in 0_userdata). Desweiteren wird in diesem Beispiel die minimale Position des Rollos mit 1% und die maximale Position des Rollos auf 79% definiert:

                                        • deconz.0.Lights.27.lift
                                        • deconz.0.Lights.27.stop (sollte vorher mindestens einmal auf "true" oder "false" gesetzt werden, da der Datenpunkt default mit null durch den Adapter initialisiert wird)

                                        dfeab31c-89de-4829-8ec2-e5b8dd1c9166-image.png

                                        Der Alias .OPEN bekommt zusätzlich noch eine Konvertierung für die minimale Position:
                                        500751ec-5d63-4da3-9752-d41b57440979-image.png

                                        Der Alias .CLOSE bekommt zusätzlich noch eine Konvertierung für die maximale Position:
                                        3b8ed7f1-8e9f-4f32-bf84-4054e424c40a-image.png

                                        Wie kann ich das Update durchführen?

                                        Wenn aktuelle Version ab v4.3.3.10, dann unteren Teil des NSPanelTs.ts ab:
                                        f2ca4f3b-1f5c-4312-b3c3-47d90c6a6410-image.png austauschen

                                        https://github.com/joBr99/nspanel-lovelace-ui/blob/main/ioBroker/NsPanelTs.ts

                                        Wenn aktuelle Version bis v4.3.3.9, dann Updateaneitung befolgen:
                                        https://github.com/joBr99/nspanel-lovelace-ui/wiki/NSPanel-Starthilfe-FAQ#hilfe-bei-update--upgrade

                                        VG
                                        @TT-Tom & Armilar 😊

                                        M Offline
                                        M Offline
                                        murki
                                        wrote on last edited by
                                        #4537

                                        Ich habe mein NSPAnbel mit iobroker/Lovelace soweit am Laufen und vieles sieht auch schon so aus, wie ich mir das vorstelle.
                                        Allerdings stehe ich etwas auf dem Schlauch, wie ich über den Aliasmanager und einem CardGrid einen "Szenenwähler" implementiere.
                                        Ich habe einen netshenden Datenpunkt mit den Werten 1 bis 6 die für jeweils eine Szene (z.B. aus, Kino, nur Licht, Party, etc.) stehen. Ich will das jetzt als einfaches Grid zum Auswählen auf dem NSPanel haben, wobei das Icon der aktiven Szene natürlich eine andere Farbe haben soll.

                                        ich habe jetzt versucht, sechs Aliase als Sockets anzulegen und bei "ACTUAL" den entsprechenden Datenpunkt und als Funktion (val==2) und entsprechend bei "SET" val=2 - allerdings setzt / liest er da nichts?!

                                        Vielleicht kann mich jemand mal in die richtige Richtung schubsen, wie man sowas umsetzen könnte, oder hat sogar ein Beispiel.

                                        BTW. @admin Dieser Thread sollte eigentlich ein eigenes Unterforum sein; so ist das Ganze recht unübersichtlich.

                                        T 1 Reply Last reply
                                        0
                                        • M murki

                                          Ich habe mein NSPAnbel mit iobroker/Lovelace soweit am Laufen und vieles sieht auch schon so aus, wie ich mir das vorstelle.
                                          Allerdings stehe ich etwas auf dem Schlauch, wie ich über den Aliasmanager und einem CardGrid einen "Szenenwähler" implementiere.
                                          Ich habe einen netshenden Datenpunkt mit den Werten 1 bis 6 die für jeweils eine Szene (z.B. aus, Kino, nur Licht, Party, etc.) stehen. Ich will das jetzt als einfaches Grid zum Auswählen auf dem NSPanel haben, wobei das Icon der aktiven Szene natürlich eine andere Farbe haben soll.

                                          ich habe jetzt versucht, sechs Aliase als Sockets anzulegen und bei "ACTUAL" den entsprechenden Datenpunkt und als Funktion (val==2) und entsprechend bei "SET" val=2 - allerdings setzt / liest er da nichts?!

                                          Vielleicht kann mich jemand mal in die richtige Richtung schubsen, wie man sowas umsetzen könnte, oder hat sogar ein Beispiel.

                                          BTW. @admin Dieser Thread sollte eigentlich ein eigenes Unterforum sein; so ist das Ganze recht unübersichtlich.

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

                                          @murki

                                          mit welcher Version arbeitest du?

                                          zeig doch mal was du schon gemacht hast. Von den Datenpunkten die Objektdaten, aus dem Script, die Pageconfig der Seite.

                                          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
                                          1
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          577

                                          Online

                                          32.7k

                                          Users

                                          82.5k

                                          Topics

                                          1.3m

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

                                          • Don't have an account? Register

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