Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Hardware
    4. SONOFF NSPanel mit Lovelace UI

    NEWS

    • Monatsrückblick - April 2025

    • Minor js-controller 7.0.7 Update in latest repo

    • Save The Date: ioBroker@Smart Living Forum Solingen, 14.06.

    SONOFF NSPanel mit Lovelace UI

    This topic has been deleted. Only users with topic management privileges can see it.
    • Armilar
      Armilar Most Active Forum Testing @OlliGut last edited by Armilar

      @olligut

      Ja, ich hatte herausgelesen, dass du das mit unterschiedlichen Button realisieren möchtest (also eher explizit so möchtest).

      Natürlich gibt es das auch für den ioBroker mit dem Alias-Gerätetypen Jalousien:
      https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-ALIAS-Definitionen#jalousien-channel-blind
      a2ac8fe3-9393-4cbb-9855-45a8986b48a9-image.png
      e7fe86e9-1b84-4e46-871f-210bd5140fbb-image.png

      In den Beispielen werden irgendwelche Datenpunkte im 0_userdata verwendet. Habe das so gemacht, weil ich keine echten Datenpunkte aus einem Adapter habe. Können natürlich die echten Datenpunkte aus dem Adapter rein... Und es müssen auch nicht alle sein.

      TILT z.B. (Jalousien in der Position verstellen) hat ja auch nicht jeder. Wenn die nicht gefüllt sind, wird der 2. Slider auch nicht angezeigt.

      Die komplette Wiki nur für den ioBroker ist hier:
      https://github.com/joBr99/nspanel-lovelace-ui/wiki

      1 Reply Last reply Reply Quote 0
      • Armilar
        Armilar Most Active Forum Testing @TT-Tom last edited by Armilar

        @tt-tom sagte in SONOFF NSPanel mit Lovelace UI:

        hattest du die Pfade in 0_userdata auch gelöscht oder nur in alias?

        @tobiasp
        Ich würde mich @tt-tom anschließen und alle Datenpunkte, die das Script angelegt hat und alle Aliase die das Script angelegt hat mal löschen. Das Script legt die wieder an.

        Armilar 1 Reply Last reply Reply Quote 0
        • Armilar
          Armilar Most Active Forum Testing @Armilar last edited by

          Ebenfalls für das nächste Release 3.7.0 (coming soon)

          das popupInSel (als Steuerelement in der cardGrid mit popUp zur Auswahl beliebiger Werte)

          cdc73e8a-e42a-43ce-8aa2-a65948436351-image.png

          https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-ALIAS-Definitionen#tastensensor----popupinsel-channel-buttonsensor

          T 1 Reply Last reply Reply Quote 0
          • T
            tobiasp @Armilar last edited by

            Grüßt euch,
            jetzt geht es ich musst nicht nur alle Alias löschen sondern auch den NSPanel Ordner ist userdata.
            Danke für die Hilfe

            Armilar 1 Reply Last reply Reply Quote 0
            • Armilar
              Armilar Most Active Forum Testing @tobiasp last edited by

              @tobiasp

              Perfekt... ja manchmal klappt es mit dem Holzhammer 😉

              Armilar 1 Reply Last reply Reply Quote 0
              • Armilar
                Armilar Most Active Forum Testing @Armilar last edited by Armilar

                Ebenfalls für das nächste Release 3.7.0 (coming soon)

                die cardMedia v2

                image

                Neue Elemente

                • Shuffle (nach verfügbarkeit des Adapters)
                  image

                • Neue Auswahl für Speakerauswahl/-wechsel
                  image

                • Playlist
                  image

                • Tracklist (Bei Playlist und falls verfügbar)
                  image

                • Equalizer-Profile
                  image

                • Repeat (nach Verfügbarkeit des Adapters)
                  image

                https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-Card-Definitionen-(Seiten)#cardmedia-v20-ab-release-v370

                Armilar 1 Reply Last reply Reply Quote 0
                • T
                  tomsport2022 last edited by

                  Der Release 3.7 sieht sehr vielversprechend aus, bringt Raum für den weiteren Ausbau der Displayfunktion.

                  Ich habe seit kurzem bzw. dem Update auf die aktuelle Version das Phänomen, dass ich von einer Subpage mit dem "Pfeil Links Oben", mit dem ich bisher aus dem Untermenü zurück auf die vorige Seite navigiert habe, aber auf die Startseite zurückkehre.
                  Gibt es hier etwas neues zu beachten?

                  Und ist ev. für eine nächste Version angedacht, von einer Subpage auf eine weitere Seite der Subpage zu wechseln?
                  Bsp: Ich habe eine Unterseite von Thermostaten. Aktuell kann ich hier 6 darstellen, bis die Seite voll ist. Wäre es möglich, dass man mehr als 6 Pageitems anlegt auf dieser Seite und dann automatisch ein Pfeil im oberen Eck erscheint, mit dem ich auf die verbleibenden Elemente navigieren kann?

                  Ansonsten wie immer alles super Arbeit und Hingabe!

                  Armilar 1 Reply Last reply Reply Quote 1
                  • Armilar
                    Armilar Most Active Forum Testing @Armilar last edited by Armilar

                    Release 3.7.0

                    f186bfcd-64b7-4c5c-a35e-90a0a45e0025-image.png

                    Es ist soweit. Das neue Release 3.7.0 steht ab sofort zur Verfügung.

                    Es gibt ein paar Änderungen im oberen Teil des Scriptes (Bitte entsprechend einfügen):

                    Neue Konstanten:

                    const weatherAdapterInstance: string = 'accuweather.0.';  //Möglich 'accuweather.0.' oder 'daswetter.0.'
                    const weatherScreensaverTempMinMax: string = 'MinMax';      // Mögliche Werte: 'Min', 'Max' oder 'MinMax'
                    ...
                    const HMIOn:            RGB = { red:   3, green: 169, blue: 244 };     // Blau-On
                    

                    Bitte folgende Parameter (Zeilen) aus der Config löschen:

                       dimmode: 20,
                       active: 100, //Standard-Brightness TFT
                       ...
                       timeFormat: '%H:%M',                // currently not used 
                       dateFormat: '%A, %d. %B %Y',        // currently not used
                    

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

                    Version ohne Beispiele:
                    https://github.com/joBr99/nspanel-lovelace-ui/blob/main/ioBroker/NsPanelTs_without_Examples.ts

                    Viel Spaß mit dem neuen Release...

                    VG
                    Armilar

                    PS.:

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

                    Und noch etwas:
                    Die Aliase für die cardMedia haben jetzt Repeat und Shuffle als zusätzliche Datenpunkte. Den alten bei alexa2, spotify-premium oder sonos einfach löschen. Das Script wird die wieder neu anlegen.

                    Armilar 1 Reply Last reply Reply Quote 1
                    • Armilar
                      Armilar Most Active Forum Testing @tomsport2022 last edited by Armilar

                      @tomsport2022

                      Der Release 3.7 sieht sehr vielversprechend aus, bringt Raum für den weiteren Ausbau der Displayfunktion.

                      Ist auch mit Abstand das Release mit den meisten Neuerungen 😉

                      Ich habe seit kurzem bzw. dem Update auf die aktuelle Version das Phänomen, dass ich von einer Subpage mit dem "Pfeil Links Oben", mit dem ich bisher aus dem Untermenü zurück auf die vorige Seite navigiert habe, aber auf die Startseite zurückkehre.
                      Gibt es hier etwas neues zu beachten?

                      Sollte gefixt sein...
                      Ansonsten für den Datenpunkt keinen Eintrag (null eintragen) wählen:
                      73a74dd5-3fa7-426b-b8cb-943fbeb0b9f8-image.png

                      Und ist ev. für eine nächste Version angedacht, von einer Subpage auf eine weitere Seite der Subpage zu wechseln?
                      Bsp: Ich habe eine Unterseite von Thermostaten. Aktuell kann ich hier 6 darstellen, bis die Seite voll ist. Wäre es möglich, dass man mehr als 6 Pageitems anlegt auf dieser Seite und dann automatisch ein Pfeil im oberen Eck erscheint, mit dem ich auf die verbleibenden Elemente navigieren kann?

                      Ich habe mich bewusst dazu entschieden die Navigation weitestgehend in diesem Release nicht anzufassen. Werde mir die Navigationspunkte in den github Issues aber jetzt kurzerhand mal ansehen. Du kannst aber aktuell auch jederzeit von cardGrid (Subpage) zu weiterer cardGrid (Subpage) navigieren...

                      Ansonsten wie immer alles super Arbeit und Hingabe!

                      natürlich 😊

                      B 1 Reply Last reply Reply Quote 0
                      • Armilar
                        Armilar Most Active Forum Testing @Armilar last edited by

                        Liebe NSPanel'er

                        wir sagen es dann mal mit popUp 😊

                        6fc0a654-e80d-4bc4-96e4-34163c7f01dc-image.png

                        Das NSPanel Team

                        T 1 Reply Last reply Reply Quote 2
                        • T
                          TT-Tom @Armilar last edited by

                          @armilar

                          Ich wünsche euch und allen Usern ein frohes Fest und geruhsame Feiertage.
                          Auch möchte Dank Sagen allen, die dieses Forum so bereichern und hier das Projekt so nach vorne bringen.

                          DANKESCHÖN

                          T 1 Reply Last reply Reply Quote 1
                          • T
                            tobiasp @TT-Tom last edited by

                            So vorab allen schöne Weihnachten.
                            danke für das Tolle Update.
                            Aber ich brauch schon wieder hilfe - Katastrophe

                            Der Stromchart läuft ned

                            e06de52b-139a-4f99-87b0-efe4ee807f44-grafik.png
                            Hab diesen hier angelegt.
                            und in deinem Blokly:
                            1393876c-1ca8-4539-abf3-92d789c1917c-grafik.png

                            Aber es kommen keine Werte an.
                            HAbe ich einen Denkfehler oder was machen ich schon wieder falsch.

                            T 1 Reply Last reply Reply Quote 0
                            • T
                              tobiasp @tobiasp last edited by

                              @tobiasp
                              Vergesst es ich muss erst Influx installieren

                              Armilar 1 Reply Last reply Reply Quote 0
                              • Armilar
                                Armilar Most Active Forum Testing @tobiasp last edited by Armilar

                                @tobiasp

                                Und natürlich auch Daten aufzeichnen:

                                b6b155d8-7d07-4e5f-b56b-ae665ff74fd1-image.png
                                3393e1df-68a1-4745-9ba7-05c51f33d9a8-image.png

                                Du kannst es natürlich vorher testen, wenn du den Example String aus dem Blockly in Deinen neuen Datenpunkt kopierst

                                K 1 Reply Last reply Reply Quote 0
                                • K
                                  Kuckuckmann @Armilar last edited by

                                  Liebe NSPanel Community,

                                  ich wünsche Euch allen frohe PanelWeihnachten, verklickt Euch nicht so oft beim Schalten der Automationien und die Kerzen am Weihnachtsbaum sind ggf. echt 😉

                                  Habt erholsame Tage und nutzt die zeit zum Basteln (nicht) 😄

                                  Hohoho
                                  Euer Kuckuck

                                  1 Reply Last reply Reply Quote 1
                                  • T
                                    TT-Tom @Armilar last edited by TT-Tom

                                    @armilar sagte in SONOFF NSPanel mit Lovelace UI:

                                    Wäre möglich. Keine Ahnung wo der herkommt. Wahrscheinlich noch aus einer früheren Navigation.
                                    Naja war eigentlich auch nie gedacht, ein Navigations-Item einzufärben
                                    Hast du schon eine Idee? Sonst bastel mal ne Runde... Ich muss aktuell noch ans Christmas-Release... hoffe das schaffen wir noch...

                                    so hat doch länger gedauert als gedacht, aber der Weihnachtsstress ist nun vorbei.
                                    ich habe jetzt eine Lösung gefunden, welche aber eine Änderung der Nutzung bei Navigate mit sich bringt. Statt die Eigenschaft "id" vom PageItem zu nutzen, soll die Eigenschaft "targetPage" genutzt werden, um die Ziel der Subpage anzugeben. Die Eigenschaft "id" bleibt in ihrem Ursprung als "Alias DP".

                                    let Haupseite: PageGrid =
                                    {
                                        "type": 'cardGrid',
                                        "heading": 'Übersicht',
                                        "useColor": true,
                                        "subPage": false,
                                        "parent": undefined, 
                                        "items": [
                                            <PageItem>{ navigate: true, id: AliasPath + 'Status_offene_Fenster' ,targetPage: 'Fenster', icon: 'window-closed-variant', icon2:'window-open-variant', useColor:true, onColor: MSGreen, offColor: MSRed, name: 'Fenster'},
                                            <PageItem>{ navigate: true, id: 'null' ,targetPage:'Tuer', name: 'Türen'}
                                        ]
                                    };
                                    

                                    zwei Varianten: Das erste PageItem mit wechselnden Status in Farbe und Icon, das Zweite mit mindest Eigenschaften.

                                    die Funktion CreateEntity habe ich wie folgt angepasst:

                                    function CreateEntity(pageItem: PageItem, placeId: number, useColors: boolean = false): string {
                                        try {
                                            let iconId = '0';
                                            if (pageItem.id == 'delete') {
                                                return '~delete~~~~~';
                                            }
                                    
                                            let name: string;
                                            let type: string;
                                    
                                            // ioBroker
                                            if (existsObject(pageItem.id) || pageItem.navigate === true) {
                                                let iconColor = rgb_dec565(config.defaultColor);
                                    
                                                let val = null;
                                    
                                                if (pageItem.navigate) {
                                                    type = 'button';
                                                    iconId = pageItem.icon !== undefined ? Icons.GetIcon(pageItem.icon) : Icons.GetIcon('gesture-tap-button');
                                                    let iconId2 = pageItem.icon2 !== undefined ? Icons.GetIcon(pageItem.icon2) : Icons.GetIcon('gesture-tap-button');
                                                    iconColor = GetIconColor(pageItem, true, useColors);
                                                    let buttonText = pageItem.buttonText !== undefined ? pageItem.buttonText : 'PRESS';
                                    
                                                if (existsState(pageItem.id + '.ACTUAL')) {
                                                    val = getState(pageItem.id + '.ACTUAL').val;
                                                    RegisterEntityWatcher(pageItem.id + '.ACTUAL');
                                                } else if (existsState(pageItem.id + '.ACTUAL')) {
                                                    val = getState(pageItem.id + '.ACTUAL').val;
                                                    RegisterEntityWatcher(pageItem.id + '.ACTUAL');
                                                };
                                    
                                                if (Debug) { console.log ('Wert val von navigate : ' + val)};
                                    
                                                    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 (Debug) {
                                                                console.log('function createEntiry navigate: ' + type + '~' + 'navigate.' + pageItem.targetPage + '~' + iconId + '~' + iconColor + '~' + pageItem.name + '~' + buttonText);
                                                                 };
                                    
                                                    return '~' + type + '~' + 'navigate.' + pageItem.targetPage + '~' + iconId + '~' + iconColor + '~' + pageItem.name + '~' + buttonText;
                                                }
                                    
                                    

                                    zusätzlich wird ein Alias vom Typ Info benötigt, um den Status per true/false zu ändern. Der Alias bezieht sich auf ein 0_userdata.0. DP welchen ich mit einem Blockly aktualisiere.

                                    Bildschirmfoto 2022-12-25 um 23.45.13.png

                                    so das war's erstmal.

                                    Armilar 1 Reply Last reply Reply Quote 1
                                    • C
                                      c3b last edited by

                                      Hi Leutz

                                      Wollte mich auch noch einmal melden. Hammer geil hier. Allen beteiligten meinen herzlichen Dank.

                                      Ich habe Tasmota geflashed, Lovelace geuppt und bin gerade dabei meine Seiten einzurichten. Sieht auch gar nicht so schlecht aus.

                                      Jetzt habe ich gesehen, dass meine Uhr auf dem Panel um eine Stunde zuspät geht. Hatte erst die Zeitzone in verdacht. Hab dann auf der Konsole die Zeit abgefragt. Sie stimmt aber. Also hatte ich iobroker in verdacht. Passt aber auch. Selbst in meiner VIS stimmt die Uhrzeit.

                                      Meiner Meinung nach bleibt somit nur noch das Skript. Da finde ich aber nichts. Der Zeiteintrag sagt mir nichts.

                                      In der Beschreibung steht einmal: Date/Time im Screensaver auf Basis localString

                                      Und weiter unten steht:

                                      //Uhrzeit an NSPanel senden
                                      schedule('* * * * *', () => {
                                          try {
                                              SendTime();
                                              HandleScreensaverUpdate();
                                          } catch (err) {
                                              console.warn('schedule: ' + err.message);
                                          }
                                      

                                      Kann mir da jemand helfen?

                                      LG aus dem Sauerland

                                      Jörg

                                      T 1 Reply Last reply Reply Quote 0
                                      • T
                                        TT-Tom @c3b last edited by TT-Tom

                                        Hallo @c3b

                                        ein User hatte schon mal das Problem mit der Uhrzeit. Am Script kann es eigentlich nicht liegen, sonst hätten viele das Problem. lies dich mal hier ein.

                                        C 1 Reply Last reply Reply Quote 0
                                        • C
                                          c3b @TT-Tom last edited by

                                          @tt-tom Hi. Vielen Dank für die Info. Du hattest recht. Mein iobroker läuft in einem proxmox-Container. Dort fehlte die Zeitzone.

                                          Trotzdem will mein NSPanel nicht so wie ich es möchte. In der iobroker-Konsole zeigt er mir jetzt die Zeitzone Berlin und die richtige localtime an. Als UTC steht dort die Zeit minus eine Stunde.

                                          Nimmt das NSPanel die UTC-Time? Das kann ich mir nicht vorstellen.
                                          Warum hat meine VIS die richtige Uhrzeit angezeigt? Vermutlich, weil ich im iobroker meinen Standort eingetragen habe und sich daraus die richtige Zeitzone ergibt.

                                          Tasmotazeit passt, iobrokerzeit passt, trotzdem zeigt mein Panel eine Stunde zu wenig an.

                                          Hat noch jemand eine Idee?

                                          LG aus dem Sauerland

                                          Armilar 1 Reply Last reply Reply Quote 0
                                          • Armilar
                                            Armilar Most Active Forum Testing @c3b last edited by Armilar

                                            @c3b

                                            Welche nodeJS-Version hast du installiert?

                                            Führe mal node -v in der Linux-Console aus.

                                            In der Vergangenheit waren häufig die Fehler in einer früheren nodeJS-Version zu finden.

                                            Die aktuelle Version wäre v16.19.0

                                            @TT-Tom hat recht. Es liegt nicht am Script. Somit kann es nur am Betriebssystem, Promox
                                            oder nodeJS liegen.
                                            Das Script holt sich lediglich (minütlich) die aktuell Systemzeit new Date() über die TSScript Funktion SendTime() und sendet diese an Tasmota. Somit dürften bei dir auch alle anderen zeitabhängigen Scripte im ioBroker nicht korrekt funktionieren.
                                            Anders sieht es beim Datum aus, Dort wird date.toLocaleDateString verwendet. Das hat wiederum keinen Einfluss auf die Uhrzeit (separate Funktionen).

                                            Den nodeJS Check solltest du in jedem Fall machen. Aber ich vermute, du hast das eigentliche Problem noch im Promox.

                                            C 1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            855
                                            Online

                                            31.6k
                                            Users

                                            79.4k
                                            Topics

                                            1.3m
                                            Posts

                                            lovelace ui nspanel sonoff
                                            260
                                            7128
                                            4288785
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo