SONOFF NSPanel mit Lovelace UI

TT-Tom

Das ist x:y , also die Koordinaten im Chart

Armilar

@dapeace sagte in SONOFF NSPanel mit Lovelace UI:

Ah okay, die cardLChart

0^16:00+60+120+180+240^20:00+300+360+420+480^00:00+540+600+660+720^04:00+780+840+900+960^08:00+1020+1080+1140+1200^12:00+1260+1320+1380~58:212~118:211~178:212~238:212~298:213~358:211~418:209~478:209~538:209~598:208~658:202~718:201~778:199~838:198~898:197~958:196~1018:198~1078:200~1138:201~1198:203~1258:208~1318:209~1378:208~1438:209

Kurz zerlegt:

In diesem Teil wird die X-Achse konstruiert ("+" getrennt):

0^16:00+60+120+180+240^20:00+300+360+420+480^00:00+540+600+660+720^04:00+780+840+900+960^08:00+1020+1080+1140+1200^12:00+1260+1320+1380

fängt bei 0 an und geht in diesem Beispiel in 60er Schritten bis 1380 (wäre der letzte Strich an der X-Achse). Alle 240 wird dort eine Uhrzeit an die X-Achse gesetzt.
Die max. X-Position "in diesem Beispiel" wäre also 24h x 60 Min = max_x = 1440

Du kannst natürlich auch eine andere Basis abbilden (Woche, Monat, What ever)

wie hier:
bei 0 die ^16:00
bei 240 die ^20:00
bei 480 die ^0:00
etc.

Im Anschluss kommen die Koordinaten des Graphen (wie @TT-Tom schon korrekt geschrieben hat --> X:Y - Koordinaten).

~58:212~118:211~178:212~238:212~298:213~358:211~418:209~478:209~538:209~598:208~658:202~718:201~778:199~838:198~898:197~958:196~1018:198~1078:200~1138:201~1198:203~1258:208~1318:209~1378:208~1438:209

Erste Koordinate
~58:212

X=58 (könntest also auch 58 Minute der letzten 24 Stunden sagen)
Y=212 = z.B. 21,2°C

EDIT: Habe gestern für die HA's erst eine Anleitung gebastelt (am Ende):
https://github.com/joBr99/nspanel-lovelace-ui/issues/794

Mein Hotel (Bin mal wieder unterwegs) hat Github geblockt

EDIT: Im Zweifel einfach unsere JavaScripte aus der Wiki nutzen

tt-tom17 created this issue in joBr99/nspanel-lovelace-ui

open [BUG]Keine minus Werte an der Y Achse in der cardLChart #794

Armilar

@danny_v1

Dachte es wäre evtl. auf einen speziellen Alias Geräte-Typen zurückzuführen... brauchste daher nicht zu senden...

Die Frage die mich da ein wenig quält ist: "Was ist bei dir anders als bei allen anderen?"

Gibt es Warnungen im Log, wenn das passiert?

Könntest du mal das NSPanel-Verzeichnis in 0_userdate löschen und neu anlegen lassen?

Bei welcher Version des Scriptes bist du nun? Und mit welcher TFT?

Kuckuckmann

@all

@kuckuckmann sagte in SONOFF NSPanel mit Lovelace UI:

Hallo Community,

wir haben viel zeit und Getippsel investiert und unserer Wiki ein bissel Glanz und Struktur gegönnt.
Ja, wir wissen wir sind am Anfang und eine Wiki ist ja bekanntlich nie zu Ende, bzw. lebt von dem was wir alle noch hinzufügen werden.

--> ZUR WIKI <--

Neben dem alten klassischen Menü, welches man noch aufklappen kann, gibt es jetzt links ein neues hübsches Menü, welches Euch mit einem kurzen Blick&Klick in den richtigen Bereich führt.
Am unteren Ende einer Seite gibt es einen "nach oben Scroll Button".

Wir hoffen, die neue Struktur hilft Euch in der Zukunft euch noch besser zurecht zu finden.

Viel Spaß

Euer NSPanel LUI Team

danny_v1

@armilar Ich versteh gerade die Welt nicht mehr, gestern Abend lief es auf einmal so wie es soll, ohne das ich noch was geändert habe.

Sobald es wieder auftreten sollte werde ich mal ins Log schauen (iobroker Log und Javaskript Log?)

JackONell

Hallo Community,

ich habe eine "cardUnlock" Page erstellt und schaffe es einfach nicht, nach Pin Eingabe weitergeleitet zu werden auf die entsprechende "NSPanel_Service" Page.
Mach ich irgendetwas falsch oder hab ich etwas übersehen/vergessen ?

Wenn ich am Panel den Code eingebe, sehe ich auch bei den Objekten das sich nichts tut.

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

let NSPanel_Service = <PageEntities>
{
    'type': 'cardEntities',
    'heading': 'NSPanel 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'},
    ]

Kann mir bitte jemand weiterhelfen ?
Bin in der Sache leider kein Profi
Vielen Dank im voraus.

TT-Tom

@jackonell

Hast du Service Page zur Subpages verschoben?

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

Muss bei pages raus und bei subPages rein.

In der config der Service Page muss der Parameter

'subPage': true,

hinzugefügt werden.

André Koschnik

Moin,

ich habe mein NSP Panel geupdatet und das neues Script eingespielt. Leide bekomme ich das Script nicht zum laufen und das Panel nicht mehr auf die alte FW. Ich weiß der Fehler sitzt meinesten vor dem Bildschirm aber könnt ihr mir einen Tipp geben.

Script Version TypeScript v4.3.2.2

17:10:32.978	info	javascript.0 (2342) Stop script script.js.house.panel.test
17:12:04.746	info	javascript.0 (26578) script.js.house.panel.test: compiling TypeScript source...
17:12:16.071	info	javascript.0 (26578) script.js.house.panel.test: TypeScript compilation successful
17:12:16.170	error	javascript.0 (26578) script.js.house.panel.test: Error: Cannot find module 'moment-parseformat'
17:12:16.171	error	javascript.0 (26578) at script.js.house.panel.test:1137:19
17:12:16.203	info	javascript.0 (26578) script.js.house.panel.test: setObjects enabled - create Alias Channels possible
17:12:16.213	info	javascript.0 (26578) script.js.house.panel.test: weather alias for accuweather.0. already exists
17:12:16.270	info	javascript.0 (26578) script.js.house.panel.test: registered 29 subscriptions, 7 schedules, 0 messages, 0 logs and 0 file subscriptions
17:12:17.209	info	javascript.0 (26578) script.js.house.panel.test: Debugmodus deaktiviert
17:12:17.212	info	javascript.0 (26578) script.js.house.panel.test: Desired TFT Firmware: 53 / v4.3.2
17:12:17.214	info	javascript.0 (26578) script.js.house.panel.test: Installed TFT Firmware: 50 / v4.0.5
17:12:17.536	info	javascript.0 (26578) script.js.house.panel.test: Debugmodus deaktiviert
17:12:21.423	info	javascript.0 (26578) script.js.house.panel.test: Start MQTT-Port-Check -------------------------------------
17:12:21.424	info	javascript.0 (26578) script.js.house.panel.test: -- admin.0 - 8081
17:12:21.424	info	javascript.0 (26578) script.js.house.panel.test: -- lovelace.0 - 8091
17:12:21.424	info	javascript.0 (26578) script.js.house.panel.test: -- mqtt.0 - 1883
17:12:21.424	info	javascript.0 (26578) script.js.house.panel.test: -- node-red.0 - 1880
17:12:21.425	info	javascript.0 (26578) script.js.house.panel.test: -- sql.0 - 5432
17:12:21.425	info	javascript.0 (26578) script.js.house.panel.test: -- terminal.0 - 8088
17:12:21.425	info	javascript.0 (26578) script.js.house.panel.test: -- zigbee.0 - /dev
17:12:21.425	info	javascript.0 (26578) script.js.house.panel.test: - MQTT-Port-Check OK: Instance of Adapter: mqtt.0 is running on Port:1883
17:12:21.425	info	javascript.0 (26578) script.js.house.panel.test: End MQTT-Port-Check ---------------------------------------
17:12:52.926	info	javascript.0 (26578) script.js.house.panel.test: Tasmota upgrade complete. New Version: 13.2.0(tasmota32)
17:19:07.004	info	javascript.0 (26578) Stop script script.js.house.panel.test
17:28:38.971	info	javascript.0 (26578) Stop script script.js.house.panel.test

