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.2k

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

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

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.
  • T thomson

    Moin zusammen und ein Frohes neues Jahr!

    Erstmal danke für die guten Erklärungen und Beiträge!
    Habe das Panel nun seit knapp zwei Wochen. Komme leider an ein paar Punkten nicht weiter und benötige Unterstützung :/

    • TFT 46 / v3.7.3 / BerryDriver 8 / Tasmota 12.3.1

    Skript wurde neu geladen -> Screensaver kommt nach 30sek

    2.1.2023, 20:04:36.478	[info ]: javascript.0 (12969) Stop script script.js.common.NSPanels.nspFlur
    2.1.2023, 20:04:36.526	[info ]: javascript.0 (12969) script.js.common.NSPanels.nspFlur: compiling TypeScript source...
    2.1.2023, 20:04:37.469	[info ]: javascript.0 (12969) script.js.common.NSPanels.nspFlur: source code did not change, using cached compilation result...
    2.1.2023, 20:04:37.522	[info ]: javascript.0 (12969) script.js.common.NSPanels.nspFlur: Wetter-Alias existiert bereits
    2.1.2023, 20:04:37.574	[info ]: javascript.0 (12969) script.js.common.NSPanels.nspFlur: registered 20 subscriptions, 7 schedules, 0 messages, 0 logs and 0 file subscriptions
    2.1.2023, 20:04:58.425	[warn ]: javascript.0 (12969)     at HandleScreensaverUpdate (script.js.common.NSPanels.nspFlur:5897:29)
    2.1.2023, 20:04:58.426	[warn ]: javascript.0 (12969)     at HandleScreensaver (script.js.common.NSPanels.nspFlur:5494:5)
    2.1.2023, 20:04:58.426	[warn ]: javascript.0 (12969)     at HandleMessage (script.js.common.NSPanels.nspFlur:2188:21)
    2.1.2023, 20:04:58.426	[warn ]: javascript.0 (12969)     at Object.<anonymous> (script.js.common.NSPanels.nspFlur:2125:17)
    2.1.2023, 20:04:58.427	[warn ]: javascript.0 (12969)     at HandleScreensaverUpdate (script.js.common.NSPanels.nspFlur:5904:34)
    2.1.2023, 20:04:58.428	[warn ]: javascript.0 (12969)     at HandleScreensaver (script.js.common.NSPanels.nspFlur:5494:5)
    2.1.2023, 20:04:58.428	[warn ]: javascript.0 (12969)     at HandleMessage (script.js.common.NSPanels.nspFlur:2188:21)
    2.1.2023, 20:04:58.428	[warn ]: javascript.0 (12969)     at Object.<anonymous> (script.js.common.NSPanels.nspFlur:2125:17)
    2.1.2023, 20:04:58.430	[warn ]: javascript.0 (12969)     at HandleScreensaverUpdate (script.js.common.NSPanels.nspFlur:5918:29)
    2.1.2023, 20:04:58.430	[warn ]: javascript.0 (12969)     at HandleScreensaver (script.js.common.NSPanels.nspFlur:5494:5)
    2.1.2023, 20:04:58.430	[warn ]: javascript.0 (12969)     at HandleMessage (script.js.common.NSPanels.nspFlur:2188:21)
    2.1.2023, 20:04:58.430	[warn ]: javascript.0 (12969)     at Object.<anonymous> (script.js.common.NSPanels.nspFlur:2125:17)
    2.1.2023, 20:04:58.432	[warn ]: javascript.0 (12969)     at HandleScreensaverUpdate (script.js.common.NSPanels.nspFlur:5925:34)
    2.1.2023, 20:04:58.432	[warn ]: javascript.0 (12969)     at HandleScreensaver (script.js.common.NSPanels.nspFlur:5494:5)
    2.1.2023, 20:04:58.432	[warn ]: javascript.0 (12969)     at HandleMessage (script.js.common.NSPanels.nspFlur:2188:21)
    2.1.2023, 20:04:58.432	[warn ]: javascript.0 (12969)     at Object.<anonymous> (script.js.common.NSPanels.nspFlur:2125:17)
    2.1.2023, 20:05:00.012	[warn ]: javascript.0 (12969)     at HandleScreensaverUpdate (script.js.common.NSPanels.nspFlur:5897:29)
    2.1.2023, 20:05:00.012	[warn ]: javascript.0 (12969)     at Object.<anonymous> (script.js.common.NSPanels.nspFlur:1231:9)
    


    Bin wie in der Anleitung vorgegangen. Die Seite kann ich aufrufen aber es sind keine Daten unter SSID/Passwort/QR-Code

    var WLAN: PageQR = 
    {
        "type": "cardQR",
        "heading": "Gäste WLAN",
        "useColor": true,
        "subPage": true,
        "parent": Service,
        "items": [
    		<PageItem>{ id: "alias.0.NSPanel.WLAN_Guest" }
    	
    	]
    };
    

    98ca9163-ca35-4585-bb6f-d0b88489d011-image.png


    Nutzt die Thermostet von HM (kein IP)
    Wenn ich wie in der Anleitung beschrieben neue zustände wie AUTOMATIC hinzufüge, wird der Geräte Manager schwarz und lädt das eingetragenen Gerät nicht mehr. Ein späteres öffnen führt zu dem selben fehler. Die anderen Geräte lassen sich weiter anzeigen

    let Thermo: PageThermo =
    {
        "type": "cardThermo",
        "heading": "Thermostat",
        "useColor": true,
        "subPage": true,
        "parent": Umwelt,
         "items": [
             <PageItem>{ id: "alias.0.NSPanel.Klima.HeizungFlur", minValue: 50, maxValue: 300 }
         ]
    };
    

    2.PNG

    • Kann ich als Hintergrund Bilder / Farbverläufe oder ähnliches einstellen?

    • Ist es möglich als Infotext eine Ausgabe zu bekommen welche Fenster geöffnet sind? Was ggf. ja mehrere sein können

    Vielen Dank

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

    @thomson sagte in SONOFF NSPanel mit Lovelace UI:

    Nutzt die Thermostet von HM (kein IP)
    Wenn ich wie in der Anleitung beschrieben neue zustände wie AUTOMATIC hinzufüge, wird der Geräte Manager schwarz und lädt das eingetragenen Gerät nicht mehr. Ein späteres öffnen führt zu dem selben fehler. Die anderen Geräte lassen sich weiter anzeigen

    Willkommen und Frohes Neues Jahr 2023

    Nutzt die Thermostet von HM (kein IP)
    Wenn ich wie in der Anleitung beschrieben neue zustände wie AUTOMATIC hinzufüge, wird der Geräte Manager schwarz und lädt das eingetragenen Gerät nicht mehr. Ein späteres öffnen führt zu dem selben fehler. Die anderen Geräte lassen sich weiter anzeigen

    Haben seit der letzten Version eine Verschiebung in den Bezeichnern beim Thermostaten. Hotfix kommt morgen/übermorgen.

    Die HM (nicht IP) sind etwas speziell zwischen Mode und Automatic, etc. Wir hatten den Punkt erst vor Kurzem. Da muss erst ein wenig in der 0_userdata virtualisiert und emuliert werden, bevor die funktionieren. Versuche das Beispiel nach dem Hotfix mal aufzugreifen...

    Kann ich als Hintergrund Bilder / Farbverläufe oder ähnliches einstellen?

    Du kannst die Hintergrundfarbe verändern und du kannst die "meisten" Vordergrundfarben in den Konstanten oben im Script verändern. Farbverläufe sind nicht möglich.

    Ist es möglich als Infotext eine Ausgabe zu bekommen welche Fenster geöffnet sind? Was ggf. ja mehrere sein können

    Natürlich: Über ein separates Script (Blockly/JS) ermittelst du generisch die geöffneten Fenster (Gibt im Forum massenhaft Beispiele). Zum Zeitpunkt deiner Wahl überträgst du die Info dann an eine der folgenden Info-Dialoge im NSPanel:

    Du kannst dazu die ScreensaverNotify
    https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker---FAQ-&-Anleitungen#3-info-screensaver-info-auf-request

    oder die popUp Notify nutzen...
    https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-Card-Definitionen-(Seiten)#popupnotify

    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
    • K Kuckuckmann

      @thomson
      Huhu,

      willkommen :-)

      In Bezug auf die QR-Code WLAN Page: Du hast den Wert in den Namen des Objektes geschrieben.
      Nimm die Zeichenkette da raus und setze den Namen "WLAN_Guest", damit passt es schon zu Deinem PageItem.
      Speichere das nu ab und füge die Zeichenkette bei Wert ein. Danach hast du schon mal weniger Fehler und die Seite wird gehen.

      Für die CardThermo benötigen wir den Meister diese Threads @Armilar. Ich kann da leider nicht behilflich sein.

      Zu deinen Fragen:

      • Hintergrundbilder und Farbverläufe gehen nicht. Wenn dann Uni-Farben und das auch nur limitiert wie auf dem Screensaver.
      • Da kann man was machen, sei es über ein Blockly/Skript und z.B. einen Infopupup (Dazu gerne mal in der Wiki schauen) oder ggf. mit einer Neuerung, an deren Dokumentation wir gerade arbeiten. Vlt. da noch ein paar tage Geduld haben ;-)
        Evtl. hat @Armilar da auch noch einen guten Tipp, oder kann mich korrigieren, wenn ich falsch liege :-D

      LG

      T Offline
      T Offline
      thomson
      schrieb am zuletzt editiert von
      #1481

      @kuckuckmann said in SONOFF NSPanel mit Lovelace UI:

      In Bezug auf die QR-Code WLAN Page: Du hast den Wert in den Namen des Objektes geschrieben.
      Nimm die Zeichenkette da raus und setze den Namen "WLAN_Guest", damit passt es schon zu Deinem PageItem.
      Speichere das nu ab und füge die Zeichenkette bei Wert ein. Danach hast du schon mal weniger Fehler und die Seite wird gehen

      Super das hat geklappt und verstanden... Blöder Fehler.....
      Dankeschön!

      1 Antwort Letzte Antwort
      0
      • ArmilarA Armilar

        @thomson sagte in SONOFF NSPanel mit Lovelace UI:

        Nutzt die Thermostet von HM (kein IP)
        Wenn ich wie in der Anleitung beschrieben neue zustände wie AUTOMATIC hinzufüge, wird der Geräte Manager schwarz und lädt das eingetragenen Gerät nicht mehr. Ein späteres öffnen führt zu dem selben fehler. Die anderen Geräte lassen sich weiter anzeigen

        Willkommen und Frohes Neues Jahr 2023

        Nutzt die Thermostet von HM (kein IP)
        Wenn ich wie in der Anleitung beschrieben neue zustände wie AUTOMATIC hinzufüge, wird der Geräte Manager schwarz und lädt das eingetragenen Gerät nicht mehr. Ein späteres öffnen führt zu dem selben fehler. Die anderen Geräte lassen sich weiter anzeigen

        Haben seit der letzten Version eine Verschiebung in den Bezeichnern beim Thermostaten. Hotfix kommt morgen/übermorgen.

        Die HM (nicht IP) sind etwas speziell zwischen Mode und Automatic, etc. Wir hatten den Punkt erst vor Kurzem. Da muss erst ein wenig in der 0_userdata virtualisiert und emuliert werden, bevor die funktionieren. Versuche das Beispiel nach dem Hotfix mal aufzugreifen...

        Kann ich als Hintergrund Bilder / Farbverläufe oder ähnliches einstellen?

        Du kannst die Hintergrundfarbe verändern und du kannst die "meisten" Vordergrundfarben in den Konstanten oben im Script verändern. Farbverläufe sind nicht möglich.

        Ist es möglich als Infotext eine Ausgabe zu bekommen welche Fenster geöffnet sind? Was ggf. ja mehrere sein können

        Natürlich: Über ein separates Script (Blockly/JS) ermittelst du generisch die geöffneten Fenster (Gibt im Forum massenhaft Beispiele). Zum Zeitpunkt deiner Wahl überträgst du die Info dann an eine der folgenden Info-Dialoge im NSPanel:

        Du kannst dazu die ScreensaverNotify
        https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker---FAQ-&-Anleitungen#3-info-screensaver-info-auf-request

        oder die popUp Notify nutzen...
        https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-Card-Definitionen-(Seiten)#popupnotify

        T Offline
        T Offline
        thomson
        schrieb am zuletzt editiert von
        #1482

        @armilar Danke für die schnelle Antwort. Werde ich machen. Besten Dank :)

        ArmilarA 1 Antwort Letzte Antwort
        0
        • T thomson

          @armilar Danke für die schnelle Antwort. Werde ich machen. Besten Dank :)

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

          @thomson

          Gibt es aktuell noch Warnung im Log?

          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

            @thomson

            Gibt es aktuell noch Warnung im Log?

            T Offline
            T Offline
            thomson
            schrieb am zuletzt editiert von
            #1484

            @armilar

            Japp da ist noch einiges drin

            3.1.2023, 13:08:20.643	[warn ]: javascript.0 (12969)     at HandleScreensaverUpdate (script.js.common.NSPanels.nspFlur:5897:29)
            3.1.2023, 13:08:20.644	[warn ]: javascript.0 (12969)     at HandleScreensaver (script.js.common.NSPanels.nspFlur:5494:5)
            3.1.2023, 13:08:20.644	[warn ]: javascript.0 (12969)     at HandleMessage (script.js.common.NSPanels.nspFlur:2188:21)
            3.1.2023, 13:08:20.644	[warn ]: javascript.0 (12969)     at Object.<anonymous> (script.js.common.NSPanels.nspFlur:2125:17)
            3.1.2023, 13:08:20.648	[warn ]: javascript.0 (12969)     at HandleScreensaverUpdate (script.js.common.NSPanels.nspFlur:5904:34)
            3.1.2023, 13:08:20.648	[warn ]: javascript.0 (12969)     at HandleScreensaver (script.js.common.NSPanels.nspFlur:5494:5)
            3.1.2023, 13:08:20.648	[warn ]: javascript.0 (12969)     at HandleMessage (script.js.common.NSPanels.nspFlur:2188:21)
            3.1.2023, 13:08:20.648	[warn ]: javascript.0 (12969)     at Object.<anonymous> (script.js.common.NSPanels.nspFlur:2125:17)
            3.1.2023, 13:08:20.651	[warn ]: javascript.0 (12969)     at HandleScreensaverUpdate (script.js.common.NSPanels.nspFlur:5918:29)
            3.1.2023, 13:08:20.652	[warn ]: javascript.0 (12969)     at HandleScreensaver (script.js.common.NSPanels.nspFlur:5494:5)
            3.1.2023, 13:08:20.652	[warn ]: javascript.0 (12969)     at HandleMessage (script.js.common.NSPanels.nspFlur:2188:21)
            3.1.2023, 13:08:20.652	[warn ]: javascript.0 (12969)     at Object.<anonymous> (script.js.common.NSPanels.nspFlur:2125:17)
            3.1.2023, 13:08:20.655	[warn ]: javascript.0 (12969)     at HandleScreensaverUpdate (script.js.common.NSPanels.nspFlur:5925:34)
            3.1.2023, 13:08:20.655	[warn ]: javascript.0 (12969)     at HandleScreensaver (script.js.common.NSPanels.nspFlur:5494:5)
            3.1.2023, 13:08:20.655	[warn ]: javascript.0 (12969)     at HandleMessage (script.js.common.NSPanels.nspFlur:2188:21)
            3.1.2023, 13:08:20.655	[warn ]: javascript.0 (12969)     at Object.<anonymous> (script.js.common.NSPanels.nspFlur:2125:17)
            
            ArmilarA 1 Antwort Letzte Antwort
            0
            • T thomson

              @armilar

              Japp da ist noch einiges drin

              3.1.2023, 13:08:20.643	[warn ]: javascript.0 (12969)     at HandleScreensaverUpdate (script.js.common.NSPanels.nspFlur:5897:29)
              3.1.2023, 13:08:20.644	[warn ]: javascript.0 (12969)     at HandleScreensaver (script.js.common.NSPanels.nspFlur:5494:5)
              3.1.2023, 13:08:20.644	[warn ]: javascript.0 (12969)     at HandleMessage (script.js.common.NSPanels.nspFlur:2188:21)
              3.1.2023, 13:08:20.644	[warn ]: javascript.0 (12969)     at Object.<anonymous> (script.js.common.NSPanels.nspFlur:2125:17)
              3.1.2023, 13:08:20.648	[warn ]: javascript.0 (12969)     at HandleScreensaverUpdate (script.js.common.NSPanels.nspFlur:5904:34)
              3.1.2023, 13:08:20.648	[warn ]: javascript.0 (12969)     at HandleScreensaver (script.js.common.NSPanels.nspFlur:5494:5)
              3.1.2023, 13:08:20.648	[warn ]: javascript.0 (12969)     at HandleMessage (script.js.common.NSPanels.nspFlur:2188:21)
              3.1.2023, 13:08:20.648	[warn ]: javascript.0 (12969)     at Object.<anonymous> (script.js.common.NSPanels.nspFlur:2125:17)
              3.1.2023, 13:08:20.651	[warn ]: javascript.0 (12969)     at HandleScreensaverUpdate (script.js.common.NSPanels.nspFlur:5918:29)
              3.1.2023, 13:08:20.652	[warn ]: javascript.0 (12969)     at HandleScreensaver (script.js.common.NSPanels.nspFlur:5494:5)
              3.1.2023, 13:08:20.652	[warn ]: javascript.0 (12969)     at HandleMessage (script.js.common.NSPanels.nspFlur:2188:21)
              3.1.2023, 13:08:20.652	[warn ]: javascript.0 (12969)     at Object.<anonymous> (script.js.common.NSPanels.nspFlur:2125:17)
              3.1.2023, 13:08:20.655	[warn ]: javascript.0 (12969)     at HandleScreensaverUpdate (script.js.common.NSPanels.nspFlur:5925:34)
              3.1.2023, 13:08:20.655	[warn ]: javascript.0 (12969)     at HandleScreensaver (script.js.common.NSPanels.nspFlur:5494:5)
              3.1.2023, 13:08:20.655	[warn ]: javascript.0 (12969)     at HandleMessage (script.js.common.NSPanels.nspFlur:2188:21)
              3.1.2023, 13:08:20.655	[warn ]: javascript.0 (12969)     at Object.<anonymous> (script.js.common.NSPanels.nspFlur:2125:17)
              
              ArmilarA Offline
              ArmilarA Offline
              Armilar
              Most Active Forum Testing
              schrieb am zuletzt editiert von
              #1485

              @thomson

              Ist das Panel per http: mit Passwort gesichert?

              adee636e-44c3-401b-8e1f-f569b14b12fe-image.png

              Falls ja, dann deaktivieren

              Poste mal kurz deine Config

              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
              1
              • ArmilarA Armilar

                @thomson

                Ist das Panel per http: mit Passwort gesichert?

                adee636e-44c3-401b-8e1f-f569b14b12fe-image.png

                Falls ja, dann deaktivieren

                Poste mal kurz deine Config

                T Offline
                T Offline
                thomson
                schrieb am zuletzt editiert von
                #1486

                @armilar

                3e1c1afb-e933-4fc7-bda7-c795b9d6be67-image.png

                //-- Anfang der Beispiele für Seitengestaltung -- Selbstdefinierte Aliase erforderlich ----------------
                
                let Licht: PageGrid =
                {
                   "type": "cardGrid",
                   "heading": "Lichtsteuerung",
                   "useColor": true,
                   "subPage": false,
                   "parent": undefined,
                   "items": [
                       <PageItem>{ id: "alias.0.NSPanel.Licht.Spot_Flur", name: "Flur Spots",icon:"light-recessed", interpolateColor: true},
                       <PageItem>{ id: "alias.0.NSPanel.Licht.Flurlicht_oben", name: "Flur DG",icon:"light-recessed", interpolateColor: true},
                       <PageItem>{ id: "alias.0.NSPanel.Licht.Wandlampe", name: "Wandlampe",icon:"wall-sconce-outline", interpolateColor: true},
                        <PageItem>{ navigate: true, id: "Aussenlicht", icon: "coach-lamp-variant", onColor: White, name: "Außen"}, 
                   ]
                };
                
                var Umwelt: PageGrid =
                {
                   "type": "cardGrid",
                   "heading": "Umwelt",
                   "useColor": true,
                   "subPage": false,
                   "parent": undefined,
                   "items": [
                       <PageItem>{ id: "alias.0.NSPanel.Rolladen.Flur_Rolladen", name: "Jalousie", interpolateColor: true},
                       <PageItem>{ navigate: true, id: "Thermo", icon: "home-thermometer", onColor: White, name: "Thermostat"},
                       <PageItem>{ id: "alias.0.NSPanel.Klima.Infrarotheizung", icon: "heating-coil", icon2: "power",offColor: MSRed, onColor: MSGreen}
                   ]
                };
                
                
                
                
                //*************************Sub Pages*****************************************
                let Thermo: PageThermo =
                {
                   "type": "cardThermo",
                   "heading": "Thermostat",
                   "useColor": true,
                   "subPage": true,
                   "parent": Umwelt,
                    "items": [
                        <PageItem>{ id: "alias.0.NSPanel.Klima.HeizungFlur", minValue: 50, maxValue: 300 }
                    ]
                };
                
                
                var Aussenlicht: PageGrid =
                {
                   "type": "cardGrid",
                   "heading": "Außenlicht",
                   "useColor": true,
                   "subPage": true,
                   "parent": Licht,
                   "items": [
                   <PageItem>{ id: "alias.0.NSPanel.Licht.Haustuerlampe", name: "Haustür",icon: "coach-lamp-variant", interpolateColor: true},
                   <PageItem>{ id: "alias.0.NSPanel.Licht.SpotTuer", name: "Tür",icon:"light-recessed", interpolateColor: true},
                   <PageItem>{ id: "alias.0.NSPanel.Licht.SpotStr", name: "Straße",icon:"light-recessed", interpolateColor: true},
                   <PageItem>{ id: "alias.0.NSPanel.Licht.SpotHinten", name: "Hinten", icon:"light-recessed",interpolateColor: true },
                   ]
                };
                
                var WLAN: PageQR = 
                {
                   "type": "cardQR",
                   "heading": "Gäste WLAN",
                   "useColor": true,
                   "subPage": true,
                   "parent": Service,
                   "items": [
                   	<PageItem>{ id: "alias.0.NSPanel.WLAN_Guest" }
                   
                   ]
                };
                
                // <PageItem>{ id: "alias.0.NSPanel.Verschluss.FlurTuer", offColor: MSRed, onColor: MSGreen, name: "Flur" },
                //-- ENDE der Beispiele für Seitengestaltung -- Selbstdefinierte Aliase erforderlich ------------------
                
                
                /********************************************************************************************************** */
                //Service Pages mit Auto-Alias (Nachfolgende Seiten werden mit Alias automatisch angelegt)
                /********************************************************************************************************** */
                
                var Service: PageEntities =
                {
                   "type": "cardEntities",
                   "heading": "NSPanel Service",
                   "useColor": true,
                   "subPage": false,
                   "parent": undefined, 
                   "items": [
                       <PageItem>{ navigate: true, id: "NSPanel_Infos", icon: "information-outline", onColor: White, name: "NSPanel Infos"},
                       <PageItem>{ navigate: true, id: "NSPanel_Firmware_Info", icon: "update", onColor: White, name: "Firmware Infos"},
                       <PageItem>{ navigate: true, id: "WLAN", icon: "update", onColor: White, name: "Gäste WLAN"},
                   ]
                };
                
                       //Subpage 1 von Subpages_2
                       let NSPanel_Infos: PageEntities =
                       {
                           "type": "cardEntities",
                           "heading": "NSPanel Infos",
                           "useColor": true,
                           "subPage": true,
                           "parent": Service,
                           "items": [
                               <PageItem>{ id: AliasPath + 'Tasmota.Hardware', name: 'Hardware', icon: 'memory', offColor: MSYellow, onColor: MSYellow, useColor: true},
                               <PageItem>{ id: AliasPath + 'Sensor.ESP32.Temperature', name: "ESP Temperatur", icon: "thermometer", unit: "°C", offColor: MSYellow, onColor: MSYellow, useColor: true},
                               <PageItem>{ id: AliasPath + 'Tasmota.Uptime', name: "Uptime", icon: "timeline-clock-outline", offColor: MSYellow, onColor: MSYellow, useColor: true},
                               <PageItem>{ id: AliasPath + 'Tasmota.Wifi.RSSI', name: "Wifi-Signal", icon: "signal-distance-variant", unit: "dBm", offColor: MSYellow, onColor: MSYellow, useColor: true}
                           ]
                       };
                /*
                       //+Subpage 2 von Subpages_2
                       let NSPanel_Einstellungen: PageEntities =
                       {
                           'type': 'cardEntities',
                           'heading': 'Screensaver',
                           'useColor': true,
                           'subPage': true,
                           'parent': Service,
                           'items': [
                               <PageItem>{ id: AliasPath + 'Dimmode.brightnessDay', name: 'Brightness Tag', icon: 'brightness-5', offColor: MSYellow, onColor: MSYellow, useColor: true, minValue: 5, maxValue: 10},
                               <PageItem>{ id: AliasPath + 'Dimmode.brightnessNight', name: 'Brightness Nacht', icon: 'brightness-4', offColor: MSYellow, onColor: MSYellow, useColor: true, minValue: 0, maxValue: 4},
                               <PageItem>{ id: AliasPath + 'Dimmode.hourDay', name: 'Stunde Tag', icon: 'sun-clock', offColor: MSYellow, onColor: MSYellow, useColor: true, minValue: 0, maxValue: 23},
                               <PageItem>{ id: AliasPath + 'Dimmode.hourNight', name: 'Stunde Nacht', icon: 'sun-clock-outline', offColor: MSYellow, onColor: MSYellow, useColor: true, minValue: 0, maxValue: 23}
                           ]
                       };*/
                
                       //Subpage 3 von Subpages_2
                       let NSPanel_Firmware_Info: PageEntities =
                       {
                           'type': 'cardEntities',
                           'heading': 'Firmware-Updates',
                           'useColor': true,
                           'subPage': true,
                           'parent': Service,
                           'items': [
                               <PageItem>{ id: AliasPath + 'Tasmota.Version', name: 'Tasmota Firmware', offColor: MSYellow, onColor: MSYellow, useColor: true},
                               <PageItem>{ id: AliasPath + 'Display.TFTVersion', name: 'TFT-Firmware', offColor: MSYellow, onColor: MSYellow, useColor: true},
                               <PageItem>{ id: AliasPath + 'Display.BerryDriver', name: 'Berry-Treiber', offColor: MSYellow, onColor: MSYellow, useColor: true},
                               <PageItem>{ id: AliasPath + 'Display.Model', name: 'NSPanel Version', offColor: MSYellow, onColor: MSYellow, useColor: true}
                           ]
                       };
                
                export const config: Config = {
                    panelRecvTopic: 'mqtt.0.SmartHome.nspanel_D3D77C.tele.RESULT',       // anpassen
                   panelSendTopic: 'mqtt.0.SmartHome.nspanel_D3D77C.cmnd.CustomSend',   // anpassen
                   firstScreensaverEntity: { ScreensaverEntity: 'accuweather.0.Hourly.h0.PrecipitationProbability', ScreensaverEntityIcon: 'weather-pouring', ScreensaverEntityText: 'Regen', ScreensaverEntityUnitText: '%', ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 100} },
                   secondScreensaverEntity: { ScreensaverEntity: 'accuweather.0.Current.WindSpeed', ScreensaverEntityIcon: 'weather-windy', ScreensaverEntityText: "Wind", ScreensaverEntityUnitText: 'km/h', ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 120} },
                   //secondScreensaverEntity: { ScreensaverEntity: 'accuweather.0.Current.WindSpeed', ScreensaverEntityIcon: 'weather-windy', ScreensaverEntityText: "Wind", ScreensaverEntityUnitText: 'km/h', ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 120} },
                   thirdScreensaverEntity: { ScreensaverEntity: 'accuweather.0.Current.UVIndex', ScreensaverEntityIcon: 'solar-power', ScreensaverEntityText: 'UV', ScreensaverEntityUnitText: '', ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 9} },
                   fourthScreensaverEntity: { ScreensaverEntity: 'accuweather.0.Current.RelativeHumidity', ScreensaverEntityIcon: 'water-percent', ScreensaverEntityText: 'Luft', ScreensaverEntityUnitText: '%', ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 100, 'val_best': 65} },
                   alternativeScreensaverLayout: false,
                   autoWeatherColorScreensaverLayout: true,
                   mrIcon1ScreensaverEntity: { ScreensaverEntity: 'mqtt.0.SmartHome.NSPanel_1.stat.POWER1', ScreensaverEntityIcon: 'light-switch', ScreensaverEntityOnColor: On, ScreensaverEntityOffColor: HMIOff  },
                   mrIcon2ScreensaverEntity: { ScreensaverEntity: 'mqtt.0.SmartHome.NSPanel_1.stat.POWER2', ScreensaverEntityIcon: 'lightbulb', ScreensaverEntityOnColor: On, ScreensaverEntityOffColor: HMIOff  },
                   timeoutScreensaver: 20,
                   screenSaverDoubleClick: true,
                   locale: 'de-DE',                    // en-US, de-DE, nl-NL, da-DK, es-ES, fr-FR, it-IT, ru-RU, etc.
                   weatherEntity: 'alias.0.Wetter',    // Dieser Alias muss erstellt werden, damit die 4 kleineren Icons (Wetter oder DP) angezeigt werden können
                   defaultOffColor: Off,
                   defaultOnColor: On,
                   defaultColor: Off,
                   defaultBackgroundColor: HMIDark,    //New Parameter
                   temperatureUnit: '°C',
                   pages: [
                   		Licht,                //Lichtsteuerung Flur
                           Umwelt,
                           Service             //Auto-Alias Service Page
                   ],
                   subPages: [
                               
                               NSPanel_Infos,              //Auto-Alias Service Page
                              // NSPanel_Einstellungen,      //Auto-Alias Service Page
                               NSPanel_Firmware_Info,       //Auto-Alias Service Page
                               Thermo,
                               WLAN,
                               Aussenlicht
                   ],
                   button1Page: null,   //Beispiel-Seite auf Button 1, wenn Rule2 definiert - Wenn nicht definiert --> button1Page: null, 
                   button2Page: null    //Beispiel-Seite auf Button 2, wenn Rule2 definiert - Wenn nicht definiert --> button1Page: null,
                };
                
                // _________________________________ Ab hier keine Konfiguration mehr _____________________________________
                
                

                ArmilarA 2 Antworten Letzte Antwort
                0
                • T thomson

                  @armilar

                  3e1c1afb-e933-4fc7-bda7-c795b9d6be67-image.png

                  //-- Anfang der Beispiele für Seitengestaltung -- Selbstdefinierte Aliase erforderlich ----------------
                  
                  let Licht: PageGrid =
                  {
                     "type": "cardGrid",
                     "heading": "Lichtsteuerung",
                     "useColor": true,
                     "subPage": false,
                     "parent": undefined,
                     "items": [
                         <PageItem>{ id: "alias.0.NSPanel.Licht.Spot_Flur", name: "Flur Spots",icon:"light-recessed", interpolateColor: true},
                         <PageItem>{ id: "alias.0.NSPanel.Licht.Flurlicht_oben", name: "Flur DG",icon:"light-recessed", interpolateColor: true},
                         <PageItem>{ id: "alias.0.NSPanel.Licht.Wandlampe", name: "Wandlampe",icon:"wall-sconce-outline", interpolateColor: true},
                          <PageItem>{ navigate: true, id: "Aussenlicht", icon: "coach-lamp-variant", onColor: White, name: "Außen"}, 
                     ]
                  };
                  
                  var Umwelt: PageGrid =
                  {
                     "type": "cardGrid",
                     "heading": "Umwelt",
                     "useColor": true,
                     "subPage": false,
                     "parent": undefined,
                     "items": [
                         <PageItem>{ id: "alias.0.NSPanel.Rolladen.Flur_Rolladen", name: "Jalousie", interpolateColor: true},
                         <PageItem>{ navigate: true, id: "Thermo", icon: "home-thermometer", onColor: White, name: "Thermostat"},
                         <PageItem>{ id: "alias.0.NSPanel.Klima.Infrarotheizung", icon: "heating-coil", icon2: "power",offColor: MSRed, onColor: MSGreen}
                     ]
                  };
                  
                  
                  
                  
                  //*************************Sub Pages*****************************************
                  let Thermo: PageThermo =
                  {
                     "type": "cardThermo",
                     "heading": "Thermostat",
                     "useColor": true,
                     "subPage": true,
                     "parent": Umwelt,
                      "items": [
                          <PageItem>{ id: "alias.0.NSPanel.Klima.HeizungFlur", minValue: 50, maxValue: 300 }
                      ]
                  };
                  
                  
                  var Aussenlicht: PageGrid =
                  {
                     "type": "cardGrid",
                     "heading": "Außenlicht",
                     "useColor": true,
                     "subPage": true,
                     "parent": Licht,
                     "items": [
                     <PageItem>{ id: "alias.0.NSPanel.Licht.Haustuerlampe", name: "Haustür",icon: "coach-lamp-variant", interpolateColor: true},
                     <PageItem>{ id: "alias.0.NSPanel.Licht.SpotTuer", name: "Tür",icon:"light-recessed", interpolateColor: true},
                     <PageItem>{ id: "alias.0.NSPanel.Licht.SpotStr", name: "Straße",icon:"light-recessed", interpolateColor: true},
                     <PageItem>{ id: "alias.0.NSPanel.Licht.SpotHinten", name: "Hinten", icon:"light-recessed",interpolateColor: true },
                     ]
                  };
                  
                  var WLAN: PageQR = 
                  {
                     "type": "cardQR",
                     "heading": "Gäste WLAN",
                     "useColor": true,
                     "subPage": true,
                     "parent": Service,
                     "items": [
                     	<PageItem>{ id: "alias.0.NSPanel.WLAN_Guest" }
                     
                     ]
                  };
                  
                  // <PageItem>{ id: "alias.0.NSPanel.Verschluss.FlurTuer", offColor: MSRed, onColor: MSGreen, name: "Flur" },
                  //-- ENDE der Beispiele für Seitengestaltung -- Selbstdefinierte Aliase erforderlich ------------------
                  
                  
                  /********************************************************************************************************** */
                  //Service Pages mit Auto-Alias (Nachfolgende Seiten werden mit Alias automatisch angelegt)
                  /********************************************************************************************************** */
                  
                  var Service: PageEntities =
                  {
                     "type": "cardEntities",
                     "heading": "NSPanel Service",
                     "useColor": true,
                     "subPage": false,
                     "parent": undefined, 
                     "items": [
                         <PageItem>{ navigate: true, id: "NSPanel_Infos", icon: "information-outline", onColor: White, name: "NSPanel Infos"},
                         <PageItem>{ navigate: true, id: "NSPanel_Firmware_Info", icon: "update", onColor: White, name: "Firmware Infos"},
                         <PageItem>{ navigate: true, id: "WLAN", icon: "update", onColor: White, name: "Gäste WLAN"},
                     ]
                  };
                  
                         //Subpage 1 von Subpages_2
                         let NSPanel_Infos: PageEntities =
                         {
                             "type": "cardEntities",
                             "heading": "NSPanel Infos",
                             "useColor": true,
                             "subPage": true,
                             "parent": Service,
                             "items": [
                                 <PageItem>{ id: AliasPath + 'Tasmota.Hardware', name: 'Hardware', icon: 'memory', offColor: MSYellow, onColor: MSYellow, useColor: true},
                                 <PageItem>{ id: AliasPath + 'Sensor.ESP32.Temperature', name: "ESP Temperatur", icon: "thermometer", unit: "°C", offColor: MSYellow, onColor: MSYellow, useColor: true},
                                 <PageItem>{ id: AliasPath + 'Tasmota.Uptime', name: "Uptime", icon: "timeline-clock-outline", offColor: MSYellow, onColor: MSYellow, useColor: true},
                                 <PageItem>{ id: AliasPath + 'Tasmota.Wifi.RSSI', name: "Wifi-Signal", icon: "signal-distance-variant", unit: "dBm", offColor: MSYellow, onColor: MSYellow, useColor: true}
                             ]
                         };
                  /*
                         //+Subpage 2 von Subpages_2
                         let NSPanel_Einstellungen: PageEntities =
                         {
                             'type': 'cardEntities',
                             'heading': 'Screensaver',
                             'useColor': true,
                             'subPage': true,
                             'parent': Service,
                             'items': [
                                 <PageItem>{ id: AliasPath + 'Dimmode.brightnessDay', name: 'Brightness Tag', icon: 'brightness-5', offColor: MSYellow, onColor: MSYellow, useColor: true, minValue: 5, maxValue: 10},
                                 <PageItem>{ id: AliasPath + 'Dimmode.brightnessNight', name: 'Brightness Nacht', icon: 'brightness-4', offColor: MSYellow, onColor: MSYellow, useColor: true, minValue: 0, maxValue: 4},
                                 <PageItem>{ id: AliasPath + 'Dimmode.hourDay', name: 'Stunde Tag', icon: 'sun-clock', offColor: MSYellow, onColor: MSYellow, useColor: true, minValue: 0, maxValue: 23},
                                 <PageItem>{ id: AliasPath + 'Dimmode.hourNight', name: 'Stunde Nacht', icon: 'sun-clock-outline', offColor: MSYellow, onColor: MSYellow, useColor: true, minValue: 0, maxValue: 23}
                             ]
                         };*/
                  
                         //Subpage 3 von Subpages_2
                         let NSPanel_Firmware_Info: PageEntities =
                         {
                             'type': 'cardEntities',
                             'heading': 'Firmware-Updates',
                             'useColor': true,
                             'subPage': true,
                             'parent': Service,
                             'items': [
                                 <PageItem>{ id: AliasPath + 'Tasmota.Version', name: 'Tasmota Firmware', offColor: MSYellow, onColor: MSYellow, useColor: true},
                                 <PageItem>{ id: AliasPath + 'Display.TFTVersion', name: 'TFT-Firmware', offColor: MSYellow, onColor: MSYellow, useColor: true},
                                 <PageItem>{ id: AliasPath + 'Display.BerryDriver', name: 'Berry-Treiber', offColor: MSYellow, onColor: MSYellow, useColor: true},
                                 <PageItem>{ id: AliasPath + 'Display.Model', name: 'NSPanel Version', offColor: MSYellow, onColor: MSYellow, useColor: true}
                             ]
                         };
                  
                  export const config: Config = {
                      panelRecvTopic: 'mqtt.0.SmartHome.nspanel_D3D77C.tele.RESULT',       // anpassen
                     panelSendTopic: 'mqtt.0.SmartHome.nspanel_D3D77C.cmnd.CustomSend',   // anpassen
                     firstScreensaverEntity: { ScreensaverEntity: 'accuweather.0.Hourly.h0.PrecipitationProbability', ScreensaverEntityIcon: 'weather-pouring', ScreensaverEntityText: 'Regen', ScreensaverEntityUnitText: '%', ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 100} },
                     secondScreensaverEntity: { ScreensaverEntity: 'accuweather.0.Current.WindSpeed', ScreensaverEntityIcon: 'weather-windy', ScreensaverEntityText: "Wind", ScreensaverEntityUnitText: 'km/h', ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 120} },
                     //secondScreensaverEntity: { ScreensaverEntity: 'accuweather.0.Current.WindSpeed', ScreensaverEntityIcon: 'weather-windy', ScreensaverEntityText: "Wind", ScreensaverEntityUnitText: 'km/h', ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 120} },
                     thirdScreensaverEntity: { ScreensaverEntity: 'accuweather.0.Current.UVIndex', ScreensaverEntityIcon: 'solar-power', ScreensaverEntityText: 'UV', ScreensaverEntityUnitText: '', ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 9} },
                     fourthScreensaverEntity: { ScreensaverEntity: 'accuweather.0.Current.RelativeHumidity', ScreensaverEntityIcon: 'water-percent', ScreensaverEntityText: 'Luft', ScreensaverEntityUnitText: '%', ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 100, 'val_best': 65} },
                     alternativeScreensaverLayout: false,
                     autoWeatherColorScreensaverLayout: true,
                     mrIcon1ScreensaverEntity: { ScreensaverEntity: 'mqtt.0.SmartHome.NSPanel_1.stat.POWER1', ScreensaverEntityIcon: 'light-switch', ScreensaverEntityOnColor: On, ScreensaverEntityOffColor: HMIOff  },
                     mrIcon2ScreensaverEntity: { ScreensaverEntity: 'mqtt.0.SmartHome.NSPanel_1.stat.POWER2', ScreensaverEntityIcon: 'lightbulb', ScreensaverEntityOnColor: On, ScreensaverEntityOffColor: HMIOff  },
                     timeoutScreensaver: 20,
                     screenSaverDoubleClick: true,
                     locale: 'de-DE',                    // en-US, de-DE, nl-NL, da-DK, es-ES, fr-FR, it-IT, ru-RU, etc.
                     weatherEntity: 'alias.0.Wetter',    // Dieser Alias muss erstellt werden, damit die 4 kleineren Icons (Wetter oder DP) angezeigt werden können
                     defaultOffColor: Off,
                     defaultOnColor: On,
                     defaultColor: Off,
                     defaultBackgroundColor: HMIDark,    //New Parameter
                     temperatureUnit: '°C',
                     pages: [
                     		Licht,                //Lichtsteuerung Flur
                             Umwelt,
                             Service             //Auto-Alias Service Page
                     ],
                     subPages: [
                                 
                                 NSPanel_Infos,              //Auto-Alias Service Page
                                // NSPanel_Einstellungen,      //Auto-Alias Service Page
                                 NSPanel_Firmware_Info,       //Auto-Alias Service Page
                                 Thermo,
                                 WLAN,
                                 Aussenlicht
                     ],
                     button1Page: null,   //Beispiel-Seite auf Button 1, wenn Rule2 definiert - Wenn nicht definiert --> button1Page: null, 
                     button2Page: null    //Beispiel-Seite auf Button 2, wenn Rule2 definiert - Wenn nicht definiert --> button1Page: null,
                  };
                  
                  // _________________________________ Ab hier keine Konfiguration mehr _____________________________________
                  
                  

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

                  @thomson

                  Das war nur auf die Frage bezogen, ob ein Passwort gesetzt ist?

                  Nee, die export const config: Config = { aus dem TS-Script würde ich gerne kurz betrachten

                  EDIT: sehe den Spoiler schon... danke

                  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
                  1
                  • T thomson

                    @armilar

                    3e1c1afb-e933-4fc7-bda7-c795b9d6be67-image.png

                    //-- Anfang der Beispiele für Seitengestaltung -- Selbstdefinierte Aliase erforderlich ----------------
                    
                    let Licht: PageGrid =
                    {
                       "type": "cardGrid",
                       "heading": "Lichtsteuerung",
                       "useColor": true,
                       "subPage": false,
                       "parent": undefined,
                       "items": [
                           <PageItem>{ id: "alias.0.NSPanel.Licht.Spot_Flur", name: "Flur Spots",icon:"light-recessed", interpolateColor: true},
                           <PageItem>{ id: "alias.0.NSPanel.Licht.Flurlicht_oben", name: "Flur DG",icon:"light-recessed", interpolateColor: true},
                           <PageItem>{ id: "alias.0.NSPanel.Licht.Wandlampe", name: "Wandlampe",icon:"wall-sconce-outline", interpolateColor: true},
                            <PageItem>{ navigate: true, id: "Aussenlicht", icon: "coach-lamp-variant", onColor: White, name: "Außen"}, 
                       ]
                    };
                    
                    var Umwelt: PageGrid =
                    {
                       "type": "cardGrid",
                       "heading": "Umwelt",
                       "useColor": true,
                       "subPage": false,
                       "parent": undefined,
                       "items": [
                           <PageItem>{ id: "alias.0.NSPanel.Rolladen.Flur_Rolladen", name: "Jalousie", interpolateColor: true},
                           <PageItem>{ navigate: true, id: "Thermo", icon: "home-thermometer", onColor: White, name: "Thermostat"},
                           <PageItem>{ id: "alias.0.NSPanel.Klima.Infrarotheizung", icon: "heating-coil", icon2: "power",offColor: MSRed, onColor: MSGreen}
                       ]
                    };
                    
                    
                    
                    
                    //*************************Sub Pages*****************************************
                    let Thermo: PageThermo =
                    {
                       "type": "cardThermo",
                       "heading": "Thermostat",
                       "useColor": true,
                       "subPage": true,
                       "parent": Umwelt,
                        "items": [
                            <PageItem>{ id: "alias.0.NSPanel.Klima.HeizungFlur", minValue: 50, maxValue: 300 }
                        ]
                    };
                    
                    
                    var Aussenlicht: PageGrid =
                    {
                       "type": "cardGrid",
                       "heading": "Außenlicht",
                       "useColor": true,
                       "subPage": true,
                       "parent": Licht,
                       "items": [
                       <PageItem>{ id: "alias.0.NSPanel.Licht.Haustuerlampe", name: "Haustür",icon: "coach-lamp-variant", interpolateColor: true},
                       <PageItem>{ id: "alias.0.NSPanel.Licht.SpotTuer", name: "Tür",icon:"light-recessed", interpolateColor: true},
                       <PageItem>{ id: "alias.0.NSPanel.Licht.SpotStr", name: "Straße",icon:"light-recessed", interpolateColor: true},
                       <PageItem>{ id: "alias.0.NSPanel.Licht.SpotHinten", name: "Hinten", icon:"light-recessed",interpolateColor: true },
                       ]
                    };
                    
                    var WLAN: PageQR = 
                    {
                       "type": "cardQR",
                       "heading": "Gäste WLAN",
                       "useColor": true,
                       "subPage": true,
                       "parent": Service,
                       "items": [
                       	<PageItem>{ id: "alias.0.NSPanel.WLAN_Guest" }
                       
                       ]
                    };
                    
                    // <PageItem>{ id: "alias.0.NSPanel.Verschluss.FlurTuer", offColor: MSRed, onColor: MSGreen, name: "Flur" },
                    //-- ENDE der Beispiele für Seitengestaltung -- Selbstdefinierte Aliase erforderlich ------------------
                    
                    
                    /********************************************************************************************************** */
                    //Service Pages mit Auto-Alias (Nachfolgende Seiten werden mit Alias automatisch angelegt)
                    /********************************************************************************************************** */
                    
                    var Service: PageEntities =
                    {
                       "type": "cardEntities",
                       "heading": "NSPanel Service",
                       "useColor": true,
                       "subPage": false,
                       "parent": undefined, 
                       "items": [
                           <PageItem>{ navigate: true, id: "NSPanel_Infos", icon: "information-outline", onColor: White, name: "NSPanel Infos"},
                           <PageItem>{ navigate: true, id: "NSPanel_Firmware_Info", icon: "update", onColor: White, name: "Firmware Infos"},
                           <PageItem>{ navigate: true, id: "WLAN", icon: "update", onColor: White, name: "Gäste WLAN"},
                       ]
                    };
                    
                           //Subpage 1 von Subpages_2
                           let NSPanel_Infos: PageEntities =
                           {
                               "type": "cardEntities",
                               "heading": "NSPanel Infos",
                               "useColor": true,
                               "subPage": true,
                               "parent": Service,
                               "items": [
                                   <PageItem>{ id: AliasPath + 'Tasmota.Hardware', name: 'Hardware', icon: 'memory', offColor: MSYellow, onColor: MSYellow, useColor: true},
                                   <PageItem>{ id: AliasPath + 'Sensor.ESP32.Temperature', name: "ESP Temperatur", icon: "thermometer", unit: "°C", offColor: MSYellow, onColor: MSYellow, useColor: true},
                                   <PageItem>{ id: AliasPath + 'Tasmota.Uptime', name: "Uptime", icon: "timeline-clock-outline", offColor: MSYellow, onColor: MSYellow, useColor: true},
                                   <PageItem>{ id: AliasPath + 'Tasmota.Wifi.RSSI', name: "Wifi-Signal", icon: "signal-distance-variant", unit: "dBm", offColor: MSYellow, onColor: MSYellow, useColor: true}
                               ]
                           };
                    /*
                           //+Subpage 2 von Subpages_2
                           let NSPanel_Einstellungen: PageEntities =
                           {
                               'type': 'cardEntities',
                               'heading': 'Screensaver',
                               'useColor': true,
                               'subPage': true,
                               'parent': Service,
                               'items': [
                                   <PageItem>{ id: AliasPath + 'Dimmode.brightnessDay', name: 'Brightness Tag', icon: 'brightness-5', offColor: MSYellow, onColor: MSYellow, useColor: true, minValue: 5, maxValue: 10},
                                   <PageItem>{ id: AliasPath + 'Dimmode.brightnessNight', name: 'Brightness Nacht', icon: 'brightness-4', offColor: MSYellow, onColor: MSYellow, useColor: true, minValue: 0, maxValue: 4},
                                   <PageItem>{ id: AliasPath + 'Dimmode.hourDay', name: 'Stunde Tag', icon: 'sun-clock', offColor: MSYellow, onColor: MSYellow, useColor: true, minValue: 0, maxValue: 23},
                                   <PageItem>{ id: AliasPath + 'Dimmode.hourNight', name: 'Stunde Nacht', icon: 'sun-clock-outline', offColor: MSYellow, onColor: MSYellow, useColor: true, minValue: 0, maxValue: 23}
                               ]
                           };*/
                    
                           //Subpage 3 von Subpages_2
                           let NSPanel_Firmware_Info: PageEntities =
                           {
                               'type': 'cardEntities',
                               'heading': 'Firmware-Updates',
                               'useColor': true,
                               'subPage': true,
                               'parent': Service,
                               'items': [
                                   <PageItem>{ id: AliasPath + 'Tasmota.Version', name: 'Tasmota Firmware', offColor: MSYellow, onColor: MSYellow, useColor: true},
                                   <PageItem>{ id: AliasPath + 'Display.TFTVersion', name: 'TFT-Firmware', offColor: MSYellow, onColor: MSYellow, useColor: true},
                                   <PageItem>{ id: AliasPath + 'Display.BerryDriver', name: 'Berry-Treiber', offColor: MSYellow, onColor: MSYellow, useColor: true},
                                   <PageItem>{ id: AliasPath + 'Display.Model', name: 'NSPanel Version', offColor: MSYellow, onColor: MSYellow, useColor: true}
                               ]
                           };
                    
                    export const config: Config = {
                        panelRecvTopic: 'mqtt.0.SmartHome.nspanel_D3D77C.tele.RESULT',       // anpassen
                       panelSendTopic: 'mqtt.0.SmartHome.nspanel_D3D77C.cmnd.CustomSend',   // anpassen
                       firstScreensaverEntity: { ScreensaverEntity: 'accuweather.0.Hourly.h0.PrecipitationProbability', ScreensaverEntityIcon: 'weather-pouring', ScreensaverEntityText: 'Regen', ScreensaverEntityUnitText: '%', ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 100} },
                       secondScreensaverEntity: { ScreensaverEntity: 'accuweather.0.Current.WindSpeed', ScreensaverEntityIcon: 'weather-windy', ScreensaverEntityText: "Wind", ScreensaverEntityUnitText: 'km/h', ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 120} },
                       //secondScreensaverEntity: { ScreensaverEntity: 'accuweather.0.Current.WindSpeed', ScreensaverEntityIcon: 'weather-windy', ScreensaverEntityText: "Wind", ScreensaverEntityUnitText: 'km/h', ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 120} },
                       thirdScreensaverEntity: { ScreensaverEntity: 'accuweather.0.Current.UVIndex', ScreensaverEntityIcon: 'solar-power', ScreensaverEntityText: 'UV', ScreensaverEntityUnitText: '', ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 9} },
                       fourthScreensaverEntity: { ScreensaverEntity: 'accuweather.0.Current.RelativeHumidity', ScreensaverEntityIcon: 'water-percent', ScreensaverEntityText: 'Luft', ScreensaverEntityUnitText: '%', ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 100, 'val_best': 65} },
                       alternativeScreensaverLayout: false,
                       autoWeatherColorScreensaverLayout: true,
                       mrIcon1ScreensaverEntity: { ScreensaverEntity: 'mqtt.0.SmartHome.NSPanel_1.stat.POWER1', ScreensaverEntityIcon: 'light-switch', ScreensaverEntityOnColor: On, ScreensaverEntityOffColor: HMIOff  },
                       mrIcon2ScreensaverEntity: { ScreensaverEntity: 'mqtt.0.SmartHome.NSPanel_1.stat.POWER2', ScreensaverEntityIcon: 'lightbulb', ScreensaverEntityOnColor: On, ScreensaverEntityOffColor: HMIOff  },
                       timeoutScreensaver: 20,
                       screenSaverDoubleClick: true,
                       locale: 'de-DE',                    // en-US, de-DE, nl-NL, da-DK, es-ES, fr-FR, it-IT, ru-RU, etc.
                       weatherEntity: 'alias.0.Wetter',    // Dieser Alias muss erstellt werden, damit die 4 kleineren Icons (Wetter oder DP) angezeigt werden können
                       defaultOffColor: Off,
                       defaultOnColor: On,
                       defaultColor: Off,
                       defaultBackgroundColor: HMIDark,    //New Parameter
                       temperatureUnit: '°C',
                       pages: [
                       		Licht,                //Lichtsteuerung Flur
                               Umwelt,
                               Service             //Auto-Alias Service Page
                       ],
                       subPages: [
                                   
                                   NSPanel_Infos,              //Auto-Alias Service Page
                                  // NSPanel_Einstellungen,      //Auto-Alias Service Page
                                   NSPanel_Firmware_Info,       //Auto-Alias Service Page
                                   Thermo,
                                   WLAN,
                                   Aussenlicht
                       ],
                       button1Page: null,   //Beispiel-Seite auf Button 1, wenn Rule2 definiert - Wenn nicht definiert --> button1Page: null, 
                       button2Page: null    //Beispiel-Seite auf Button 2, wenn Rule2 definiert - Wenn nicht definiert --> button1Page: null,
                    };
                    
                    // _________________________________ Ab hier keine Konfiguration mehr _____________________________________
                    
                    

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

                    @thomson sagte in SONOFF NSPanel mit Lovelace UI:

                    mqtt.0.SmartHome.NSPanel_1.stat.POWER1

                    In deinem Spoiler (Zeile 157 und 158) die beiden Zeilen:

                       mrIcon1ScreensaverEntity: { ScreensaverEntity: 'mqtt.0.SmartHome.NSPanel_1.stat.POWER1', ScreensaverEntityIcon: 'light-switch', ScreensaverEntityOnColor: On, ScreensaverEntityOffColor: HMIOff  },
                       mrIcon2ScreensaverEntity: { ScreensaverEntity: 'mqtt.0.SmartHome.NSPanel_1.stat.POWER2', ScreensaverEntityIcon: 'lightbulb', ScreensaverEntityOnColor: On, ScreensaverEntityOffColor: HMIOff  },
                    

                    kurz ersetzen durch

                       mrIcon1ScreensaverEntity: { ScreensaverEntity: 'mqtt.0.SmartHome.nspanel_D3D77C.stat.POWER1', ScreensaverEntityIcon: 'light-switch', ScreensaverEntityOnColor: On, ScreensaverEntityOffColor: HMIOff  },
                       mrIcon2ScreensaverEntity: { ScreensaverEntity: 'mqtt.0.SmartHome.nspanel_D3D77C.stat.POWER2', ScreensaverEntityIcon: 'lightbulb', ScreensaverEntityOnColor: On, ScreensaverEntityOffColor: HMIOff  },
                    

                    Ich schätze mal, dass dein MQTT keinen Zugriff auf mein Panel hat ;-)

                    Danach nochmal durchstarten und das Log erneut senden

                    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
                    1
                    • ArmilarA Armilar

                      @thomson sagte in SONOFF NSPanel mit Lovelace UI:

                      mqtt.0.SmartHome.NSPanel_1.stat.POWER1

                      In deinem Spoiler (Zeile 157 und 158) die beiden Zeilen:

                         mrIcon1ScreensaverEntity: { ScreensaverEntity: 'mqtt.0.SmartHome.NSPanel_1.stat.POWER1', ScreensaverEntityIcon: 'light-switch', ScreensaverEntityOnColor: On, ScreensaverEntityOffColor: HMIOff  },
                         mrIcon2ScreensaverEntity: { ScreensaverEntity: 'mqtt.0.SmartHome.NSPanel_1.stat.POWER2', ScreensaverEntityIcon: 'lightbulb', ScreensaverEntityOnColor: On, ScreensaverEntityOffColor: HMIOff  },
                      

                      kurz ersetzen durch

                         mrIcon1ScreensaverEntity: { ScreensaverEntity: 'mqtt.0.SmartHome.nspanel_D3D77C.stat.POWER1', ScreensaverEntityIcon: 'light-switch', ScreensaverEntityOnColor: On, ScreensaverEntityOffColor: HMIOff  },
                         mrIcon2ScreensaverEntity: { ScreensaverEntity: 'mqtt.0.SmartHome.nspanel_D3D77C.stat.POWER2', ScreensaverEntityIcon: 'lightbulb', ScreensaverEntityOnColor: On, ScreensaverEntityOffColor: HMIOff  },
                      

                      Ich schätze mal, dass dein MQTT keinen Zugriff auf mein Panel hat ;-)

                      Danach nochmal durchstarten und das Log erneut senden

                      T Offline
                      T Offline
                      thomson
                      schrieb am zuletzt editiert von
                      #1489

                      @armilar

                      Aso.. Ups falsch verstanden. Ich habe kein Passwort gesetzt. Nun sind keine Fehler mehr im LOG.
                      Die Info mit den offenen Fenster hab ich auch hinbekommen.
                      Vielen Dank :)

                      ArmilarA 1 Antwort Letzte Antwort
                      1
                      • T thomson

                        @armilar

                        Aso.. Ups falsch verstanden. Ich habe kein Passwort gesetzt. Nun sind keine Fehler mehr im LOG.
                        Die Info mit den offenen Fenster hab ich auch hinbekommen.
                        Vielen Dank :)

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

                        @thomson

                        sehr gerne. Wir haben festgestellt, dass bei der Thermostat-Page im hinteren Bereich alle Zeichen des Payloads > 250 Zeichen abgeschnitten wurden. Das führt bei langen Alias-Namen zu Problemen (und wird mit nächster HMI korrigiert). In der Regel werden dadurch in der aktuellen HMI-Version nur die Labels abgeschnitten. Auf die Buttons dürfte das keinen Einfluss haben...

                        Du kannst aber dennoch von deinen HM-Thermostaten kurz eine Übersicht der Objekte senden, damit man sehen kann wie die Dinger funktionieren und was angesprochen werden muss...

                        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

                          @thomson

                          sehr gerne. Wir haben festgestellt, dass bei der Thermostat-Page im hinteren Bereich alle Zeichen des Payloads > 250 Zeichen abgeschnitten wurden. Das führt bei langen Alias-Namen zu Problemen (und wird mit nächster HMI korrigiert). In der Regel werden dadurch in der aktuellen HMI-Version nur die Labels abgeschnitten. Auf die Buttons dürfte das keinen Einfluss haben...

                          Du kannst aber dennoch von deinen HM-Thermostaten kurz eine Übersicht der Objekte senden, damit man sehen kann wie die Dinger funktionieren und was angesprochen werden muss...

                          T Offline
                          T Offline
                          thomson
                          schrieb am zuletzt editiert von
                          #1491

                          @armilar Klar


                          734975de-13a4-4fa7-b2fd-33ad024340d9-image.png
                          899f0759-8796-486a-b67f-908e50decf24-image.png

                          b65442e1-22d8-4b89-9071-b472d74e3dde-image.png
                          IMG_1927.JPEG

                          ArmilarA 2 Antworten Letzte Antwort
                          0
                          • T thomson

                            @armilar Klar


                            734975de-13a4-4fa7-b2fd-33ad024340d9-image.png
                            899f0759-8796-486a-b67f-908e50decf24-image.png

                            b65442e1-22d8-4b89-9071-b472d74e3dde-image.png
                            IMG_1927.JPEG

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

                            @thomson

                            Perfekt - sehe ich mir an...

                            Du könntest mal deine function GenerateThermoPage suchen und mit dem Inhalt aus dem Spoiler austauschen. Dann setzten wir zumindest auf eine korrekte Logik auf und das Panel sollte auch Aktuell und Zustand an der richtigen Stelle anzeigen...

                            function GenerateThermoPage(page: PageThermo): Payload[] {
                                try {
                                    let id = page.items[0].id
                                    let out_msgs: Array<Payload> = [];
                                    out_msgs.push({ payload: 'pageType~cardThermo' });
                            
                                    // ioBroker
                                    if (existsObject(id)) {
                                        let o = getObject(id);
                                        let name = page.heading !== undefined ? page.heading : o.common.name.de;
                                        let currentTemp = 0;
                                        if (existsState(id + '.ACTUAL')) {
                                            currentTemp = (Math.round(parseFloat(getState(id + '.ACTUAL').val) * 10) / 10);
                                        }
                            
                                        let minTemp = page.items[0].minValue !== undefined ? page.items[0].minValue : 50;   //Min Temp 5°C
                                        let maxTemp = page.items[0].maxValue !== undefined ? page.items[0].maxValue : 300;  //Max Temp 30°C
                                        let stepTemp = 5 // 0,5° Schritte
                            
                                        let destTemp = 0;
                                        if (existsState(id + '.SET')) {
                                            // using minValue, if .SET is null (e.g. for tado AWAY or tado is off)
                                            let setValue = getState(id + '.SET').val;
                                            if (setValue == null) {
                                                setValue = minTemp;
                                            }
                            
                                            destTemp = setValue.toFixed(2) * 10;
                                        }
                                        let statusStr: String = 'MANU';
                                        let status = '';
                                        if (existsState(id + '.MODE')) {
                                            status = getState(id + '.MODE').val;    // FixMe: Variable status is never used!
                                        }
                            
                                        //Attribute hinzufügen, wenn im Alias definiert
                                        let i_list = Array.prototype.slice.apply($('[state.id="' + id + '.*"]'));
                                        let bt = ['~~~~', '~~~~', '~~~~', '~~~~', '~~~~', '~~~~', '~~~~', '~~~~', '~~~~'];
                                        if ((i_list.length - 3) != 0) {
                            
                                            let i = 0;
                            
                                            if (o.common.role == 'thermostat') {
                            
                                                if (existsState(id + '.AUTOMATIC') && getState(id + '.AUTOMATIC').val != null) {
                                                    if (getState(id + '.AUTOMATIC').val) {
                                                        bt[i++] = Icons.GetIcon('alpha-a-circle') + '~' + rgb_dec565(On) + '~1~' + 'AUTT' + '~';
                                                        statusStr = 'AUTO';
                                                    } else {
                                                        bt[i++] = Icons.GetIcon('alpha-a-circle') + '~33840~1~' + 'AUTT' + '~';
                                                    }
                                                }
                                                if (existsState(id + '.MANUAL') && getState(id + '.MANUAL').val != null) {
                                                    if (getState(id + '.MANUAL').val) {
                                                        bt[i++] = Icons.GetIcon('alpha-m-circle') + '~' + rgb_dec565(On) + '~1~' + 'MANT' + '~';
                                                        statusStr = 'MANU';
                                                    } else {
                                                        bt[i++] = Icons.GetIcon('alpha-m-circle') + '~33840~1~' + 'MANT' + '~';
                                                    }
                                                }
                                                if (existsState(id + '.PARTY') && getState(id + '.PARTY').val != null) {
                                                    if (getState(id + '.PARTY').val) {
                                                        bt[i++] = Icons.GetIcon('party-popper') + '~' + rgb_dec565(On) + '~1~' + 'PART' + '~';
                                                        statusStr = 'PARTY';
                                                    } else {
                                                        bt[i++] = Icons.GetIcon('party-popper') + '~33840~1~' + 'PART' + '~';
                                                    }
                                                }
                                                if (existsState(id + '.VACATION') && getState(id + '.VACATION').val != null) {
                                                    if (getState(id + '.VACATION').val) {
                                                        bt[i++] = Icons.GetIcon('palm-tree') + '~' + rgb_dec565(On) + '~1~' + 'VACT' + '~';
                                                        statusStr = 'VAC';
                                                    } else {
                                                        bt[i++] = Icons.GetIcon('palm-tree') + '~33840~1~' + 'VACT' + '~';
                                                    }
                                                }
                                                if (existsState(id + '.BOOST') && getState(id + '.BOOST').val != null) {
                                                    if (getState(id + '.BOOST').val) {
                                                        bt[i++] = Icons.GetIcon('fast-forward-60') + '~' + rgb_dec565(On) + '~1~' + 'BOOT' + '~';
                                                        statusStr = 'BOOST';
                                                    } else {
                                                        bt[i++] = Icons.GetIcon('fast-forward-60') + '~33840~1~' + 'BOOT' + '~';
                                                    }
                                                }
                            
                                                for (let i_index in i_list) {
                                                    let thermostatState = i_list[i_index].split('.');
                                                    if (
                                                        thermostatState[thermostatState.length - 1] != 'SET' &&
                                                        thermostatState[thermostatState.length - 1] != 'ACTUAL' &&
                                                        thermostatState[thermostatState.length - 1] != 'MODE'
                                                    ) {
                                                        i++;
                            
                                                        switch (thermostatState[thermostatState.length - 1]) {
                                                            case 'HUMIDITY':
                                                                if (existsState(id + '.HUMIDITY') && getState(id + '.HUMIDITY').val != null) {
                                                                    if (parseInt(getState(id + '.HUMIDITY').val) < 40) {
                                                                        bt[i - 1] = Icons.GetIcon('water-percent') + '~65504~1~' + 'HUM' + '~';
                                                                    } else if (parseInt(getState(id + '.HUMIDITY').val) < 30) {
                                                                        bt[i - 1] = Icons.GetIcon('water-percent') + '~63488~1~' + 'HUM' + '~';
                                                                    } else if (parseInt(getState(id + '.HUMIDITY').val) >= 40) {
                                                                        bt[i - 1] = Icons.GetIcon('water-percent') + '~2016~1~' + 'HUM' + '~';
                                                                    } else if (parseInt(getState(id + '.HUMIDITY').val) > 65) {
                                                                        bt[i - 1] = Icons.GetIcon('water-percent') + '~65504~1~' + 'HUM' + '~';
                                                                    } else if (parseInt(getState(id + '.HUMIDITY').val) > 75) {
                                                                        bt[i - 1] = Icons.GetIcon('water-percent') + '~63488~1~' + 'HUM' + '~';
                                                                    }
                                                                } else i--;
                                                                break;
                                                            case 'LOWBAT':
                                                                if (existsState(id + '.LOWBAT') && getState(id + '.LOWBAT').val != null) {
                                                                    if (getState(id + '.LOWBAT').val) {
                                                                        bt[i - 1] = Icons.GetIcon('battery-low') + '~63488~1~' + 'LBAT' + '~';
                                                                    } else {
                                                                        bt[i - 1] = Icons.GetIcon('battery-high') + '~2016~1~' + 'LBAT' + '~';
                                                                    }
                                                                } else i--;
                                                                break;
                                                            case 'MAINTAIN':
                                                                if (existsState(id + '.MAINTAIN') && getState(id + '.MAINTAIN').val != null) {
                                                                    if (getState(id + '.MAINTAIN').val >> .1) {
                                                                        bt[i - 1] = Icons.GetIcon('account-wrench') + '~60897~1~' + 'MAIN' + '~';
                                                                    } else {
                                                                        bt[i - 1] = Icons.GetIcon('account-wrench') + '~33840~1~' + 'MAIN' + '~';
                                                                    }
                                                                } else i--;
                                                                break;
                                                            case 'UNREACH':
                                                                if (existsState(id + '.UNREACH') && getState(id + '.UNREACH').val != null) {
                                                                    if (getState(id + '.UNREACH').val) {
                                                                        bt[i - 1] = Icons.GetIcon('wifi-off') + '~63488~1~' + 'WLAN' + '~';
                                                                    } else {
                                                                        bt[i - 1] = Icons.GetIcon('wifi') + '~2016~1~' + 'WLAN' + '~';
                                                                    }
                                                                } else i--;
                                                                break;
                                                            case 'POWER':
                                                                if (existsState(id + '.POWER') && getState(id + '.POWER').val != null) {
                                                                    if (getState(id + '.POWER').val) {
                                                                        bt[i - 1] = Icons.GetIcon('power-standby') + '~2016~1~' + 'POW' + '~';
                                                                    } else {
                                                                        bt[i - 1] = Icons.GetIcon('power-standby') + '~33840~1~' + 'POW' + '~';
                                                                    }
                                                                } else i--;
                                                                break;
                                                            case 'ERROR':
                                                                if (existsState(id + '.ERROR') && getState(id + '.ERROR').val != null) {
                                                                    if (getState(id + '.ERROR').val) {
                                                                        bt[i - 1] = Icons.GetIcon('alert-circle') + '~63488~1~' + 'ERR' + '~';
                                                                    } else {
                                                                        bt[i - 1] = Icons.GetIcon('alert-circle') + '~33840~1~' + 'ERR' + '~';
                                                                    }
                                                                } else i--;
                                                                break;
                                                            case 'WORKING':
                                                                if (existsState(id + '.WORKING') && getState(id + '.WORKING').val != null) {
                                                                    if (getState(id + '.WORKING').val) {
                                                                        bt[i - 1] = Icons.GetIcon('briefcase-check') + '~2016~1~' + 'WORK' + '~';
                                                                    } else {
                                                                        bt[i - 1] = Icons.GetIcon('briefcase-check') + '~33840~1~' + 'WORK' + '~';
                                                                    }
                                                                } else i--;
                                                                break;
                                                            default:
                                                                i--;
                                                                break;
                                                        }
                                                    }
                                                }
                            
                                                for (let j = i; j < 9; j++) {
                                                    bt[j] = '~~~~';
                                                }
                                            }
                            
                                            if (o.common.role == 'airCondition') {
                                                if (existsState(id + '.MODE') && getState(id + '.MODE').val != null) {
                                                    let Mode = getState(id + '.MODE').val
                                                    if (existsState(id + '.POWER') && getState(id + '.POWER').val != null) {
                                                        if (Mode != 0 || getState(id + '.POWER').val) {                                 //0=ON oder .POWER = true
                                                            bt[0] = Icons.GetIcon('power-standby') + '~2016~1~' + 'POWER' + '~';
                                                            statusStr = 'ON';
                                                        } else {
                                                            bt[0] = Icons.GetIcon('power-standby') + '~35921~0~' + 'POWER' + '~';
                                                            statusStr = 'OFF';
                                                        }
                                                    }
                                                    if (Mode == 1) {                                                                //1=AUTO
                                                        bt[1] = Icons.GetIcon('air-conditioner') + '~1024~1~' + 'AUTO' + '~';
                                                        statusStr = 'AUTO';
                                                    } else {
                                                        bt[1] = Icons.GetIcon('air-conditioner') + '~35921~0~' + 'AUTO' + '~';
                                                    }
                                                    if (Mode == 2) {                                                                //2=COOL
                                                        bt[2] = Icons.GetIcon('snowflake') + '~11487~1~' + 'COOL' + '~';
                                                        statusStr = 'COOL';
                                                    } else {
                                                        bt[2] = Icons.GetIcon('snowflake') + '~35921~0~' + 'COOL' + '~';
                                                    }
                                                    if (Mode == 3) {                                                                //3=HEAT
                                                        bt[3] = Icons.GetIcon('fire') + '~64512~1~' + 'HEAT' + '~';
                                                        statusStr = 'HEAT';
                                                    } else {
                                                        bt[3] = Icons.GetIcon('fire') + '~35921~0~' + 'HEAT' + '~';
                                                    }
                                                    if (Mode == 4) {                                                                //4=ECO
                                                        bt[4] = Icons.GetIcon('alpha-e-circle-outline') + '~2016~1~' + 'ECO' + '~';
                                                        statusStr = 'ECO';
                                                    } else {
                                                        bt[4] = Icons.GetIcon('alpha-e-circle-outline') + '~35921~0~' + 'ECO' + '~';
                                                    }
                                                    if (Mode == 5) {                                                                //5=FANONLY
                                                        bt[5] = Icons.GetIcon('fan') + '~11487~1~' + 'FAN' + '~';
                                                        statusStr = 'FAN ONLY';
                                                    } else {
                                                        bt[5] = Icons.GetIcon('fan') + '~35921~0~' + 'FAN' + '~';
                                                    }
                                                    if (Mode == 6) {                                                                //6=DRY
                                                        bt[6] = Icons.GetIcon('water-percent') + '~60897~1~' + 'DRY' + '~';
                                                        statusStr = 'DRY';
                                                    } else {
                                                        bt[6] = Icons.GetIcon('water-percent') + '~35921~0~' + 'DRY' + '~';
                                                    }
                                                    if (existsState(id + '.SWING') && getState(id + '.SWING').val != null) {
                                                        if (getState(id + '.POWER').val && getState(id + '.SWING').val == 1) {          //0=ON oder .SWING = true
                                                            bt[7] = Icons.GetIcon('swap-vertical-bold') + '~2016~1~' + 'SWING' + '~';
                                                        } else {
                                                            bt[7] = Icons.GetIcon('swap-vertical-bold') + '~35921~0~' + 'SWING' + '~';
                                                        }
                                                    }
                                                }
                                            }
                                        }
                            
                                        let destTemp2 = ''
                                        if (page.items[0].setThermoDestTemp2 != undefined) {
                                            destTemp2 = getState(id + '.' + page.items[0].setThermoDestTemp2).val;
                                        }
                            
                                        let thermoPopup = 0
                                        if (page.items[0].popupThermoMode1 != undefined) {
                                            thermoPopup = 1;
                                        }
                                        
                            
                                        let icon_res = bt[0] + bt[1] + bt[2] + bt[3] + bt[4] + bt[5] + bt[6] + bt[7];
                            
                                        out_msgs.push({
                                            payload: 'entityUpd~'
                                                + name + '~'                                        // Heading
                                                + GetNavigationString(pageId) + '~'                 // Page Navigation
                                                + id + '~'                                          // internalNameEntity
                                                + currentTemp + config.temperatureUnit + '~'        // Ist-Temperatur (String)
                                                + destTemp + '~'                                    // Soll-Temperatur (numerisch ohne Komma)
                                                + statusStr + '~'                                   // Mode
                                                + minTemp + '~'                                     // Thermostat Min-Temperatur
                                                + maxTemp + '~'                                     // Thermostat Max-Temperatur
                                                + stepTemp + '~'                                    // Schritte für Soll (5°C)
                                                + icon_res                                      // Icons Status
                                                + findLocale('thermostat', 'Currently') + '~'       // Bezeichner vor Aktueller Raumtemperatur
                                                + findLocale('thermostat', 'State') + '~~'           // Bezeichner vor State
                                                + config.temperatureUnit + '~'                      // iconTemperature dstTempTwoTempMode
                                                + destTemp2 + '~'                                   // dstTempTwoTempMode --> Wenn Wert, dann 2 Temp
                                                + thermoPopup                                       // PopUp
                            
                                        });
                            
                                    }
                            
                                    if (Debug) {
                                        console.log(out_msgs);
                                    }
                                    return out_msgs
                                } catch (err) {
                                    console.warn('function GenerateThermoPage: ' + err.message);
                                }
                            }
                            

                            Sollte dann etwa so aussehen:

                            22d80dce-ece7-45d8-a665-db9b0ee94c7c-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
                            • T thomson

                              @armilar Klar


                              734975de-13a4-4fa7-b2fd-33ad024340d9-image.png
                              899f0759-8796-486a-b67f-908e50decf24-image.png

                              b65442e1-22d8-4b89-9071-b472d74e3dde-image.png
                              IMG_1927.JPEG

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

                              @thomson

                              In dem Post ist ein Blockly für die HM-Thermostate enthalten.
                              https://forum.iobroker.net/post/912770

                              Versuche das mal so umzusetzen. Ein paar Beiträge weiter oben drüber ist auch noch etwas Content.

                              Ich habe leider nie eine Rückmeldung hierzu bekommen. Falls es nicht ganz passt, kurz melden...

                              EDIT: Da die Homatic-Thermostate (nicht IP) anscheinen die kompliziertesten Thermostate sind, würde mich anschließend eine funktionierende Lösung für die WIKI interessieren. Wird bestimmt noch weitere User mit den Dingern geben...

                              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 K 2 Antworten Letzte Antwort
                              0
                              • ArmilarA Armilar

                                @thomson

                                In dem Post ist ein Blockly für die HM-Thermostate enthalten.
                                https://forum.iobroker.net/post/912770

                                Versuche das mal so umzusetzen. Ein paar Beiträge weiter oben drüber ist auch noch etwas Content.

                                Ich habe leider nie eine Rückmeldung hierzu bekommen. Falls es nicht ganz passt, kurz melden...

                                EDIT: Da die Homatic-Thermostate (nicht IP) anscheinen die kompliziertesten Thermostate sind, würde mich anschließend eine funktionierende Lösung für die WIKI interessieren. Wird bestimmt noch weitere User mit den Dingern geben...

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

                                @armilar
                                Hi ich habe auch Homematic Thermostate, nur es sind IP Geräte. Ich habe bei den ersten Tests mit den Adapter festgestellt, das sie unterschiedlich mit dem Mode umgehen. Aktuell nutze ich dem HMIP Adapter. Die Struktur ist auch von den Thermostaten abhängig. Bei mir ist Boost und Party ein separater Datenpunkt.
                                Man wird vor dem Alias immer irgendwie eine Anpassung mit einem Skript machen müssen.

                                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

                                ArmilarA 1 Antwort Letzte Antwort
                                0
                                • T TT-Tom

                                  @armilar
                                  Hi ich habe auch Homematic Thermostate, nur es sind IP Geräte. Ich habe bei den ersten Tests mit den Adapter festgestellt, das sie unterschiedlich mit dem Mode umgehen. Aktuell nutze ich dem HMIP Adapter. Die Struktur ist auch von den Thermostaten abhängig. Bei mir ist Boost und Party ein separater Datenpunkt.
                                  Man wird vor dem Alias immer irgendwie eine Anpassung mit einem Skript machen müssen.

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

                                  @tt-tom

                                  Ja, die HMIP habe ich auch. Die ticken aber komplett anders als die HM.

                                  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.

                                  André KoschnikA 1 Antwort Letzte Antwort
                                  1
                                  • ArmilarA Armilar

                                    @tt-tom

                                    Ja, die HMIP habe ich auch. Die ticken aber komplett anders als die HM.

                                    André KoschnikA Offline
                                    André KoschnikA Offline
                                    André Koschnik
                                    schrieb am zuletzt editiert von
                                    #1496

                                    Hallo zusammen,

                                    hab erfolgreich mein NS Panel gestern in betrieb genommen und wollte mit gern eine PagePower erstellen.
                                    Ich habe einen Info Alias erstellt und in mit der Datenpunkt verknüpft.

                                    let CardPowerExample: PagePower =
                                    {
                                        "type": "cardPower",
                                        "heading": "cardPower Emulator",
                                        "useColor": true,
                                        "subPage": false,
                                        "parent": undefined,
                                        "items": [
                                            <PageItem>{ id: 'alias.0.Sensoren.PagePower' },
                                        ]
                                    };
                                    

                                    und mit folgendem inhalt gefütter ( das sind die aus der beschreibung)

                                    [
                                      {
                                        "id": 1,
                                        "value": 3,
                                        "unit": "kW",
                                        "direction": "in",
                                        "icon": "battery-charging-60",
                                        "iconColor": 10,
                                        "speed": -3
                                      },
                                      {
                                        "id": 2,
                                        "value": 6.1,
                                        "unit": "kW",
                                        "direction": "in",
                                        "icon": "solar-power-variant",
                                        "iconColor": 1,
                                        "speed": 3
                                      },
                                      {
                                        "id": 3,
                                        "value": 4.9,
                                        "unit": "kW",
                                        "direction": "in",
                                        "icon": "wind-turbine",
                                        "iconColor": 0,
                                        "speed": 3
                                      },
                                      {
                                        "id": 4,
                                        "value": 1.6,
                                        "unit": "kW",
                                        "direction": "in",
                                        "icon": "shape",
                                        "iconColor": 10,
                                        "speed": 3
                                      },
                                      {
                                        "id": 5,
                                        "value": 6.4,
                                        "unit": "kW",
                                        "direction": "in",
                                        "icon": "transmission-tower",
                                        "iconColor": 0,
                                        "speed": 2
                                      },
                                      {
                                        "id": 6,
                                        "value": 0,
                                        "unit": "kW",
                                        "direction": "in",
                                        "icon": "car",
                                        "iconColor": 0,
                                        "speed": 3
                                      }
                                    ]
                                    

                                    leider bekomme ich immer fehler kann mir jemand weiterhelfen?

                                    15:55:28.869	info	javascript.0 (23873) script.js.house.panel.NsPanelTs_0: compiling TypeScript source...
                                    15:55:29.512	info	javascript.0 (23873) script.js.house.panel.NsPanelTs_0: source code did not change, using cached compilation result...
                                    15:55:29.566	info	javascript.0 (23873) script.js.house.panel.NsPanelTs_0: Wetter-Alias existiert bereits
                                    15:55:29.610	info	javascript.0 (23873) script.js.house.panel.NsPanelTs_0: registered 20 subscriptions, 7 schedules, 0 messages, 0 logs and 0 file subscriptions
                                    15:55:30.313	warn	javascript.0 (23873) script.js.house.panel.NsPanelTs_0: function GeneratePowerPage: Cannot read properties of undefined (reading 'iconColor')
                                    15:55:30.314	warn	javascript.0 (23873) script.js.house.panel.NsPanelTs_0: function SendToPanel: Cannot read properties of undefined (reading 'payload')
                                    15:55:33.449	info	javascript.0 (23873) Stop script script.js.house.panel.NsPanelTs_0
                                    
                                    ArmilarA 1 Antwort Letzte Antwort
                                    0
                                    • André KoschnikA André Koschnik

                                      Hallo zusammen,

                                      hab erfolgreich mein NS Panel gestern in betrieb genommen und wollte mit gern eine PagePower erstellen.
                                      Ich habe einen Info Alias erstellt und in mit der Datenpunkt verknüpft.

                                      let CardPowerExample: PagePower =
                                      {
                                          "type": "cardPower",
                                          "heading": "cardPower Emulator",
                                          "useColor": true,
                                          "subPage": false,
                                          "parent": undefined,
                                          "items": [
                                              <PageItem>{ id: 'alias.0.Sensoren.PagePower' },
                                          ]
                                      };
                                      

                                      und mit folgendem inhalt gefütter ( das sind die aus der beschreibung)

                                      [
                                        {
                                          "id": 1,
                                          "value": 3,
                                          "unit": "kW",
                                          "direction": "in",
                                          "icon": "battery-charging-60",
                                          "iconColor": 10,
                                          "speed": -3
                                        },
                                        {
                                          "id": 2,
                                          "value": 6.1,
                                          "unit": "kW",
                                          "direction": "in",
                                          "icon": "solar-power-variant",
                                          "iconColor": 1,
                                          "speed": 3
                                        },
                                        {
                                          "id": 3,
                                          "value": 4.9,
                                          "unit": "kW",
                                          "direction": "in",
                                          "icon": "wind-turbine",
                                          "iconColor": 0,
                                          "speed": 3
                                        },
                                        {
                                          "id": 4,
                                          "value": 1.6,
                                          "unit": "kW",
                                          "direction": "in",
                                          "icon": "shape",
                                          "iconColor": 10,
                                          "speed": 3
                                        },
                                        {
                                          "id": 5,
                                          "value": 6.4,
                                          "unit": "kW",
                                          "direction": "in",
                                          "icon": "transmission-tower",
                                          "iconColor": 0,
                                          "speed": 2
                                        },
                                        {
                                          "id": 6,
                                          "value": 0,
                                          "unit": "kW",
                                          "direction": "in",
                                          "icon": "car",
                                          "iconColor": 0,
                                          "speed": 3
                                        }
                                      ]
                                      

                                      leider bekomme ich immer fehler kann mir jemand weiterhelfen?

                                      15:55:28.869	info	javascript.0 (23873) script.js.house.panel.NsPanelTs_0: compiling TypeScript source...
                                      15:55:29.512	info	javascript.0 (23873) script.js.house.panel.NsPanelTs_0: source code did not change, using cached compilation result...
                                      15:55:29.566	info	javascript.0 (23873) script.js.house.panel.NsPanelTs_0: Wetter-Alias existiert bereits
                                      15:55:29.610	info	javascript.0 (23873) script.js.house.panel.NsPanelTs_0: registered 20 subscriptions, 7 schedules, 0 messages, 0 logs and 0 file subscriptions
                                      15:55:30.313	warn	javascript.0 (23873) script.js.house.panel.NsPanelTs_0: function GeneratePowerPage: Cannot read properties of undefined (reading 'iconColor')
                                      15:55:30.314	warn	javascript.0 (23873) script.js.house.panel.NsPanelTs_0: function SendToPanel: Cannot read properties of undefined (reading 'payload')
                                      15:55:33.449	info	javascript.0 (23873) Stop script script.js.house.panel.NsPanelTs_0
                                      
                                      ArmilarA Offline
                                      ArmilarA Offline
                                      Armilar
                                      Most Active Forum Testing
                                      schrieb am zuletzt editiert von Armilar
                                      #1497

                                      @andré-koschnik

                                      Ist noch nicht beschrieben, aber du benötigst ebenfalls eine "id": 0,

                                      Beispiel:

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

                                      Wenn du das Beispiel in den Datenpunkt kopierst, dann sollte die aber etwas anzeigen...

                                      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.

                                      André KoschnikA C 2 Antworten Letzte Antwort
                                      0
                                      • ArmilarA Armilar

                                        @andré-koschnik

                                        Ist noch nicht beschrieben, aber du benötigst ebenfalls eine "id": 0,

                                        Beispiel:

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

                                        Wenn du das Beispiel in den Datenpunkt kopierst, dann sollte die aber etwas anzeigen...

                                        André KoschnikA Offline
                                        André KoschnikA Offline
                                        André Koschnik
                                        schrieb am zuletzt editiert von
                                        #1498

                                        @armilar
                                        alles klar, ein array fängt mit Eintrag 0 an. ist getestet und funktioniert bei mir
                                        Danke

                                        1 Antwort Letzte Antwort
                                        1
                                        • missiM Offline
                                          missiM Offline
                                          missi
                                          schrieb am zuletzt editiert von
                                          #1499

                                          Moin,

                                          kurz vor weg, finde das ganze Projekt mega gut lese diesen Bericht fast wie ein Buch :dog:

                                          Was ich aber nicht finde ist, auf meinem Panel geht die Uhr eine Stunde zu früh, wo nimmt er die Uhrzeit her ?
                                          im Broker auf dem Panel und hwclock ist die Zeit korrekt nur nicht auf dem Panel.
                                          Bin etwas Ratlos, hätte jemand ein Tipp für mich

                                          Wünsche euch ein Frohes neues Jahr 2023

                                          Beste Grüße

                                          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

                                          523

                                          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