SONOFF NSPanel mit Lovelace UI

[GregorS]

@tt-tom
Danke. Jetzt sieht es besser aus.

Die Luftfeuchtigkeit zeigt er mir aber nicht an.

Funktioniert bei dir der Modus?
Bei mir steht er immer auf Manuel und wechselt nur auf Boost.
Hast du die Fensteröffnung auch aktiv?

[TT-Tom]

@panoru84

Hinter id wird der Alias Datenpunkt vom Typ „Info“ für den Status erwartet (true/false), um auf dem Panel die Farbe und/oder das Icon zu wechseln.

[TT-Tom]

@gregors sagte in SONOFF NSPanel mit Lovelace UI:

Die Luftfeuchtigkeit zeigt er mir aber nicht an.

Kein Icon auf dem Panel oder kein Wert. Wie heißt der Datenpunkt?

Funktioniert bei dir der Modus?

Nein Nutze ich noch nicht, muss dazu noch mein Script anpassen. Bei mir funktionieren nur Party und Boost.

Bei mir steht er immer auf Manuel und wechselt nur auf Boost.

Ja bei mir auch.

Hast du die Fensteröffnung auch aktiv?

Nur in der Homematic direkt.

[PaNoRu84]

@tt-tom diese Aussage bezieht sich darauf wenn das Icon als Link zur Subpage fungieren soll, richtig?

