Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨

[tklein]

@tklein ich habe es mittlerweile so umgesetzt:

var Pir_innen: PageGrid =
{
    "type": "cardGrid",
    "heading": "Pir Innen",
    "useColor": true,
    "subPage": true,
    "parent": Overview_Sensors,
    "items": [
        <PageItem>{ id: "alias.0.Sensoren.PIR_Küche", name: "Küche", interpolateColor: true, icon: "motion-sensor", offColor: MSGreen, onColor: MSRed},
        <PageItem>{ id: "alias.0.Sensoren.PIR_Bad", name: "Bad", interpolateColor: true, icon: "motion-sensor", offColor: MSGreen, onColor: MSRed},
        <PageItem>{ id: "alias.0.Sensoren.PIR_Flur_oben", name: "Flur oben", interpolateColor: true, icon: "motion-sensor", offColor: MSGreen, onColor: MSRed},
        <PageItem>{ id: "alias.0.Sensoren.PIR_Schlafzimmer", name: "Schlafzimmer", interpolateColor: true, icon: "motion-sensor", offColor: MSGreen, onColor: MSRed},
        <PageItem>{ id: "alias.0.Sensoren.PIR_Ankleide", name: "Ankleide", interpolateColor: true, icon: "motion-sensor", offColor: MSGreen, onColor: MSRed},
        <PageItem>{ id: "alias.0.Sensoren.PIR_Gäste_WC", name: "Gäste WC", interpolateColor: true, icon: "motion-sensor", offColor: MSGreen, onColor: MSRed}
        
    ]
};

Die entsprechenden Aliase habe ich als Steckdose angelegt.

So sieht es auf dem Display aus. Bei Küche war der Wert "true"

Kann ich die Icon je nach Zustand (false/true) im display wechseln lassen? Z.B. von motion-sensor nach motion-sensor-off.
Bei Verwendung von icon2 gibt es bei mir immer eine Fehlermeldung

[kptkip]

@tklein
Wie sehen bei Dir die Geräte-Werte/Typen aus?

Ich versuche einen ähnlichen Effekt zu erzielen. Momentan baue ich ein Grid mit Radiosender-Schaltern für mein Sonos. Generell tun die Schalter, aber den Aktiv-Status bekomme ich nicht hin.

Ich habe ein beispielhaftes Device mal hier abgebildet:

Die Idee:

• Der erste Wert setzt den Sonos-Fovouriten auf ein String (definiert unter "fx" am ende der Zeile)
• der zweite Wert soll den Status (spielt/spielt nicht) abbilden. Dazu habe ich ein Custom-field vom typ boolean eingerichtet und unter "State" eingebunden.

Im Javascript sieht das so aus:

<PageItem>{ id: "alias.0.NSPanel-Küche.Radio_CT", icon: "radio", offColor: Gray, onColor: LightBlue, name: "RadioCT", interpolateColor: true},

Ist da ein Denkfehler drin - evtl. im Typ des Werts im Gerät?

[tklein]

@kptkip sorry, aber bei Tastern bin ich noch nicht angelangt.
Die Typen von deinem Alias sollten so wie es aussieht vom Typ boolean sein. Sind die das bei dir

Mein Presence Alias ist vom Typ "Steckdose" keine Ahnung, ob das eleganter geht. Aber mit dem Typ "Info" und "Bewegung" hat es bei mir nicht geklappt.

[kptkip]

@tklein
Danke, Matthias für den Screenshot.
Ich nehme an, dass das Script, den "Hauptwert" deines Geräts (true/false) ausliest und daraus die Icon-Farbe mittels onColor und offColor wechselt. Ich hatte mir den Steckdosen-Typ auch angeschaut und vermutet, dass der Wert aus "ACTUAL" käme - offensichtlich nicht ;-)

Leider brauche ich den "Info"-Typ, um den String-Wert in den SONOS-Datenpunkt zu schicken.

Aber mal ne andere Frage:
Aktualisiert das Script die Werte denn auf dem Panel, auch wenn das Panel an ist (in Echtzeit)? Ich sehe Änderungen (z.B. im cardMedia) nur nach einem Neuladen des Screens - entweder durch Blättern oder beim Reaktivieren nach dem Screensaver.

[niiccooo1]

@kptkip
@Armilar wollte sich das mit der Aktualisierung der cardMedia nach seinen Trip anschauen.
Er ist zuversichtlich, dass das geht. (Post)

[tklein]

@kptkip evt. etwas umständlich, aber warum keinen DP mit true/false. Bei Trigger auf Wechsel sendest du dann einen Strin an die passende Stelle/DP?

