Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

  1. ioBroker Community Home
  2. Deutsch
  3. Hardware
  4. SONOFF NSPanel mit Lovelace UI

NEWS

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.4k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    2.0k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    15
    1
    2.5k

SONOFF NSPanel mit Lovelace UI

Geplant Angeheftet Gesperrt Verschoben Hardware
lovelace uinspanelsonoff
7.8k Beiträge 272 Kommentatoren 6.7m Aufrufe 254 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • Marko1974M Marko1974

    @tt-tom Mit den Alias und dem Abfallkalender gab es ja gar nicht so die Probleme....mehr habe ich das Problem in dem Script eine vernüftige Struktur aufzubauen, da er schon beim ersten Versuch direkt meckert.
    Zwar bekomme ich Hauptseiten hin, aber mit der Navigation und Unterseiten fehlt mir irgendwie bei durchlesen des Leitfadens das Verständnis.

    Hatte mich an Level 0 , Level 1 und so gehalten und es soll letztendlich so aussehen

    level.jpg

    Verstanden habe ich, dass es eine Hauptseite mit Navigation gibt....da hätte ich gern ein Icon mit Level 1 Ebene (auch Icons) Heizungen, Lampen etc....und von da kommt man dann in die Untermenüs und letztendlich zum finalen Einschalten/Ausschalten/ Temperatur etc.
    Die Unterseiten ab Level 1 sind dann Subpages, die immer eine Parent Seite und eine Home Seite benötigen.

    Hatte so angefangen:

    let Zuhause: PageType =  
    {
        'type': 'cardGrid',
        'heading': 'Zuhause',
        'useColor': true,
        'items': [
                            { navigate: true, id: null, targetPage: 'Heizungen', name: 'Heizungen' , icon: 'toilet', offColor: MSGreen, onColor: MSRed},
                            { navigate: true, id: null, targetPage: 'Fenster_1', name: 'Fenster' , icon: 'toilet', offColor: MSGreen, onColor: MSRed},
                            { navigate: true, id: null, targetPage: 'Lampen', name: 'Lampen' , icon: 'toilet', offColor: MSGreen, onColor: MSRed},
                        
                        ]
    }; 
    
            
    let Fenster_1: PageType =
    {
        'type': 'cardGrid',
        'heading': 'Fenster und Türen',
        'subpage': true,
        'parent' : Zuhause
        'useColor': true,
        'items': [
            { id: 'alias.0.NSPanel.Fenster.Balkon', icon: 'door-closed', offColor: MSGreen, onColor: MSRed, name: 'Balkon'},
            { id: 'alias.0.NSPanel.Fenster.Eingangstür', icon: 'door-closed', offColor: MSGreen, onColor: MSRed, name: 'Eingangstür'},
            { id: 'alias.0.NSPanel.Fenster.Fenster_Bad', icon: 'window-closed', offColor: MSGreen, onColor: MSRed, name: 'Bad'},
            { id: 'alias.0.NSPanel.Fenster.Fenster_Kinderzimmer', icon: 'window-closed', offColor: MSGreen, onColor: MSRed, name: 'Kinderzimmer'},
            { id: 'alias.0.NSPanel.Fenster.Fenster_Küche', icon: 'window-closed', offColor: MSGreen, onColor: MSRed, name: 'Küche'},
            { id: 'alias.0.NSPanel.Fenster.Fenster_Schlafzimmer', icon: 'window-closed', offColor: MSGreen, onColor: MSRed, name: 'Schlafzimmer'},
            ]
    };
    
    let Heizungen: PageType =
    {
        'type': 'cardGrid',
        'heading': 'Heizungen',
        'subpage': true,
        'parent' : Zuhause
        'useColor': true,
        'items': [
                            { navigate: true, id: null, targetPage: 'Heizung_Bad', name: 'Heizung Bad' , icon: 'toilet', offColor: MSGreen, onColor: MSRed},
                            { navigate: true, id: null, targetPage: 'Fenster_1', name: 'Fenster' , icon: 'toilet', offColor: MSGreen, onColor: MSRed},
                            { navigate: true, id: null, targetPage: 'Lampen', name: 'Lampen' , icon: 'toilet', offColor: MSGreen, onColor: MSRed},
                        
                        ]
    };
    
    let Lampen: PageType =
    {
        'type': 'cardGrid',
        'heading': 'Lampen',
        'parent' : Zuhause
        'subpage': true,
        'useColor': true,
        'items': [
            { id: 'alias.0.NSPanel.Fenster.Balkon', icon: 'door-closed', offColor: MSGreen, onColor: MSRed, name: 'Balkon'},
            { id: 'alias.0.NSPanel.Fenster.Eingangstür', icon: 'door-closed', offColor: MSGreen, onColor: MSRed, name: 'Eingangstür'},
            { id: 'alias.0.NSPanel.Fenster.Fenster_Bad', icon: 'window-closed', offColor: MSGreen, onColor: MSRed, name: 'Bad'},
            { id: 'alias.0.NSPanel.Fenster.Fenster_Kinderzimmer', icon: 'window-closed', offColor: MSGreen, onColor: MSRed, name: 'Kinderzimmer'},
            { id: 'alias.0.NSPanel.Fenster.Fenster_Küche', icon: 'window-closed', offColor: MSGreen, onColor: MSRed, name: 'Küche'},
            { id: 'alias.0.NSPanel.Fenster.Fenster_Schlafzimmer', icon: 'window-closed', offColor: MSGreen, onColor: MSRed, name: 'Schlafzimmer'},
            ]
    };
    
    
    let Heizung_Bad: PageType =
    {
        'type': 'cardThermo',
        'heading': 'Heizung Badezimmer',
        'subpage': true,
        'parent' : Heizungen
        'items': [{ 
                    id: 'alias.0.NSPanel.Heizung.Heizung_Bad.Heizung_Badezimmer', 
                    minValue: 45, 
                    maxValue: 300,
                    stepValue: 5
                 }]
    
    };
    
    
    let Heizung_Kueche: PageType =
    {
        'type': 'cardThermo',
        'heading': 'Heizung Küche',
        'parent' : Heizungen
        'subpage': true,
        'items': [{ 
                    id: 'alias.0.NSPanel.Heizung.Heizung_Küche.Heizung_Küche', 
                    minValue: 45, 
                    maxValue: 300,
                    stepValue: 5
                 }]
    
    
    };
    
    let Heizung_Wohnzimmer: PageType =
    {
        'type': 'cardThermo',
        'heading': 'Heizung Wohnzimmer',
        'subpage': true,
        'parent' : Heizungen
        'items': [{ 
                    id: 'alias.0.NSPanel.Heizung.Heizung_Wohnzimmer.Heizung_Wohnzimmer', 
                    minValue: 45, 
                    maxValue: 300,
                    stepValue: 5
                 }]
    
    
    };
    
    let Heizung_Flur: PageType =
    {
        'type': 'cardThermo',
        'heading': 'Heizung Flur',
        'subpage': true,
        'parent' : Heizungen
        'items': [{ 
                    id: 'alias.0.NSPanel.Heizung.Heizung_Flur.Heizung_Flur', 
                    minValue: 45, 
                    maxValue: 300,
                    stepValue: 5
                 }]
    
    
    };
    
    let Heizung_Schlafzimmer: PageType =
    {
        'type': 'cardThermo',
        'heading': 'Heizung Schlafzimmer',
        'subpage': true,
        'parent' : Heizungen
        'items': [{ 
                    id: 'alias.0.NSPanel.Heizung.Heizung_Schlafzimmer.Heizung_Schlafzimmer', 
                    minValue: 45, 
                    maxValue: 300,
                    stepValue: 5
                 }]
    
    
    };
    let Heizung_Kinderzimmer: PageType =
    {
        'type': 'cardThermo',
        'heading': 'Heizung Kinderzimmer',
        'subpage': true,
        'parent' : Heizungen
        'items': [{ 
                    id: 'alias.0.NSPanel.Heizung.Heizung_Kinderzimmer.Heizung_Kinderzimmer', 
                    minValue: 45, 
                    maxValue: 300,
                    stepValue: 5
                 }]
    
    
    };
    let Temperaturen: PageType = {
        'type': 'cardGrid',
        'heading': 'Temperaturen',
        'useColor': true,
        'items': [
            { id: 'alias.0.NSPanel.Heizung.Heizung_Küche.Heizung_Küche', name: 'Küche °C', offColor: White, onColor: White, useValue: true, colorScale: {'val_min': 5, 'val_max': 30, 'val_best': 19} },
            { id: 'alias.0.NSPanel.Heizung.Heizung_Wohnzimmer.Heizung_Wohnzimmer.ACTUAL', name: 'Wohnzimmer °C', offColor: White, onColor: White , useValue: true, colorScale: {'val_min': 5, 'val_max': 30, 'val_best': 19} },
            { id: 'alias.0.NSPanel.Heizung.Heizung_Bad.Heizung_Badezimmer', name: 'Bad °C', offColor: White, onColor: White, useValue: true, colorScale: {'val_min': 5, 'val_max': 30, 'val_best': 19} },
            { id: 'alias.0.NSPanel.Heizung.Heizung_Kinderzimmer.Heizung_Kinderzimmer', name: 'Kinderzimmer °C', offColor: White , onColor: White, useValue: true, colorScale: {'val_min': 5, 'val_max': 30, 'val_best': 19} },
            { id: 'alias.0.NSPanel.Heizung.Heizung_Flur.Heizung_Flur', name: 'Flur °C', offColor: White , onColor: White, useValue: true, colorScale: {'val_min': 5, 'val_max': 30, 'val_best': 19} },
            { id: 'alias.0.NSPanel.Heizung.Heizung_Wohnzimmer.Heizung_Wohnzimmer', name: 'Schlafzimmer °C', offColor: White , onColor: White, useValue: true, colorScale: {'val_min': 5, 'val_max': 30, 'val_best': 19} },
    
        ]};
    
    

    Meckert

    13:00:04.653	info	javascript.0 (22040) script.js.common.NSPanelTs_ts: compiling TypeScript source...
    13:00:15.466	error	javascript.0 (22040) script.js.common.NSPanelTs_ts: TypeScript compilation failed: 'subpage': true, ^ ERROR: Type '{ type: "cardGrid"; heading: string; subpage: boolean; parent: PageGrid; useColor: true; items: { id: string; icon: string; offColor: RGB; onColor: RGB; name: string; }[]; }' is not assignable to type 'PageType'. Object literal may only specify known properties, and ''subpage'' does not exist in type 'PageGrid'. 'subpage': true, ^ ERROR: Type '{ type: "cardGrid"; heading: string; subpage: boolean; parent: PageGrid; useColor: true; items: { navigate: true; id: null; targetPage: string; name: string; icon: string; offColor: RGB; onColor: RGB; }[]; }' is not assignable to type 'PageType'. Object literal may only specify known properties, and ''subpage'' does not exist in type 'PageGrid'. 'subpage': true, ^ ERROR: Type '{ type: "cardGrid"; heading: string; parent: PageGrid; subpage: boolean; useColor: true; items: { id: string; icon: string; offColor: RGB; onColor: RGB; name: string; }[]; }' is not assignable to type 'PageType'. Object literal may only specify known properties, and ''subpage'' does not exist in type 'PageGrid'. 'subpage': true, ^ ERROR: Type '{ type: "cardThermo"; heading: string; subpage: boolean; parent: PageType; items: { id: string; minValue: number; maxValue: number; stepValue: number; }[]; }' is not assignable to type 'PageType'. Object literal may only specify known properties, and ''subpage'' does not exist in type 'PageThermo'. 'subpage': true, ^ ERROR: Type '{ type: "cardThermo"; heading: string; parent: PageType; subpage: boolean; items: { id: string; minValue: number; maxValue: number; stepValue: number; }[]; }' is not assignable to type 'PageType'. Object literal may only specify known properties, and ''subpage'' does not exist in type 'PageThermo'. 'subpage': true, ^ ERROR: Type '{ type: "cardThermo"; heading: string; subpage: boolean; parent: PageType; items: { id: string; minValue: number; maxValue: number; stepValue: number; }[]; }' is not assignable to type 'PageType'. Object literal may only specify known properties, and ''subpage'' does not exist in type 'PageThermo'. 'subpage': true, ^ ERROR: Type '{ type: "cardThermo"; heading: string; subpage: boolean; parent: PageType; items: { id: string; minValue: number; maxValue: number; stepValue: number; }[]; }' is not assignable to type 'PageType'. Object literal may only specify known properties, and ''subpage'' does not exist in type 'PageThermo'. 'subpage': true, ^ ERROR: Type '{ type: "cardThermo"; heading: string; subpage: boolean; parent: PageType; items: { id: string; minValue: number; maxValue: number; stepValue: number; }[]; }' is not assignable to type 'PageType'. Object literal may only specify known properties, and ''subpage'' does not exist in type 'PageThermo'. 'subpage': true, ^ ERROR: Type '{ type: "cardThermo"; heading: string; subpage: boolean; parent: PageType; items: { id: string; minValue: number; maxValue: number; stepValue: number; }[]; }' is not assignable to type 'PageType'. Object literal may only specify known properties, and ''subpage'' does not exist in type 'PageThermo'. 
    
    T Offline
    T Offline
    TT-Tom
    schrieb am zuletzt editiert von TT-Tom
    #5088

    @marko1974

    Hatte mich an Level 0 , Level 1 und so gehalten und es soll letztendlich so aussehen

    Gute Struktur :+1:

    Groß/Kleinschreibung beachten ;)

    'subpage': true,   =>   'subPage': true,
    

    und hinter 'parent' : xxxx kommt ein Komma

    'parent' : Heizungen => hier fehlt das ,
    

    Home hast du nicht definiert, Absicht ? du kannst auch Nextdefinieren, dann kannst auch mal nach recht springen z.B. zur nächsten Heizung

    Gruß Tom
    https://github.com/tt-tom17
    Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

    NSPanel Script Wiki
    https://github.com/joBr99/nspanel-lovelace-ui/wiki

    NSPanel Adapter Wiki
    https://github.com/ticaki/ioBroker.nspanel-lovelace-ui/wiki

    Marko1974M 1 Antwort Letzte Antwort
    1
    • T TT-Tom

      @marko1974

      Hatte mich an Level 0 , Level 1 und so gehalten und es soll letztendlich so aussehen

      Gute Struktur :+1:

      Groß/Kleinschreibung beachten ;)

      'subpage': true,   =>   'subPage': true,
      

      und hinter 'parent' : xxxx kommt ein Komma

      'parent' : Heizungen => hier fehlt das ,
      

      Home hast du nicht definiert, Absicht ? du kannst auch Nextdefinieren, dann kannst auch mal nach recht springen z.B. zur nächsten Heizung

      Marko1974M Offline
      Marko1974M Offline
      Marko1974
      schrieb am zuletzt editiert von
      #5089

      @tt-tom Oh mann....nur ein großes P und schon läufts. Man sieht den Wald vor lauter Bäumen nicht.....
      naja ...nun bin ich ein ganzes Stück weiter und hänge beim Abfallkalender.

      Die Seite wo die Tonnen angezeigt werden sollen ist leer.

      Müssen da noch Pfade rein?

      let Abfall: PageType =
      {
          "type": "cardEntities",
          "heading": "Abfallkalender",
          "useColor": true,
          "subPage": true,
          "parent": Zuhause,
          "items": [
              { id: AliasPath + 'alias.0.NSPanel.allgemein.Abfall.event1',icon: 'trash-can'},  
              { id: AliasPath + 'alias.0.NSPanel.allgemein.Abfall.event2',icon: 'trash-can'},  
              { id: AliasPath + 'alias.0.NSPanel.allgemein.Abfall.event3',icon: 'trash-can'},  
              { id: AliasPath + 'alias.0.NSPanel.allgemein.Abfall.event4',icon: 'trash-can'}  
          ]
      }
      
      };
      
      
      Rene55R T 2 Antworten Letzte Antwort
      0
      • Marko1974M Marko1974

        @tt-tom Oh mann....nur ein großes P und schon läufts. Man sieht den Wald vor lauter Bäumen nicht.....
        naja ...nun bin ich ein ganzes Stück weiter und hänge beim Abfallkalender.

        Die Seite wo die Tonnen angezeigt werden sollen ist leer.

        Müssen da noch Pfade rein?

        let Abfall: PageType =
        {
            "type": "cardEntities",
            "heading": "Abfallkalender",
            "useColor": true,
            "subPage": true,
            "parent": Zuhause,
            "items": [
                { id: AliasPath + 'alias.0.NSPanel.allgemein.Abfall.event1',icon: 'trash-can'},  
                { id: AliasPath + 'alias.0.NSPanel.allgemein.Abfall.event2',icon: 'trash-can'},  
                { id: AliasPath + 'alias.0.NSPanel.allgemein.Abfall.event3',icon: 'trash-can'},  
                { id: AliasPath + 'alias.0.NSPanel.allgemein.Abfall.event4',icon: 'trash-can'}  
            ]
        }
        
        };
        
        
        Rene55R Offline
        Rene55R Offline
        Rene55
        schrieb am zuletzt editiert von
        #5090

        @marko1974 Was steht denn bei dir in 'AliasPath' drin? Bei mir gehts ohne.

        Host: Fujitsu Intel(R) Pentium(R) CPU G4560T, 32 GB RAM, Proxmox 8.x + lxc Ubuntu 22.04
        ioBroker (8 GB RAM) Node.js: 20.19.1, NPM: 10.8.2, js-Controller: 7.0.6, Admin: 7.6.3
        Wetterstation: Froggit WH3000SE V1.6.6

        1 Antwort Letzte Antwort
        0
        • Marko1974M Offline
          Marko1974M Offline
          Marko1974
          schrieb am zuletzt editiert von
          #5091

          @rene55

          const idTrashData: string = 'ical.0.data.table'; // Datenpunkt mit Daten im JSON Format
          const idUserdataAbfallVerzeichnis: string = '0_userdata.0.Abfallkalender'; // Name des Datenpunktverzeichnis unter 0_userdata.0 -> Strandard = 0_userdata.0.Abfallkalender
          const idAliasPanelVerzeichnis: string = 'alias.0.NSPanel.1'; //Name PanelVerzeichnis unter alias.0. Standard = alias.0.NSPanel.1
          const idAliasAbfallVerzeichnis: string = 'allgemein.Abfall'; //Name Verzeichnis unterhalb der idPanelverzeichnis  Standard = Abfall
          
          const anzahlZeichenLoeschen: number = 0; // x Zeichen links vom String abziehen, wenn vor dem Eventname noch Text steht z.B. Strassenname; Standard = 0
          const jsonEventName1: string = 'USB Abfuhr Grau - Restmüll'; // Vergleichstring für Schwarze Tonne
          const customEventName1: string = 'Restmüll';        // benutzerdefinierter Text für schwarze Tonne
          const jsonEventName2: string = 'USB Abfuhr Gelb - kombinierte Wertstofftonne'; // Vergleichstring für Gelbe Tonne / Sack
          const customEventName2: string = 'Gelbe Tonne';        // benutzerdefinierter Text für gelbe Tonne
          const jsonEventName3: string = 'USB Abfuhr Blau - Altpapier';    // Vergleichstring für Blaue Tonne
          const customEventName3: string = 'Papiertonne';       // benutzerdefinierter Text für blaue Tonne
          const jsonEventName4: string = 'Biomüll';   // Vergleichstring für Braune Tonne
          const customEventName4: string = '';        // benutzerdefinierter Text für braune Tonne
          
          Rene55R 1 Antwort Letzte Antwort
          0
          • Marko1974M Marko1974

            @rene55

            const idTrashData: string = 'ical.0.data.table'; // Datenpunkt mit Daten im JSON Format
            const idUserdataAbfallVerzeichnis: string = '0_userdata.0.Abfallkalender'; // Name des Datenpunktverzeichnis unter 0_userdata.0 -> Strandard = 0_userdata.0.Abfallkalender
            const idAliasPanelVerzeichnis: string = 'alias.0.NSPanel.1'; //Name PanelVerzeichnis unter alias.0. Standard = alias.0.NSPanel.1
            const idAliasAbfallVerzeichnis: string = 'allgemein.Abfall'; //Name Verzeichnis unterhalb der idPanelverzeichnis  Standard = Abfall
            
            const anzahlZeichenLoeschen: number = 0; // x Zeichen links vom String abziehen, wenn vor dem Eventname noch Text steht z.B. Strassenname; Standard = 0
            const jsonEventName1: string = 'USB Abfuhr Grau - Restmüll'; // Vergleichstring für Schwarze Tonne
            const customEventName1: string = 'Restmüll';        // benutzerdefinierter Text für schwarze Tonne
            const jsonEventName2: string = 'USB Abfuhr Gelb - kombinierte Wertstofftonne'; // Vergleichstring für Gelbe Tonne / Sack
            const customEventName2: string = 'Gelbe Tonne';        // benutzerdefinierter Text für gelbe Tonne
            const jsonEventName3: string = 'USB Abfuhr Blau - Altpapier';    // Vergleichstring für Blaue Tonne
            const customEventName3: string = 'Papiertonne';       // benutzerdefinierter Text für blaue Tonne
            const jsonEventName4: string = 'Biomüll';   // Vergleichstring für Braune Tonne
            const customEventName4: string = '';        // benutzerdefinierter Text für braune Tonne
            
            Rene55R Offline
            Rene55R Offline
            Rene55
            schrieb am zuletzt editiert von
            #5092

            @marko1974 Danach ist AliasPath nicht definiert - oder ich sehe es nicht. Nimm mal einfach das hier:
            { id: 'alias.0.NSPanel.allgemein.Abfall.event1',icon: 'trash-can'},

            Host: Fujitsu Intel(R) Pentium(R) CPU G4560T, 32 GB RAM, Proxmox 8.x + lxc Ubuntu 22.04
            ioBroker (8 GB RAM) Node.js: 20.19.1, NPM: 10.8.2, js-Controller: 7.0.6, Admin: 7.6.3
            Wetterstation: Froggit WH3000SE V1.6.6

            1 Antwort Letzte Antwort
            1
            • Marko1974M Offline
              Marko1974M Offline
              Marko1974
              schrieb am zuletzt editiert von
              #5093

              @rene55 ja klasse...das hat geklappt! :+1: ....Dankeschön

              1 Antwort Letzte Antwort
              0
              • Marko1974M Marko1974

                @tt-tom Oh mann....nur ein großes P und schon läufts. Man sieht den Wald vor lauter Bäumen nicht.....
                naja ...nun bin ich ein ganzes Stück weiter und hänge beim Abfallkalender.

                Die Seite wo die Tonnen angezeigt werden sollen ist leer.

                Müssen da noch Pfade rein?

                let Abfall: PageType =
                {
                    "type": "cardEntities",
                    "heading": "Abfallkalender",
                    "useColor": true,
                    "subPage": true,
                    "parent": Zuhause,
                    "items": [
                        { id: AliasPath + 'alias.0.NSPanel.allgemein.Abfall.event1',icon: 'trash-can'},  
                        { id: AliasPath + 'alias.0.NSPanel.allgemein.Abfall.event2',icon: 'trash-can'},  
                        { id: AliasPath + 'alias.0.NSPanel.allgemein.Abfall.event3',icon: 'trash-can'},  
                        { id: AliasPath + 'alias.0.NSPanel.allgemein.Abfall.event4',icon: 'trash-can'}  
                    ]
                }
                
                };
                
                
                T Offline
                T Offline
                TT-Tom
                schrieb am zuletzt editiert von TT-Tom
                #5094

                @marko1974

                AliasPath ist eine Variabel aus dem NSPanel.ts Srcript.

                 const AliasPath: string = 'alias.0.' + NSPanel_Path.substring(13, NSPanel_Path.length);
                

                würde im Standard (Pfade im script nicht geändert) so aus sehen.
                alias.0.NSPanel.1.

                Gruß Tom
                https://github.com/tt-tom17
                Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

                NSPanel Script Wiki
                https://github.com/joBr99/nspanel-lovelace-ui/wiki

                NSPanel Adapter Wiki
                https://github.com/ticaki/ioBroker.nspanel-lovelace-ui/wiki

                Marko1974M 1 Antwort Letzte Antwort
                1
                • T TT-Tom

                  @marko1974

                  AliasPath ist eine Variabel aus dem NSPanel.ts Srcript.

                   const AliasPath: string = 'alias.0.' + NSPanel_Path.substring(13, NSPanel_Path.length);
                  

                  würde im Standard (Pfade im script nicht geändert) so aus sehen.
                  alias.0.NSPanel.1.

                  Marko1974M Offline
                  Marko1974M Offline
                  Marko1974
                  schrieb am zuletzt editiert von
                  #5095

                  @tt-tom ja ...da liegt der Hund begraben :-)

                  Noch eine Frage zu Rolladen.

                  Habe die am 2.5 Shelly und Jalousien

                  jalo.png

                  So wie ich gelesen habe, brauche ich auch Tilt Dinge, die ich gar nicht habe.
                  Ich könnte Favoriten anlegen, mit einer präferierten Position.

                  Was nimmt man dafür?

                  T ArmilarA 2 Antworten Letzte Antwort
                  0
                  • Marko1974M Marko1974

                    @tt-tom ja ...da liegt der Hund begraben :-)

                    Noch eine Frage zu Rolladen.

                    Habe die am 2.5 Shelly und Jalousien

                    jalo.png

                    So wie ich gelesen habe, brauche ich auch Tilt Dinge, die ich gar nicht habe.
                    Ich könnte Favoriten anlegen, mit einer präferierten Position.

                    Was nimmt man dafür?

                    T Offline
                    T Offline
                    TT-Tom
                    schrieb am zuletzt editiert von
                    #5096

                    @marko1974
                    Tilt ist nicht Pflicht, wenn nicht da wird es auch im Panel nicht angezeigt.

                    Gruß Tom
                    https://github.com/tt-tom17
                    Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

                    NSPanel Script Wiki
                    https://github.com/joBr99/nspanel-lovelace-ui/wiki

                    NSPanel Adapter Wiki
                    https://github.com/ticaki/ioBroker.nspanel-lovelace-ui/wiki

                    1 Antwort Letzte Antwort
                    1
                    • Marko1974M Offline
                      Marko1974M Offline
                      Marko1974
                      schrieb am zuletzt editiert von
                      #5097

                      @tt-tom aber Steuerung funktioniert so gar nicht

                      let Rolladen: PageType = {
                          'type': 'cardGrid',
                          'heading': 'Rolladen Wohnzimmer',
                          'home': 'Zuhause', 
                          'parent' : Zuhause,
                          "subPage": true,
                          'useColor': true,
                          'items': [
                              
                              { id: 'alias.0.NSPanel.Rollaeden.Rollade_Balkontuer', name: 'Balkontür', secondRow: "Rollade mit den Tasten steuern", minValueLevel: 100, maxValueLevel: 0, minValueTilt: 100, maxValueTilt: 0},
                              { id: 'alias.0.NSPanel.Rollaeden.Rollade_Fenster', name: 'Fenster', secondRow: "Rollade mit den Tasten steuern", minValueLevel: 100, maxValueLevel: 0, minValueTilt: 100, maxValueTilt: 0},
                      
                          ]};
                      
                      

                      Zudem hätte ich schon gern etwas, womit man auf 50% oder 60% schliessen kann.

                      1 Antwort Letzte Antwort
                      0
                      • Marko1974M Marko1974

                        @tt-tom ja ...da liegt der Hund begraben :-)

                        Noch eine Frage zu Rolladen.

                        Habe die am 2.5 Shelly und Jalousien

                        jalo.png

                        So wie ich gelesen habe, brauche ich auch Tilt Dinge, die ich gar nicht habe.
                        Ich könnte Favoriten anlegen, mit einer präferierten Position.

                        Was nimmt man dafür?

                        ArmilarA Offline
                        ArmilarA Offline
                        Armilar
                        Most Active Forum Testing
                        schrieb am zuletzt editiert von Armilar
                        #5098

                        @marko1974

                        660f83b3-e674-4b00-b570-8739ccd91045-image.png

                        Die Steuerung kann so auch nicht funktionieren...

                        1. eine Jalousie hat keinen switch als SET, sondern einen Wert zwischen 0 und 100 --> gleiches gilt für den .ACTUAL. Damit lässt sich die Position des Levels in % steuern.
                        2. Stopp ist boolean --> Kann so bleiben
                        3. Open, d.h. minValueLevel sollte einen Wert = 0 haben (Wenn die nicht komplett hochfahren soll, dann auch 1 oder 2)
                        4. Close, d.h. maxValueLevel sollte einen Wert > 0 haben. Wenn komplett nach unten, dann 100, ansonsten einen maxValueLevel bei der wirklichen Max-Position (z.B. 63)
                        1. Ein Rollo und manche Jalousien haben keinen Tilt, daher weglassen, wenn nicht benötigt...

                        Da wir die Datenpunkte von deinem Shelly nicht kennen, wird eine Unterstützung schwierig...

                        EDIT: Wenn die Datenpunkte open/close ebenfalls Boolean (true/false) sind, dann müssen die beim Schreiben im Alias auch einen boolean senden (val = true)

                        Installationsanleitung, Tipps, Alias-Definitionen, FAQ für das Sonoff NSPanel mit lovelace UI unter ioBroker
                        https://github.com/joBr99/nspanel-lovelace-ui/wiki

                        Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                        T 1 Antwort Letzte Antwort
                        0
                        • ArmilarA Armilar

                          @marko1974

                          660f83b3-e674-4b00-b570-8739ccd91045-image.png

                          Die Steuerung kann so auch nicht funktionieren...

                          1. eine Jalousie hat keinen switch als SET, sondern einen Wert zwischen 0 und 100 --> gleiches gilt für den .ACTUAL. Damit lässt sich die Position des Levels in % steuern.
                          2. Stopp ist boolean --> Kann so bleiben
                          3. Open, d.h. minValueLevel sollte einen Wert = 0 haben (Wenn die nicht komplett hochfahren soll, dann auch 1 oder 2)
                          4. Close, d.h. maxValueLevel sollte einen Wert > 0 haben. Wenn komplett nach unten, dann 100, ansonsten einen maxValueLevel bei der wirklichen Max-Position (z.B. 63)
                          1. Ein Rollo und manche Jalousien haben keinen Tilt, daher weglassen, wenn nicht benötigt...

                          Da wir die Datenpunkte von deinem Shelly nicht kennen, wird eine Unterstützung schwierig...

                          EDIT: Wenn die Datenpunkte open/close ebenfalls Boolean (true/false) sind, dann müssen die beim Schreiben im Alias auch einen boolean senden (val = true)

                          T Offline
                          T Offline
                          TT-Tom
                          schrieb am zuletzt editiert von
                          #5099

                          @armilar @Marko1974
                          Ich habe ein Shelly an meiner Markise. Kann dir morgen dann mal meine Config senden.

                          Gruß Tom
                          https://github.com/tt-tom17
                          Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

                          NSPanel Script Wiki
                          https://github.com/joBr99/nspanel-lovelace-ui/wiki

                          NSPanel Adapter Wiki
                          https://github.com/ticaki/ioBroker.nspanel-lovelace-ui/wiki

                          1 Antwort Letzte Antwort
                          1
                          • Marko1974M Offline
                            Marko1974M Offline
                            Marko1974
                            schrieb am zuletzt editiert von Marko1974
                            #5100

                            @tt-tom @Armilar
                            Ich hab´s mit euren Tipps hinbekommen. Leider ist alles umgekehrt...Habe einen Schieberegler und wenn ich den auf 0% schiebe, ist die Rollade zu ....auf 100% ist sie auf.

                            Kann man das vertauschen? ....klar...maxvalue und minvalue vertauschen :-)

                            Meinte eher darunter eine Anzeige mit Tasten 40% / 50 % / 60%

                            Und wenn die Rollade oben ist Icon auf grün ....ansonsten auf rot.
                            Jetzt habe ich Automatisch gelb und rot

                            ArmilarA Marko1974M 2 Antworten Letzte Antwort
                            0
                            • Marko1974M Marko1974

                              @tt-tom @Armilar
                              Ich hab´s mit euren Tipps hinbekommen. Leider ist alles umgekehrt...Habe einen Schieberegler und wenn ich den auf 0% schiebe, ist die Rollade zu ....auf 100% ist sie auf.

                              Kann man das vertauschen? ....klar...maxvalue und minvalue vertauschen :-)

                              Meinte eher darunter eine Anzeige mit Tasten 40% / 50 % / 60%

                              Und wenn die Rollade oben ist Icon auf grün ....ansonsten auf rot.
                              Jetzt habe ich Automatisch gelb und rot

                              ArmilarA Offline
                              ArmilarA Offline
                              Armilar
                              Most Active Forum Testing
                              schrieb am zuletzt editiert von
                              #5101

                              @marko1974

                              Meinte eher darunter eine Anzeige mit Tasten 40% / 50 % / 60%

                              Es gibt bereits einen Issue im github mit der Anfrage für definierte Positionen als Button.

                              Ist aber bisher nie realisiert worden. Ansonsten ebenfalls etwas dazu schreiben...

                              Installationsanleitung, Tipps, Alias-Definitionen, FAQ für das Sonoff NSPanel mit lovelace UI unter ioBroker
                              https://github.com/joBr99/nspanel-lovelace-ui/wiki

                              Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                              1 Antwort Letzte Antwort
                              0
                              • E eMd

                                Gibt es für die folgende Card eigentlich auch ein Beispiel?

                                Screenshot_2024-01-24-15-57-42-696_com.android.chrome-edit.jpg

                                MfG
                                eMd

                                ArmilarA Offline
                                ArmilarA Offline
                                Armilar
                                Most Active Forum Testing
                                schrieb am zuletzt editiert von Armilar
                                #5102

                                @emd sagte in SONOFF NSPanel mit Lovelace UI:

                                Gibt es für die folgende Card eigentlich auch ein Beispiel?

                                MfG
                                eMd

                                Suche im Script nach:

                                const Sliders2: number = 0;
                                

                                und ändere die 0 in 1 um.

                                Funktioniert aber nur in der DEV TFT

                                FlashNextion http://nspanel.pky.eu/lui.tft
                                

                                Danach ist das Layout der Slider breiter. Ich persönlich finde es nicht so cool - aber Geschmäcker sind ja unterschiedlich :blush:

                                d5dde9bc-feb2-4f03-baf8-4d267190c112-Nextion_Editor_A3PmGwQZPL.gif

                                Ist noch nicht global parametrierbar, daher erstmal mit dem Umbiegen der Konstante für einen Test...

                                Installationsanleitung, Tipps, Alias-Definitionen, FAQ für das Sonoff NSPanel mit lovelace UI unter ioBroker
                                https://github.com/joBr99/nspanel-lovelace-ui/wiki

                                Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                                1 Antwort Letzte Antwort
                                0
                                • Marko1974M Marko1974

                                  @tt-tom @Armilar
                                  Ich hab´s mit euren Tipps hinbekommen. Leider ist alles umgekehrt...Habe einen Schieberegler und wenn ich den auf 0% schiebe, ist die Rollade zu ....auf 100% ist sie auf.

                                  Kann man das vertauschen? ....klar...maxvalue und minvalue vertauschen :-)

                                  Meinte eher darunter eine Anzeige mit Tasten 40% / 50 % / 60%

                                  Und wenn die Rollade oben ist Icon auf grün ....ansonsten auf rot.
                                  Jetzt habe ich Automatisch gelb und rot

                                  Marko1974M Offline
                                  Marko1974M Offline
                                  Marko1974
                                  schrieb am zuletzt editiert von
                                  #5103

                                  @marko1974

                                  ah...der Schieberegler für Rollade 0 - 100% geht und ich habe ihn auch vertauscht.
                                  aber die hoch runter Buttons funktionieren nicht.

                                  Also hier doch mal die Shelly Datenpunkte

                                  rol1.jpg
                                  rol2.jpg
                                  rol3.jpg

                                  ArmilarA 1 Antwort Letzte Antwort
                                  0
                                  • Marko1974M Marko1974

                                    @marko1974

                                    ah...der Schieberegler für Rollade 0 - 100% geht und ich habe ihn auch vertauscht.
                                    aber die hoch runter Buttons funktionieren nicht.

                                    Also hier doch mal die Shelly Datenpunkte

                                    rol1.jpg
                                    rol2.jpg
                                    rol3.jpg

                                    ArmilarA Offline
                                    ArmilarA Offline
                                    Armilar
                                    Most Active Forum Testing
                                    schrieb am zuletzt editiert von Armilar
                                    #5104

                                    @marko1974
                                    6684f6cf-eb61-4951-90a8-e1fa9d29ad74-image.png

                                    liefern alle true --> somit sollte der Alias auf .OPEN und .CLOSE von Haus aus arbeiten...

                                    Was passiert denn, wenn du über die DP's steuerst?

                                    Also

                                    Open, Close und Pause

                                    cfe5cbcb-a083-4229-9e0d-65526e159655-image.png

                                    31679e2f-8357-4a0b-acad-b55471759124-image.png

                                    Installationsanleitung, Tipps, Alias-Definitionen, FAQ für das Sonoff NSPanel mit lovelace UI unter ioBroker
                                    https://github.com/joBr99/nspanel-lovelace-ui/wiki

                                    Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                                    1 Antwort Letzte Antwort
                                    0
                                    • Marko1974M Offline
                                      Marko1974M Offline
                                      Marko1974
                                      schrieb am zuletzt editiert von
                                      #5105

                                      @armilar die funktionieren alle, wenn ich per DP steuere. Die Pfeile auf dem Display sind jedoch ohne Funktion.
                                      Der Schieberegler geht.

                                      ArmilarA 1 Antwort Letzte Antwort
                                      0
                                      • Marko1974M Marko1974

                                        @armilar die funktionieren alle, wenn ich per DP steuere. Die Pfeile auf dem Display sind jedoch ohne Funktion.
                                        Der Schieberegler geht.

                                        ArmilarA Offline
                                        ArmilarA Offline
                                        Armilar
                                        Most Active Forum Testing
                                        schrieb am zuletzt editiert von
                                        #5106

                                        @marko1974

                                        Welche Version des Scriptes hast du?

                                        Installationsanleitung, Tipps, Alias-Definitionen, FAQ für das Sonoff NSPanel mit lovelace UI unter ioBroker
                                        https://github.com/joBr99/nspanel-lovelace-ui/wiki

                                        Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                                        Marko1974M 1 Antwort Letzte Antwort
                                        0
                                        • ArmilarA Armilar

                                          @marko1974

                                          Welche Version des Scriptes hast du?

                                          Marko1974M Offline
                                          Marko1974M Offline
                                          Marko1974
                                          schrieb am zuletzt editiert von
                                          #5107

                                          @armilar TypeScript v4.3.3.33

                                          ArmilarA 1 Antwort Letzte Antwort
                                          0
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          263

                                          Online

                                          32.4k

                                          Benutzer

                                          81.4k

                                          Themen

                                          1.3m

                                          Beiträge
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Anmelden

                                          • Du hast noch kein Konto? Registrieren

                                          • Anmelden oder registrieren, um zu suchen
                                          • Erster Beitrag
                                            Letzter Beitrag
                                          0
                                          • Home
                                          • Aktuell
                                          • Tags
                                          • Ungelesen 0
                                          • Kategorien
                                          • Unreplied
                                          • Beliebt
                                          • GitHub
                                          • Docu
                                          • Hilfe