SONOFF NSPanel mit Lovelace UI

TT-Tom

hast du dir diese Seite schon mal genauer angesehen, dort sind alle Parameter beschrieben.

Deine Subpages sind falsch konfiguriert und liegen nicht unter Subpages. Du hats auch keine Hauptseite/ Navipunkt, der auf deine Subpages verweist.

Die anderen Subpages hast du doch richtig angelegt, schau dir das in Ruhe nochmal an.

teletapi

@tt-tom Ich bin nicht ganz sicher die Seiten die mit subpage benannt sind, sind ja eigentlich garkeine Subpages sondern eben die haupt seiten nur die Namen sind von irgendwoher aus Beispielen übernommen worden von mir.
Ich hab noch nicht verstanden was daran falsch ist. Kann es sein das die Alias Struktur wie die Aliase in welchem Ordner liegen sehr wichtig ist..?

//-- Anfang für eigene Seiten -- z.T. selbstdefinierte Aliase erforderlich ----------------
//-- Start for your own pages -- some self-defined aliases required ----------------
 
let Programmseite: PageType =
{
    'type': 'cardEntities',
    'heading': 'Programmseite',
    'useColor': true,
    'items': [
        { navigate: true, id: 'alias.0.NSPanel.allgemein.Abfall.event1', targetPage: 'Abfall', name: 'Abfallkalender'},
        { navigate: true, id: null, targetPage: 'GuestWifi', onColor: White, name: 'Gäste WLAN'},
    ]
};
 
let Licht1: PageType =
{
    'type': 'cardEntities',
    'heading': 'Beleuchtung',
    'useColor': true,
    'items': [
        { navigate: true, id: 'alias.0.NSPanel.Hue_Flur_unten.Flur_unten', targetPage: 'FlurHue', name: 'Hue Flur'},
        { navigate: true, id: 'alias.0.NSPanel.Kueche.Hue_deckenlicht', targetPage: 'Kueche', onColor: White, name: 'Küche'},
        { navigate: true, id: 'alias.0.NSPanel.Badezimmer.Badezimmer_Licht', targetPage: 'Bad', onColor: White, name: 'Badezimmer'},
        { navigate: true, id: 'alias.0.NSPanel.Hue_Flur_Mitte.Treppenlicht', targetPage: 'Treppenlicht', onColor: White, name: 'Treppenlicht'},
    ]
};
 
let Licht2: PageType =
{
    'type': 'cardEntities',
    'heading': 'Beleuchtung 2',
    'useColor': true,
    'items': [
        { navigate: true, id: 'alias.0.NSPanel.Schlafzimmer.Bett1', targetPage: 'Schlafzimmer', name: 'Bett'},                
    ]
};
 
let Abfall: PageType =
        {
            'type': 'cardEntities',
            'heading': 'Abfallkalender',
            'useColor': true,
            'subPage': true,
            'parent': Programmseite,
            'items': [
                { id: 'alias.0.NSPanel.allgemein.Abfall.event1',icon: 'trash-can'},
                { id: 'alias.0.NSPanel.allgemein.Abfall.event2',icon: 'trash-can'},
                { id: 'alias.0.NSPanel.allgemein.Abfall.event3',icon: 'trash-can'},
                { id: 'alias.0.NSPanel.allgemein.Abfall.event4',icon: 'trash-can'},
                { id: 'alias.0.NSPanel.allgemein.Abfall.event5',icon: 'trash-can'}
            ]
        };
 
let GuestWifi: PageType =
{
    'type': "cardQR",
    'heading': "Gäste Wlan",
    'subPage': true,
    'parent': Programmseite,
    'items': [{ id: 'alias.0.NSPanel.Guest_Wifi', 
               hidePassword: true, // true = Switch; false = Password
               hideEntity2: false,   // true = Switch or Password is Hide
               autoCreateALias: true}
          ]
};      
 
let FlurHue: PageType =
        {
            'type': 'cardEntities',
            'heading': 'Hue Flur',
            'useColor': true,
            'subPage': true,
            'parent': Licht1,
            'items': [
                { id: 'alias.0.NSPanel.Hue_Flur_unten.Flur_unten'},
                { id: 'alias.0.NSPanel.Hue_Flur_unten.Flur_unten_Haustür'},
                { id: 'alias.0.NSPanel.Hue_Flur_Mitte.Kleiner_Flur_Mitte'},
                { id: 'alias.0.NSPanel.Hue_Flur_Mitte.Flur_Mitte'}
            ]
};
 
let Kueche: PageType =
        {
            'type': 'cardEntities',
            'heading': 'Küche',
            'useColor': true,
            'subPage': true,
            'parent': Licht1,
            'items': [
                { id: 'alias.0.NSPanel.Kueche.Hue_deckenlicht'},
                { id: 'alias.0.NSPanel.Kueche.Abzugshaube'}
            ]
};
 
let Schlafzimmer: PageType =
        {
            'type': 'cardEntities',
            'heading': 'Schlafen',
            'useColor': true,
            'subPage': true,
            'parent': Licht1,
            'items': [
                { id: 'alias.0.NSPanel.Schlafzimmer.Bett1'},
                { id: 'alias.0.NSPanel.Schlafzimmer.Bett2'},
                { id: 'alias.0.NSPanel.Schlafzimmer.Bett3'}
            ]
};
 
let Bad: PageType =
        {
            'type': 'cardEntities',
            'heading': 'Badezimmer',
            'useColor': true,
            'subPage': true,
            'parent': Licht1,
            'items': [
                { id: 'alias.0.NSPanel.Badezimmer.Badezimmer_Licht'}
            ]
};
 