[Kuckuckmann]

@ts sagte in Sonoff NSPanel:

@jobr99 sagte in Sonoff NSPanel:

Bzgl. Kalender du kannst statt dem Wetter Benachrichtigungen anzeigen, da könnte man also den nächsten Termin anzeigen.

Super, danke dir.
Das habe ich jetzt hinbekommen und so passt mir das. erstmal:grimacing:

Würdest Du mir einen Screenshot und ggf. die Konfiguration zur Verfügung stellen?

[Kuckuckmann]

@tklein sagte in Sonoff NSPanel:

@tklein ich habe es mittlerweile so umgesetzt:

var Pir_innen: PageGrid =
{
    "type": "cardGrid",
    "heading": "Pir Innen",
    "useColor": true,
    "subPage": true,
    "parent": Overview_Sensors,
    "items": [
        <PageItem>{ id: "alias.0.Sensoren.PIR_Küche", name: "Küche", interpolateColor: true, icon: "motion-sensor", offColor: MSGreen, onColor: MSRed},
        <PageItem>{ id: "alias.0.Sensoren.PIR_Bad", name: "Bad", interpolateColor: true, icon: "motion-sensor", offColor: MSGreen, onColor: MSRed},
        <PageItem>{ id: "alias.0.Sensoren.PIR_Flur_oben", name: "Flur oben", interpolateColor: true, icon: "motion-sensor", offColor: MSGreen, onColor: MSRed},
        <PageItem>{ id: "alias.0.Sensoren.PIR_Schlafzimmer", name: "Schlafzimmer", interpolateColor: true, icon: "motion-sensor", offColor: MSGreen, onColor: MSRed},
        <PageItem>{ id: "alias.0.Sensoren.PIR_Ankleide", name: "Ankleide", interpolateColor: true, icon: "motion-sensor", offColor: MSGreen, onColor: MSRed},
        <PageItem>{ id: "alias.0.Sensoren.PIR_Gäste_WC", name: "Gäste WC", interpolateColor: true, icon: "motion-sensor", offColor: MSGreen, onColor: MSRed}
        
    ]
};

Die entsprechenden Aliase habe ich als Steckdose angelegt.

So sieht es auf dem Display aus. Bei Küche war der Wert "true"

Kann ich die Icon je nach Zustand (false/true) im display wechseln lassen? Z.B. von motion-sensor nach motion-sensor-off.
Bei Verwendung von icon2 gibt es bei mir immer eine Fehlermeldung

Probier es mal mit Alias Typ Schloss und den passenden Feldern. Das könnte gehen.

UPDATE: Alias TYP Schloss / Verschluss und dort nur den Indikator ACTUAL auf den Datenpunkt verlinken. Dann bekommst Du genau das was Du willst.

[Kuckuckmann]

@kptkip sagte in Sonoff NSPanel:

@tklein
Wie sehen bei Dir die Geräte-Werte/Typen aus?

Ich versuche einen ähnlichen Effekt zu erzielen. Momentan baue ich ein Grid mit Radiosender-Schaltern für mein Sonos. Generell tun die Schalter, aber den Aktiv-Status bekomme ich nicht hin.

Ich habe ein beispielhaftes Device mal hier abgebildet:

Die Idee:

• Der erste Wert setzt den Sonos-Fovouriten auf ein String (definiert unter "fx" am ende der Zeile)
• der zweite Wert soll den Status (spielt/spielt nicht) abbilden. Dazu habe ich ein Custom-field vom typ boolean eingerichtet und unter "State" eingebunden.

Im Javascript sieht das so aus:

<PageItem>{ id: "alias.0.NSPanel-Küche.Radio_CT", icon: "radio", offColor: Gray, onColor: LightBlue, name: "RadioCT", interpolateColor: true},

Ist da ein Denkfehler drin - evtl. im Typ des Werts im Gerät?

Probier es mal mit dem Alias Typ Schloss: Alias TYP Schloss / Verschluss und dort den Indikator ACTUAL auf den Datenpunkt verlinken mit dem Boolean (true/false) und SET zum starten des Favoriten.
Das müsste Dir helfen ;-)

[TT-Tom]

@Kuckuckmann @Armilar

Hi,

ich habe das Abfallscript jetzt soweit erweitert, das es die notwendigen Datenpunkte überprüft und ggf. erstellt. Im Kopf müssen die Werte/Parameter eingestellt werden. man kann auch die Prüfung deaktivieren. Bitte das Script mal testen, wenn es funktioniert kommt es dann in die FAQ.

Spoiler

