Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

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

NEWS

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

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

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

SONOFF NSPanel mit Lovelace UI

Geplant Angeheftet Gesperrt Verschoben Hardware
lovelace uinspanelsonoff
7.8k Beiträge 273 Kommentatoren 6.8m Aufrufe 256 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • D danny_v1

    @armilar Es ist jedes mal und es sind alle Lampen betroffen, also nicht nur farbige.
    Datenpunkte der Aliasse schick ich heute abend.

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

    @danny_v1

    Dachte es wäre evtl. auf einen speziellen Alias Geräte-Typen zurückzuführen... brauchste daher nicht zu senden...

    Die Frage die mich da ein wenig quält ist: "Was ist bei dir anders als bei allen anderen?"

    Gibt es Warnungen im Log, wenn das passiert?

    Könntest du mal das NSPanel-Verzeichnis in 0_userdate löschen und neu anlegen lassen?

    Bei welcher Version des Scriptes bist du nun? Und mit welcher TFT?

    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.

    D 1 Antwort Letzte Antwort
    0
    • K Kuckuckmann

      Hallo Community,

      wir haben viel zeit und Getippsel investiert und unserer Wiki ein bissel Glanz und Struktur gegönnt.
      Ja, wir wissen wir sind am Anfang und eine Wiki ist ja bekanntlich nie zu Ende, bzw. lebt von dem was wir alle noch hinzufügen werden.

      --> ZUR WIKI <--

      Neben dem alten klassischen Menü, welches man noch aufklappen kann, gibt es jetzt links ein neues hübsches Menü, welches Euch mit einem kurzen Blick&Klick in den richtigen Bereich führt.
      Am unteren Ende einer Seite gibt es einen "nach oben Scroll Button".

      Wir hoffen, die neue Struktur hilft Euch in der Zukunft euch noch besser zurecht zu finden.

      Viel Spaß :-)

      Euer NSPanel LUI Team :-)

      K Offline
      K Offline
      Kuckuckmann
      schrieb am zuletzt editiert von
      #4123

      @all

      @kuckuckmann sagte in SONOFF NSPanel mit Lovelace UI:

      Hallo Community,

      wir haben viel zeit und Getippsel investiert und unserer Wiki ein bissel Glanz und Struktur gegönnt.
      Ja, wir wissen wir sind am Anfang und eine Wiki ist ja bekanntlich nie zu Ende, bzw. lebt von dem was wir alle noch hinzufügen werden.

      --> ZUR WIKI <--

      Neben dem alten klassischen Menü, welches man noch aufklappen kann, gibt es jetzt links ein neues hübsches Menü, welches Euch mit einem kurzen Blick&Klick in den richtigen Bereich führt.
      Am unteren Ende einer Seite gibt es einen "nach oben Scroll Button".

      Wir hoffen, die neue Struktur hilft Euch in der Zukunft euch noch besser zurecht zu finden.

      Viel Spaß :-)

      Euer NSPanel LUI Team :-)

      NSPanel Dokumentation im GitHub Wiki:

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

      1 Antwort Letzte Antwort
      3
      • ArmilarA Armilar

        @danny_v1

        Dachte es wäre evtl. auf einen speziellen Alias Geräte-Typen zurückzuführen... brauchste daher nicht zu senden...

        Die Frage die mich da ein wenig quält ist: "Was ist bei dir anders als bei allen anderen?"

        Gibt es Warnungen im Log, wenn das passiert?

        Könntest du mal das NSPanel-Verzeichnis in 0_userdate löschen und neu anlegen lassen?

        Bei welcher Version des Scriptes bist du nun? Und mit welcher TFT?

        D Offline
        D Offline
        danny_v1
        schrieb am zuletzt editiert von
        #4124

        @armilar Ich versteh gerade die Welt nicht mehr, gestern Abend lief es auf einmal so wie es soll, ohne das ich noch was geändert habe.

        Sobald es wieder auftreten sollte werde ich mal ins Log schauen (iobroker Log und Javaskript Log?)

        1 Antwort Letzte Antwort
        1
        • J Offline
          J Offline
          JackONell
          schrieb am zuletzt editiert von
          #4125

          Hallo Community,

          ich habe eine "cardUnlock" Page erstellt und schaffe es einfach nicht, nach Pin Eingabe weitergeleitet zu werden auf die entsprechende "NSPanel_Service" Page.
          Mach ich irgendetwas falsch oder hab ich etwas übersehen/vergessen ?

          Wenn ich am Panel den Code eingebe, sehe ich auch bei den Objekten das sich nichts tut.

          let Alarm_Seite = <PageUnlock>
          {
              'type': 'cardUnlock',
              'heading': 'Alarmanlage',
              'useColor': true,
              'items': [<PageItem>{ id: 'alias.0.Unlock', targetPage: 'NSPanel_Service' }]
          };
          
          let NSPanel_Service = <PageEntities>
          {
              'type': 'cardEntities',
              'heading': 'NSPanel Service',
              'useColor': true,
              'items': [
                  <PageItem>{ navigate: true, id: 'NSPanel_Infos', icon: 'information-outline', offColor: Menu, onColor: Menu, name: 'Infos', buttonText: 'mehr...'},
                  <PageItem>{ navigate: true, id: 'NSPanel_Einstellungen', icon: 'monitor-edit', offColor: Menu, onColor: Menu, name: 'Einstellungen', buttonText: 'mehr...'},
                  <PageItem>{ navigate: true, id: 'NSPanel_Firmware', icon: 'update', offColor: Menu, onColor: Menu, name: 'Firmware', buttonText: 'mehr...'},
                  <PageItem>{ id: AliasPath + 'Config.rebootNSPanel', name: 'Reboot NSPanel' ,icon: 'refresh', offColor: MSRed, onColor: MSGreen, buttonText: 'Start'},
              ]
          

          Unbenannt.JPG

          Kann mir bitte jemand weiterhelfen ?
          Bin in der Sache leider kein Profi :)
          Vielen Dank im voraus.

          1 Antwort Letzte Antwort
          0
          • T Offline
            T Offline
            TT-Tom
            schrieb am zuletzt editiert von TT-Tom
            #4126

            @jackonell

            Hast du Service Page zur Subpages verschoben?

            pages:[ 
                               NSPanel_Service    //Auto-Alias Service Page
            ],
                                subPages: [
            

            Muss bei pages raus und bei subPages rein.

            In der config der Service Page muss der Parameter

            'subPage': true,
            

            hinzugefügt werden.

            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

            J 1 Antwort Letzte Antwort
            1
            • André KoschnikA Offline
              André KoschnikA Offline
              André Koschnik
              schrieb am zuletzt editiert von
              #4127

              Moin,

              ich habe mein NSP Panel geupdatet und das neues Script eingespielt. Leide bekomme ich das Script nicht zum laufen und das Panel nicht mehr auf die alte FW. Ich weiß der Fehler sitzt meinesten vor dem Bildschirm aber könnt ihr mir einen Tipp geben.

              Script Version TypeScript v4.3.2.2

              17:10:32.978	info	javascript.0 (2342) Stop script script.js.house.panel.test
              17:12:04.746	info	javascript.0 (26578) script.js.house.panel.test: compiling TypeScript source...
              17:12:16.071	info	javascript.0 (26578) script.js.house.panel.test: TypeScript compilation successful
              17:12:16.170	error	javascript.0 (26578) script.js.house.panel.test: Error: Cannot find module 'moment-parseformat'
              17:12:16.171	error	javascript.0 (26578) at script.js.house.panel.test:1137:19
              17:12:16.203	info	javascript.0 (26578) script.js.house.panel.test: setObjects enabled - create Alias Channels possible
              17:12:16.213	info	javascript.0 (26578) script.js.house.panel.test: weather alias for accuweather.0. already exists
              17:12:16.270	info	javascript.0 (26578) script.js.house.panel.test: registered 29 subscriptions, 7 schedules, 0 messages, 0 logs and 0 file subscriptions
              17:12:17.209	info	javascript.0 (26578) script.js.house.panel.test: Debugmodus deaktiviert
              17:12:17.212	info	javascript.0 (26578) script.js.house.panel.test: Desired TFT Firmware: 53 / v4.3.2
              17:12:17.214	info	javascript.0 (26578) script.js.house.panel.test: Installed TFT Firmware: 50 / v4.0.5
              17:12:17.536	info	javascript.0 (26578) script.js.house.panel.test: Debugmodus deaktiviert
              17:12:21.423	info	javascript.0 (26578) script.js.house.panel.test: Start MQTT-Port-Check -------------------------------------
              17:12:21.424	info	javascript.0 (26578) script.js.house.panel.test: -- admin.0 - 8081
              17:12:21.424	info	javascript.0 (26578) script.js.house.panel.test: -- lovelace.0 - 8091
              17:12:21.424	info	javascript.0 (26578) script.js.house.panel.test: -- mqtt.0 - 1883
              17:12:21.424	info	javascript.0 (26578) script.js.house.panel.test: -- node-red.0 - 1880
              17:12:21.425	info	javascript.0 (26578) script.js.house.panel.test: -- sql.0 - 5432
              17:12:21.425	info	javascript.0 (26578) script.js.house.panel.test: -- terminal.0 - 8088
              17:12:21.425	info	javascript.0 (26578) script.js.house.panel.test: -- zigbee.0 - /dev
              17:12:21.425	info	javascript.0 (26578) script.js.house.panel.test: - MQTT-Port-Check OK: Instance of Adapter: mqtt.0 is running on Port:1883
              17:12:21.425	info	javascript.0 (26578) script.js.house.panel.test: End MQTT-Port-Check ---------------------------------------
              17:12:52.926	info	javascript.0 (26578) script.js.house.panel.test: Tasmota upgrade complete. New Version: 13.2.0(tasmota32)
              17:19:07.004	info	javascript.0 (26578) Stop script script.js.house.panel.test
              17:28:38.971	info	javascript.0 (26578) Stop script script.js.house.panel.test
              
              
              1 Antwort Letzte Antwort
              0
              • T Offline
                T Offline
                TT-Tom
                schrieb am zuletzt editiert von
                #4128

                @andré-koschnik

                Du hast die npm Module 'moment' , 'moment-parseformat' vergessen, bitte diesen Post genau lesen.

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

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

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

                1 Antwort Letzte Antwort
                1
                • André KoschnikA Offline
                  André KoschnikA Offline
                  André Koschnik
                  schrieb am zuletzt editiert von
                  #4129

                  das hab ich schon gesehen aber ich weiß nicht wie ich das impotieren kann.

                  ArmilarA 1 Antwort Letzte Antwort
                  0
                  • André KoschnikA André Koschnik

                    das hab ich schon gesehen aber ich weiß nicht wie ich das impotieren kann.

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

                    @andré-koschnik

                    steht doch da:
                    https://github.com/joBr99/nspanel-lovelace-ui/wiki/iobroker---Basisinstallation#8--einstellungen-in-js-adapter-instanz

                    In der Zeile der JS-Adapter-Instanz (siehe Bild im Link) die Modulnamen eintragen...

                    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 Antwort Letzte Antwort
                    1
                    • André KoschnikA Offline
                      André KoschnikA Offline
                      André Koschnik
                      schrieb am zuletzt editiert von
                      #4131

                      Danke machmal sieht man den wald vor Bäumen nicht

                      1 Antwort Letzte Antwort
                      1
                      • M Offline
                        M Offline
                        Mucky 0
                        schrieb am zuletzt editiert von
                        #4132

                        Hallo,
                        Ich bräuchte mal eure Hilfe da ich komplette Newbie in Sachen NSPanel+Lovelace bin.
                        Ich möchte das NSPanel nur für die Anzeige der PV-Werte mit Hilfe der cardPower verwenden. Ich habe nun den Beispielcode in das Javascript bei "Anfang der Beispiele für Seitengetaltung" eingefügt und den "Demomodus" aktiviert.... aber auf dem Display tut sich nichts. Es werden nur NSPanelService Seiten und der Screensaver angezeigt.
                        Wie muss ich weiter vorgehen um die Werte bzw. die Darstellung vom Beispiel auf mein Display zu bekommen? Gibt es irgendwo eine genauere Anleitung da ich aus den gefundenen bzw. Code-Schnipseln nicht schlau werde.

                        T 1 Antwort Letzte Antwort
                        0
                        • M Mucky 0

                          Hallo,
                          Ich bräuchte mal eure Hilfe da ich komplette Newbie in Sachen NSPanel+Lovelace bin.
                          Ich möchte das NSPanel nur für die Anzeige der PV-Werte mit Hilfe der cardPower verwenden. Ich habe nun den Beispielcode in das Javascript bei "Anfang der Beispiele für Seitengetaltung" eingefügt und den "Demomodus" aktiviert.... aber auf dem Display tut sich nichts. Es werden nur NSPanelService Seiten und der Screensaver angezeigt.
                          Wie muss ich weiter vorgehen um die Werte bzw. die Darstellung vom Beispiel auf mein Display zu bekommen? Gibt es irgendwo eine genauere Anleitung da ich aus den gefundenen bzw. Code-Schnipseln nicht schlau werde.

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

                          @mucky-0

                          zeige mal bitte was du eingefügt hast.

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

                            @mucky-0

                            zeige mal bitte was du eingefügt hast.

                            M Offline
                            M Offline
                            Mucky 0
                            schrieb am zuletzt editiert von
                            #4134

                            @tt-tom
                            Den Code hier aus den Page Beispielen auf github.

                            let CardPowerExample = <PagePower>
                            {
                                'type': 'cardPower',
                                'heading': 'cardPower Emulator',
                                'useColor': true,
                                'items': [
                                    <PageItem>{ id: 'alias.0.NSPanel_1.Power.PowerCard' },
                            //      <PageItem>{ }  // aktivieren für Demomodus der PowerCard, dafür ersten PageItem auskommentieren
                                ]
                            };
                            
                            T 1 Antwort Letzte Antwort
                            0
                            • M Mucky 0

                              @tt-tom
                              Den Code hier aus den Page Beispielen auf github.

                              let CardPowerExample = <PagePower>
                              {
                                  'type': 'cardPower',
                                  'heading': 'cardPower Emulator',
                                  'useColor': true,
                                  'items': [
                                      <PageItem>{ id: 'alias.0.NSPanel_1.Power.PowerCard' },
                              //      <PageItem>{ }  // aktivieren für Demomodus der PowerCard, dafür ersten PageItem auskommentieren
                                  ]
                              };
                              
                              T Offline
                              T Offline
                              TT-Tom
                              schrieb am zuletzt editiert von TT-Tom
                              #4135

                              @mucky-0 sagte in SONOFF NSPanel mit Lovelace UI:
                              mach das mal so rum.

                              //    <PageItem>{ id: 'alias.0.NSPanel_1.Power.PowerCard' },
                                    <PageItem>{ }  // aktivieren für Demomodus der PowerCard, dafür ersten PageItem auskommentieren
                              

                              hast du Page auch unter

                              pages:[ ]
                              

                              eingetragen???

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

                                @mucky-0 sagte in SONOFF NSPanel mit Lovelace UI:
                                mach das mal so rum.

                                //    <PageItem>{ id: 'alias.0.NSPanel_1.Power.PowerCard' },
                                      <PageItem>{ }  // aktivieren für Demomodus der PowerCard, dafür ersten PageItem auskommentieren
                                

                                hast du Page auch unter

                                pages:[ ]
                                

                                eingetragen???

                                M Offline
                                M Offline
                                Mucky 0
                                schrieb am zuletzt editiert von
                                #4136

                                @tt-tom
                                Natürlich habe ich die Page dort nicht eingetragen.... :anguished:
                                Danke für den Hinweis... jetzt läuft die Demo....
                                Die echten Werte miener PV muss ich dann nur noch über die PageItems hinzufügen?

                                ArmilarA 1 Antwort Letzte Antwort
                                0
                                • M Mucky 0

                                  @tt-tom
                                  Natürlich habe ich die Page dort nicht eingetragen.... :anguished:
                                  Danke für den Hinweis... jetzt läuft die Demo....
                                  Die echten Werte miener PV muss ich dann nur noch über die PageItems hinzufügen?

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

                                  @mucky-0

                                  Bin mir nicht sicher, ob du das gelesen hast?

                                  https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-Card-Definitionen-(Seiten)#cardpower-ab-ts-script-v341

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

                                    @mucky-0

                                    Bin mir nicht sicher, ob du das gelesen hast?

                                    https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-Card-Definitionen-(Seiten)#cardpower-ab-ts-script-v341

                                    M Offline
                                    M Offline
                                    Mucky 0
                                    schrieb am zuletzt editiert von
                                    #4138

                                    @armilar Nein das kenne ich noch nicht.... muss aber auch sagen das es nicht ganz einfach ist diese so zu finden bzw. die aktuellste zu finden... und vorallem als Newbie zu verstehen, wie und wo was genau eingetragen und angelegt werden muss....

                                    ArmilarA 1 Antwort Letzte Antwort
                                    0
                                    • M Mucky 0

                                      @armilar Nein das kenne ich noch nicht.... muss aber auch sagen das es nicht ganz einfach ist diese so zu finden bzw. die aktuellste zu finden... und vorallem als Newbie zu verstehen, wie und wo was genau eingetragen und angelegt werden muss....

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

                                      @mucky-0 sagte in SONOFF NSPanel mit Lovelace UI:

                                      wie und wo was genau eingetragen und angelegt werden muss....

                                      Kein Problem... dann etwas Starthilfe?

                                      Lege mal einen Datenpunkt unter 0_userdata.0... vom Typ JSON (und Name nach eigenen Vorstellungen oder PowerCard) an:

                                      a8f11ea9-05c4-4841-8e0c-f1191c9b1c85-image.png

                                      Dann legst du einen Alias vom Gerätetyp "Info" über diesen Datenpunkt.

                                      In den Datenpunkt wirfst du erst einmal diesen Inhalt:

                                      [
                                        {
                                          "id": 0,
                                          "value": 13,
                                          "unit": "kW",
                                          "icon": "emoticon-happy-outline",
                                          "iconColor": 0
                                        },
                                        {
                                          "id": 1,
                                          "value": 3,
                                          "unit": "kW",
                                          "icon": "battery-charging-60",
                                          "iconColor": 10,
                                          "speed": 30
                                        },
                                        {
                                          "id": 2,
                                          "value": 4.7,
                                          "unit": "kW",
                                          "icon": "solar-power-variant",
                                          "iconColor": 3,
                                          "speed": -20
                                        },
                                        {
                                          "id": 3,
                                          "value": 4.3,
                                          "unit": "kW",
                                          "icon": "wind-turbine",
                                          "iconColor": 1,
                                          "speed": -30
                                        },
                                        {
                                          "id": 4,
                                          "value": 3.4,
                                          "unit": "kW",
                                          "icon": "shape",
                                          "iconColor": 10,
                                          "speed": 30
                                        },
                                        {
                                          "id": 5,
                                          "value": 0.1,
                                          "unit": "kW",
                                          "icon": "transmission-tower",
                                          "iconColor": 0,
                                          "speed": 20
                                        },
                                        {
                                          "id": 6,
                                          "value": 2.5,
                                          "unit": "kW",
                                          "icon": "car",
                                          "iconColor": 5,
                                          "speed": 20
                                        }
                                      ]
                                      

                                      Damit sollte die cardPower schon etwas anzeigen...

                                      (Wieder Demo Modus ausschalten)

                                      let CardPowerExample = <PagePower>
                                      {
                                          'type': 'cardPower',
                                          'heading': 'cardPower Emulator',
                                          'useColor': true,
                                          'items': [
                                              <PageItem>{ id: 'alias.0.NSPanel_1.Power.PowerCard' }, // an Deinen Alias anpassen
                                      //      <PageItem>{ }  // aktivieren für Demomodus der PowerCard, dafür ersten PageItem auskommentieren
                                          ]
                                      };
                                      

                                      Danach kannst du auch die Werte aus diesem JSON verändern und verstehen, was die Parameter denn bewirken.

                                      Ziel ist es ein Blockly oder JS-Script zu erstellen, dass aus deinen Datenpunkten ein solches JSON erstellt...

                                      Es gibt auch ein Blockly als Beispiel: https://github.com/joBr99/nspanel-lovelace-ui/blob/main/ioBroker/Blockly/CardPower_Emulator_Skript.xml

                                      Falls dann noch Fragen offen sind... dann gezielt mit deinen Datenpunkten und deinem Script zur Erstellung nachhaken...

                                      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 2 Antworten Letzte Antwort
                                      1
                                      • ArmilarA Armilar

                                        @mucky-0 sagte in SONOFF NSPanel mit Lovelace UI:

                                        wie und wo was genau eingetragen und angelegt werden muss....

                                        Kein Problem... dann etwas Starthilfe?

                                        Lege mal einen Datenpunkt unter 0_userdata.0... vom Typ JSON (und Name nach eigenen Vorstellungen oder PowerCard) an:

                                        a8f11ea9-05c4-4841-8e0c-f1191c9b1c85-image.png

                                        Dann legst du einen Alias vom Gerätetyp "Info" über diesen Datenpunkt.

                                        In den Datenpunkt wirfst du erst einmal diesen Inhalt:

                                        [
                                          {
                                            "id": 0,
                                            "value": 13,
                                            "unit": "kW",
                                            "icon": "emoticon-happy-outline",
                                            "iconColor": 0
                                          },
                                          {
                                            "id": 1,
                                            "value": 3,
                                            "unit": "kW",
                                            "icon": "battery-charging-60",
                                            "iconColor": 10,
                                            "speed": 30
                                          },
                                          {
                                            "id": 2,
                                            "value": 4.7,
                                            "unit": "kW",
                                            "icon": "solar-power-variant",
                                            "iconColor": 3,
                                            "speed": -20
                                          },
                                          {
                                            "id": 3,
                                            "value": 4.3,
                                            "unit": "kW",
                                            "icon": "wind-turbine",
                                            "iconColor": 1,
                                            "speed": -30
                                          },
                                          {
                                            "id": 4,
                                            "value": 3.4,
                                            "unit": "kW",
                                            "icon": "shape",
                                            "iconColor": 10,
                                            "speed": 30
                                          },
                                          {
                                            "id": 5,
                                            "value": 0.1,
                                            "unit": "kW",
                                            "icon": "transmission-tower",
                                            "iconColor": 0,
                                            "speed": 20
                                          },
                                          {
                                            "id": 6,
                                            "value": 2.5,
                                            "unit": "kW",
                                            "icon": "car",
                                            "iconColor": 5,
                                            "speed": 20
                                          }
                                        ]
                                        

                                        Damit sollte die cardPower schon etwas anzeigen...

                                        (Wieder Demo Modus ausschalten)

                                        let CardPowerExample = <PagePower>
                                        {
                                            'type': 'cardPower',
                                            'heading': 'cardPower Emulator',
                                            'useColor': true,
                                            'items': [
                                                <PageItem>{ id: 'alias.0.NSPanel_1.Power.PowerCard' }, // an Deinen Alias anpassen
                                        //      <PageItem>{ }  // aktivieren für Demomodus der PowerCard, dafür ersten PageItem auskommentieren
                                            ]
                                        };
                                        

                                        Danach kannst du auch die Werte aus diesem JSON verändern und verstehen, was die Parameter denn bewirken.

                                        Ziel ist es ein Blockly oder JS-Script zu erstellen, dass aus deinen Datenpunkten ein solches JSON erstellt...

                                        Es gibt auch ein Blockly als Beispiel: https://github.com/joBr99/nspanel-lovelace-ui/blob/main/ioBroker/Blockly/CardPower_Emulator_Skript.xml

                                        Falls dann noch Fragen offen sind... dann gezielt mit deinen Datenpunkten und deinem Script zur Erstellung nachhaken...

                                        M Offline
                                        M Offline
                                        Mucky 0
                                        schrieb am zuletzt editiert von
                                        #4140

                                        @armilar
                                        Danke... ich werde mich da die Tage mal rein knien... und schauen wie weit ich komme....aller Anfang ist eben schwer bzw. nicht einfach...

                                        ArmilarA 1 Antwort Letzte Antwort
                                        2
                                        • M Mucky 0

                                          @armilar
                                          Danke... ich werde mich da die Tage mal rein knien... und schauen wie weit ich komme....aller Anfang ist eben schwer bzw. nicht einfach...

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

                                          @mucky-0

                                          Wir sind alle mal angefangen... Aber es gibt hier auch viel Unterstützung, wenn die Fragen gezielt gestellt werden... :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 Antwort Letzte Antwort
                                          2
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          812

                                          Online

                                          32.4k

                                          Benutzer

                                          81.5k

                                          Themen

                                          1.3m

                                          Beiträge
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Anmelden

                                          • Du hast noch kein Konto? Registrieren

                                          • Anmelden oder registrieren, um zu suchen
                                          • Erster Beitrag
                                            Letzter Beitrag
                                          0
                                          • Home
                                          • Aktuell
                                          • Tags
                                          • Ungelesen 0
                                          • Kategorien
                                          • Unreplied
                                          • Beliebt
                                          • GitHub
                                          • Docu
                                          • Hilfe