ID: (von Type info (d.h. true/false) => dann funktionieren bei mir dynamische Icons und onColor/offColor.

Was dann aber nicht funktionier ist den Namen dynamisch über

name: "getState('0_userdata.0.STATE_COLLECTION.windows_open_list').val"

zusetzen. Oder siehst du dafür Alternativen?

[TT-Tom]

@panoru84

Habe mir grade den Code noch einmal angesehen. Wenn der Parameter navigate genutzt wird, ist die Funktion nicht vorgesehen. Das Script greift dann auf den String hinter Name direkt zu.

Wenn ich es schaffe teste ich heute Abend nochmal ein Fix.

Edit:
such bitte in der Funktion CreateEntity diesen Abschnitt und passe die Zeilen (4,11) mit "return" an. Du musst "pageItem." von "pageItem.name" entfernen.

                        default:
                            return '~delete~~~~~';
                    }
                    return '~' + type + '~' + 'navigate.' + pageItem.targetPage + '~' + iconId + '~' + iconColor + '~' + name + '~' + buttonText;   
                } else {
                    type = 'button';
                    iconId = pageItem.icon !== undefined ? Icons.GetIcon(pageItem.icon) : Icons.GetIcon('gesture-tap-button');
                    iconColor = GetIconColor(pageItem, true, useColors);
                    let buttonText = pageItem.buttonText !== undefined ? pageItem.buttonText : 'PRESS';

                    return '~' + type + '~' + 'navigate.' + pageItem.id + '~' + iconId + '~' + iconColor + '~' + name + '~' + buttonText;                    
                } 
            } 

            switch (o.common.role) {
                case 'socket':
                case 'light':

@Armilar kannst du das bitte gegen prüfen und ggf. in die 4.0 mit einbinden. Danke.

[Armilar]

@tt-tom

Sieht doch gut aus. Habe es übernommen.

Es erschließt sich mir aber nicht, warum man dynamische Listen in eine statische Menüstruktur einbinden möchte, in der ohnehin für Text nur sehr begrenzt Platz zur Verfügung steht.

@PaNoRu84 hättest du anschließend mal ein kurzes Beispiel als Bild? Kann mir da aktuell nicht viel drunter vorstellen...

[TT-Tom]

@armilar

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

[coto]

Moin zusammen,

ich steh gerade bisschen auf dem Schlauch und finde den Lösungsansatz nicht.

Ich möchte den Value Text des Objektes im Display ändern. Bei True=Online bei False=Offline. OnColor und OffColor funktioniert. Icon und Icon2 funktioniert nicht. Gibt es das alternativ auch für den Valuetext? Warum funktioniert Icon2 nicht?

 <PageItem>{ id: "alias.0.NSPanel1.Internet_Online", name: "Online", icon:"web", icon2:"web-off", offColor: MSRed, onColor: MSGreen, useValue: true },

[TT-Tom]

@coto

zeige bitte die Config der Page und die Config des Alias Datenpunkt.

[Armilar]

@coto

Ist doch eigentlich ein Info-Alias. Über eine Konvertierung (einfaches Blockly mit Trigger) von true/false in einem anderen Datenpunkt online/offline, kannst du es dir anzeigen lassen. Eine Textübersetzung für true/false gibt es im Script nicht. Im Info-Alias funktioniert, sofern das Icon denn auch existiert, der icon2 auch.

[coto]

@armilar
Als Info-Alias funktioniert weder OnColor/OffColor noch Icon/Icon2

let Internet = <PageEntities>
{
    'type': 'cardEntities',
    'heading': 'Status Internet',
    'useColor': true,
    'items': [
        <PageItem>{ id: "alias.0.NSPanel1.Internet", name: "Internetverbauch", icon:"information-outline",  offColor: MSRed, onColor: MSGreen, useValue: false },
        <PageItem>{ id: "alias.0.NSPanel1.Internetverbrauch", name: "Datenübertragen", icon: 'transfer', offColor: MSYellow, onColor: MSYellow , useValue: false },
        <PageItem>{ id: "alias.0.NSPanel1.Internettimestamp", name: "aktualisiert", icon:"clock", offColor: MSRed, onColor: MSGreen, useValue: false },
        <PageItem>{ id: "alias.0.NSPanel1.Internet_Online", name: "Online", icon:"web", icon2:"web-off", offColor: MSRed, onColor: MSGreen, useValue: false },
       

{
  "_id": "alias.0.NSPanel1.Internet_Online.ACTUAL",
  "common": {
    "name": "ACTUAL",
    "role": "sensor.door",
    "type": "boolean",
    "read": true,
    "write": false,
    "alias": {
      "id": "ping.0.raspberrypi.Internet_Online"
    }
  },
  "native": {},
  "type": "state",
  "acl": {
    "object": 1636,
    "state": 1636,
    "owner": "system.user.admin",
    "ownerGroup": "system.group.administrator"
  },
  "from": "system.adapter.admin.0",
  "user": "system.user.admin",
  "ts": 1677324711452
}

[Armilar]

@coto

füge bitte mal das fehlende useColor: true in das pageItem ein. Dann sollte sich die Farbe schon ändern. Das useValue: false kann dafür raus.

Wenn sich die Werte bei boolean auch noch ändern sollen, könnten zwei zusätzlich Parameter künftig hilfreich sein, die aus true/false einen anderen Wert anzeigen. Ist aber im Moment nicht drin.

[coto]

@armilar sagte in SONOFF NSPanel mit Lovelace UI:

useColor: true

Danke, das hilft bei den Icons aber nicht weiter oder ist mein Ansatz falsch? Funktioniert das mit den Icon2 überhaupt mit "eigenen" Iconangaben?

 <PageItem>{ id: "alias.0.NSPanel1.Internet_Online", name: "Online",  offColor: MSRed, onColor: MSGreen, useValue: false },

Wenn ich es so lasse, werden die Standard Icons für "Tür auf" oder "Tür zu" angezeigt.
Bin leider nicht so tief in der Materie drin um den gesamten Code zu verstehen. Ich habe im Code für den Alias Door folgenden Code gefunden:

   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;

Muss ich dann für eigene Datenpunkte mit zwei Icons auch so einen Code erstellen und wenn ja wie bezihe ich mich auf meine Alias?

[TT-Tom]

@coto dein Alias sollte vom Typ Info sein, nicht Door.

Heißt dein Cannel musst du anpassen. alias.0.NSPanel1.Internet_Online
Dann greift auch Icon und icon2.

[coto]

@tt-tom

Ich hatte es bereits als "Info" angelegt, nur da funktioniert weder Icon noch onColor und offColor.

{
  "_id": "alias.0.NSPanel1.Internetonline",
  "common": {
    "name": {
      "de": "Internetonline"
    },
    "role": "info",
    "icon": "",
    "color": null
  },
  "native": {},
  "type": "channel",
  "from": "system.adapter.admin.0",
  "user": "system.user.admin",
  "ts": 1677332171213,
  "acl": {
    "object": 1636,
    "owner": "system.user.admin",
    "ownerGroup": "system.group.administrator"
  }
}

Du kannst es gerne mal bei dir nachstellen.
Ich mache über den Ping Adapter eine Abfrage auf die IP 8.8.8.8 und möchte die Anzeige dann im NSPanel als Online (Grünes Icon) und Offline (Rotes Icon2) auswerten.

Laut Wiki ist der Info-Alias kein Boolean, wie soll es dann eine Auswertung von zwei Zuständen geben?

[TT-Tom]

@coto

Habe mich geirrt, wie schon geschrieben, von @Armilar ist es nicht implementiert.
Es funktioniert nur in Verbindung mit navigate:true, also als Sprungmarke.

[coto]

@tt-tom

Hab es jetzt funktionsfähig. Hab den Channel auf Gate umgestellt. Jetzt funktioniert onColor / offColor sowie Icon und Icon2

Keine Ahnung warum das nur mit "Gate" funktioniert. Vielleicht kann das einer der Programmierer mal erläutern.

[Armilar]

@coto

Ist mir echt schleierhaft, warum in deinem Alias Gate ein State der Rolle "door" drin ist. Baust du dir die selbst?

Gate sieht eigentlich so aus:

[coto]

@armilar

Hab den Channel "Manuel" nach erstellen des Door-Aliases auf Gate umgestellt. Damit funktioniert jetzt onColor / offColor sowie Icon und Icon2.

Die Eigentliche Frage ist, warum onColor / offColor sowie Icon und Icon2 nicht bei anderen boolean funktioniert. z.B. Door

[Armilar]

@coto

Die Frage ist eher, warum wir bereits die Sonder-Icons im Gate zugelassen haben?

Ein Fenster geht auf und zu - Der Alias-Fenster - macht also was es soll und das Icon ist... tada - natürlich das Fenster (auf/zu) mit Farbe

Eine Tür geht auf und zu - Der Alias-Tür - macht also was es soll und das Icon ist... tada - natürlich die Tür (auf/zu) mit Farbe

Könnte jetzt so weitergehen... mit Verschluss und usw. All diese Aliase machen das wofür sie da sind. Sie sind aber nicht für den Eierkocher oder sonstige Dinge implementiert.

Wenn es funktioniert, dann ist es doch okay... Alles andere sind optionale Anforderungen, die du gerne auch unter github als Issue einstellen darfst.

Klar könnte der allwissende Info-Alias auch künftig mit boolean umgehen und hüpfende Icons in Regenbogenfarben anzeigen. Dafür wurde er aber nicht implementiert, sondern um Informationen anzuzeigen. Und das macht der eben auch sehr gut...