/*
Version 3.0 von TT-Tom
das Script erstellt die Datenpunkte und Alias für den Abfallkalender im Sonoff NSPanel
Es wird der iCal Adapter benötigt und eine URL mit Terminen vom Entsorger bzw. eine .ics-Datei mit den Terminen.
gleichzeitig triggert das Script auf dem bereitgestellten JSON im iCal adapter und füllt die 0_userdata.0 Datenpunkte
Weitere Informationen findest du in der FAQ auf Github https://github.com/joBr99/nspanel-lovelace-ui/wiki
*/

const idAbfalliCal = 'ical.1'; // iCal Instanz zum Abfallkalender
const idUserdataAbfallVerzeichnis = 'Abfallkalender'; // Name des Datenpunktverzeichnis unter 0_userdata.0 -> Strandard = Abfallkalender
const idAliasPanelVerzeichnis = 'NSPanel1'; //Name des PanelVerzeichnis unter alias.0. Standard = NSPanel_1
const idAliasAbfallVerzeichnis = 'Abfall'; //Name Verzeichnis unterhalb der idPanelverzeichnis  Standard = Abfall

const idZeichenLoeschen = 14; // x Zeichen links vom String abziehen, wenn vor dem Eventname noch Text steht z.B. Strassenname; Standard = 0
const idRestmuellName = 'Hausmüll'; // Schwarze Tonne
const idWertstoffName = 'Gelber Sack'; // Gelbe Tonne / Sack
const idPappePapierName = 'Papier';  // Blaue Tonne
const idBioabfaelleName = 'Biomüll'; // Braune Tonne

const idDPPruefung = true; // mit "false" wird die Prüfung der Datenpunkte in 0_userdata.0 und alias.0 ausgesetzt



// ------------------------- Trigger zum füllen der 0_userdata Datenpunkte aus dem json vom ical Adapter -------------------------------
var i, Muell_JSON, Event2, Color = 0;

// Trigger auf iCal Instanz zur Json Tabelle
on({ id: idAbfalliCal + '.data.table', change: "ne" }, async function () {

   for (i = 1; i <= 4; i++) {
       Muell_JSON = getState(idAbfalliCal + '.data.table').val;
//        setStateDelayed((['0_userdata.0.' + idUserdataAbfallVerzeichnis + '.', parseFloat(i) + 1, '.date'].join('')), getAttr(Muell_JSON, (String(i) + '.date')), false, parseInt(((0) || "").toString(), 10), false);
       setState('0_userdata.0.' + idUserdataAbfallVerzeichnis + '.'+ parseFloat(i) + '.date', getAttr(Muell_JSON, (String(i-1) + '.date')));
       Event2 = subsequenceFromStartLast(getAttr(Muell_JSON, (String(i-1) + '.event')), idZeichenLoeschen);
//        setStateDelayed((['0_userdata.0.' + idUserdataAbfallVerzeichnis + '.', parseFloat(i) + 1, '.event'].join('')), Event2, false, parseInt(((0) || "").toString(), 10), false);
       setState('0_userdata.0.' + idUserdataAbfallVerzeichnis + '.'+ parseFloat(i) + '.event', Event2);
       if (Event2 == idRestmuellName) {
           Color = 33840;
       } else if (Event2 == idBioabfaelleName) {
           Color = 2016;
       } else if (Event2 == idPappePapierName) {
           Color = 31;
       } else if (Event2 == idWertstoffName) {
           Color = 65504;
       }
//        setStateDelayed((['0_userdata.0.' + idUserdataAbfallVerzeichnis + '.', parseFloat(i) + 1, '.color'].join('')), Color, false, parseInt(((0) || "").toString(), 10), false);
       setState('0_userdata.0.' + idUserdataAbfallVerzeichnis + '.'+ parseFloat(i) + '.color', Color);
   }
});

function subsequenceFromStartLast(sequence, at1) {
   var start = at1;
   var end = sequence.length;
   return sequence.slice(start, end);
};
// ------------------------------------- Ende Trigger ------------------------------------

