SONOFF NSPanel mit Lovelace UI

[Armilar]

@jackonell

Ist bei mir so:

let Unlock_Service = <PageUnlock>
{
    'type': 'cardUnlock',
    'heading': 'Service Pages',
    'useColor': true,
    'items': [<PageItem>{ id: 'alias.0.Unlock', targetPage: 'NSPanel_Service' }]
};

//Level_0 
let NSPanel_Service = <PageEntities>
{
    'type': 'cardEntities',
    'heading': 'NSPanel Service',
    'subPage': true,
    'parent': Unlock_Service,
    'home': 'Unlock_Service',   
    'useColor': true,
    'items': [
        <PageItem>{ navigate: true, id: 'NSPanel_Infos', icon: 'information-outline', offColor: Menu, onColor: Menu, name: 'Infos', buttonText: 'mehr...'},
        <PageItem>{ navigate: true, id: 'NSPanel_Einstellungen', icon: 'monitor-edit', offColor: Menu, onColor: Menu, name: 'Einstellungen', buttonText: 'mehr...'},
        <PageItem>{ navigate: true, id: 'NSPanel_Firmware', icon: 'update', offColor: Menu, onColor: Menu, name: 'Firmware', buttonText: 'mehr...'},
        <PageItem>{ id: AliasPath + 'Config.rebootNSPanel', name: 'Reboot NSPanel' ,icon: 'refresh', offColor: MSRed, onColor: MSGreen, buttonText: 'Start'},
    ]
};

    pages: [
            // ... Diverse Seiten
            Unlock_Service,


            //NSPanel_Service         //Auto-Alias Service Page
    ],
    subPages: [

                NSPanel_Service,         //Auto-Alias Service Page
                NSPanel_Infos,                          //Auto-Alias Service Page
                    NSPanel_Wifi_Info_1,                //Auto-Alias Service Page
                    NSPanel_Wifi_Info_2,                //Auto-Alias Service Page
                    NSPanel_Sensoren,                   //Auto-Alias Service Page
                    NSPanel_Hardware,                   //Auto-Alias Service Page
                NSPanel_Einstellungen,                  //Auto-Alias Service Page
                    NSPanel_Screensaver,                //Auto-Alias Service Page
                        NSPanel_ScreensaverDimmode,     //Auto-Alias Service Page
                        NSPanel_ScreensaverBrightness,  //Auto-Alias Service Page
                        NSPanel_ScreensaverLayout,      //Auto-Alias Service Page
                        NSPanel_ScreensaverWeather,     //Auto-Alias Service Page
                        NSPanel_ScreensaverDateformat,  //Auto-Alias Service Page
                        NSPanel_ScreensaverIndicators,  //Auto-Alias Service Page
                    NSPanel_Relays,                     //Auto-Alias Service Page
                    NSPanel_Script,                     //Auto-Alias Service Page
                NSPanel_Firmware,                       //Auto-Alias Service Page
                    NSPanel_FirmwareTasmota,            //Auto-Alias Service Page
                    NSPanel_FirmwareBerry,              //Auto-Alias Service Page
                    NSPanel_FirmwareNextion,            //Auto-Alias Service Page

[Thomas Braun]

@venice sagte in SONOFF NSPanel mit Lovelace UI:

*** nodejs is NOT correctly installed ***

iob stop
iob fix
iob nodejs-update

[Venice]

@armilar Ist mein System nicht aktuell ? Ich mache eigentlich immer alle updates mit . Was meinst du mit Fehler JS Adapter? Wenn ich das Script starte?
Vielen Dank schonmal für die tolle Unterstützung.

[Venice]

@thomas-braun
Dass wird jetzt angezeigt.....
Nothing to do - Your installation is using the correct paths.

You are running nodejs v16.20.2. Do you want to install recommended version 18.18.2?

Vielen Dank

[Armilar]

@venice

Sieht bis auf das bullseye und das NodeJS eigentlich ganz ordentlich aus... Drehe mal das NodeJS auf 18

sudo apt update
sudo apt full-upgrade
sudo reboot

iob stop
iob fix
iob iob nodejs-update 18
iob start

Wenn es dann läuft, solltest du dir im Forum eine Anleitung suchen, wie du von bullseye auf bookworm kommst.

[Thomas Braun]

@venice sagte in SONOFF NSPanel mit Lovelace UI:

You are running nodejs v16.20.2. Do you want to install recommended version 18.18.2?

Ja, das willst du.

[Matthias 0]

Hallo zusammen,
seit dem Update erhalte ich immer wiederkehrende Warnmeldungen im Log.
Kann mir jemend sagen, wie ich diese beseitigen kann?

javascript.0 (911) script.js.common.NS_Panels.Panel_Bad: error at function HandleScreensaverUpdate: parseFormat is not a function

Vielen Dank!

[Armilar]

@Venice

bei @Thomas-Braun hast du jetzt die perfekte Systemhilfe...

[Armilar]

@matthias-0

Die Frage beantworte ich etwa alle 12 Stunden:

https://forum.iobroker.net/post/1077067

[Matthias 0]

@armilar
Vielen Dank für die erneute Antwort.
Leider ergab die suche nach der Fehlermeldung kein Ergebnis.

Viele Grüße

[Venice]

@thomas-braun Ja das habe ich mir schon gedacht und auch so durchgezogen. Jetzt habe ich 18.18 drauf. Weißt du wie ich jetzt von Bullseye auf Bookworm komme?

Ist das so Richtig?

sudo apt update && sudo apt full-upgrade -y

reboot

dann

apt-mark showhold
apt-mark unhold [Paketname]

jetzt umstellen auf Bookworm

sudo sed -i'.bak' 's/bullseye/bookworm/g' /etc/apt/sources.list

sudo apt update
sudo apt dist-upgrade

reboot

cat /etc/debian_version

[Armilar]

@matthias-0

Aber gerne doch

Wird sicherlich noch öfter kommen

[Thomas Braun]

@venice

https://forum.iobroker.net/topic/65655/upgrade-von-debian-11-bullseye-auf-12-bookworm

[Venice]

@armilar Vielen Lieben Dank.
Das ist aktuell mein Fehler im log für das Script. Hast du da eine Idee?

script.js.NS_Panels.Panel_Erdgeschoss: TypeScript compilation failed: if ((pageItem.useColor || useColors) && ((typeof (value) === 'boolean' && value) || value > (pageItem.minValueBrightness !== undefined ? pageItem.minValueBrightness : 0))) { ^ERROR: Operator '>' cannot be applied to types 'number | boolean' and 'number'.

[Armilar]

@venice

Ja, zwei Möglichkeiten, da TypeScript restriktiver geworden ist:

Variante 1) TS-Script auf aktuelle Version updaten

Variante 2) 3.9.0 behalten und folgende Zeile suchen:

        if ((pageItem.useColor || useColors) && ((typeof (value) === 'boolean' && value) || value > (pageItem.minValueBrightness !== undefined ? pageItem.minValueBrightness : 0))) {
            return rgb_dec565(pageItem.onColor !== undefined ? pageItem.onColor : config.defaultOnColor);
        }

dann mit:

        if ((pageItem.useColor || useColors) && (typeof (value) === 'boolean' && value) || ((typeof (value) === 'number') && (value > (pageItem.minValueBrightness !== undefined ? pageItem.minValueBrightness : 0)))) {
            return rgb_dec565(pageItem.onColor !== undefined ? pageItem.onColor : config.defaultOnColor);
        }

ersetzen!

ist ein Fix vom 12.08.2023

https://github.com/joBr99/nspanel-lovelace-ui/commit/80a881c980cf2bf4421a8e8cab9d4435e354dccc

0 Armilar committed to joBr99/nspanel-lovelace-ui

Update 4.1.4.1 NsPanelTs.ts

- 12.08.2023 - v4.1.4    Upgrade TFT 51 / 4.1.4
- 12.08.2023 - v4.1.4.1  Fix Label CANCEL for popupTimer
- 12.08.2023 - v4.1.4.1  Fix TypeScript Error (JS-Adapter > 7.1.X) by Gargano
- 12.08.2023 - v4.1.4.1  CardGRid with maxItems = 8
        
- Todo       - v4.1.4.2  Add InSel to popUpLight
- Todo       - v4.1.4.2  Add onStop (function() to Schedules

[TT-Tom]

@jackonell

Hast du den Alias richtig angelegt, laut Wiki?
Zeige mal bitte die Objekteinstellungen.

[Armilar]

@tt-tom
@JackONell

vermute auch, dass du bei der falschen Card gelandet bist:

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

[Mucky 0]

@armilar said in SONOFF NSPanel mit Lovelace UI:

@mucky-0 sagte in SONOFF NSPanel mit Lovelace UI:

wie und wo was genau eingetragen und angelegt werden muss....

Kein Problem... dann etwas Starthilfe?

Lege mal einen Datenpunkt unter 0_userdata.0... vom Typ JSON (und Name nach eigenen Vorstellungen oder PowerCard) an:

Dann legst du einen Alias vom Gerätetyp "Info" über diesen Datenpunkt.

In den Datenpunkt wirfst du erst einmal diesen Inhalt:

[
  {
    "id": 0,
    "value": 13,
    "unit": "kW",
    "icon": "emoticon-happy-outline",
    "iconColor": 0
  },
  {
    "id": 1,
    "value": 3,
    "unit": "kW",
    "icon": "battery-charging-60",
    "iconColor": 10,
    "speed": 30
  },
  {
    "id": 2,
    "value": 4.7,
    "unit": "kW",
    "icon": "solar-power-variant",
    "iconColor": 3,
    "speed": -20
  },
  {
    "id": 3,
    "value": 4.3,
    "unit": "kW",
    "icon": "wind-turbine",
    "iconColor": 1,
    "speed": -30
  },
  {
    "id": 4,
    "value": 3.4,
    "unit": "kW",
    "icon": "shape",
    "iconColor": 10,
    "speed": 30
  },
  {
    "id": 5,
    "value": 0.1,
    "unit": "kW",
    "icon": "transmission-tower",
    "iconColor": 0,
    "speed": 20
  },
  {
    "id": 6,
    "value": 2.5,
    "unit": "kW",
    "icon": "car",
    "iconColor": 5,
    "speed": 20
  }
]

Damit sollte die cardPower schon etwas anzeigen...

(Wieder Demo Modus ausschalten)

let CardPowerExample = <PagePower>
{
    'type': 'cardPower',
    'heading': 'cardPower Emulator',
    'useColor': true,
    'items': [
        <PageItem>{ id: 'alias.0.NSPanel_1.Power.PowerCard' }, // an Deinen Alias anpassen
//      <PageItem>{ }  // aktivieren für Demomodus der PowerCard, dafür ersten PageItem auskommentieren
    ]
};

Danach kannst du auch die Werte aus diesem JSON verändern und verstehen, was die Parameter denn bewirken.

Ziel ist es ein Blockly oder JS-Script zu erstellen, dass aus deinen Datenpunkten ein solches JSON erstellt...

Es gibt auch ein Blockly als Beispiel: https://github.com/joBr99/nspanel-lovelace-ui/blob/main/ioBroker/Blockly/CardPower_Emulator_Skript.xml

Falls dann noch Fragen offen sind... dann gezielt mit deinen Datenpunkten und deinem Script zur Erstellung nachhaken...

So den Datenpunkt "0_userdata.0.PowerCard" und den Alias "alias.0.PowerCard.PowerCard" habe ich angelegt und verbunden.
Was mir jetzt noch nicht klar ist, die Rolle des Datenpunktes und des Alias ist auf "state" ist das richtig so oder muß das auch "json" und "info" sein?
Und wo genau bzw. wie muß ich das json in den Datenpunkt einfügen?

[Armilar]

@mucky-0

Hast du den manuell erstellt? Das macht der Geräte-Manager automatisch... Für den Fall, dass: "Du solltest keine Aliase manuell per Hand anlegen... Das geht zu 99,99% schief"

Das Script benutzt den Channel des Alias um die korrekte Rolle zu finden...

Also immer schön nach der Wiki mit dem Gerätemanager konfigurieren... Auch keine lustigen Scripte aus dem Forum benutzen... die sind genauso bescheiden...

Falls das alles passt, dann das komplette JSON in den Datenpunkt kippen

nach deinen Informationen wäre es jetzt:

let CardPowerExample = <PagePower>
{
    'type': 'cardPower',
    'heading': 'cardPower Emulator',
    'useColor': true,
    'items': [
        <PageItem>{ id: 'alias.0.PowerCard.PowerCard' }, 
    ]
};

P.S.: Die Rolle des Datenpunktes ist "state" und der Datentyp "json"

Der Channel des Alias ist ein "Info"

Im Geräte-Manager sollte das dann so aussehen:

und unter alias.0... so:

[André Koschnik]

@armilar

ja hab mir dazu ein eigendes js gebaut.
Funktioniert auch alles. aber ich werde mal den datenpunkt noch mal auf die eigenschaften checken.