TT-Tom

@andré-koschnik

Du hast die npm Module 'moment' , 'moment-parseformat' vergessen, bitte diesen Post genau lesen.

André Koschnik

das hab ich schon gesehen aber ich weiß nicht wie ich das impotieren kann.

Armilar

@andré-koschnik

steht doch da:
https://github.com/joBr99/nspanel-lovelace-ui/wiki/iobroker---Basisinstallation#8--einstellungen-in-js-adapter-instanz

In der Zeile der JS-Adapter-Instanz (siehe Bild im Link) die Modulnamen eintragen...

André Koschnik

Danke machmal sieht man den wald vor Bäumen nicht

Mucky 0

Hallo,
Ich bräuchte mal eure Hilfe da ich komplette Newbie in Sachen NSPanel+Lovelace bin.
Ich möchte das NSPanel nur für die Anzeige der PV-Werte mit Hilfe der cardPower verwenden. Ich habe nun den Beispielcode in das Javascript bei "Anfang der Beispiele für Seitengetaltung" eingefügt und den "Demomodus" aktiviert.... aber auf dem Display tut sich nichts. Es werden nur NSPanelService Seiten und der Screensaver angezeigt.
Wie muss ich weiter vorgehen um die Werte bzw. die Darstellung vom Beispiel auf mein Display zu bekommen? Gibt es irgendwo eine genauere Anleitung da ich aus den gefundenen bzw. Code-Schnipseln nicht schlau werde.

TT-Tom

@mucky-0

zeige mal bitte was du eingefügt hast.

Mucky 0

@tt-tom
Den Code hier aus den Page Beispielen auf github.

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

TT-Tom

@mucky-0 sagte in SONOFF NSPanel mit Lovelace UI:
mach das mal so rum.

//    <PageItem>{ id: 'alias.0.NSPanel_1.Power.PowerCard' },
      <PageItem>{ }  // aktivieren für Demomodus der PowerCard, dafür ersten PageItem auskommentieren

hast du Page auch unter

pages:[ ]

eingetragen???

Mucky 0

@tt-tom
Natürlich habe ich die Page dort nicht eingetragen....
Danke für den Hinweis... jetzt läuft die Demo....
Die echten Werte miener PV muss ich dann nur noch über die PageItems hinzufügen?

Armilar

@mucky-0

Bin mir nicht sicher, ob du das gelesen hast?

https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-Card-Definitionen-(Seiten)#cardpower-ab-ts-script-v341

Mucky 0

@armilar Nein das kenne ich noch nicht.... muss aber auch sagen das es nicht ganz einfach ist diese so zu finden bzw. die aktuellste zu finden... und vorallem als Newbie zu verstehen, wie und wo was genau eingetragen und angelegt werden muss....

Armilar

@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...

NEWS

SONOFF NSPanel mit Lovelace UI

open [BUG]Keine minus Werte an der Y Achse in der cardLChart #794

Support us

776
Online

31.6k
Users

79.4k
Topics

1.3m
Posts

NEWS

SONOFF NSPanel mit Lovelace UI

open [BUG]Keine minus Werte an der Y Achse in der cardLChart #794

Support us

776Online

31.6kUsers

79.4kTopics

1.3mPosts

776
Online

31.6k
Users

79.4k
Topics

1.3m
Posts