UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?

[Armilar]

@mayan

Je Fenster diese Datenpunkte anlegen:

Alias Warnung drauflegen

Unten in der Script function CreateEntity den case warning ersetzen:

                case 'warning':
                    type = 'text';
                    iconId = pageItem.icon !== undefined ? Icons.GetIcon(pageItem.icon) : Icons.GetIcon('alert-outline');
                    iconColor = getState(([pageItem.id, '.LEVEL'].join(''))).val;
                    let itemName = getState(([pageItem.id, '.TITLE'].join(''))).val;
                    let itemInfo = getState(([pageItem.id, '.INFO'].join(''))).val;
                    
                    RegisterEntityWatcher(pageItem.id + '.LEVEL');
                    RegisterEntityWatcher(pageItem.id + '.INFO');

                    if (pageItem.useValue) {
                        iconId = itemInfo; 
                    }

                    return '~' + type + '~' + itemName + '~' + iconId + '~' + iconColor + '~' + itemName + '~' + itemInfo;

Blockly bauen

Spoiler

<xml xmlns="https://developers.google.com/blockly/xml">
  <block type="on_ext" id="7F/xh~*?3`mc^1*K,W7{" x="112" y="63">
    <mutation xmlns="http://www.w3.org/1999/xhtml" items="1"></mutation>
    <field name="CONDITION">ne</field>
    <field name="ACK_CONDITION"></field>
    <value name="OID0">
      <shadow type="field_oid" id="qpr+xv*z`B2XPr(r@Gr}">
        <field name="oid">0_userdata.0.Test.HomaticKippfenster</field>
      </shadow>
    </value>
    <statement name="STATEMENT">
      <block type="logic_switch_case" id=".@y|@PV*p3IFgM(JcFnf">
        <mutation xmlns="http://www.w3.org/1999/xhtml" case="2"></mutation>
        <value name="CONDITION">
          <block type="on_source" id="j]X7v|i_Dd2T7C@Vl;Go">
            <field name="ATTR">state.val</field>
          </block>
        </value>
        <value name="CASECONDITION0">
          <block type="text" id="DLCub!@WhKO9ZK!C?l%q">
            <field name="TEXT">auf</field>
          </block>
        </value>
        <statement name="CASE0">
          <block type="control" id="%.r}9HvU-ns1ysooh,KG">
            <mutation xmlns="http://www.w3.org/1999/xhtml" delay_input="false"></mutation>
            <field name="OID">0_userdata.0.Test.HmIPKippfenseter.date</field>
            <field name="WITH_DELAY">FALSE</field>
            <value name="VALUE">
              <block type="on_source" id="*f[t)GdTGZh]r?=v/7z,">
                <field name="ATTR">state.val</field>
              </block>
            </value>
            <next>
              <block type="control" id="wcW.:NEyyLA_MIt,y!2.">
                <mutation xmlns="http://www.w3.org/1999/xhtml" delay_input="false"></mutation>
                <field name="OID">0_userdata.0.Test.HmIPKippfenseter.color</field>
                <field name="WITH_DELAY">FALSE</field>
                <value name="VALUE">
                  <block type="text" id="p9,$Lry4}4q3r?!}mh3i">
                    <field name="TEXT">64332</field>
                  </block>
                </value>
              </block>
            </next>
          </block>
        </statement>
        <value name="CASECONDITION1">
          <block type="text" id="](l=z*]A}oS5Arn6-~bl">
            <field name="TEXT">zu</field>
          </block>
        </value>
        <statement name="CASE1">
          <block type="control" id="IRy`*m,Bt0X;A^GCbPhr">
            <mutation xmlns="http://www.w3.org/1999/xhtml" delay_input="false"></mutation>
            <field name="OID">0_userdata.0.Test.HmIPKippfenseter.date</field>
            <field name="WITH_DELAY">FALSE</field>
            <value name="VALUE">
              <block type="on_source" id="cj7vYeATckU.,KCgbs2z">
                <field name="ATTR">state.val</field>
              </block>
            </value>
            <next>
              <block type="control" id="+)+$kxE/1:$u8E{YFuO4">
                <mutation xmlns="http://www.w3.org/1999/xhtml" delay_input="false"></mutation>
                <field name="OID">0_userdata.0.Test.HmIPKippfenseter.color</field>
                <field name="WITH_DELAY">FALSE</field>
                <value name="VALUE">
                  <block type="text" id="RWA7gTWf$LB}(hLem3^X">
                    <field name="TEXT">32495</field>
                  </block>
                </value>
              </block>
            </next>
          </block>
        </statement>
        <value name="CASECONDITION2">
          <block type="text" id="qyz0%`sl|n[V*0L:CH`(">
            <field name="TEXT">kipp</field>
          </block>
        </value>
        <statement name="CASE2">
          <block type="control" id="PN7;/9kx_}Vkg.EX(n[Y">
            <mutation xmlns="http://www.w3.org/1999/xhtml" delay_input="false"></mutation>
            <field name="OID">0_userdata.0.Test.HmIPKippfenseter.date</field>
            <field name="WITH_DELAY">FALSE</field>
            <value name="VALUE">
              <block type="on_source" id="lb5.5S%em0XwKGC{}`g^">
                <field name="ATTR">state.val</field>
              </block>
            </value>
            <next>
              <block type="control" id="32quUw$wGhWuHBQMA6ws">
                <mutation xmlns="http://www.w3.org/1999/xhtml" delay_input="false"></mutation>
                <field name="OID">0_userdata.0.Test.HmIPKippfenseter.color</field>
                <field name="WITH_DELAY">FALSE</field>
                <value name="VALUE">
                  <block type="text" id="a=x=.IBp$jo9B-}Bvone">
                    <field name="TEXT">65363</field>
                  </block>
                </value>
              </block>
            </next>
          </block>
        </statement>
      </block>
    </statement>
  </block>
