Skip to content
  • 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
Logo
  1. ioBroker Community Home
  2. Deutsch
  3. Hardware
  4. SONOFF NSPanel mit Lovelace UI

NEWS

  • Wartung am 15.11. – Forum ab 22:00 Uhr nicht erreichbar
    BluefoxB
    Bluefox
    11
    2
    207

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

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

SONOFF NSPanel mit Lovelace UI

SONOFF NSPanel mit Lovelace UI

Scheduled Pinned Locked Moved Hardware
lovelace uinspanelsonoff
7.7k Posts 271 Posters 6.7m Views 253 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.
  • O Offline
    O Offline
    Oliver Feld
    wrote on last edited by
    #2376

    Bei mir im Abfallkalender steht neben der Tonne das Datum. Wie stelle ich es ein, dass dort anstatt Datum „Morgen“ bzw. „Übermorgen“ steht?

    Danke und Gruß Olli

    T 2 Replies Last reply
    0
    • O Oliver Feld

      Bei mir im Abfallkalender steht neben der Tonne das Datum. Wie stelle ich es ein, dass dort anstatt Datum „Morgen“ bzw. „Übermorgen“ steht?

      Danke und Gruß Olli

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

      @oliver-feld

      Das kommt vom iCal Adapter. Das Script aus dem Wiki schreibt das Datum nicht um.

      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
      0
      • M Offline
        M Offline
        Mayan
        wrote on last edited by
        #2378

        @Oliver-Feld

        Das „Morgen“ usw. im Abfallkalender erstelle ich von Daten aus dem Adapter trashschedule, der wiederum die Daten aus dem iCal Adapter bezieht. Bei mir wird größer einer Woche das Datum, ab einer Woche in Tagen und zum Schluss Morgen und Heute angezeigt.
        CA3FE131-2FB3-40BE-87E2-9F27F70A4473.jpeg

        1 Reply Last reply
        0
        • T TT-Tom

          @armilar

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

          P Offline
          P Offline
          PaNoRu84
          wrote on last edited by
          #2379

          @tt-tom @Armilar,

          vielen Dank für eure Hilfe.

          Ich schulde euch noch ein Foto. Hier kommt es.
          Ich habe die Idee mit den "Zählen" direkt übernommen.
          Ist noch nicht final aber funktioniert schon super. Der "Name" ist jetzt ein dynamisches Feld, vielleicht lasse ich da ab einer gewissen Anzahl von offenen Fenstern auch nur die Anzahl anzeigen.
          Aber super, dass das schonmal so geht. DANKE (hach, jetzt muss ich doch wirklich noch 5-10 weitere NSPanels kaufen 😄 )

          f157e04b-f813-4542-a274-362d75c1b944-image.png

          1 Reply Last reply
          0
          • ArmilarA Armilar

            @marc_d0810

            Perfekt, dann direkt nochmal die:

            FlashNextion http://nspanel.pky.eu/lovelace-ui/github/nspanel-v3.9.4.tft
            

            hinterher und weiterhin viel Spaß mit dem Panel

            GarganoG Offline
            GarganoG Offline
            Gargano
            wrote on last edited by
            #2380

            @armilar
            Was ist denn der Unterschied FlashNextionAdv1 zu FlashNextion ?

            ArmilarA 1 Reply Last reply
            0
            • GarganoG Gargano

              @armilar
              Was ist denn der Unterschied FlashNextionAdv1 zu FlashNextion ?

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

              @gargano sagte in SONOFF NSPanel mit Lovelace UI:

              Was ist denn der Unterschied FlashNextionAdv1 zu FlashNextion ?

              In der Regel benötigst du das nicht

              FlashNextionAdv[0-5] URL
              Start's flashing a tft file to the nextion screen with different Modi.

              • Nextion Upload Proto 1.2 with 921600 Baud (same as FlashNextion): FlashNextionAdv0 http://nspanel.pky.eu/lui.tft
              • Nextion Upload Proto 1.1 with 921600 Baud: FlashNextionAdv1 http://nspanel.pky.eu/lui.tft
              • Nextion Upload Proto 1.2 with 115200 Baud: FlashNextionAdv2 http://nspanel.pky.eu/lui.tft
              • Nextion Upload Proto 1.1 with 115200 Baud: FlashNextionAdv3 http://nspanel.pky.eu/lui.tft
              • Nextion Upload Proto 1.2 with 256000 Baud: FlashNextionAdv4 http://nspanel.pky.eu/lui.tft
              • Nextion Upload Proto 1.1 with 256000 Baud: FlashNextionAdv5 http://nspanel.pky.eu/lui.tft
              • Nextion Upload Proto 1.1 with 921600 Baud and communication init on 9600 Baud: FlashNextionAdv6 http://nspanel.pky.eu/lui.tft

              Besides the commands, serial input will be published on 'RESULT' Topic, depending on the input in one of the following formats:

              {"CustomRecv":%s}
              {"nextion":%s}

              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
              0
              • O Oliver Feld

                Bei mir im Abfallkalender steht neben der Tonne das Datum. Wie stelle ich es ein, dass dort anstatt Datum „Morgen“ bzw. „Übermorgen“ steht?

                Danke und Gruß Olli

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

                @oliver-feld

                hier die Einstellungen im iCal damit "morgen" und so weiter kommt.

                Bildschirmfoto 2023-02-27 um 13.36.09.png

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

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

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

                1 Reply Last reply
                0
                • ArmilarA Armilar

                  @gargano sagte in SONOFF NSPanel mit Lovelace UI:

                  Was ist denn der Unterschied FlashNextionAdv1 zu FlashNextion ?

                  In der Regel benötigst du das nicht

                  FlashNextionAdv[0-5] URL
                  Start's flashing a tft file to the nextion screen with different Modi.

                  • Nextion Upload Proto 1.2 with 921600 Baud (same as FlashNextion): FlashNextionAdv0 http://nspanel.pky.eu/lui.tft
                  • Nextion Upload Proto 1.1 with 921600 Baud: FlashNextionAdv1 http://nspanel.pky.eu/lui.tft
                  • Nextion Upload Proto 1.2 with 115200 Baud: FlashNextionAdv2 http://nspanel.pky.eu/lui.tft
                  • Nextion Upload Proto 1.1 with 115200 Baud: FlashNextionAdv3 http://nspanel.pky.eu/lui.tft
                  • Nextion Upload Proto 1.2 with 256000 Baud: FlashNextionAdv4 http://nspanel.pky.eu/lui.tft
                  • Nextion Upload Proto 1.1 with 256000 Baud: FlashNextionAdv5 http://nspanel.pky.eu/lui.tft
                  • Nextion Upload Proto 1.1 with 921600 Baud and communication init on 9600 Baud: FlashNextionAdv6 http://nspanel.pky.eu/lui.tft

                  Besides the commands, serial input will be published on 'RESULT' Topic, depending on the input in one of the following formats:

                  {"CustomRecv":%s}
                  {"nextion":%s}

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

                  Release v4.0.3

                  9b7597a5-3d3d-43d5-b0c7-a4d42d8eac7f-image.png

                  Änderungen in der Config:

                  aus

                  export const config: Config = {
                  

                  wird

                  export const config = <Config> {
                  

                  und die firstScreensaverEntity - fourthScreensaverentity existieren nicht mehr. Erstatz dafür ist das Array bottomScreensaverEntity. Die ersten 4 bottomScreensaverEntity werden auch im Standard-Screensaver genutzt.

                  Des weiteren ist der Erweiterte Screensaver enthalten:
                  837094a5-44e0-4c7c-9251-9e02dc80346c-image.png
                  Zur Konfiguration des Screensavers bitte die Wiki berücksichtigen:
                  https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-Config-Screensaver#entity-status-icons-ab-v400

                  Für alle User mit kleinen Hackern zuhause gibt es jetzt die cardUnlock:
                  df037f8b-91cd-418e-aeac-6a54e4e16915-image.png
                  Siehe auch:
                  https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-Card-Definitionen-(Seiten)#cardunlock-ab-v400

                  Ansonsen gab es diverse Erweiterungen und Minor-Bugfixes:

                  • Eine überarbeitete und erweiterte Squeezebox und diverse Optimierungen von @bembelstemmer
                  • Ein Mode - Fix für die cardThermo und dynamische Icons im Advanced Screensaver (Issue in letzer Sekunde 😉 ) von @Gargano

                  Kurze Upgrade-Empfehlung:

                  • Neues TypeScript anlegen und die Version https://raw.githubusercontent.com/joBr99/nspanel-lovelace-ui/main/ioBroker/NsPanelTs_without_Examples.ts hineinkopieren
                  • altes Script deaktivieren (Fallback)
                  • Konfiguration anhand der Variablen aus dem anderen Script übernehmen (Achtung Config hat einen veränderten Aufbau und kann nicht 1:1 übernommen werden, siehe oben!)
                  • Erweiterungen für Advanced Screensaver aus Wiki oder NSPanel.ts (Script mit Beispielen) migrieren
                  • FlashNextion http://nspanel.pky.eu/lovelace-ui/github/nspanel-v4.0.3.tft

                  Hinweis:

                  • @TT-Tom hat bereits festgestellt, dass es erforderlich sein kann, die vom TS-Script automatisch angelegten 0_userdata.0.NSPanel.X Verzeichnisse und Auto-Aliase zu löschen und neu anlegen zu lassen.

                  Viel Spaß mit dem neuen Release...

                  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.

                  GarganoG wendy2702W 2 Replies Last reply
                  4
                  • P Offline
                    P Offline
                    PaNoRu84
                    wrote on last edited by PaNoRu84
                    #2384

                    gesucht: Startpunkt / Übersicht über mehrere Thermostate
                    Ich überlege wie ich als Einstiegpunkt mehrere Thermostate auf einer Seite darstellen kann.
                    Ich hätte gerne eine Darstellung auf der ich die aktuelle Soll-Temperatur von mehrere Thermostaten sehen kann und über Navigation diese dann vertiefen bzw. ändern kann.

                    Meine 1. Idee war einfach InfoPunkte mit den Soll-Werte als Alias anzulegen, davon könnte ich dann ja 6 erstellen.
                    Die Punkte könnten ja sogar als Icon den Wert wieder geben.
                    z.B. so

                    ______________________________
                    |    21      20         18    |
                    |  Büro    Küche       Bad    |
                    |                             |
                    |   20       18        21     |
                    | Kids   Schlafen    Wohnen   |
                    |_____________________________|
                    

                    Mit einem Klick auf die Werte wäre ich dann gerne auf die entsprechende CardThermo gekommen, aber das geht scheinbar nicht, bzw. dann funktioniert der Value nicht mehr.

                    Hat jemand alternative Idee wie ich eine derartige Übersicht mit der Möglichkeit auf die Details tiefer einzutauchen abbilden könnte?

                    Danke für eure Hilfe - ihr leistet hier wirklich einen super Job!!!

                    ArmilarA 2 Replies Last reply
                    0
                    • ArmilarA Armilar

                      Release v4.0.3

                      9b7597a5-3d3d-43d5-b0c7-a4d42d8eac7f-image.png

                      Änderungen in der Config:

                      aus

                      export const config: Config = {
                      

                      wird

                      export const config = <Config> {
                      

                      und die firstScreensaverEntity - fourthScreensaverentity existieren nicht mehr. Erstatz dafür ist das Array bottomScreensaverEntity. Die ersten 4 bottomScreensaverEntity werden auch im Standard-Screensaver genutzt.

                      Des weiteren ist der Erweiterte Screensaver enthalten:
                      837094a5-44e0-4c7c-9251-9e02dc80346c-image.png
                      Zur Konfiguration des Screensavers bitte die Wiki berücksichtigen:
                      https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-Config-Screensaver#entity-status-icons-ab-v400

                      Für alle User mit kleinen Hackern zuhause gibt es jetzt die cardUnlock:
                      df037f8b-91cd-418e-aeac-6a54e4e16915-image.png
                      Siehe auch:
                      https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-Card-Definitionen-(Seiten)#cardunlock-ab-v400

                      Ansonsen gab es diverse Erweiterungen und Minor-Bugfixes:

                      • Eine überarbeitete und erweiterte Squeezebox und diverse Optimierungen von @bembelstemmer
                      • Ein Mode - Fix für die cardThermo und dynamische Icons im Advanced Screensaver (Issue in letzer Sekunde 😉 ) von @Gargano

                      Kurze Upgrade-Empfehlung:

                      • Neues TypeScript anlegen und die Version https://raw.githubusercontent.com/joBr99/nspanel-lovelace-ui/main/ioBroker/NsPanelTs_without_Examples.ts hineinkopieren
                      • altes Script deaktivieren (Fallback)
                      • Konfiguration anhand der Variablen aus dem anderen Script übernehmen (Achtung Config hat einen veränderten Aufbau und kann nicht 1:1 übernommen werden, siehe oben!)
                      • Erweiterungen für Advanced Screensaver aus Wiki oder NSPanel.ts (Script mit Beispielen) migrieren
                      • FlashNextion http://nspanel.pky.eu/lovelace-ui/github/nspanel-v4.0.3.tft

                      Hinweis:

                      • @TT-Tom hat bereits festgestellt, dass es erforderlich sein kann, die vom TS-Script automatisch angelegten 0_userdata.0.NSPanel.X Verzeichnisse und Auto-Aliase zu löschen und neu anlegen zu lassen.

                      Viel Spaß mit dem neuen Release...

                      GarganoG Offline
                      GarganoG Offline
                      Gargano
                      wrote on last edited by Gargano
                      #2385

                      @armilar sagte in SONOFF NSPanel mit Lovelace UI:

                      Release v4.0.3

                      Hab gesehen, Du hast einige Funktionen als async gemacht. Ich hatte vorher den Eindruck, daß manche SendToPanel Aufrufe verschluckt werden. Mal sehen , ob es jetzt besser ist.

                      Wobei lt. Beschreibung eine async Function ohne await das gleiche sein soll wie eine Function ohne async

                      ArmilarA 1 Reply Last reply
                      0
                      • W Offline
                        W Offline
                        watcherkb
                        wrote on last edited by
                        #2386

                        Ist es möglich, zwei verschiedene Accuweather Pages zu konfigurieren (für 2 Orte)? Dafür müsste ich wahrscheilich eine zweite Accuweather Instanz erstellen, oder? Gibt es dazu ein Beispiel oder Vorlage?

                        CC2538+CC2592 PA-Zigbee-Funkmodul

                        ArmilarA 1 Reply Last reply
                        0
                        • GarganoG Gargano

                          @armilar sagte in SONOFF NSPanel mit Lovelace UI:

                          Release v4.0.3

                          Hab gesehen, Du hast einige Funktionen als async gemacht. Ich hatte vorher den Eindruck, daß manche SendToPanel Aufrufe verschluckt werden. Mal sehen , ob es jetzt besser ist.

                          Wobei lt. Beschreibung eine async Function ohne await das gleiche sein soll wie eine Function ohne async

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

                          @gargano

                          Es gab in der Tat ein Problem mit verschluckten Ereignissen (Liegt aber eher bei den Delays von Tasmota und Berry). Daher habe ich die unnötig erzeugten notify~~ auch eleminiert, die in der bExit erzeugt und an das Panel gesendet wurden. Zusätzliches await kann aber auch nicht schaden 😊

                          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.

                          GarganoG 1 Reply Last reply
                          0
                          • W watcherkb

                            Ist es möglich, zwei verschiedene Accuweather Pages zu konfigurieren (für 2 Orte)? Dafür müsste ich wahrscheilich eine zweite Accuweather Instanz erstellen, oder? Gibt es dazu ein Beispiel oder Vorlage?

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

                            @watcherkb

                            Du könntest eine weitere Accuweather-Instanz hinzufügen, das würde sich aber nicht im Screensaver wiederspiegeln, da dort nur eine Instanz genutzt wird. Aber für eine Wetterpage als z.B. eine zusätzliche cardGrid kannst du dann natürlich auf die Datenpunkte der 2. Instanz zugreifen und diese verwenden.

                            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
                            • P PaNoRu84

                              gesucht: Startpunkt / Übersicht über mehrere Thermostate
                              Ich überlege wie ich als Einstiegpunkt mehrere Thermostate auf einer Seite darstellen kann.
                              Ich hätte gerne eine Darstellung auf der ich die aktuelle Soll-Temperatur von mehrere Thermostaten sehen kann und über Navigation diese dann vertiefen bzw. ändern kann.

                              Meine 1. Idee war einfach InfoPunkte mit den Soll-Werte als Alias anzulegen, davon könnte ich dann ja 6 erstellen.
                              Die Punkte könnten ja sogar als Icon den Wert wieder geben.
                              z.B. so

                              ______________________________
                              |    21      20         18    |
                              |  Büro    Küche       Bad    |
                              |                             |
                              |   20       18        21     |
                              | Kids   Schlafen    Wohnen   |
                              |_____________________________|
                              

                              Mit einem Klick auf die Werte wäre ich dann gerne auf die entsprechende CardThermo gekommen, aber das geht scheinbar nicht, bzw. dann funktioniert der Value nicht mehr.

                              Hat jemand alternative Idee wie ich eine derartige Übersicht mit der Möglichkeit auf die Details tiefer einzutauchen abbilden könnte?

                              Danke für eure Hilfe - ihr leistet hier wirklich einen super Job!!!

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

                              @panoru84

                              Ich sehe mir das mal an. Eigentlich kann das nicht so schwer sein, im Navigationspfad noch ein useValue unterzubringen.

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

                                @gargano

                                Es gab in der Tat ein Problem mit verschluckten Ereignissen (Liegt aber eher bei den Delays von Tasmota und Berry). Daher habe ich die unnötig erzeugten notify~~ auch eleminiert, die in der bExit erzeugt und an das Panel gesendet wurden. Zusätzliches await kann aber auch nicht schaden 😊

                                GarganoG Offline
                                GarganoG Offline
                                Gargano
                                wrote on last edited by
                                #2390

                                @armilar die Bedienung fühlt sich auch etwas flüssiger an

                                1 Reply Last reply
                                0
                                • P PaNoRu84

                                  gesucht: Startpunkt / Übersicht über mehrere Thermostate
                                  Ich überlege wie ich als Einstiegpunkt mehrere Thermostate auf einer Seite darstellen kann.
                                  Ich hätte gerne eine Darstellung auf der ich die aktuelle Soll-Temperatur von mehrere Thermostaten sehen kann und über Navigation diese dann vertiefen bzw. ändern kann.

                                  Meine 1. Idee war einfach InfoPunkte mit den Soll-Werte als Alias anzulegen, davon könnte ich dann ja 6 erstellen.
                                  Die Punkte könnten ja sogar als Icon den Wert wieder geben.
                                  z.B. so

                                  ______________________________
                                  |    21      20         18    |
                                  |  Büro    Küche       Bad    |
                                  |                             |
                                  |   20       18        21     |
                                  | Kids   Schlafen    Wohnen   |
                                  |_____________________________|
                                  

                                  Mit einem Klick auf die Werte wäre ich dann gerne auf die entsprechende CardThermo gekommen, aber das geht scheinbar nicht, bzw. dann funktioniert der Value nicht mehr.

                                  Hat jemand alternative Idee wie ich eine derartige Übersicht mit der Möglichkeit auf die Details tiefer einzutauchen abbilden könnte?

                                  Danke für eure Hilfe - ihr leistet hier wirklich einen super Job!!!

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

                                  @panoru84

                                  Teste das mal

                                  Entsprechenden Code im oberen Teil der function CreateEntity suchen und ersetzen:

                                                          case 'door':
                                                          case 'window':
                                                              if (existsState(pageItem.id + '.ACTUAL')) {
                                                                  if (getState(pageItem.id + '.ACTUAL').val) {
                                                                      iconId = pageItem.icon !== undefined ? Icons.GetIcon(pageItem.icon) : o.common.role == 'door' ? Icons.GetIcon('door-open') : Icons.GetIcon('window-open-variant');
                                                                      iconColor = GetIconColor(pageItem, false, useColors);
                                                                  } else {
                                                                      iconId = pageItem.icon !== undefined ? Icons.GetIcon(pageItem.icon) : o.common.role == 'door' ? Icons.GetIcon('door-closed') : Icons.GetIcon('window-closed-variant');
                                                                      iconColor = GetIconColor(pageItem, true, useColors);
                                                                  }
                                                              }
                                                              break;
                                                          case 'info':
                                                              iconId = pageItem.icon !== undefined ? Icons.GetIcon(pageItem.icon) : Icons.GetIcon('gesture-tap-button');
                                                              iconId2 = pageItem.icon2 !== undefined ? Icons.GetIcon(pageItem.icon2) : Icons.GetIcon('gesture-tap-button');
                                                              iconColor = GetIconColor(pageItem, true, useColors);
                                                              if (val === true || val === 'true') {
                                                                  iconColor = GetIconColor(pageItem, true, useColors);
                                                              } else {
                                                                  iconColor = GetIconColor(pageItem, false, useColors);
                                                                  if (pageItem.icon !== undefined) {
                                                                      if (pageItem.icon2 !== undefined) {
                                                                          iconId = iconId2;
                                                                      }
                                                                  }
                                                              };
                                  
                                                              if (pageItem.useValue) {
                                                                  iconId = val;
                                                              } 
                                  
                                                              break;
                                                          default:
                                                              return '~delete~~~~~';
                                                      }
                                                      return '~' + type + '~' + 'navigate.' + pageItem.targetPage + '~' + iconId + '~' + iconColor + '~' + name + '~' + buttonText
                                  

                                  Aufruf mit (Punkte entsprechend füllen) :

                                  <PageItem>{ navigate: true, id: '...', targetPage: '...', name: '...', offColor: ..., onColor: ..., useValue: true},
                                  

                                  und targetPage als Subpage definieren

                                  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.

                                  P GarganoG 2 Replies Last reply
                                  1
                                  • ArmilarA Armilar

                                    @panoru84

                                    Teste das mal

                                    Entsprechenden Code im oberen Teil der function CreateEntity suchen und ersetzen:

                                                            case 'door':
                                                            case 'window':
                                                                if (existsState(pageItem.id + '.ACTUAL')) {
                                                                    if (getState(pageItem.id + '.ACTUAL').val) {
                                                                        iconId = pageItem.icon !== undefined ? Icons.GetIcon(pageItem.icon) : o.common.role == 'door' ? Icons.GetIcon('door-open') : Icons.GetIcon('window-open-variant');
                                                                        iconColor = GetIconColor(pageItem, false, useColors);
                                                                    } else {
                                                                        iconId = pageItem.icon !== undefined ? Icons.GetIcon(pageItem.icon) : o.common.role == 'door' ? Icons.GetIcon('door-closed') : Icons.GetIcon('window-closed-variant');
                                                                        iconColor = GetIconColor(pageItem, true, useColors);
                                                                    }
                                                                }
                                                                break;
                                                            case 'info':
                                                                iconId = pageItem.icon !== undefined ? Icons.GetIcon(pageItem.icon) : Icons.GetIcon('gesture-tap-button');
                                                                iconId2 = pageItem.icon2 !== undefined ? Icons.GetIcon(pageItem.icon2) : Icons.GetIcon('gesture-tap-button');
                                                                iconColor = GetIconColor(pageItem, true, useColors);
                                                                if (val === true || val === 'true') {
                                                                    iconColor = GetIconColor(pageItem, true, useColors);
                                                                } else {
                                                                    iconColor = GetIconColor(pageItem, false, useColors);
                                                                    if (pageItem.icon !== undefined) {
                                                                        if (pageItem.icon2 !== undefined) {
                                                                            iconId = iconId2;
                                                                        }
                                                                    }
                                                                };
                                    
                                                                if (pageItem.useValue) {
                                                                    iconId = val;
                                                                } 
                                    
                                                                break;
                                                            default:
                                                                return '~delete~~~~~';
                                                        }
                                                        return '~' + type + '~' + 'navigate.' + pageItem.targetPage + '~' + iconId + '~' + iconColor + '~' + name + '~' + buttonText
                                    

                                    Aufruf mit (Punkte entsprechend füllen) :

                                    <PageItem>{ navigate: true, id: '...', targetPage: '...', name: '...', offColor: ..., onColor: ..., useValue: true},
                                    

                                    und targetPage als Subpage definieren

                                    P Offline
                                    P Offline
                                    PaNoRu84
                                    wrote on last edited by PaNoRu84
                                    #2392

                                    @armilar

                                    Ja, so funktioniert usevalue:true. 👍

                                    Leider lässt sich das navigate & usevalue scheinbar nicht mit der colorScale für den Wert kombinieren.

                                    Sobald ich navigate und targetpage einfüge, funktioniert zwar die Navigation aber die Zahl bleibt immer rot.

                                    id alias.0.Thermostate.Test_Temp_Info von Typ Info mit einer Zahl

                                    <PageItem>{ navigate: true, targetPage: 'Test_Themostat', id: 'alias.0.Thermostate.Test_Temp_Info', name: 'Test', useValue: true, offColor: MSRed, onColor: MSGreen,  colorScale: {'val_min': 18, 'val_max': 30, 'val_best': 18}},
                                    

                                    Oje oje, ich habe einfach zu viele dynamische Ideen.

                                    Ich muss mal gucken ob ich selber in den Code hintersteigen kann

                                    Wer sagt es denn 😆

                                    Ich habe nach deiner Erweiterung oben im case info einfach den colorScale part hinzugefügt und es funktioniert.

                                    if (pageItem.colorScale != undefined) {
                                    		            let iconvalmin = (pageItem.colorScale.val_min != undefined) ? pageItem.colorScale.val_min : 0;
                                    		            let iconvalmax = (pageItem.colorScale.val_max != undefined) ? pageItem.colorScale.val_max : 100;
                                    		            let iconvalbest = (pageItem.colorScale.val_best != undefined) ? pageItem.colorScale.val_best : iconvalmin;
                                    		            let valueScale = val;
                                    
                                    		            if (iconvalmin == 0 && iconvalmax == 1) {
                                    		                iconColor = (getState(pageItem.id).val == 1) ? rgb_dec565(colorScale0) : rgb_dec565(colorScale10);
                                    		            } else {
                                    		                if (iconvalbest == iconvalmin) {
                                    		                    valueScale = scale(valueScale, iconvalmin, iconvalmax, 10, 0);
                                    		                } else {
                                    		                    if (valueScale < iconvalbest) {
                                    		                        valueScale = scale(valueScale, iconvalmin, iconvalbest, 0, 10);
                                    		                    } else if (valueScale > iconvalbest || iconvalbest != iconvalmin) {
                                    		                        valueScale = scale(valueScale, iconvalbest, iconvalmax, 10, 0);
                                    		                    } else {
                                    		                        valueScale = scale(valueScale, iconvalmin, iconvalmax, 10, 0);
                                    		                    }
                                    		                }
                                    		                let valueScaletemp = (Math.round(valueScale)).toFixed();
                                    		                iconColor = HandleColorScale(valueScaletemp);
                                    		            }
                                    		        }
                                    
                                    1 Reply Last reply
                                    0
                                    • ArmilarA Armilar

                                      @panoru84

                                      Teste das mal

                                      Entsprechenden Code im oberen Teil der function CreateEntity suchen und ersetzen:

                                                              case 'door':
                                                              case 'window':
                                                                  if (existsState(pageItem.id + '.ACTUAL')) {
                                                                      if (getState(pageItem.id + '.ACTUAL').val) {
                                                                          iconId = pageItem.icon !== undefined ? Icons.GetIcon(pageItem.icon) : o.common.role == 'door' ? Icons.GetIcon('door-open') : Icons.GetIcon('window-open-variant');
                                                                          iconColor = GetIconColor(pageItem, false, useColors);
                                                                      } else {
                                                                          iconId = pageItem.icon !== undefined ? Icons.GetIcon(pageItem.icon) : o.common.role == 'door' ? Icons.GetIcon('door-closed') : Icons.GetIcon('window-closed-variant');
                                                                          iconColor = GetIconColor(pageItem, true, useColors);
                                                                      }
                                                                  }
                                                                  break;
                                                              case 'info':
                                                                  iconId = pageItem.icon !== undefined ? Icons.GetIcon(pageItem.icon) : Icons.GetIcon('gesture-tap-button');
                                                                  iconId2 = pageItem.icon2 !== undefined ? Icons.GetIcon(pageItem.icon2) : Icons.GetIcon('gesture-tap-button');
                                                                  iconColor = GetIconColor(pageItem, true, useColors);
                                                                  if (val === true || val === 'true') {
                                                                      iconColor = GetIconColor(pageItem, true, useColors);
                                                                  } else {
                                                                      iconColor = GetIconColor(pageItem, false, useColors);
                                                                      if (pageItem.icon !== undefined) {
                                                                          if (pageItem.icon2 !== undefined) {
                                                                              iconId = iconId2;
                                                                          }
                                                                      }
                                                                  };
                                      
                                                                  if (pageItem.useValue) {
                                                                      iconId = val;
                                                                  } 
                                      
                                                                  break;
                                                              default:
                                                                  return '~delete~~~~~';
                                                          }
                                                          return '~' + type + '~' + 'navigate.' + pageItem.targetPage + '~' + iconId + '~' + iconColor + '~' + name + '~' + buttonText
                                      

                                      Aufruf mit (Punkte entsprechend füllen) :

                                      <PageItem>{ navigate: true, id: '...', targetPage: '...', name: '...', offColor: ..., onColor: ..., useValue: true},
                                      

                                      und targetPage als Subpage definieren

                                      GarganoG Offline
                                      GarganoG Offline
                                      Gargano
                                      wrote on last edited by
                                      #2393

                                      @armilar
                                      FlashNextionAdv Proto1 und Proto2,

                                      Was ist da der Unterschied ?

                                      Wenn ich selber ein tft-File von meinem Web-Server hochlade geht der normale FlashNextion Befehl und FlashNextion mit Proto 1.2 nicht.
                                      Nur der FlashNextionAdv1 und Proto 1.1 geht.

                                      J 1 Reply Last reply
                                      0
                                      • GarganoG Gargano

                                        @armilar
                                        FlashNextionAdv Proto1 und Proto2,

                                        Was ist da der Unterschied ?

                                        Wenn ich selber ein tft-File von meinem Web-Server hochlade geht der normale FlashNextion Befehl und FlashNextion mit Proto 1.2 nicht.
                                        Nur der FlashNextionAdv1 und Proto 1.1 geht.

                                        J Offline
                                        J Offline
                                        joBr99
                                        wrote on last edited by
                                        #2394

                                        @gargano was hast du für einen Webserver? 1.2 braucht HTTP Range Header support; 1.1 nicht

                                        GarganoG 1 Reply Last reply
                                        0
                                        • J joBr99

                                          @gargano was hast du für einen Webserver? 1.2 braucht HTTP Range Header support; 1.1 nicht

                                          GarganoG Offline
                                          GarganoG Offline
                                          Gargano
                                          wrote on last edited by
                                          #2395

                                          @jobr99 Ich habs versucht mit dem Iobroker Webserver (über Proxy) und dem TinyWeb. Ich wollte kein großen Webserver aufmachen.
                                          Wenn Du einen kleinen Webserver hast, der mit Proto 1.2 funktioniert, sag bitte Bescheid.

                                          Aber wenn Proto 1.1. keinen sonstigen Nachteil hat, kann ich auch das weiterhin verwenden. Dauert hat nur länger beim Update.

                                          J 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

                                          117

                                          Online

                                          32.4k

                                          Users

                                          81.3k

                                          Topics

                                          1.3m

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

                                          • Don't have an account? Register

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