SONOFF NSPanel mit Lovelace UI

MichaelF

@armilar Danke, das war es.

Grüße

teletapi

@teletapi Ich habe hierzu doch noch eine Frage die Iconfarbe reagiert zwar entsprechend den Einstellungen aber wenn ich zum Beispiel 3 RGBW Strahler habe davon eine in der farbe ändern will bzw wenn ich am Display einen Strahler ausschalte reagiert je nachdem welchen Strahler ich ausschalter nicht das dazugehörige Icon sonder eins der anderen 2 oder jenachdem auch keins erst nach erneuten aufrufen der Steit funktionieren die Icons dann bei einer weiteren Änderung ist es aber dann wieder so. ich weiß gerade nicht wie ich das erklären soll ich mach mal ein 2 Bilder zur veranschaulichung.

NSPanelTS ist in version Dev. 4.7.2.3

Das sind 3 Paulmann RGBW LED einbaustrahler per Zigbee eingebunden bzw per Hue adapter,
In der geräteverwaltung habe ich für die 3 LED die RGB Licht variante benutzt

Keine Ahnung ob ich da noch was falsch habe

let Spuele: PageType =
        {
            'type': 'cardEntities',
            'heading': 'Spüle',
            'useColor': true,
            'subPage': true,
            'parent': Licht2,
            'items': [
                { id: 'alias.0.NSPanel.Kueche.Spuele1', interpolateColor: true},
                { id: 'alias.0.NSPanel.Kueche.Spuele2', interpolateColor: true},
                { id: 'alias.0.NSPanel.Kueche.Spuele3', interpolateColor: true} 
            ]
};

let Licht2: PageType =
{
    'type': 'cardEntities',
    'heading': 'Beleuchtung 2',
    'useColor': true,
    'items': [
        { navigate: true, id: 'alias.0.NSPanel.Schlafzimmer.Bett1', targetPage: 'Schlafzimmer', name: 'Schlafzimmer'},     
        { navigate: true, id: 'alias.0.NSPanel.Ankleidezimmer.Steckdose_Fenster', targetPage: 'Ankleidezimmer', name: 'Ankleidezimmer'},
        { navigate: true, id: 'alias.0.NSPanel.Kueche.Spuele1', targetPage: 'Spuele', name: 'Spuele'},
        { navigate: true, id: 'alias.0.NSPanel.Kueche.Hue_deckenlicht', targetPage: 'Kueche', name: 'Küche'},          
    ]
};

TT-Tom

@teletapi

Zeige mal bitte die Datenpunkte die im alias angelegt wurden. Prüfe auch, ob die Alias Zuordnung richtig ist.
Ich persönlich traue dem Gerätemanager nicht 100%tig.

teletapi

@tt-tom Danke für deine Hilfe. Hier fürs erste mal alle Aliase mit den verbundenen datenpunkten. was brauchst du evtl. noch.?

TT-Tom

@teletapi

Deine Formel ist nicht gleich entweder beide Strichrechnungen umklammern oder nicht.

Der Rest sieht erstmal okay aus. Werde es mal nachbauen und testen.

Armilar

@teletapi

Hmm... abgesehen von den Verschiebungen deiner Icons sind mir noch ein paar Dinge aufgefallen:

im Screenshot https://forum.iobroker.net/assets/uploads/files/1750421247848-screenshot_3.jpg verwendest du Level für "White". Gibt es hierfür (sind ja angeblich RGBW) im hue-Adapter keine Werte für "Weiß"?
Mal einfach gefragt: Hat der hue-Adapter keinen HUE-Datenpunkt?
Warum verwendest du eine Formel für TEMPERATURE? Das Skript unterstützt Mired und Kelvin. Ebenfalls Min/Max-Begrenzer...

teletapi

@armilar @TT-Tom
Das hier verstehe ich leider nicht (Deine Formel ist nicht gleich entweder beide Strichrechnungen umklammern oder nicht)
Für das weiß hab ich den datenpunkt "level" genommen weil ich keinen "Weiß" gefunden hatte.

Im folgenden Bild sind die Dtenpunkte zur Paulmann Einbauleuchte.

Welcher davon "Weiß" sein soll seh ich tatsächlich nicht.

Die deckenleuchten im Flur und in der Kueche sind Hue Aurelle, das sind nur"Warmweiß bis Kaltweiß Leuchten
Die Datenpunkte dazu im folgenden Bild