</xml>

Dann sollte das Kippfenster mit

<PageItem>{ id: 'alias.0.NSPanel_1.Kippfenster', useValue: true },

arbeiten

[Mayan]

@Armilar

Es funktioniert mit meinen Fenstern!
Allerdings musste ich noch ,name: ’’, einfügen sonst werden die Fenster nicht angezeigt.

<PageItem>{ id: "alias.0.Allgemein.Fenster.Schlafz",name:'', useValue: true},
        <PageItem>{ id: "alias.0.Allgemein.Fenster.Wohnz", name:'', useValue: true},
        <PageItem>{ id: "alias.0.Allgemein.Fenster.Kinderz", name: '', useValue: true },
        <PageItem>{ id: "alias.0.Allgemein.Fenster.Essz", name: '', useValue: true },
        <PageItem>{ id: "alias.0.Allgemein.Fenster.Badez", useValue: true },
        <PageItem>{ id: "alias.0.Allgemein.Fenster.Abstellr", useValue: true }

<PageItem>{ id: "alias.0.Allgemein.Fenster.Schlafz",name:'', useValue: true},
        <PageItem>{ id: "alias.0.Allgemein.Fenster.Wohnz", name:'', useValue: true},
        <PageItem>{ id: "alias.0.Allgemein.Fenster.Kinderz", name: '', useValue: true },
        <PageItem>{ id: "alias.0.Allgemein.Fenster.Essz", name: '', useValue: true },
        <PageItem>{ id: "alias.0.Allgemein.Fenster.Badez", name: '', useValue: true },
        <PageItem>{ id: "alias.0.Allgemein.Fenster.Abstellr",name: '', useValue: true }

Ich hatte dieses Verhalten auch vor der Änderung.
(Da hatte ich nur Icons und Text)
Im Script function CreateEntity den case warning ersetzen

case 'warning':
                    type = 'text';
                    iconId = pageItem.icon !== undefined ? Icons.GetIcon(pageItem.icon) : Icons.GetIcon('alert-outline');
                    iconColor = getState(([pageItem.id, '.LEVEL'].join(''))).val;
                    let itemName = getState(([pageItem.id, '.TITLE'].join(''))).val;
                    let itemInfo = getState(([pageItem.id, '.INFO'].join(''))).val;
                    
                    RegisterEntityWatcher(pageItem.id + '.LEVEL');
                    RegisterEntityWatcher(pageItem.id + '.INFO');

                    if (pageItem.useValue) {
                        iconId = itemInfo; 
                    }

                    return '~' + type + '~' + itemName + '~' + iconId + '~' + iconColor + '~' + itemName + '~' + itemInfo;

Ich nutze noch die Version 3.9.0.2

Ich wusste nicht das der Abfallkalender vom Gerätetyp Warnings sein sollte.
Habe es mit einem ganz normalen Info laufen.