let Treppenlicht: PageType =
        {
            'type': 'cardEntities',
            'heading': 'Treppenlicht',
            'useColor': true,
            'subPage': true,
            'parent': Licht1,
            'items': [
                { id: 'alias.0.NSPanel.Hue_Flur_Mitte.Treppenlicht'}
            ]
};
 
let Rolladen: PageType =
        {
            'type': 'cardEntities',
            'heading': 'Rolladen',
            'useColor': true,
            'subPage': false,
            'parent': undefined,
            'items': [
                { id: 'alias.0.NSPanel.Schlafzimmer.Rolladen',icon: 'window-shutter',name: 'Rolladen-Schlafen',interpolateColor: true},
                { id: 'alias.0.NSPanel.Ankleidezimmer.Rolladen',icon: 'window-shutter',name: 'Rolladen-Ankleide',interpolateColor: true}
            ]
};
 
 
//-- https://github.com/joBr99/nspanel-lovelace-ui/wiki/NSPanel-Page-%E2%80%90-Typen_How-2_Beispiele
 
//-- ENDE für eigene Seiten -- z.T. selbstdefinierte Aliase erforderlich -------------------------
//-- END for your own pages -- some self-defined aliases required ------------------------

Ich habe die Namen jetzt mal angepasst

// EN: Configuration

export const config: Config = {
    // Seiteneinteilung / Page division
    // Hauptseiten / Mainpages
    pages: [
        NSPanel_Service, //Auto-Alias Service Page
        Programmseite,
        Licht1,
        Licht2,
        Rolladen,
            
            //Unlock_Service            //Auto-Alias Service Page (Service Pages used with cardUnlock)
    ],
    // Unterseiten / Subpages
    subPages: [
        NSPanel_Service_SubPage, //Auto-Alias Service Page (only used with cardUnlock)
        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_IoBroker, //Auot-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
        Abfall,
        GuestWifi,
        Kueche,
        FlurHue,
        Treppenlicht,
        Bad,
        Schlafzimmer,   
        ],

Sieht dann so aus.

Die ordnerstruktur der Aliase sieht bei mir so aus, ich hatte mir dazu noch keine wesentlichen gedanken gemacht

Gargano

Gibt es die Möglichkeit ein Bild auf den NsPanel hochzuladen (Snapshot von der Kamera) ?

TT-Tom

@gargano nein immer noch nicht

Gargano

@tt-tom Ist das mal angedacht ?
Im Nextion ist ja da ein Picture vorhanden.

TT-Tom

@gargano mann kann ein Bild in die TFT-Firmware programmieren, aber eins senden geht nicht. So mein letzter Stand.

TT-Tom

@teletapi

Dann sind deine Hauptseiten für das Licht doch definiert und von dort springst du jetzt mit press in die Subpages z.B. Küche

wenn du von der Küche in eine weitere Subpage möchtst, musst du dir auf der Küchenseite ein naviPunkt anlegen, analog wie bei den Hauptseiten

 { navigate: true, id: 'alias.0.NSPanel.Hue_Flur_Mitte.Treppenlicht', targetPage: 'Treppenlicht', onColor: White, name: 'Treppenlicht'},

Die neue Seite musst du auch als Subpage konfigurieren und dort auch eintragen. schau dir mal das Bild auf der Wiki Seite an, dann sollte dir das verständlich werden.

TT-Tom

@wuschl

hier die Antwort im Wiki

Gargano

Mit der Script Adapter Version 9.0.3 funktioniert das Script (Ich habe V4.5.0.1) nicht mehr. Kann nicht kompilieren.
Ich habe allerdings keine Eintragung gefunden für einen Fix.

Asche auf mein Haupt, wenn das schon gefixt ist :-))

TT-Tom

@gargano
Wenn du mit einer Beta Version vom Javascript Adapter arbeitest, musst du mit so etwas rechnen.
Weitere Infos findest du im Testpost zum Adapter.

Gargano

@tt-tom wollt ja nur wissen, ob das schon gefixt ist. Ansonsten warte ich halt auf den Fix.

TT-Tom

@gargano

Die Antwort wird hier nicht kommen, da es nicht am Script liegt. Wenn der Adapter ins Stable wechselt wird auch das Script funktionieren.

peterfido

@tt-tom gibt es eine elegantere Methode beim Start den Screensaver anzuzeigen als am Ende von der Konfiguration das Timeout zu ändern?

var screensavertimeoutalt: number = getState(NSPanel_Path + 'Config.Screensaver.timeoutScreensaver').val;
if(screensavertimeoutalt < 5){
   screensavertimeoutalt = 60;
}
setStateAsync(NSPanel_Path + 'Config.Screensaver.timeoutScreensaver', 1, true);
let timeoutScreeSaverInit: any;
timeoutScreeSaverInit = setTimeout(async function () {
   setStateAsync(NSPanel_Path + 'Config.Screensaver.timeoutScreensaver', screensavertimeoutalt, true);
}, 5000);

// _________________________________ DE: Ab hier keine Konfiguration mehr _____________________________________

ticaki

@peterfido
Nö, es muß erst eine Seite angezeigt werden, das ist die einzige Methode die funktioniert hat.

peterfido

@ticaki OK, danke. Dann lass ich es so.

NEWS

SONOFF NSPanel mit Lovelace UI

Support us

600
Online

31.7k
Users

79.8k
Topics

1.3m
Posts

NEWS

SONOFF NSPanel mit Lovelace UI

Support us

600Online

31.7kUsers

79.8kTopics

1.3mPosts

600
Online

31.7k
Users

79.8k
Topics

1.3m
Posts