Zitat: Warum verwendest du eine Formel für TEMPERATURE? Das Skript unterstützt Mired und Kelvin. Ebenfalls Min/Max-Begrenzer...

Weil ich am Anfang im Display die Farbe nicht ändern konnte und ich dann irgendwo diesen Eintrag gefunden habe und das dann so übernommen habe. zumindest funktionierte dann die Farbauswahl im Display so das die leuchten Ihre Farbe auch änderten das war ohne "den Eintrag"nicht der fall

TT-Tom

@teletapi sagte in SONOFF NSPanel mit Lovelace UI:

@armilar @TT-Tom
Das hier verstehe ich leider nicht (Deine Formel ist nicht gleich entweder beide Strichrechnungen umklammern oder nicht)

Beim Lesen klammerst du die 6500-val, beim Schreiben nicht.
Ich weiß nicht was du da rechnen willst, aber die passen so nicht zusammen.

Für das weiß hab ich den datenpunkt "level" genommen weil ich keinen "Weiß" gefunden hatte.

Dann lass ihn erstmal leer, denn so wird die Lampe falsch eingestellt.

Die deckenleuchten im Flur und in der Kueche sind Hue Aurelle, das sind nur"Warmweiß bis Kaltweiß Leuchten

Dann sind das CT Lampen also Temperatur.
Die haben keine Farbe.

Die Datenpunkte dazu im folgenden Bild

Ps: ich würde auch cardGrid für die Darstellung bevorzugen, als cardEntities.

teletapi

@tt-tom
Ja das mit der Cardgrid steht auf meiner Wunschliste aber da bin ich noch nicht soweit. Das sollte aber einer der nächsten versuche sein.
Ja ich habe jetzt erstmal bei den Paulmannleuchten die sollen ja laut Datenblatt RGBW sein bei "Weiß" das "level" rausgemacht und durch den Datenpunkt "Hue" ersetezt und teste das mal dann werde ich die temperatur Berechnung mal rausnehmen. Bei den Deckenleuchten habe ich diese berechnung nicht drin da die ja nur Weiß können. Das mit der berechnung ist nur bei den Paulmann RGBW leuchten drin. Ich teste jetzt erstmal weiter und berichte, vielen dank schonmal für die Hilfe die ihr mir gebt

TT-Tom

@teletapi

Wenn du Hue hast nimm auch eine Hue Lampe.

CardGrid: du brauchst nur den Typ tauschen. Der Rest bleibt gleich.

Armilar

@teletapi

Ja ich habe jetzt erstmal bei den Paulmannleuchten die sollen ja laut Datenblatt RGBW sein bei "Weiß" das "level" rausgemacht und durch den Datenpunkt "Hue" ersetezt

HUE steuert alles über 0-360°...

Somit kannst du, wenn du einen HUE Datenpunkt hast, die komplette Lampe steuern... Nimm dazu mal den Alias-Typ HUE...

Dann brauchst du nur:

HUE = hue
DIMMER = level
ON = on
ON_ACTUAL = on
TEMPERATURE = ct

Beispiel:

let Test_Color_HUE: PageType =
{
    type: 'cardEntities',
    useColor: true,
    heading: 'Test Color HUE',
    'items': [
        { 
            id: 'alias.0.DeinAlias', 
            name: 'HUE (CT=Kelvin)',
            icon: 'lightbulb-on',
            icon2: 'lightbulb-outline',
            offColor: Off,
            minValueColorTemp: 2203, // Kelvin = Warmweiß
            maxValueColorTemp: 6536, // Kelvin = Kaltweiß
            interpolateColor: true
        },
    ]
};

peterfido

@armilar Der Gerätemanager hat einen Bug. Hat man eine nicht-HUE-Leuchte konfiguriert, wird beim nächsten neuen anzulegenden Gerät wieder das Modell angeboten, obwohl man HUE ausgewählt hat. Da muss man Vor dem Anlegen des Gerätes die Seite ohne Cache neu laden (STRG + F5). Da erscheint dann auch der gewollte HUE Datenpunkt, wenn man HUE auswählt.

Die abgebrochenen Geräte kann man vorher aus den Objekten löschen, sonst ist der Name ja schon belegt.

teletapi

Danke allen bin nocham testen, muss aber noch was arbeiten schau ich mir am späten Abend nochmal an. Hab jetzt nochmal verschiedenes verändert. Komme aber im Moment noch nicht wirklich weiter danke bis später
Hawe