// ------------------------------------- Funktionen zur Prüfung und Erstellung der Datenpunkte in 0_userdata.0 und alias.0 -----------------------
if (idDPPruefung) {
   checkUserdataState();
   checkAliasFolder();
   checkAliasChannel();
   checkAliasState();
};
// Prüfung und ggf. Erstellung der Datenpunkte unter 0_userdata.0
function checkUserdataState() {
   for (i = 1; i <= 4; i++) {
       if (!existsState('0_userdata.0.' + idUserdataAbfallVerzeichnis + '.' + parseFloat(i) + '.date')) {
           log(i + '.date nicht vorhanden, wurde erstellt');
           createState('0_userdata.0.' + idUserdataAbfallVerzeichnis + '.' + parseFloat(i) + '.date', '',
               {
                   name: parseFloat(i) + '.date',
                   role: 'state',
                   type: 'string',
                   read: true,
                   write: true,
                   def: ''
               });
       };
       if (!existsState('0_userdata.0.' + idUserdataAbfallVerzeichnis + '.' + parseFloat(i) + '.event')) {
           log(i + '.event nicht vorhanden, wurde erstellt');
           createState('0_userdata.0.' + idUserdataAbfallVerzeichnis + '.' + parseFloat(i) + '.event', '',
               {
                   name: parseFloat(i) + '.event',
                   role: 'state',
                   type: 'string',
                   read: true,
                   write: true,
                   def: ''
               });
       };
       if (!existsState('0_userdata.0.' + idUserdataAbfallVerzeichnis + '.' + parseFloat(i) + '.color')) {
           log(i + '.color nicht vorhanden, wurde erstellt');
           createState('0_userdata.0.' + idUserdataAbfallVerzeichnis + '.' + parseFloat(i) + '.color', '',
               {
                   name: parseFloat(i) + '.color',
                   role: 'state',
                   type: 'number',
                   read: true,
                   write: true,
                   def: 0
               });
       };
   };
};
// Prüfung das Alias states vorhanden sind ggf. anlegen
function checkAliasState() {
   for (i = 1; i <= 4; i++) {
       if (!existsState('alias.0.' + idAliasPanelVerzeichnis + '.' + idAliasAbfallVerzeichnis + '.event' + i + '.INFO')) {
           log('Alias State event' + i + '.INFO nicht vorhanden');
           createAliasState('alias.0.' + idAliasPanelVerzeichnis + '.' + idAliasAbfallVerzeichnis + '.event' + i + '.INFO', '0_userdata.0.' + idUserdataAbfallVerzeichnis + '.' + parseFloat(i) + '.date', 'string', 'INFO', 'weather.title');
       }else{log('irgendwasgefunden')};
       if (!existsState('alias.0.' + idAliasPanelVerzeichnis + '.' + idAliasAbfallVerzeichnis + '.event' + i + '.LEVEL')) {
           log('Alias State event' + i + '.LEVEL nicht vorhanden')
           createAliasState('alias.0.' + idAliasPanelVerzeichnis + '.' + idAliasAbfallVerzeichnis + '.event' + i + '.LEVEL', '0_userdata.0.' + idUserdataAbfallVerzeichnis + '.' + parseFloat(i) + '.color', 'number', 'LEVEL', 'value.warning');
       };
       if (!existsState('alias.0.' + idAliasPanelVerzeichnis + '.' + idAliasAbfallVerzeichnis + '.event' + i + '.TITLE')) {
           log('Alias State event' + i + '.TITLE nicht vorhanden')
           createAliasState('alias.0.' + idAliasPanelVerzeichnis + '.' + idAliasAbfallVerzeichnis + '.event' + i + '.TITLE', '0_userdata.0.' + idUserdataAbfallVerzeichnis + '.' + parseFloat(i) + '.event', 'string', 'TITLE', 'weather.title.short');
       };
   };

};
// Erstellt ein State unter Alias.0
function createAliasState(idDst, idSrc, typeAlias, nameAlias, role) {
   var obj = {};
   obj.type = 'state';
   obj.common = getObject(idSrc).common;
   obj.common.alias = {};
   obj.common.alias.id = idSrc;
   obj.common.type = typeAlias;
   obj.common.name = nameAlias;
   obj.common.role = role;
   obj.native = {};
   setObject(idDst, obj, function () {
       setState(idSrc, getState(idSrc).val, true);
   });
};
// Prüfung das Alias Channel vorhanden sind ggf. anlegen
function checkAliasChannel() {
   for (i = 1; i <= 4; i++) {
       if (!existsObject('alias.0.' + idAliasPanelVerzeichnis + '.' + idAliasAbfallVerzeichnis + '.event' + i)) {
           log('Alias Channel ' + idAliasAbfallVerzeichnis + '.event' + i + ' nicht vorhanden');
           createAliasChannel('alias.0.' + idAliasPanelVerzeichnis + '.' + idAliasAbfallVerzeichnis + '.event' + i, idAliasAbfallVerzeichnis + '.event' + i, 'warning');
       }
   }
};
// Erstellt ein Channel unter Alias.0
function createAliasChannel(idDst, nameAlias, role) {
   var obj = {};
   obj.type = 'channel';
   obj.common = {};
   obj.common.name = {};
   obj.common.name.de = nameAlias;
   obj.common.role = role;
   obj.native = {};
   setObject(idDst, obj);
};
// Prüfung das Alias Folder vorhanden sind ggf. anlegen
function checkAliasFolder() {
   if (!existsObject('alias.0.' + idAliasPanelVerzeichnis)) {
       log('Alias Folder ' + idAliasPanelVerzeichnis + ' nicht vorhanden');
       createAliasFolder('alias.0.' + idAliasPanelVerzeichnis, idAliasPanelVerzeichnis);
   };
}
// erstellt ein Folder unter Alias.0
function createAliasFolder(idDst, nameAlias) {
   var obj = {};
   obj.type = 'folder';
   obj.common = {};
   obj.common.name = nameAlias;
   obj.native = {};
   setObject(idDst, obj);
};
// --------------------------- Ende Funktionen Datenpunkte ------------------------------------------------

