SONOFF NSPanel mit Lovelace UI

[Armilar]

@max_yeah

Ich habs dann mal in PROD und DEV (v5.0.2.1) hinzugefügt.

Nutzt bei mir so durchschnittlich 2MB PSRAM. Bei etwas interessanteren Algorithmen ist das schon hilfreich. Und da er ja sowieso und dann noch kostenlos inkludiert ist ... nutze ich ihn halt auch...

[MichaelF]

Hi, eine Kleinigkeit Funktioniert bei mir leider noch nicht, die Wettersymbole fehlen leider.

Als Wetter habe ich jetzt Brightsky, aber hier steht noch mein alter Anbieter drinnen:

Wenn ich die drei Datenpunkte in die Brightsky ändere bekomme ich auch keine Symbole.

Hat jemand vielleicht ein Tipp, wechsle ich wieder zum alten Anbieter geht alles.

Grüsse

[Armilar]

@michaelf

den alias.0.Wetter im NSPanel-Script in z.B. alias.0.Brightsky_Wetter umbenennen oder den alias.0.Wetter unter Objekte löschen.

Der legt sich dann neu an.

Im Anschluss kannst du dann deine Sainlogic-Temperatur im neuen Alias wieder zuweisen.

[MichaelF]

@armilar Danke

[mading]

Ich hätte eine Frage bzw. Anliegen. Wenn meine Heimautomatisierung eine Aktion durchführt, schreibe ich diese in ein JSON via logparser Adapter. Das ganze wird in einer Tabelle mit Timestamp und Aktion dargestellt, so dass ich nachvollziehen kann, was die Heimautomatisierung so treibt.

Gerne würde ich, wenn solch eine Aktion ausgeführt wird, diese im NSPanel anzeigen lassen. Mein NSPanel steht bei mir am Arbeitsplatz mit dem Ständer und wird eigentlich nur für die Darstellung der wichtigen Werte des Hauses angezeigt.

Wäre es möglich, sobald es einen neuen Eintrag in logparser.0.filters.Hausinfos.json gibt, ich diesen im NSPanel anzeigen lasse? Das Verarbeiten des JSON über Blockly und z.B. Zusammenbauen eines Strings ist kein Problem. Der Text soll z.B. 5 Sekunden automatisch angezeigt werden, dann sollte das NSPanel zurück in den Screensaver gehen.

Könnte ich dafür eine bestimmte Card page nehmen und über 0_userdata.0.NSPanel.1.ActivePage.heading den Wechsel steuern? Welche Card wäre dafür am Besten?

[ticaki]

@mading

Du könntest es unten im Screensaver einblenden oder als popupNotify ganzseitig.

[nono87]

@armilar said in SONOFF NSPanel mit Lovelace UI:

TFT US-P STABLE Version:
Copy to Clipboard
FlashNextionAdv0 http://nspanel.de/nspanel-us-p-v4.9.5.tft

Hallo,

ich kann es mir nicht erklären was ich falsch mache. Ich besitze 4 US-P Panels.
Egal bei welchem ich das Update auf 4.9.5 mache es wird bei der NSPanel_Version angezeigt das ich ein EU Model habe. Wenn ich die 4.8.0 wieder installiere ist es auf US-P.
Ist das schon mal vorgekommen?

Grüße

[australien]

@ticaki gibt es dazu was Neues?

[ticaki]

@australien
Wenns um das 15.1 geht, nein.

[Armilar]

@nono87 Die 4.9.5 hatte einen Bug in der HMI und hat daher per Default "eu" gesendet...

Ist ab v5.0.2 behoben... Ihr könnt aber auch die HMI Version auf v5.0.2

FlashNextionAdv0 http://nspanel.de/nspanel-us-p-v5.0.2.tft

anheben. Sollte mit dem Script v4.9.5 kompatibel sein

[nono87]

@armilar said in SONOFF NSPanel mit Lovelace UI:

@nono87 Die 4.9.5 hatte einen Bug in der HMI und hat daher per Default "eu" gesendet...

Ist ab v5.0.2 behoben... Ihr könnt aber auch die HMI Version auf v5.0.2

FlashNextionAdv0 http://nspanel.de/nspanel-us-p-v5.0.2.tft

anheben. Sollte mit dem Script v4.9.5 kompatibel sein

Super vielen Dank. Das hat geklappt

[Frederik Buss]

Hallo zusammen, da mein NSPanel gerade umgezogen ist und ich die Optik gerne an meine Hauptvisu anpassen würde, meine Frage ob man individuelle Icons nutzen kann? Oder die bisherigen irgendwie austauschen?

[ticaki]

@frederik-buss
Das ist @Armilar Baustelle - um ein Icon gegen was aktuelles auszutauschen mußt man alle 7000+ Icons neu anlegen. Die urspünglichen Daten sind verloren gegangen, deshalb geht nur alles oder garnix.

EDIT: hm ich kenne mich mit fonts nicht aus, aber wenn ich das richtig sehe sollte das machbar sein- im adapter hab ich mal vor ewigkeiten eine "dieses Zeichen" bedeutet "dieses Bild" angelegt... hmpf hab nur keinen Plan wie man ne fontdatei macht. Scheinbar fontdatei erzeugen -> in windows installiieren -> mit fontgenerator nach nextion umwandeln -> vorhandenen Font ersetzen.

EDIT2:

Hier ist die Datei: https://raw.githubusercontent.com/ticaki/ioBroker.nspanel-lovelace-ui/refs/heads/main/script/icons.json

Auszug:

{
        "name": "abjad-hebrew",
        "data": "M3.9 4L9 10.03C7.58 10.17 6.36 11.18 6 12.59L4 20H6.07L7.92 13.11C8.09 12.46 8.69 12 9.36 12H10.69L17.47 20H20.1L15 13.97C16.42 13.83 17.64 12.82 18 11.41L20 4H17.93L16.08 10.89C15.91 11.54 15.31 12 14.64 12H13.31L6.53 4Z",
        "hex": "F328",
        "version": "4.9.95",
        "base64": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTMuOSA0TDkgMTAuMDNDNy41OCAxMC4xNyA2LjM2IDExLjE4IDYgMTIuNTlMNCAyMEg2LjA3TDcuOTIgMTMuMTFDOC4wOSAxMi40NiA4LjY5IDEyIDkuMzYgMTJIMTAuNjlMMTcuNDcgMjBIMjAuMUwxNSAxMy45N0MxNi40MiAxMy44MyAxNy42NCAxMi44MiAxOCAxMS40MUwyMCA0SDE3LjkzTDE2LjA4IDEwLjg5QzE1LjkxIDExLjU0IDE1LjMxIDEyIDE0LjY0IDEySDEzLjMxTDYuNTMgNFoiLz48L3N2Zz4="
    },

hex ist das gemappete Zeichen - base64 das bild.

[Frederik Buss]

@ticaki Ich sehe dass die Icons als SVG direkt in der Json codiert sind. Daher frage ich mal anders herum. So sieht meine Haupt Visu aus:

Hast Du vielleicht eine Idee wie man die Kacheln ähnlich hinbekommt? Die Icons an sich wären OK, mir würde es eher um Kachelfarben gehen, das ist glaube ich so nicht vorgesehen...? Daher war meine Idee das vielleicht mit Icons zu lösen, allerdings sind SVG's nicht unbedingt die beste Lösung.

[Armilar]

@frederik-buss sagte in SONOFF NSPanel mit Lovelace UI:

Hallo zusammen, da mein NSPanel gerade umgezogen ist und ich die Optik gerne an meine Hauptvisu anpassen würde, meine Frage ob man individuelle Icons nutzen kann? Oder die bisherigen irgendwie austauschen?

@ticaki

EDIT: hm ich kenne mich mit fonts nicht aus, aber wenn ich das richtig sehe sollte das machbar sein- im adapter hab ich mal vor ewigkeiten eine "dieses Zeichen" bedeutet "dieses Bild" angelegt... hmpf hab nur keinen Plan wie man ne fontdatei macht. Scheinbar fontdatei erzeugen -> in windows installiieren -> mit fontgenerator nach nextion umwandeln -> vorhandenen Font ersetzen.

Klingt lustiger als es ist...

Individuell geht schon mal gar nicht... Das würde bedeuten, dass

• man zunächst jedes optionale Bild in ein .ttf wandelt
• das .ttf als .zi in die HMI imporiert im .zi Format für jede Größe eine Fontdatei erstelllt (geht nicht in der gleichen .ttf)
• Dabei müssten alle Icon-Strings (Steuerelemente) einen dynamischen Font und eine dynamische Größe aus dem Backend zugewiesen bekommen...
• danach muss eine TFT.bin erstellt und geflasht werden...

Außerdem muss

• das neue Icon in die IconMapping aufgenommen werden
• Für User so visualisiert werden, dass der HEX, das Icon und der Icon-Name irgendwo visuell zu sehen ist und ausgewählt werden kann.

Wenn das irgendjemand liefern will, dann kann er das gerne machen

[Armilar]

@frederik-buss sagte in SONOFF NSPanel mit Lovelace UI:

mir würde es eher um Kachelfarben gehen, das ist glaube ich so nicht vorgesehen...? Daher war meine Idee das vielleicht mit Icons zu lösen, allerdings sind SVG's nicht unbedingt die beste Lösung.

Das könnte nur funktionieren (nicht im Serial-Protokoll enthalten), indem man

• die Backgroundfarben ebenfalls definiert bei Icons aus dem Backend an das NSPanel übermittelt
• und in allen Cards die neuen Serial-Eigenschaften implementiert.

Es wird aus meiner Sicht nur mit SVG eingebettet in .zi-Fonts gehen, da "Bilder" einfach zu groß sind und der Speicher des TFT nur begrenzt ist. Du kannst auch Bilder nehmen (z.B. jpg oder png). Der Nextion Editor konvertiert sie erneut und die Bildgröße wächst...

[Frederik Buss]

@armilar Es wäre ja eigentlich schon "ausreichend" wenn man eine Hintergrundfarbe für die Kacheln definieren könnte. Vielleicht mit einer zweiten Hintergrundfarbe für An/Aus, Wahr/Falsch etc. Ich weiss nicht wie die Kacheln definiert sind, aber wenn da ein paar Pixel zwischen den Kacheln ist und dort die allgemeine Hintergrundfarbe angezeigt wird, ist man ja eigentlich schon am Ziel. Das geht dann ein wenig in die Richtung, die auch z.B. das Shelly Wall Display hat und würde bstimmt nicht nur mir gefallen

[Armilar]

@frederik-buss

ich baue es die Tage für erste Tests mal in eine cardGrid ein...

Denke es geht in die Richtung:

• onColor
• offColor
• onBGColor (funktional wie onColor, jedoch optional definierbar)
• offBGColor (funktional wie offColor, jedoch optional definierbar)

[TT-Tom]

@armilar

Das Icon kann doch seine Farbe wechseln, wie wäre es denn da mit weiß und hellgrau? Das kommt doch der visu sehr ähnlich.

[Armilar]

@tt-tom

Ich mache das lieber flexibel... Bin keine Freund dieser Optik