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
    12
    1
    135

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

  • 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.
  • A AlfredTetzlaff

    @tt-tom
    Hallo, in die Runde...Bin neu hier.....ABER: Tolles Forum... Habe bis jetzt viel gelernt...DANKE...

    Ich nutze ein geflashtes NSPanel mit dieser FW und eueren tollen Scripten:
    TFT 50 / v4.0.3 / BerryDriver 8 / Tasmota 12.4.0

    Nach langem Probieren (und Fluchen) ist es mir gelungen, dass der ScreenSaver erscheint.
    Meine zwei Baustellen:

    1. Mit einem Doppelklick auf Panel komme ich auf die leere Seite "Büro".
      kann jetzt nach rechts und links mit den oben angeordneten Pfeilen scrollen.
      Irgendwann erscheint eine Seite mit: "Currently state 0 Grad"...
      VOn dieser Seite komme ich nicht wieder weg. Da hilft nur ein Neustart des TS-Scrpits.
    2. Gern möchte ich Werte aus einer DB von Growatt (PV-Anlage) anzeigen lassen. Der Adaper von Growatt läuft schon als Instanz und zeigt unter Objekte einen Datembaum mit Werten an.
      Habe einen Wert (freeeeuuuueeeen) schon in den erweiterten ScreenSaver einfügen können.
      Es ist der aktuelle Wert der erbrachten Leistung in Watt. (kleine PV-Anlage)
      Nun habe ich weiter oben ein Script gesehen, von Armilar, welches ich auch gern nutzen möchte...Aber wo wird es eingefügt????
      Vielleicht könnt ihr mir ein paar Tips noch geben. Vielen Dank, schon mal...
      Euer Alfred
    T Offline
    T Offline
    TT-Tom
    wrote on last edited by
    #2435

    @alfredtetzlaff

    Hallo Alfred, erstmal herzlich Willkommen bei iobroker. Du hast das Script mit den ganzen Beispielseiten am laufen. Diese soll dir nur als Unterstützung dienen, werden aber auf deinem System nicht laufen. Du hast die entsprechenden Datenpunkte nicht. Du kannst diese löschen und eine einfache cardGrid anlegen. Hast du schon das Wiki zu dem Panel gelesen, dort sind auch die Seiten/Page beschrieben.
    Bin zur Zeit unterwegs und und kann dir nur eingeschränkt helfen.

    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

    A 1 Reply Last reply
    0
    • T TT-Tom

      @alfredtetzlaff

      Hallo Alfred, erstmal herzlich Willkommen bei iobroker. Du hast das Script mit den ganzen Beispielseiten am laufen. Diese soll dir nur als Unterstützung dienen, werden aber auf deinem System nicht laufen. Du hast die entsprechenden Datenpunkte nicht. Du kannst diese löschen und eine einfache cardGrid anlegen. Hast du schon das Wiki zu dem Panel gelesen, dort sind auch die Seiten/Page beschrieben.
      Bin zur Zeit unterwegs und und kann dir nur eingeschränkt helfen.

      A Offline
      A Offline
      AlfredTetzlaff
      wrote on last edited by
      #2436

      @tt-tom
      Hi, Tom vielen Dank für Deine schnelle Antwort. Werde die Beispiele mal auskommentieren..
      VG Alfred

      A 1 Reply Last reply
      0
      • A AlfredTetzlaff

        @tt-tom
        Hi, Tom vielen Dank für Deine schnelle Antwort. Werde die Beispiele mal auskommentieren..
        VG Alfred

        A Offline
        A Offline
        AlfredTetzlaff
        wrote on last edited by
        #2437

        @alfredtetzlaff
        Bin weiter am Probieren.......
        Ich vermute nun ich weis an was es lag, dass es m Anfang nicht funktioniert hatte:

        • Die beiden Scripts sollten im RAW-Modus kopiert/eingefügt werden.
        • Die Einstellungen in den Adaptern(Instanzen) sollten alle mit der Taste ENTER bestätigt werden und dann erst unten "gespeichert" werden.
          Einige Einstellungen zB mqtt.0.* wurden bei mir nicht übernommen.
          Vl. hilft das manchem Anderen, wenn die Sache nicht funzt...
          VG Alfred
        1 Reply Last reply
        0
        • ? Offline
          ? Offline
          A Former User
          wrote on last edited by
          #2438

          Guten Morgen,

          Ich habe bei mir den Screensaver angepasst. Dort soll die Regenwahrscheinlichkeit angezeigt werden.

          bottomScreensaverEntity :  
                  [
                      // bottomScreensaverEntity 1
                      {
                          ScreensaverEntity: 'accuweather.0.Hourly.h0.PrecipitationProbability',
                          ScreensaverEntityFactor: 1,
                          ScreensaverEntityDecimalPlaces: 0,
                          ScreensaverEntityIconOn: 'weather-pouring',
                          ScreensaverEntityIconOff: null,
                          ScreensaverEntityText: 'Regen',
                          ScreensaverEntityUnitText: '%',
                          ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 100}
                      },
          

          Grundsätzlich klappt das. Aber ich habe folgendes Problem. Wenn eine neue Minute beginnt, wird die Regenwahrscheinlichkeit wieder mit dem Sonnenaufgang überschrieben.

          Nach einer weiteren Minute wird wieder Regenwahrscheinlichkeit angezeigt. Und das wechselt sich ab.

          0_userdata.0.NSPanel.1.ScreensaverInfo.weatherForecast ist false

          Testweise habe ich auch mal

          0_userdata.0.NSPanel.1.ScreensaverInfo.entityChangeTime

          auf 10 gestellt. Hat aber keine Auswirkungen

          ArmilarA 1 Reply Last reply
          0
          • ? A Former User

            Guten Morgen,

            Ich habe bei mir den Screensaver angepasst. Dort soll die Regenwahrscheinlichkeit angezeigt werden.

            bottomScreensaverEntity :  
                    [
                        // bottomScreensaverEntity 1
                        {
                            ScreensaverEntity: 'accuweather.0.Hourly.h0.PrecipitationProbability',
                            ScreensaverEntityFactor: 1,
                            ScreensaverEntityDecimalPlaces: 0,
                            ScreensaverEntityIconOn: 'weather-pouring',
                            ScreensaverEntityIconOff: null,
                            ScreensaverEntityText: 'Regen',
                            ScreensaverEntityUnitText: '%',
                            ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 100}
                        },
            

            Grundsätzlich klappt das. Aber ich habe folgendes Problem. Wenn eine neue Minute beginnt, wird die Regenwahrscheinlichkeit wieder mit dem Sonnenaufgang überschrieben.

            Nach einer weiteren Minute wird wieder Regenwahrscheinlichkeit angezeigt. Und das wechselt sich ab.

            0_userdata.0.NSPanel.1.ScreensaverInfo.weatherForecast ist false

            Testweise habe ich auch mal

            0_userdata.0.NSPanel.1.ScreensaverInfo.entityChangeTime

            auf 10 gestellt. Hat aber keine Auswirkungen

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

            @darkness_08

            Wenn der Wechsel zwischen Wettervorhersage und eigenen Werten nicht stattfinden soll, muss

            0_userdata.0.NSPanel.1.ScreensaverInfo.weatherForecastTimer

            auf false stehen.

            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
            0
            • ArmilarA Armilar

              @darkness_08

              Wenn der Wechsel zwischen Wettervorhersage und eigenen Werten nicht stattfinden soll, muss

              0_userdata.0.NSPanel.1.ScreensaverInfo.weatherForecastTimer

              auf false stehen.

              ? Offline
              ? Offline
              A Former User
              wrote on last edited by A Former User
              #2440

              @armilar
              Der steht schon auf false. Es ändert sich aber nichts. Der Wechsel erfolgt weiterhin.

              Es ändert sich auch nur die bottomScreensaverEntity 1. Alle anderen bleiben gleich.

              A ArmilarA 2 Replies Last reply
              0
              • ? A Former User

                @armilar
                Der steht schon auf false. Es ändert sich aber nichts. Der Wechsel erfolgt weiterhin.

                Es ändert sich auch nur die bottomScreensaverEntity 1. Alle anderen bleiben gleich.

                A Offline
                A Offline
                AlfredTetzlaff
                wrote on last edited by
                #2441

                @darkness_08
                Hi, in die Runde...
                Habe das Script (ohne die Beispielseiten) geladen. Funzt erstmal.
                Diesen Block habe ich eingefügt.

                    [
                        // leftScreensaverEntity 1 (only Advanced Screensaver)
                        {
                            ScreensaverEntity: NSPanel_Path + 'Sensor.ANALOG.Temperature',
                            ScreensaverEntityFactor: 1,
                            ScreensaverEntityDecimalPlaces: 1,
                            ScreensaverEntityIconOn: 'thermometer',
                            ScreensaverEntityIconOff: null,
                            ScreensaverEntityText: 'Temperatur',
                            ScreensaverEntityUnitText: '°C',
                            ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 35, 'val_best': 22}
                        },
                        // leftScreensaverEntity 2 (only Advanced Screensaver)
                        {
                            // ScreensaverEntity: 'sonoff.0.DZG_DWSB20_2H.DZG_Leistung_Aktuell',     geändert 07.03.2023
                            ScreensaverEntity: 'growatt.0.343892.devices.DJE3A1318D.deviceData.eTotal',
                            ScreensaverEntityFactor: 1,
                            ScreensaverEntityDecimalPlaces: 0,
                            ScreensaverEntityIconOn: 'counter',
                            ScreensaverEntityIconOff: null,
                            ScreensaverEntityText: 'L1-L3',
                            ScreensaverEntityUnitText: ' kW',
                            ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 5000}
                        },
                
                        {
                            // ScreensaverEntity: 'sonoff.0.DZG_DWSB20_2H.DZG_Leistung_Aktuell',     geändert 07.03.2023
                            ScreensaverEntity: 'growatt.0.343892.devices.DJE3A1318D.deviceData.eToday',
                            ScreensaverEntityFactor: 1000,
                            ScreensaverEntityDecimalPlaces: 0,
                            ScreensaverEntityIconOn: 'counter',
                            ScreensaverEntityIconOff: null,
                            ScreensaverEntityText: 'L1-L3',
                            ScreensaverEntityUnitText: ' W',
                            ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 5000}
                        },
                    ],
                

                Auf der linken Seite wird jetzt im Minutenakt einmal meine Werte angezeigt (freu) und dann einmal ein "counter" + "nul" und darunter ein Mülleimer und "null".
                Der untere Abschitt zeigt konstant "Sonne WInd Böen Windr" an und wechselt nicht.
                Ich habe dann mit der Suchfunktion im Script nach diesem String gesucht:
                0_userdata.0.NSPanel.1.ScreensaverInfo.weatherForecastTimer
                Finde aber nichts.
                Dieser Fehler ist zwar nur Kosmetik, aber ich möchte das Ganze verstehen, und jede Änderung nachvollziehen können.
                LG Alfred

                ArmilarA 1 Reply Last reply
                0
                • ? A Former User

                  @armilar
                  Der steht schon auf false. Es ändert sich aber nichts. Der Wechsel erfolgt weiterhin.

                  Es ändert sich auch nur die bottomScreensaverEntity 1. Alle anderen bleiben gleich.

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

                  @darkness_08

                  Der Wechsel ist auch nur in den bottomScreensaverEnties.

                  Starte mal deine JS-Instanz durch

                  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.

                  A ? 2 Replies Last reply
                  0
                  • A AlfredTetzlaff

                    @darkness_08
                    Hi, in die Runde...
                    Habe das Script (ohne die Beispielseiten) geladen. Funzt erstmal.
                    Diesen Block habe ich eingefügt.

                        [
                            // leftScreensaverEntity 1 (only Advanced Screensaver)
                            {
                                ScreensaverEntity: NSPanel_Path + 'Sensor.ANALOG.Temperature',
                                ScreensaverEntityFactor: 1,
                                ScreensaverEntityDecimalPlaces: 1,
                                ScreensaverEntityIconOn: 'thermometer',
                                ScreensaverEntityIconOff: null,
                                ScreensaverEntityText: 'Temperatur',
                                ScreensaverEntityUnitText: '°C',
                                ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 35, 'val_best': 22}
                            },
                            // leftScreensaverEntity 2 (only Advanced Screensaver)
                            {
                                // ScreensaverEntity: 'sonoff.0.DZG_DWSB20_2H.DZG_Leistung_Aktuell',     geändert 07.03.2023
                                ScreensaverEntity: 'growatt.0.343892.devices.DJE3A1318D.deviceData.eTotal',
                                ScreensaverEntityFactor: 1,
                                ScreensaverEntityDecimalPlaces: 0,
                                ScreensaverEntityIconOn: 'counter',
                                ScreensaverEntityIconOff: null,
                                ScreensaverEntityText: 'L1-L3',
                                ScreensaverEntityUnitText: ' kW',
                                ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 5000}
                            },
                    
                            {
                                // ScreensaverEntity: 'sonoff.0.DZG_DWSB20_2H.DZG_Leistung_Aktuell',     geändert 07.03.2023
                                ScreensaverEntity: 'growatt.0.343892.devices.DJE3A1318D.deviceData.eToday',
                                ScreensaverEntityFactor: 1000,
                                ScreensaverEntityDecimalPlaces: 0,
                                ScreensaverEntityIconOn: 'counter',
                                ScreensaverEntityIconOff: null,
                                ScreensaverEntityText: 'L1-L3',
                                ScreensaverEntityUnitText: ' W',
                                ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 5000}
                            },
                        ],
                    

                    Auf der linken Seite wird jetzt im Minutenakt einmal meine Werte angezeigt (freu) und dann einmal ein "counter" + "nul" und darunter ein Mülleimer und "null".
                    Der untere Abschitt zeigt konstant "Sonne WInd Böen Windr" an und wechselt nicht.
                    Ich habe dann mit der Suchfunktion im Script nach diesem String gesucht:
                    0_userdata.0.NSPanel.1.ScreensaverInfo.weatherForecastTimer
                    Finde aber nichts.
                    Dieser Fehler ist zwar nur Kosmetik, aber ich möchte das Ganze verstehen, und jede Änderung nachvollziehen können.
                    LG Alfred

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

                    @alfredtetzlaff sagte in SONOFF NSPanel mit Lovelace UI:

                    0_userdata.0.NSPanel.1.ScreensaverInfo

                    Sende mal einen Screenshot aller Datenpunkte in

                    0_userdata.0.NSPanel.1.ScreensaverInfo

                    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
                    0
                    • ArmilarA Armilar

                      @darkness_08

                      Der Wechsel ist auch nur in den bottomScreensaverEnties.

                      Starte mal deine JS-Instanz durch

                      A Offline
                      A Offline
                      AlfredTetzlaff
                      wrote on last edited by
                      #2444

                      @armilar
                      Alle Instanzen nue gezündet....Scheint zu funzen....Freu....:+1: :+1: :+1:

                      A 2 Replies Last reply
                      0
                      • A AlfredTetzlaff

                        @armilar
                        Alle Instanzen nue gezündet....Scheint zu funzen....Freu....:+1: :+1: :+1:

                        A Offline
                        A Offline
                        AlfredTetzlaff
                        wrote on last edited by
                        #2445

                        @alfredtetzlaff
                        20230308_110455.jpg

                        A 1 Reply Last reply
                        0
                        • A AlfredTetzlaff

                          @alfredtetzlaff
                          20230308_110455.jpg

                          A Offline
                          A Offline
                          AlfredTetzlaff
                          wrote on last edited by
                          #2446

                          @alfredtetzlaff
                          WIeder was gelernt...Bei jeder Änderung (oder fast jeder),,,alles neu starten.

                          A 1 Reply Last reply
                          0
                          • A AlfredTetzlaff

                            @alfredtetzlaff
                            WIeder was gelernt...Bei jeder Änderung (oder fast jeder),,,alles neu starten.

                            A Offline
                            A Offline
                            AlfredTetzlaff
                            wrote on last edited by
                            #2447

                            @alfredtetzlaff
                            So sieht es jetzt aus.....und wir bleiben drann:

                            20230308_110941.jpg

                            A 1 Reply Last reply
                            0
                            • A AlfredTetzlaff

                              @alfredtetzlaff
                              So sieht es jetzt aus.....und wir bleiben drann:

                              20230308_110941.jpg

                              A Offline
                              A Offline
                              AlfredTetzlaff
                              wrote on last edited by
                              #2448

                              @alfredtetzlaff
                              DANKE....:+1: :+1: :+1:

                              1 Reply Last reply
                              0
                              • ArmilarA Armilar

                                @darkness_08

                                Der Wechsel ist auch nur in den bottomScreensaverEnties.

                                Starte mal deine JS-Instanz durch

                                ? Offline
                                ? Offline
                                A Former User
                                wrote on last edited by
                                #2449

                                @armilar
                                Das war der Trick. Jetzt scheint es zu laufen. Danke

                                1 Reply Last reply
                                0
                                • T Offline
                                  T Offline
                                  tklein
                                  wrote on last edited by
                                  #2450

                                  Hallo,

                                  ich musste mit meinem NS Panel Projekt leider eine Pause einlegen. Jetzt würde ich gerne wieder durchstarten.

                                  Was/wie in welcher Reihenfolge müsste ich updaten, damit ich wieder uptodate bin?

                                  3643e0f6-1855-4b3f-b7d8-c03482b7722d-grafik.png

                                  Gibt es mittlerweile einen eigenen Adapter dazu? Meine mal in der Vergangenheit etwas gelesen zu habe.

                                  Grüße
                                  Thomas

                                  T 1 Reply Last reply
                                  0
                                  • A AlfredTetzlaff

                                    @armilar
                                    Alle Instanzen nue gezündet....Scheint zu funzen....Freu....:+1: :+1: :+1:

                                    A Offline
                                    A Offline
                                    AlfredTetzlaff
                                    wrote on last edited by
                                    #2451

                                    @alfredtetzlaff
                                    So, habe eine neue Seite hinzugefügt, als Test,,,zum Erlernen der anderen Tricks:

                                    //-- Anfang der Beispiele für Seitengestaltung -- Selbstdefinierte Aliase erforderlich ----------------

                                    let PV = <PageGrid>
                                    {
                                    'type': 'cardGrid',
                                    'heading': 'Growatt',
                                    'useColor': true,
                                    'items': [
                                    <PageItem>{ id: 'growatt.0.343892.devices.DJE3A1318D.deviceData.eTotal'},
                                    <PageItem>{ id: 'alias.0.Growatt-Solar.Energie-Gesamt.ACTUAL', icon: 'radio', name: 'Radio BOB', onColor: colorRadio},
                                    <PageItem>{ id: 'alias.0.Growatt-Solar.Energie-Heute.ACTUAL', icon: 'timer-outline', name: 'Timer', onColor: White}
                                    ]
                                    };
                                    //-- ENDE der Beispiele für Seitengestaltung -- Selbstdefinierte Aliase erforderlich ------------------

                                    Vorher hatte ich die aliase mit dem GeräteManager angelegt und mit den Growatt-DP verbunden.
                                    Zusätzlich noch die Seite eingefügt:

                                    weatherEntity: 'alias.0.Wetter', // Dieser Alias wird automatisch für den gewählten Wetter erstellt und kann entsprechend angepasst werden
                                    defaultOffColor: Off, // Default-Farbe für Off-Zustände
                                    defaultOnColor: On, // Default-Farbe für On-Zustände
                                    defaultColor: Off,
                                    defaultBackgroundColor: HMIDark, // Default-Hintergrundfarbe HMIDark oder Black
                                    pages: [
                                    PV,
                                    NSPanel_Service, //Auto-Alias Service Page
                                    ],

                                    Nun wird eine neue Seite angezeigt, mit der Überschrift "Growatt".
                                    Doppelklick im Screener bringt mich auch dorthin, kann dann auf die Service-Seite navigieren und zurück zu "Growatt". Nun fehlen aber noch die Anzeigewerte, und/oder auch die Icons (nur zum Testen).
                                    Was habe ich noch übersehen????

                                    ArmilarA T 2 Replies Last reply
                                    0
                                    • A AlfredTetzlaff

                                      @alfredtetzlaff
                                      So, habe eine neue Seite hinzugefügt, als Test,,,zum Erlernen der anderen Tricks:

                                      //-- Anfang der Beispiele für Seitengestaltung -- Selbstdefinierte Aliase erforderlich ----------------

                                      let PV = <PageGrid>
                                      {
                                      'type': 'cardGrid',
                                      'heading': 'Growatt',
                                      'useColor': true,
                                      'items': [
                                      <PageItem>{ id: 'growatt.0.343892.devices.DJE3A1318D.deviceData.eTotal'},
                                      <PageItem>{ id: 'alias.0.Growatt-Solar.Energie-Gesamt.ACTUAL', icon: 'radio', name: 'Radio BOB', onColor: colorRadio},
                                      <PageItem>{ id: 'alias.0.Growatt-Solar.Energie-Heute.ACTUAL', icon: 'timer-outline', name: 'Timer', onColor: White}
                                      ]
                                      };
                                      //-- ENDE der Beispiele für Seitengestaltung -- Selbstdefinierte Aliase erforderlich ------------------

                                      Vorher hatte ich die aliase mit dem GeräteManager angelegt und mit den Growatt-DP verbunden.
                                      Zusätzlich noch die Seite eingefügt:

                                      weatherEntity: 'alias.0.Wetter', // Dieser Alias wird automatisch für den gewählten Wetter erstellt und kann entsprechend angepasst werden
                                      defaultOffColor: Off, // Default-Farbe für Off-Zustände
                                      defaultOnColor: On, // Default-Farbe für On-Zustände
                                      defaultColor: Off,
                                      defaultBackgroundColor: HMIDark, // Default-Hintergrundfarbe HMIDark oder Black
                                      pages: [
                                      PV,
                                      NSPanel_Service, //Auto-Alias Service Page
                                      ],

                                      Nun wird eine neue Seite angezeigt, mit der Überschrift "Growatt".
                                      Doppelklick im Screener bringt mich auch dorthin, kann dann auf die Service-Seite navigieren und zurück zu "Growatt". Nun fehlen aber noch die Anzeigewerte, und/oder auch die Icons (nur zum Testen).
                                      Was habe ich noch übersehen????

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

                                      @alfredtetzlaff

                                      Kennst du die Wiki nicht?

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

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

                                      https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-Card-Definitionen-(Seiten)

                                      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.

                                      A 1 Reply Last reply
                                      0
                                      • T tklein

                                        Hallo,

                                        ich musste mit meinem NS Panel Projekt leider eine Pause einlegen. Jetzt würde ich gerne wieder durchstarten.

                                        Was/wie in welcher Reihenfolge müsste ich updaten, damit ich wieder uptodate bin?

                                        3643e0f6-1855-4b3f-b7d8-c03482b7722d-grafik.png

                                        Gibt es mittlerweile einen eigenen Adapter dazu? Meine mal in der Vergangenheit etwas gelesen zu habe.

                                        Grüße
                                        Thomas

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

                                        @tklein sagte in SONOFF NSPanel mit Lovelace UI:

                                        Was/wie in welcher Reihenfolge müsste ich updaten, damit ich wieder uptodate bin?

                                        als erstes solltest du Tasmota auf den aktuellen Stand bringen.
                                        Panel neu starten
                                        Berry Driver

                                        Backlog UpdateDriverVersion https://raw.githubusercontent.com/joBr99/nspanel-lovelace-ui/main/tasmota/autoexec.be; Restart 1
                                        

                                        in der Tasmota Console die TFT-Firmware aktualisieren.

                                        FlashNextion http://nspanel.pky.eu/lovelace-ui/github/nspanel-v4.0.4.tft
                                        

                                        und dann das neue Script von Github laden.

                                        Es haben sich viele Schreibweisen im laufe der Zeit geändert. Lese im Wiki einfach mal nach, das ist es sehr gut dokumentiert.

                                        Wichtig bevor du das neue Script startest, lösche deine PanelObjekte "NSPanel.1." unter 0_userdata.0. und alias.0.

                                        Gibt es mittlerweile einen eigenen Adapter dazu?

                                        nein, gibt es nicht

                                        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

                                        T 1 Reply Last reply
                                        0
                                        • A AlfredTetzlaff

                                          @alfredtetzlaff
                                          So, habe eine neue Seite hinzugefügt, als Test,,,zum Erlernen der anderen Tricks:

                                          //-- Anfang der Beispiele für Seitengestaltung -- Selbstdefinierte Aliase erforderlich ----------------

                                          let PV = <PageGrid>
                                          {
                                          'type': 'cardGrid',
                                          'heading': 'Growatt',
                                          'useColor': true,
                                          'items': [
                                          <PageItem>{ id: 'growatt.0.343892.devices.DJE3A1318D.deviceData.eTotal'},
                                          <PageItem>{ id: 'alias.0.Growatt-Solar.Energie-Gesamt.ACTUAL', icon: 'radio', name: 'Radio BOB', onColor: colorRadio},
                                          <PageItem>{ id: 'alias.0.Growatt-Solar.Energie-Heute.ACTUAL', icon: 'timer-outline', name: 'Timer', onColor: White}
                                          ]
                                          };
                                          //-- ENDE der Beispiele für Seitengestaltung -- Selbstdefinierte Aliase erforderlich ------------------

                                          Vorher hatte ich die aliase mit dem GeräteManager angelegt und mit den Growatt-DP verbunden.
                                          Zusätzlich noch die Seite eingefügt:

                                          weatherEntity: 'alias.0.Wetter', // Dieser Alias wird automatisch für den gewählten Wetter erstellt und kann entsprechend angepasst werden
                                          defaultOffColor: Off, // Default-Farbe für Off-Zustände
                                          defaultOnColor: On, // Default-Farbe für On-Zustände
                                          defaultColor: Off,
                                          defaultBackgroundColor: HMIDark, // Default-Hintergrundfarbe HMIDark oder Black
                                          pages: [
                                          PV,
                                          NSPanel_Service, //Auto-Alias Service Page
                                          ],

                                          Nun wird eine neue Seite angezeigt, mit der Überschrift "Growatt".
                                          Doppelklick im Screener bringt mich auch dorthin, kann dann auf die Service-Seite navigieren und zurück zu "Growatt". Nun fehlen aber noch die Anzeigewerte, und/oder auch die Icons (nur zum Testen).
                                          Was habe ich noch übersehen????

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

                                          @alfredtetzlaff

                                          bitte gewöhne dir an Codezeilen in die Codetaks </> zu schreiben, dass lässt sich besser lesen. findest du oben in der Menüleiste 5te Icon.

                                          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

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


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          550

                                          Online

                                          32.7k

                                          Users

                                          82.4k

                                          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