<PageItem>{ id: "alias.0.Allgemein.Restmüll",name: "Restmüll",icon: "trash-can", onColor: Black, offColor: Black},
        <PageItem>{ id: "alias.0.Allgemein.Leichtverpackungen",name: "Leichtverpackungen",icon: "trash-can", onColor: Yellow, offColor: Yellow},
        <PageItem>{ id: "alias.0.Allgemein.Papier",name: "Papier", icon: "trash-can", onColor: Blue, offColor: Blue}

Danke für die schnelle Hilfe!

[Armilar]

@mayan sagte in SONOFF NSPanel mit Lovelace UI:

Ich wusste nicht das der Abfallkalender vom Gerätetyp Warnings sein sollte.
Habe es mit einem ganz normalen Info laufen.

Wenn du den, so wie bei dir statisch nach dem nächsten Termin je Farbe anordnest, dann reicht auch der Info - also alles korrekt

Wenn du aber die Icon-Farben dynamisch ändern möchtest und die nächsten anstehenden Termine, ungeachtet aller verfügbaren Tonnenfarben, dann musst du den Warnung benutzen.

Ich nutze noch die Version 3.9.0.2

Ist ja bis auf zwei kleine Hotfixes auch die aktuellste...

[Oliver Feld]

Bei mir im Abfallkalender steht neben der Tonne das Datum. Wie stelle ich es ein, dass dort anstatt Datum „Morgen“ bzw. „Übermorgen“ steht?

Danke und Gruß Olli

[TT-Tom]

@oliver-feld

Das kommt vom iCal Adapter. Das Script aus dem Wiki schreibt das Datum nicht um.

[Mayan]

@Oliver-Feld

Das „Morgen“ usw. im Abfallkalender erstelle ich von Daten aus dem Adapter trashschedule, der wiederum die Daten aus dem iCal Adapter bezieht. Bei mir wird größer einer Woche das Datum, ab einer Woche in Tagen und zum Schluss Morgen und Heute angezeigt.

[PaNoRu84]

@tt-tom @Armilar,

vielen Dank für eure Hilfe.

Ich schulde euch noch ein Foto. Hier kommt es.
Ich habe die Idee mit den "Zählen" direkt übernommen.
Ist noch nicht final aber funktioniert schon super. Der "Name" ist jetzt ein dynamisches Feld, vielleicht lasse ich da ab einer gewissen Anzahl von offenen Fenstern auch nur die Anzahl anzeigen.
Aber super, dass das schonmal so geht. DANKE (hach, jetzt muss ich doch wirklich noch 5-10 weitere NSPanels kaufen :-D )

[Gargano]

@armilar
Was ist denn der Unterschied FlashNextionAdv1 zu FlashNextion ?

[Armilar]

@gargano sagte in SONOFF NSPanel mit Lovelace UI:

Was ist denn der Unterschied FlashNextionAdv1 zu FlashNextion ?

In der Regel benötigst du das nicht

FlashNextionAdv[0-5] URL
Start's flashing a tft file to the nextion screen with different Modi.

• Nextion Upload Proto 1.2 with 921600 Baud (same as FlashNextion): FlashNextionAdv0 http://nspanel.pky.eu/lui.tft
• Nextion Upload Proto 1.1 with 921600 Baud: FlashNextionAdv1 http://nspanel.pky.eu/lui.tft
• Nextion Upload Proto 1.2 with 115200 Baud: FlashNextionAdv2 http://nspanel.pky.eu/lui.tft
• Nextion Upload Proto 1.1 with 115200 Baud: FlashNextionAdv3 http://nspanel.pky.eu/lui.tft
• Nextion Upload Proto 1.2 with 256000 Baud: FlashNextionAdv4 http://nspanel.pky.eu/lui.tft
• Nextion Upload Proto 1.1 with 256000 Baud: FlashNextionAdv5 http://nspanel.pky.eu/lui.tft
• Nextion Upload Proto 1.1 with 921600 Baud and communication init on 9600 Baud: FlashNextionAdv6 http://nspanel.pky.eu/lui.tft

Besides the commands, serial input will be published on 'RESULT' Topic, depending on the input in one of the following formats:

{"CustomRecv":%s}
{"nextion":%s}

[TT-Tom]

@oliver-feld

hier die Einstellungen im iCal damit "morgen" und so weiter kommt.