arteck

welchen Alias definiere ich für sowas

{
  "type": "state",
  "common": {
    "name": "cmd",
    "read": true,
    "write": true,
    "type": "string",
    "role": "state",
    "def": ""
  },
  "native": {},
  "from": "system.adapter.mytime.0",
  "user": "system.user.admin",
  "ts": 1731410376623,
  "_id": "mytime.0.Countdowns.sprinkler.cmd",
  "acl": {
    "object": 1638,
    "state": 1638,
    "owner": "system.user.admin",
    "ownerGroup": "system.group.administrator"
  }
}

ich muss da run oder stop rein schreiben

Armilar

@arteck

sieht für mich erstmal wie ein Schalter (socket oder light) aus...

Die sind zwar per default Boolean, jedoch kannst du ja bei true/false entsprechend den Alias mit run/stop schreiben lassen und lesend in bool konvertieren.

Hoffe ich habe das richtig verstanden...

arteck

@armilar aha.. auf die Idee bin ich nicht gekommen..aber hast recht

hansi44

Hallo liebe community,

ich hab mal wieder eine frage zum NSPanel..
Ich versuche gerade die Hauptseiten im Display anzupassen und als eine erste Seite neben der "Service-Menü"-Seite eine Seite für meine PV-Werte mit der cardpower-Karte anzeigen zu lassen.
Ich habe dabei versucht mich an die Anleitung für die cardpower-Karte zu halten, habe keine Werte eingetragen, damit die Seite erstmal im Demo-Modus angezeigt werden soll

Habe dann versucht, in der Konfiguration diese cardpower-Seite als Hauptseite neben dem Service Menü zu listen, in der Hoffnung, dass ich dann im Service-Menü mit den links/rechts Pfeiltasten auf die cardpower-Karte komme

Leider kann ich diese cardpower-Seite durch die Pfeile im Service-Menü nicht erreichen, im log kommt folgende Meldung

Kann mir jemand von euch einen Tipp geben? VG

peterfido

@hansi44

Meine Cardpower Puzzleteile:

Definition:

let CardPower: PageType =
{
   "type": "cardPower",
   "heading": "Stromfluss",
//    "useColor": true,
   "subPage": false,
   "parent": undefined,
   "items": [
//        /*PageItem*/{  }, //Demomode
       {id: "alias.0.NSPanel.StromPanel" }
   ]
};

Pages:

   pages: [
       //Button_1,
       //NSPanel_Service, //Auto-Alias Service Page
       Buero_Seite_1,
       Schlafen_Oben_1,
//        Arbeiten_Licht2,
       Buero_Themostat,        
       Bel_Terrasse,           //Beleuchtung Terasse
       Terrasse_Speichern,   //Terrasse Speichern / Standard
       CardPower,              //Strom
       GWLAN,
      // Unlock_Service            //Auto-Alias Service Page (Service Pages used with cardUnlock)
       NSPanel_Service           
   ],

Der Alias verweist auf einen anderen Datenpunkt:

NSPanel.Aktuell ist ein String

{
 "common": {
   "type": "string",
   "value": "",
   "read": true,
   "write": true,
   "role": "value",
   "name": "0_userdata.0.Zaehler.Strom.NSPanel.Aktuell"
 },
 "native": {},
 "type": "state",
 "from": "system.adapter.javascript.0",
 "user": "system.user.admin",
 "ts": 1682841779977,
 "_id": "0_userdata.0.Zaehler.Strom.NSPanel.Aktuell",
 "acl": {
   "object": 1636,
   "state": 1636,
   "owner": "system.user.admin",
   "ownerGroup": "system.group.administrator"
 }
}

welcher von einem Skript gefüllt wird:

/**
* generate an JSON for display Power-Card on NSPanel
* Source: https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-Card-Definitionen-(Seiten)#cardpower-ab-ts-script-v341
* Version: 0.1 - L4rs
*/
//'*/20 * * * * *'
schedule("*/20 * * * * *", function () {

   // Definition der Datenpunkte für das JSON der POWER-Card und der anzuzeigenden Leistungswerte
   var powerCardJson = "0_userdata.0.Zaehler.Strom.NSPanel.Aktuell",
     pwr1 = Math.round(getState("0_userdata.0.Zaehler.PV.ist.P1").val),    // Solar
     pwr2 = Math.round(getState("nut.0.ups.realpower").val),    // Solar
     pwr3 = Math.round(getState("0_userdata.0.Wallbox.Strom.Auslese.Arbeit").val), // Auto
     pwr4 = Math.round(getState("0_userdata.0.Zaehler.Strom.EVU.ist.P").val),    // Stromnetz
     pwr5 = Math.round(getState("nut.2.ups.load").val*3.3),   // Verbraucher
     pwr6 = Math.round(getState("0_userdata.0.Zaehler.Strom.Herd.ist.P").val),   // Verbraucher
     pwrWallbox = getState("0_userdata.0.Wallbox.freigegeben").val,
     iconWallbox = pwrWallbox ? "car-electric" : "car", 
     pwrHome = Math.round(pwr4 + pwr1),    // Berechnung des Energiefluss anstelle eines Datenpunktes
     sppwr1 = Math.round(pwr1/-61),         //pwr2 > 0 ? -2 : 0
     sppwr3 = Math.round(pwr3/(1100)),         //pwr2 > 0 ? -2 : 0
     sppwr6 = Math.round(pwr6/(-1100));         //pwr2 > 0 ? -2 : 0
   
   if(pwr1 > 0 && sppwr1 == 0 ){ sppwr1 = -1};
   if(pwr3 > 0 && sppwr3 == 0 ){ sppwr3 = 1};
   if(pwr6 > 0 && sppwr6 == 0 ){ sppwr6 = -1};
   sppwr1 > 10 ? 10 : sppwr1;
   sppwr3 > 10 ? 10 : sppwr3;
   sppwr6 > 10 ? 10 : sppwr6;

   // Definition der Keys im JSON
   var keys = ["id", "value", "unit", "icon", "iconColor", "speed"];
   
   // Definition der "Kacheln", inkl. StandardIcon. Es können alle Icon aus dem Iconmapping genutzt werden.
   // Kacheln die nicht genutzt werden sollen, müssen wie z.b. item1 formatiert sein
   var home = [0, pwrHome, "W", "home-lightning-bolt-outline", 0]; // Icon home
   var item1 = [1, pwr1, "W", "solar-power-variant-outline", 5, sppwr1];   // Icon battery-charging-60
   var item2 = [2, pwr2, "W", "server-security", 5, 5]; // Icon solar-power-variant
   var item3 = [3, pwr3, "W", iconWallbox, 3, sppwr3];   // Icon wind-turbine
   var item4 = [4, pwr4, "W", "transmission-tower", 10, pwr4 > 0 ? 5 : -5];   // Icon shape
   var item5 = [5, pwr5, "W", "server", 5, -5];   // Icon transmission-tower
   var item6 = [6, pwr6, "W", "toaster-oven", 7, sppwr6];  // Icon car car-electric-outline
   
   /**
    * JSON generieren und in den Datenpunkt schreiben,
    *
    *  --- ab hier keine Änderungen mehr ---
    */
   function func(tags, values) {
     return Object.assign(
       ...tags.map((element, index) => ({ [element]: values[index] }))
     );
   }
   
   setState(
     powerCardJson,
     JSON.stringify([
       func(keys, home),
       func(keys, item1),
       func(keys, item2),
       func(keys, item3),
       func(keys, item4),
       func(keys, item5),
       func(keys, item6),
     ])
   );
  });

TT-Tom

@hansi44

Okay, durch die Typenprüfung hat der Demomodus jetzt ein BUG. Werde schnell ein Fix machen.

EDIT: Du kannst den Fix direkt in deinem Script machen oder dir die DEV Version runterladen.

suche diese Zeilen im Script

function GeneratePowerPage (page: NSPanel.PagePower): NSPanel.Payload[] {
    try {
        let obj: object = {};
        let demoMode = false;
        if (page.items[0].id == undefined) {
            log('No PageItem defined - cardPower demo mode active', 'info');
            demoMode = true;
        }

und ersetze if (page.items[0].id == undefined) { durch if (page.items[0].id === 'DEMO') {

in deiner config schreibst du dann für den Demomodus

"items": [
        {id: "DEMO" }
    ]

NEWS

SONOFF NSPanel mit Lovelace UI

Support us

948
Online

31.7k
Users

79.9k
Topics

1.3m
Posts

NEWS

SONOFF NSPanel mit Lovelace UI

Support us

948Online

31.7kUsers

79.9kTopics

1.3mPosts

948
Online

31.7k
Users

79.9k
Topics

1.3m
Posts