[tklein]

@kuckuckmann besten dank. mit dem icon2 habe ich es jetzt auch hinbekommen. Sieht für mich schon gut aus.

<PageItem>{ id: "alias.0.Sensoren.PIR_Küche", name: "Küche", interpolateColor: true, icon: "motion-sensor", icon2: "motion-sensor-off", offColor: MSGreen, onColor: MSRed},

[Kuckuckmann]

@tklein sagte in Sonoff NSPanel:

@kuckuckmann besten dank. mit dem icon2 habe ich es jetzt auch hinbekommen. Sieht für mich schon gut aus.

<PageItem>{ id: "alias.0.Sensoren.PIR_Küche", name: "Küche", interpolateColor: true, icon: "motion-sensor", icon2: "motion-sensor-off", offColor: MSGreen, onColor: MSRed},

Freut mich :-)

[tklein]

Hi,

hat sonst noch jemand das Problem, dass er bei der PageThermo die Temperatur durch Klick nicht erhöhen kann?
Minimieren klappt bei mir. Will nicht hoffen, dass das Display an der Stelle kein Touch erkennt.

var Badezimmer_Thermostat: PageThermo = 
{
    "type": "cardThermo",
    "heading": "Badezimmer Thermostat",
    "useColor": true,
    "subPage": false,
    "parent": undefined,
    "items": [<PageItem>{ id: "alias.0.Thermostate.Bad_Thermostat", minValue: 0, maxValue: 40}]
};

[tklein]

@tklein said in Sonoff NSPanel:

Hi,

hat sonst noch jemand das Problem, dass er bei der PageThermo die Temperatur durch Klick nicht erhöhen kann?
Minimieren klappt bei mir. Will nicht hoffen, dass das Display an der Stelle kein Touch erkennt.

Ich sehe gerade, dass der Mode eine Pflichtangabe sein muss. Was soll da drinstehen? Mich wundert, dass das Switch/Power kein Pflichtfeld ist.

[Kuckuckmann]

@tklein
Probier mal bei Mode das gleiche wie bei SET.
Ansonsten poste mal einen Screen von den DP deines Thermostates.
Aber eigentlich ist ACTUAL für die Temperatureinstellung, würde ich sagen.

[tklein]

@kuckuckmann

und

[Kuckuckmann]

@tklein
Ich glaube fast das könnte ein Bug sein. Ich kann die Temp. auch nicht nach oben korrigieren.

[tklein]

@kuckuckmann said in Sonoff NSPanel:

@tklein
Ich glaube fast das könnte ein Bug sein. Ich kann die Temp. auch nicht nach oben korrigieren.

müssen eh enegiekosten sparen, also dann lieber nur nach unten :-)

[tklein]

@kuckuckmann said in Sonoff NSPanel:

@tklein
Ich glaube fast das könnte ein Bug sein. Ich kann die Temp. auch nicht nach oben korrigieren.

Nee, das ist kein Bug. Das Min/Max Value muss mit dem Faktor 10 angegeben werden. Sprich Max Temp soll 23 möglich sein, muss der Wert 230 sein

[kptkip]

@kuckuckmann said in Sonoff NSPanel:

Probier es mal mit dem Alias Typ Schloss: Alias TYP Schloss / Verschluss und dort den Indikator ACTUAL auf den Datenpunkt verlinken mit dem Boolean (true/false) und SET zum starten des Favoriten.
Das müsste Dir helfen ;-)

Das hat geklappt. Vielen Dank!

Jetzt muss ich nur noch ein Blockly zusammen bauen, dass mir pro Button noch anhand des Inhalts von favourites_set von SONOS den Status toggelt. Im Groben klappt das auch schon, ist nur noch nicht schön ;-)