[Armilar]

Release v4.0.3

Änderungen in der Config:

aus

export const config: Config = {

wird

export const config = <Config> {

und die firstScreensaverEntity - fourthScreensaverentity existieren nicht mehr. Erstatz dafür ist das Array bottomScreensaverEntity. Die ersten 4 bottomScreensaverEntity werden auch im Standard-Screensaver genutzt.

Des weiteren ist der Erweiterte Screensaver enthalten:

Zur Konfiguration des Screensavers bitte die Wiki berücksichtigen:
https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-Config-Screensaver#entity-status-icons-ab-v400

Für alle User mit kleinen Hackern zuhause gibt es jetzt die cardUnlock:

Siehe auch:
https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-Card-Definitionen-(Seiten)#cardunlock-ab-v400

Ansonsen gab es diverse Erweiterungen und Minor-Bugfixes:

• Eine überarbeitete und erweiterte Squeezebox und diverse Optimierungen von @bembelstemmer
• Ein Mode - Fix für die cardThermo und dynamische Icons im Advanced Screensaver (Issue in letzer Sekunde ;-) ) von @Gargano

Kurze Upgrade-Empfehlung:

• Neues TypeScript anlegen und die Version https://raw.githubusercontent.com/joBr99/nspanel-lovelace-ui/main/ioBroker/NsPanelTs_without_Examples.ts hineinkopieren
• altes Script deaktivieren (Fallback)
• Konfiguration anhand der Variablen aus dem anderen Script übernehmen (Achtung Config hat einen veränderten Aufbau und kann nicht 1:1 übernommen werden, siehe oben!)
• Erweiterungen für Advanced Screensaver aus Wiki oder NSPanel.ts (Script mit Beispielen) migrieren
• FlashNextion http://nspanel.pky.eu/lovelace-ui/github/nspanel-v4.0.3.tft

Hinweis:

• @TT-Tom hat bereits festgestellt, dass es erforderlich sein kann, die vom TS-Script automatisch angelegten 0_userdata.0.NSPanel.X Verzeichnisse und Auto-Aliase zu löschen und neu anlegen zu lassen.

Viel Spaß mit dem neuen Release...

[PaNoRu84]

gesucht: Startpunkt / Übersicht über mehrere Thermostate
Ich überlege wie ich als Einstiegpunkt mehrere Thermostate auf einer Seite darstellen kann.
Ich hätte gerne eine Darstellung auf der ich die aktuelle Soll-Temperatur von mehrere Thermostaten sehen kann und über Navigation diese dann vertiefen bzw. ändern kann.

Meine 1. Idee war einfach InfoPunkte mit den Soll-Werte als Alias anzulegen, davon könnte ich dann ja 6 erstellen.
Die Punkte könnten ja sogar als Icon den Wert wieder geben.
z.B. so

______________________________
|    21      20         18    |
|  Büro    Küche       Bad    |
|                             |
|   20       18        21     |
| Kids   Schlafen    Wohnen   |
|_____________________________|

Mit einem Klick auf die Werte wäre ich dann gerne auf die entsprechende CardThermo gekommen, aber das geht scheinbar nicht, bzw. dann funktioniert der Value nicht mehr.

Hat jemand alternative Idee wie ich eine derartige Übersicht mit der Möglichkeit auf die Details tiefer einzutauchen abbilden könnte?

Danke für eure Hilfe - ihr leistet hier wirklich einen super Job!!!

[Gargano]

@armilar sagte in SONOFF NSPanel mit Lovelace UI:

Release v4.0.3

Hab gesehen, Du hast einige Funktionen als async gemacht. Ich hatte vorher den Eindruck, daß manche SendToPanel Aufrufe verschluckt werden. Mal sehen , ob es jetzt besser ist.

Wobei lt. Beschreibung eine async Function ohne await das gleiche sein soll wie eine Function ohne async

[watcherkb]

Ist es möglich, zwei verschiedene Accuweather Pages zu konfigurieren (für 2 Orte)? Dafür müsste ich wahrscheilich eine zweite Accuweather Instanz erstellen, oder? Gibt es dazu ein Beispiel oder Vorlage?

[Armilar]

@gargano

Es gab in der Tat ein Problem mit verschluckten Ereignissen (Liegt aber eher bei den Delays von Tasmota und Berry). Daher habe ich die unnötig erzeugten notify~~ auch eleminiert, die in der bExit erzeugt und an das Panel gesendet wurden. Zusätzliches await kann aber auch nicht schaden :blush:

[Armilar]

@watcherkb

Du könntest eine weitere Accuweather-Instanz hinzufügen, das würde sich aber nicht im Screensaver wiederspiegeln, da dort nur eine Instanz genutzt wird. Aber für eine Wetterpage als z.B. eine zusätzliche cardGrid kannst du dann natürlich auf die Datenpunkte der 2. Instanz zugreifen und diese verwenden.

[Armilar]

@panoru84

Ich sehe mir das mal an. Eigentlich kann das nicht so schwer sein, im Navigationspfad noch ein useValue unterzubringen.

[Gargano]

@armilar die Bedienung fühlt sich auch etwas flüssiger an

[Armilar]

@panoru84

Teste das mal

Entsprechenden Code im oberen Teil der function CreateEntity suchen und ersetzen:

                        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;
                        case 'info':
                            iconId = pageItem.icon !== undefined ? Icons.GetIcon(pageItem.icon) : Icons.GetIcon('gesture-tap-button');
                            iconId2 = pageItem.icon2 !== undefined ? Icons.GetIcon(pageItem.icon2) : Icons.GetIcon('gesture-tap-button');
                            iconColor = GetIconColor(pageItem, true, useColors);
                            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 (pageItem.useValue) {
                                iconId = val;
                            } 

                            break;
                        default:
                            return '~delete~~~~~';
                    }
                    return '~' + type + '~' + 'navigate.' + pageItem.targetPage + '~' + iconId + '~' + iconColor + '~' + name + '~' + buttonText

