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.
  • M Mayan

    @Armilar

    Es funktioniert mit meinen Fenstern!
    Allerdings musste ich noch ,name: ’’, einfügen sonst werden die Fenster nicht angezeigt.
    6AFBEAB7-5B75-44F5-84E0-8CA06D560327.jpeg

    <PageItem>{ id: "alias.0.Allgemein.Fenster.Schlafz",name:'', useValue: true},
            <PageItem>{ id: "alias.0.Allgemein.Fenster.Wohnz", name:'', useValue: true},
            <PageItem>{ id: "alias.0.Allgemein.Fenster.Kinderz", name: '', useValue: true },
            <PageItem>{ id: "alias.0.Allgemein.Fenster.Essz", name: '', useValue: true },
            <PageItem>{ id: "alias.0.Allgemein.Fenster.Badez", useValue: true },
            <PageItem>{ id: "alias.0.Allgemein.Fenster.Abstellr", useValue: true }
    

    DA02D50D-B4BA-4ACB-BA38-97057EB8880C.jpeg

    <PageItem>{ id: "alias.0.Allgemein.Fenster.Schlafz",name:'', useValue: true},
            <PageItem>{ id: "alias.0.Allgemein.Fenster.Wohnz", name:'', useValue: true},
            <PageItem>{ id: "alias.0.Allgemein.Fenster.Kinderz", name: '', useValue: true },
            <PageItem>{ id: "alias.0.Allgemein.Fenster.Essz", name: '', useValue: true },
            <PageItem>{ id: "alias.0.Allgemein.Fenster.Badez", name: '', useValue: true },
            <PageItem>{ id: "alias.0.Allgemein.Fenster.Abstellr",name: '', useValue: true }
    

    Ich hatte dieses Verhalten auch vor der Änderung.
    (Da hatte ich nur Icons und Text)
    Im Script function CreateEntity den case warning ersetzen

    case 'warning':
                        type = 'text';
                        iconId = pageItem.icon !== undefined ? Icons.GetIcon(pageItem.icon) : Icons.GetIcon('alert-outline');
                        iconColor = getState(([pageItem.id, '.LEVEL'].join(''))).val;
                        let itemName = getState(([pageItem.id, '.TITLE'].join(''))).val;
                        let itemInfo = getState(([pageItem.id, '.INFO'].join(''))).val;
                        
                        RegisterEntityWatcher(pageItem.id + '.LEVEL');
                        RegisterEntityWatcher(pageItem.id + '.INFO');
    
                        if (pageItem.useValue) {
                            iconId = itemInfo; 
                        }
    
                        return '~' + type + '~' + itemName + '~' + iconId + '~' + iconColor + '~' + itemName + '~' + itemInfo;
    

    Ich nutze noch die Version 3.9.0.2

    Ich wusste nicht das der Abfallkalender vom Gerätetyp Warnings sein sollte.
    Habe es mit einem ganz normalen Info laufen.
    94F43844-7F63-45CC-B08D-E0DEA4AAA628.jpeg

    <PageItem>{ id: "alias.0.Allgemein.Restmüll",name: "Restmüll",icon: "trash-can", onColor: Black, offColor: Black},
            <PageItem>{ id: "alias.0.Allgemein.Leichtverpackungen",name: "Leichtverpackungen",icon: "trash-can", onColor: Yellow, offColor: Yellow},
            <PageItem>{ id: "alias.0.Allgemein.Papier",name: "Papier", icon: "trash-can", onColor: Blue, offColor: Blue}
    

    Danke für die schnelle Hilfe!

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

    @mayan sagte in SONOFF NSPanel mit Lovelace UI:

    Ich wusste nicht das der Abfallkalender vom Gerätetyp Warnings sein sollte.
    Habe es mit einem ganz normalen Info laufen.

    Wenn du den, so wie bei dir statisch nach dem nächsten Termin je Farbe anordnest, dann reicht auch der Info - also alles korrekt

    Wenn du aber die Icon-Farben dynamisch ändern möchtest und die nächsten anstehenden Termine, ungeachtet aller verfügbaren Tonnenfarben, dann musst du den Warnung benutzen.

    Ich nutze noch die Version 3.9.0.2

    Ist ja bis auf zwei kleine Hotfixes auch die aktuellste...

    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
    0
    • O Offline
      O Offline
      Oliver Feld
      schrieb am zuletzt editiert von
      #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 Antworten Letzte Antwort
      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
        schrieb am zuletzt editiert von
        #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 Antwort Letzte Antwort
        0
        • M Offline
          M Offline
          Mayan
          schrieb am zuletzt editiert von
          #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 Antwort Letzte Antwort
          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
            schrieb am zuletzt editiert von
            #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 :-D )

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

            1 Antwort Letzte Antwort
            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
              schrieb am zuletzt editiert von
              #2380

              @armilar
              Was ist denn der Unterschied FlashNextionAdv1 zu FlashNextion ?

              ArmilarA 1 Antwort Letzte Antwort
              0
              • GarganoG Gargano

                @armilar
                Was ist denn der Unterschied FlashNextionAdv1 zu FlashNextion ?

                ArmilarA Offline
                ArmilarA Offline
                Armilar
                Most Active Forum Testing
                schrieb am zuletzt editiert von
                #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 Antwort Letzte Antwort
                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
                  schrieb am zuletzt editiert von
                  #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 Antwort Letzte Antwort
                  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
                    schrieb am zuletzt editiert von 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 Antworten Letzte Antwort
                    4
                    • P Offline
                      P Offline
                      PaNoRu84
                      schrieb am zuletzt editiert von 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 Antworten Letzte Antwort
                      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
                        schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                        0
                        • W Offline
                          W Offline
                          watcherkb
                          schrieb am zuletzt editiert von
                          #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 Antwort Letzte Antwort
                          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
                            schrieb am zuletzt editiert von
                            #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 :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.

                            GarganoG 1 Antwort Letzte Antwort
                            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
                              schrieb am zuletzt editiert von
                              #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 Antwort Letzte Antwort
                              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
                                schrieb am zuletzt editiert von
                                #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 Antwort Letzte Antwort
                                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 :blush:

                                  GarganoG Offline
                                  GarganoG Offline
                                  Gargano
                                  schrieb am zuletzt editiert von
                                  #2390

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

                                  1 Antwort Letzte Antwort
                                  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
                                    schrieb am zuletzt editiert von
                                    #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 Antworten Letzte Antwort
                                    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
                                      schrieb am zuletzt editiert von PaNoRu84
                                      #2392

                                      @armilar

                                      Ja, so funktioniert usevalue:true. :+1:

                                      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 :laughing:

                                      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 Antwort Letzte Antwort
                                      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
                                        schrieb am zuletzt editiert von
                                        #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 Antwort Letzte Antwort
                                        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
                                          schrieb am zuletzt editiert von
                                          #2394

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

                                          GarganoG 1 Antwort Letzte Antwort
                                          0
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          785

                                          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