Aufruf mit (Punkte entsprechend füllen) :

<PageItem>{ navigate: true, id: '...', targetPage: '...', name: '...', offColor: ..., onColor: ..., useValue: true},

und targetPage als Subpage definieren

[PaNoRu84]

@armilar

Ja, so funktioniert usevalue:true. :+1:

Leider lässt sich das navigate & usevalue scheinbar nicht mit der colorScale für den Wert kombinieren.

Sobald ich navigate und targetpage einfüge, funktioniert zwar die Navigation aber die Zahl bleibt immer rot.

id alias.0.Thermostate.Test_Temp_Info von Typ Info mit einer Zahl

<PageItem>{ navigate: true, targetPage: 'Test_Themostat', id: 'alias.0.Thermostate.Test_Temp_Info', name: 'Test', useValue: true, offColor: MSRed, onColor: MSGreen,  colorScale: {'val_min': 18, 'val_max': 30, 'val_best': 18}},

Oje oje, ich habe einfach zu viele dynamische Ideen.

Ich muss mal gucken ob ich selber in den Code hintersteigen kann

Wer sagt es denn :laughing:

Ich habe nach deiner Erweiterung oben im case info einfach den colorScale part hinzugefügt und es funktioniert.

if (pageItem.colorScale != undefined) {
		            let iconvalmin = (pageItem.colorScale.val_min != undefined) ? pageItem.colorScale.val_min : 0;
		            let iconvalmax = (pageItem.colorScale.val_max != undefined) ? pageItem.colorScale.val_max : 100;
		            let iconvalbest = (pageItem.colorScale.val_best != undefined) ? pageItem.colorScale.val_best : iconvalmin;
		            let valueScale = val;

		            if (iconvalmin == 0 && iconvalmax == 1) {
		                iconColor = (getState(pageItem.id).val == 1) ? rgb_dec565(colorScale0) : rgb_dec565(colorScale10);
		            } else {
		                if (iconvalbest == iconvalmin) {
		                    valueScale = scale(valueScale, iconvalmin, iconvalmax, 10, 0);
		                } else {
		                    if (valueScale < iconvalbest) {
		                        valueScale = scale(valueScale, iconvalmin, iconvalbest, 0, 10);
		                    } else if (valueScale > iconvalbest || iconvalbest != iconvalmin) {
		                        valueScale = scale(valueScale, iconvalbest, iconvalmax, 10, 0);
		                    } else {
		                        valueScale = scale(valueScale, iconvalmin, iconvalmax, 10, 0);
		                    }
		                }
		                let valueScaletemp = (Math.round(valueScale)).toFixed();
		                iconColor = HandleColorScale(valueScaletemp);
		            }
		        }