Skip to content
  • 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
  1. ioBroker Community Home
  2. Deutsch
  3. Hardware
  4. Sonoff NSPanel

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

Geplant Angeheftet Gesperrt Verschoben Hardware
1.5k Beiträge 78 Kommentatoren 637.1k Aufrufe 80 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.
  • ArmilarA Armilar

    Neue TS-Skript-Version 3.4.0 verfügbar (zur neuen TFT-Version 3.4.0)

    https://raw.githubusercontent.com/joBr99/nspanel-lovelace-ui/main/ioBroker/NsPanelTs.ts

    140f143c-758e-4d27-b045-d2bc94256284-image.png

    Es gibt erneut Breaking Changes (d.h. Anpassungen im oberen Skript-Bereich)
    Daher am Besten neues Skript anlegen und die alten Variablen (Seiten) und Konstanten wieder in den Config-Bereich übertragen.

    Auch in der export const config: gibt es Änderungen. Betrifft folgende Zeilen:

    export const config: Config = {
    ...
        firstScreensaverEntity: { ScreensaverEntity: "accuweather.0.Daily.Day1.Day.PrecipitationProbability", ScreensaverEntityIcon: "weather-pouring", ScreensaverEntityText: "Regen", ScreensaverEntityUnitText: "%", ScreensaverEntityIconColor: undefined  },
        secondScreensaverEntity: { ScreensaverEntity: "accuweather.0.Current.WindSpeed", ScreensaverEntityIcon: "weather-windy", ScreensaverEntityText: "Wind", ScreensaverEntityUnitText: "km/h", ScreensaverEntityIconColor: MSYellow },
        thirdScreensaverEntity: { ScreensaverEntity: "accuweather.0.Current.UVIndex", ScreensaverEntityIcon: "solar-power", ScreensaverEntityText: "UV", ScreensaverEntityUnitText: "", ScreensaverEntityIconColor: undefined  },
        fourthScreensaverEntity: { ScreensaverEntity: "accuweather.0.Current.RelativeHumidity", ScreensaverEntityIcon: "water-percent", ScreensaverEntityText: "Luft", ScreensaverEntityUnitText: "%", ScreensaverEntityIconColor: getState('accuweather.0.Current.RelativeHumidity').val >= 70 ? MSRed : MSGreen },
        alternativeScreensaverLayout: false,
        autoWeatherColorScreensaverLayout: true,
        mrIcon1ScreensaverEntity: { ScreensaverEntity: "mqtt.0.SmartHome.NSPanel_1.stat.POWER1", ScreensaverEntityIcon: "light-switch" },
        mrIcon2ScreensaverEntity: { ScreensaverEntity: "mqtt.0.SmartHome.NSPanel_1.stat.POWER2", ScreensaverEntityIcon: "lightbulb" },
    ...
    

    Für die Einstellungen des Screensavers habe ich die WIKI entsprechend erweitert:
    https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-Config-Screensaver

    2ea9a8e5-d897-457b-8198-2f1efe340288-image.png

    ad55a288-1864-4be6-aab5-99d06c3c97d4-image.png

    f5274685-f5d2-4361-8b9e-6db1d06f8c79-image.png

    E Offline
    E Offline
    eppi
    schrieb am zuletzt editiert von
    #1491

    @armilar
    Gibt es eine Möglichkeit nach einer definierten Zeit (oder allenfalls per sofort) im ScreenSaver Modus nach dem Aufwecken wieder die erste Seite angezeigt wird?
    Herzlichen Dank und Gruss Eppi

    ArmilarA 1 Antwort Letzte Antwort
    0
    • D Online
      D Online
      diwoma
      schrieb am zuletzt editiert von diwoma
      #1492

      Hi an die Entwickler,

      Danke für Eure Arbeit, es ist phantatsisch. Trotzdem möchte ich ein paar Gedanken loswerden.
      Ich hoffe, meine Vorstellung ist nicht zu naiv.

      Wäre es nicht möglich, den ganzen Executiv-Code (unter der Konfiguration) in eine Klasse zu laden, die im global abgelegt wird?
      Diese Klasse wird dann in User-NSPanel.ts instantiiert. Sie stellt dann eine Config zur Verfügung, die dann vom User gefüllt wird, so wie jetzt auch, aber als Objekt.

      Ich sehe darin folgende Vorteile:

      • Update des globalen Skripts durch einfaches Copy-Paste, ohne auf die eigenen EInstellungen Rücksicht nehmen zu müssen
      • kürzeres, übersichtlicheres Skript für die individuelle Konfiguration
      • Einfachere Handhabung bei Verwendung von mehreren Panels, der Execution-Code ist ja der selbe

      Der User instantiiert nur die Klasse, befüllt die Instanz.Config und macht ein Instanz.Start() oder so was.

      -- diwoma

      ioBroker in LX-Container in Proxmox
      Zigbee-Coordinator: CC2652P2-TCP FW: 20230507

      ArmilarA 1 Antwort Letzte Antwort
      0
      • E eppi

        @armilar
        Gibt es eine Möglichkeit nach einer definierten Zeit (oder allenfalls per sofort) im ScreenSaver Modus nach dem Aufwecken wieder die erste Seite angezeigt wird?
        Herzlichen Dank und Gruss Eppi

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

        @eppi sagte in Sonoff NSPanel:

        @armilar
        Gibt es eine Möglichkeit nach einer definierten Zeit (oder allenfalls per sofort) im ScreenSaver Modus nach dem Aufwecken wieder die erste Seite angezeigt wird?
        Herzlichen Dank und Gruss Eppi

        Ja, das geht, allerdings musst du eine Änderung im Code vornehmen:

        in der Funktion

        function HandleButtonEvent(words): void {
        

        Folgenden Part suchen und ersetzen...

        case 'bExit':
                   if (config.screenSaverDoubleClick) {
                       if (words[4] == 2) {
                           GeneratePage(config.pages[pageId]);
                       }
                   } else {
                       if (Debug) console.log('bExit: ' + words[4] + ' - ' + pageId);
                       setIfExists(NSPanel_Path + 'ScreensaverInfo.popupNotifyHeading', '');
                       setIfExists(NSPanel_Path + 'ScreensaverInfo.popupNotifyText', '');
                       GeneratePage(config.pages[0]);
                       //GeneratePage(activePage);
                   }
                   break;
        

        VG

        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
        • D diwoma

          Hi an die Entwickler,

          Danke für Eure Arbeit, es ist phantatsisch. Trotzdem möchte ich ein paar Gedanken loswerden.
          Ich hoffe, meine Vorstellung ist nicht zu naiv.

          Wäre es nicht möglich, den ganzen Executiv-Code (unter der Konfiguration) in eine Klasse zu laden, die im global abgelegt wird?
          Diese Klasse wird dann in User-NSPanel.ts instantiiert. Sie stellt dann eine Config zur Verfügung, die dann vom User gefüllt wird, so wie jetzt auch, aber als Objekt.

          Ich sehe darin folgende Vorteile:

          • Update des globalen Skripts durch einfaches Copy-Paste, ohne auf die eigenen EInstellungen Rücksicht nehmen zu müssen
          • kürzeres, übersichtlicheres Skript für die individuelle Konfiguration
          • Einfachere Handhabung bei Verwendung von mehreren Panels, der Execution-Code ist ja der selbe

          Der User instantiiert nur die Klasse, befüllt die Instanz.Config und macht ein Instanz.Start() oder so was.

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

          @diwoma sagte in Sonoff NSPanel:

          Hi an die Entwickler,

          Danke für Eure Arbeit, es ist phantatsisch. Trotzdem möchte ich ein paar Gedanken loswerden.
          Ich hoffe, meine Vorstellung ist nicht zu naiv.

          Wäre es nicht möglich, den ganzen Executiv-Code (unter der Konfiguration) in eine Klasse zu laden, die im global abgelegt wird?
          Diese Klasse wird dann in User-NSPanel.ts instantiiert. Sie stellt dann eine Config zur Verfügung, die dann vom User gefüllt wird, so wie jetzt auch, aber als Objekt.

          Ich sehe darin folgende Vorteile:

          • Update des globalen Skripts durch einfaches Copy-Paste, ohne auf die eigenen EInstellungen Rücksicht nehmen zu müssen
          • kürzeres, übersichtlicheres Skript für die individuelle Konfiguration
          • Einfachere Handhabung bei Verwendung von mehreren Panels, der Execution-Code ist ja der selbe

          Der User instantiiert nur die Klasse, befüllt die Instanz.Config und macht ein Instanz.Start() oder so was.

          Ich habe immer noch die naive Hoffnung, dass der Adapter irgendwann mal kommt. 😉

          Den Punkt gibt es im github ebenfalls schon und ich dachte mir, dass wäre ein schöne Beschäftigung für die Winternächte. Falls es jemand vorher machen möchte, gerne einen "Pull request" einlasten.

          Aber du hast schon recht... der ganze Code im unteren Bereich braucht nicht für jedes Panel existieren.

          VG

          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
          • AtifanA Atifan

            Hi. Eine Sache ist mir aufgefallen die etwas komisch ist.

            Ich navigiere ja über die beiden Hardware-Buttons von links nach rechts und rechts nach links.
            Dafür wurde in Tasmota die folgende Rule angelegt
            Rule1 on Button1#state do Publish %topic%/tele/RESULT {"CustomRecv":"event,buttonPress2,hwbtn,bPrev"} endon on Button2#state do Publish %topic%/tele/RESULT {"CustomRecv":"event,buttonPress2,hwbtn,bNext"} endon

            Aktuell hab ich im NSPanel die folgenden Seiten konfiguriert
            Abfallkalender -> Benzinpreise 1/2 -> Benzinpreise 2/2 -> Strom -> sonstiges

            Die beide Hardware-Buttons verhalten sich aber unterschiedlich, was das hin und her scrollen angeht.
            Der rechte Button funktioniert so wie ich mir das vorstelle, d.h. ich kann den so oft drücken wie ich möchte und meine Seiten werden immer von links nach rechts durchgescrollt, also Abfallkalender -> Benzinpreise 1/2 -> Benzinpreise 2/2 -> Strom -> sonstiges -> wenn ich auf der letzten Seite "sonstiges" bin und nochmal den rechten Hardware-Button drücke, bin ich wieder vorne auf der ersten Seite "Abfallkalender"

            Der linke Button funktioniert aber irgendwie nicht so.
            Wenn ich den drücke wechselt die Ansicht immer nur zwischen Abfallkalender und Benzinpreise 1/2

            es sei denn ich scrolle vorher mit dem rechten Hardware-Button z.B. auf Seite 4 -> Strom
            wenn ich dann den linken Hardware-Button mehrmals drücke dann scrollt er Strom -> Benzinpreise 2/2 -> Benzinpreise 1/2 -> Abfallkalender -> Benzinpreise 1/2 -> Abfallkalender -> Benzinpreise 1/2

            Also irgendwie scrollt er beim linken Hardware-Button nicht einfach durch von rechts nach links.

            Ich denke mal die Funktion "bPrev" arbeitet irgendwie anders als "bNext".
            Keine Ahnung ob das evlt. ein Bug ist oder aus bestimmten Gründen so sein muss.

            K Offline
            K Offline
            Kuckuckmann
            schrieb am zuletzt editiert von
            #1495

            @atifan sagte in Sonoff NSPanel:

            Hi. Eine Sache ist mir aufgefallen die etwas komisch ist.

            Ich navigiere ja über die beiden Hardware-Buttons von links nach rechts und rechts nach links.
            Dafür wurde in Tasmota die folgende Rule angelegt
            Rule1 on Button1#state do Publish %topic%/tele/RESULT {"CustomRecv":"event,buttonPress2,hwbtn,bPrev"} endon on Button2#state do Publish %topic%/tele/RESULT {"CustomRecv":"event,buttonPress2,hwbtn,bNext"} endon

            Aktuell hab ich im NSPanel die folgenden Seiten konfiguriert
            Abfallkalender -> Benzinpreise 1/2 -> Benzinpreise 2/2 -> Strom -> sonstiges

            Die beide Hardware-Buttons verhalten sich aber unterschiedlich, was das hin und her scrollen angeht.
            Der rechte Button funktioniert so wie ich mir das vorstelle, d.h. ich kann den so oft drücken wie ich möchte und meine Seiten werden immer von links nach rechts durchgescrollt, also Abfallkalender -> Benzinpreise 1/2 -> Benzinpreise 2/2 -> Strom -> sonstiges -> wenn ich auf der letzten Seite "sonstiges" bin und nochmal den rechten Hardware-Button drücke, bin ich wieder vorne auf der ersten Seite "Abfallkalender"

            Der linke Button funktioniert aber irgendwie nicht so.
            Wenn ich den drücke wechselt die Ansicht immer nur zwischen Abfallkalender und Benzinpreise 1/2

            es sei denn ich scrolle vorher mit dem rechten Hardware-Button z.B. auf Seite 4 -> Strom
            wenn ich dann den linken Hardware-Button mehrmals drücke dann scrollt er Strom -> Benzinpreise 2/2 -> Benzinpreise 1/2 -> Abfallkalender -> Benzinpreise 1/2 -> Abfallkalender -> Benzinpreise 1/2

            Also irgendwie scrollt er beim linken Hardware-Button nicht einfach durch von rechts nach links.

            Ich denke mal die Funktion "bPrev" arbeitet irgendwie anders als "bNext".
            Keine Ahnung ob das evlt. ein Bug ist oder aus bestimmten Gründen so sein muss.

            Kann es Sein, dass ein Teil der Seiten als Subpages angelegt sind?
            Vieleicht würde es helfen, wenn du die Konfiguration Deiner Pages mal hier in einem Spoiler einstellst?

            NSPanel Dokumentation im GitHub Wiki:

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

            AtifanA 1 Antwort Letzte Antwort
            0
            • ArmilarA Armilar

              Neue TS-Skript-Version 3.4.0 verfügbar (zur neuen TFT-Version 3.4.0)

              https://raw.githubusercontent.com/joBr99/nspanel-lovelace-ui/main/ioBroker/NsPanelTs.ts

              140f143c-758e-4d27-b045-d2bc94256284-image.png

              Es gibt erneut Breaking Changes (d.h. Anpassungen im oberen Skript-Bereich)
              Daher am Besten neues Skript anlegen und die alten Variablen (Seiten) und Konstanten wieder in den Config-Bereich übertragen.

              Auch in der export const config: gibt es Änderungen. Betrifft folgende Zeilen:

              export const config: Config = {
              ...
                  firstScreensaverEntity: { ScreensaverEntity: "accuweather.0.Daily.Day1.Day.PrecipitationProbability", ScreensaverEntityIcon: "weather-pouring", ScreensaverEntityText: "Regen", ScreensaverEntityUnitText: "%", ScreensaverEntityIconColor: undefined  },
                  secondScreensaverEntity: { ScreensaverEntity: "accuweather.0.Current.WindSpeed", ScreensaverEntityIcon: "weather-windy", ScreensaverEntityText: "Wind", ScreensaverEntityUnitText: "km/h", ScreensaverEntityIconColor: MSYellow },
                  thirdScreensaverEntity: { ScreensaverEntity: "accuweather.0.Current.UVIndex", ScreensaverEntityIcon: "solar-power", ScreensaverEntityText: "UV", ScreensaverEntityUnitText: "", ScreensaverEntityIconColor: undefined  },
                  fourthScreensaverEntity: { ScreensaverEntity: "accuweather.0.Current.RelativeHumidity", ScreensaverEntityIcon: "water-percent", ScreensaverEntityText: "Luft", ScreensaverEntityUnitText: "%", ScreensaverEntityIconColor: getState('accuweather.0.Current.RelativeHumidity').val >= 70 ? MSRed : MSGreen },
                  alternativeScreensaverLayout: false,
                  autoWeatherColorScreensaverLayout: true,
                  mrIcon1ScreensaverEntity: { ScreensaverEntity: "mqtt.0.SmartHome.NSPanel_1.stat.POWER1", ScreensaverEntityIcon: "light-switch" },
                  mrIcon2ScreensaverEntity: { ScreensaverEntity: "mqtt.0.SmartHome.NSPanel_1.stat.POWER2", ScreensaverEntityIcon: "lightbulb" },
              ...
              

              Für die Einstellungen des Screensavers habe ich die WIKI entsprechend erweitert:
              https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-Config-Screensaver

              2ea9a8e5-d897-457b-8198-2f1efe340288-image.png

              ad55a288-1864-4be6-aab5-99d06c3c97d4-image.png

              f5274685-f5d2-4361-8b9e-6db1d06f8c79-image.png

              K Offline
              K Offline
              Kuckuckmann
              schrieb am zuletzt editiert von
              #1496

              @armilar

              Tolles Update 🙂

              NSPanel Dokumentation im GitHub Wiki:

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

              1 Antwort Letzte Antwort
              0
              • K Kuckuckmann

                @atifan sagte in Sonoff NSPanel:

                Hi. Eine Sache ist mir aufgefallen die etwas komisch ist.

                Ich navigiere ja über die beiden Hardware-Buttons von links nach rechts und rechts nach links.
                Dafür wurde in Tasmota die folgende Rule angelegt
                Rule1 on Button1#state do Publish %topic%/tele/RESULT {"CustomRecv":"event,buttonPress2,hwbtn,bPrev"} endon on Button2#state do Publish %topic%/tele/RESULT {"CustomRecv":"event,buttonPress2,hwbtn,bNext"} endon

                Aktuell hab ich im NSPanel die folgenden Seiten konfiguriert
                Abfallkalender -> Benzinpreise 1/2 -> Benzinpreise 2/2 -> Strom -> sonstiges

                Die beide Hardware-Buttons verhalten sich aber unterschiedlich, was das hin und her scrollen angeht.
                Der rechte Button funktioniert so wie ich mir das vorstelle, d.h. ich kann den so oft drücken wie ich möchte und meine Seiten werden immer von links nach rechts durchgescrollt, also Abfallkalender -> Benzinpreise 1/2 -> Benzinpreise 2/2 -> Strom -> sonstiges -> wenn ich auf der letzten Seite "sonstiges" bin und nochmal den rechten Hardware-Button drücke, bin ich wieder vorne auf der ersten Seite "Abfallkalender"

                Der linke Button funktioniert aber irgendwie nicht so.
                Wenn ich den drücke wechselt die Ansicht immer nur zwischen Abfallkalender und Benzinpreise 1/2

                es sei denn ich scrolle vorher mit dem rechten Hardware-Button z.B. auf Seite 4 -> Strom
                wenn ich dann den linken Hardware-Button mehrmals drücke dann scrollt er Strom -> Benzinpreise 2/2 -> Benzinpreise 1/2 -> Abfallkalender -> Benzinpreise 1/2 -> Abfallkalender -> Benzinpreise 1/2

                Also irgendwie scrollt er beim linken Hardware-Button nicht einfach durch von rechts nach links.

                Ich denke mal die Funktion "bPrev" arbeitet irgendwie anders als "bNext".
                Keine Ahnung ob das evlt. ein Bug ist oder aus bestimmten Gründen so sein muss.

                Kann es Sein, dass ein Teil der Seiten als Subpages angelegt sind?
                Vieleicht würde es helfen, wenn du die Konfiguration Deiner Pages mal hier in einem Spoiler einstellst?

                AtifanA Offline
                AtifanA Offline
                Atifan
                schrieb am zuletzt editiert von Atifan
                #1497

                @kuckuckmann sagte in Sonoff NSPanel:

                @atifan sagte in Sonoff NSPanel:

                Hi. Eine Sache ist mir aufgefallen die etwas komisch ist.

                Ich navigiere ja über die beiden Hardware-Buttons von links nach rechts und rechts nach links.
                Dafür wurde in Tasmota die folgende Rule angelegt
                Rule1 on Button1#state do Publish %topic%/tele/RESULT {"CustomRecv":"event,buttonPress2,hwbtn,bPrev"} endon on Button2#state do Publish %topic%/tele/RESULT {"CustomRecv":"event,buttonPress2,hwbtn,bNext"} endon

                Aktuell hab ich im NSPanel die folgenden Seiten konfiguriert
                Abfallkalender -> Benzinpreise 1/2 -> Benzinpreise 2/2 -> Strom -> sonstiges

                Die beide Hardware-Buttons verhalten sich aber unterschiedlich, was das hin und her scrollen angeht.
                Der rechte Button funktioniert so wie ich mir das vorstelle, d.h. ich kann den so oft drücken wie ich möchte und meine Seiten werden immer von links nach rechts durchgescrollt, also Abfallkalender -> Benzinpreise 1/2 -> Benzinpreise 2/2 -> Strom -> sonstiges -> wenn ich auf der letzten Seite "sonstiges" bin und nochmal den rechten Hardware-Button drücke, bin ich wieder vorne auf der ersten Seite "Abfallkalender"

                Der linke Button funktioniert aber irgendwie nicht so.
                Wenn ich den drücke wechselt die Ansicht immer nur zwischen Abfallkalender und Benzinpreise 1/2

                es sei denn ich scrolle vorher mit dem rechten Hardware-Button z.B. auf Seite 4 -> Strom
                wenn ich dann den linken Hardware-Button mehrmals drücke dann scrollt er Strom -> Benzinpreise 2/2 -> Benzinpreise 1/2 -> Abfallkalender -> Benzinpreise 1/2 -> Abfallkalender -> Benzinpreise 1/2

                Also irgendwie scrollt er beim linken Hardware-Button nicht einfach durch von rechts nach links.

                Ich denke mal die Funktion "bPrev" arbeitet irgendwie anders als "bNext".
                Keine Ahnung ob das evlt. ein Bug ist oder aus bestimmten Gründen so sein muss.

                Kann es Sein, dass ein Teil der Seiten als Subpages angelegt sind?
                Vieleicht würde es helfen, wenn du die Konfiguration Deiner Pages mal hier in einem Spoiler einstellst?

                Hi, nein alle meine Seiten sind genau gleich aufgebaut.
                Hier der Code.

                var Abfallkalender: PageEntities =
                {
                    "type": "cardEntities",
                    "heading": "Abfallkalender",
                    "useColor": true,
                    "subPage": false,
                    "parent": undefined,
                    "items": [
                        <PageItem>{ id: "alias.0.Abfallkalender.event1",icon: "trash-can"},
                        <PageItem>{ id: "alias.0.Abfallkalender.event2",icon: "trash-can"},
                        <PageItem>{ id: "alias.0.Abfallkalender.event3",icon: "trash-can"},
                        <PageItem>{ id: "alias.0.Abfallkalender.event4",icon: "trash-can"}
                    ]
                };
                
                var Strom: PageEntities =
                {
                    "type": "cardEntities",
                    "heading": "Strom",
                    "useColor": true,
                    "subPage": false,
                    "parent": undefined,
                    "items": [
                        <PageItem>{ id: "alias.0.PV-Anlage.aktueller_Netzbezug", name: 'Netzbezug aktuell', onColor: Red, offColor: Red, icon: "power-plug-outline"},
                        <PageItem>{ id: "alias.0.PV-Anlage.aktuelle_Erzeugung", name: 'PV-Leistung aktuell', onColor: Yellow, offColor: Yellow, icon: "solar-power"},
                        <PageItem>{ id: "alias.0.PV-Anlage.Stromerzeugung_heute", name: 'PV-Erzeugung heute', onColor: Green, offColor: Green, icon: "solar-power-variant"},
                    ]
                };
                
                var Benzinpreise1: PageEntities =
                {
                    "type": "cardEntities",
                    "heading": "Benzinpreise 1/2",
                    "useColor": true,
                    "subPage": false,
                    "parent": undefined,
                    "items": [
                        <PageItem>{ id: "alias.0.Benzinpreise.ED_Schmelz", onColor: Yellow, offColor: Yellow, icon: "gas-station"},
                        <PageItem>{ id: "alias.0.Benzinpreise.ED_Thalexweiler", onColor: Yellow, offColor: Yellow, icon: "gas-station"},
                        <PageItem>{ id: "alias.0.Benzinpreise.Globus_St-Wendel", onColor: Yellow, offColor: Yellow, icon: "gas-station"},
                        <PageItem>{ id: "alias.0.Benzinpreise.Nardi_Theley", onColor: Yellow, offColor: Yellow, icon: "gas-station"},
                    ]
                };
                
                var Benzinpreise2: PageEntities =
                {
                    "type": "cardEntities",
                    "heading": "Benzinpreise 2/2",
                    "useColor": true,
                    "subPage": false,
                    "parent": undefined,
                    "items": [
                        <PageItem>{ id: "alias.0.Benzinpreise.Schlick_Alsweiler", onColor: Yellow, offColor: Yellow, icon: "gas-station"},
                        <PageItem>{ id: "alias.0.Benzinpreise.Total_Hasborn", onColor: Yellow, offColor: Yellow, icon: "gas-station"},
                        <PageItem>{ id: "alias.0.Benzinpreise.Heizöl", onColor: Red, offColor: Red, icon: "gas-burner"},
                    ]
                };
                
                var sonstiges: PageEntities =
                {
                    "type": "cardEntities",
                    "heading": "sonstiges",
                    "useColor": true,
                    "subPage": false,
                    "parent": undefined,
                    "items": [
                        <PageItem>{ id: "alias.0.sonstige_Infos.Wasser_in_Zisterne", onColor: Blue, offColor: Blue, icon: "water"},
                        <PageItem>{ id: "alias.0.sonstige_Infos.Füllstand_Zisterne", onColor: Blue, offColor: Blue, icon: "water"},
                        <PageItem>{ id: "alias.0.sonstige_Infos.Füllstand_Öltank", onColor: Red, offColor: Red, icon: "gas-burner"},
                    ]
                };
                
                ArmilarA 1 Antwort Letzte Antwort
                0
                • AtifanA Atifan

                  @kuckuckmann sagte in Sonoff NSPanel:

                  @atifan sagte in Sonoff NSPanel:

                  Hi. Eine Sache ist mir aufgefallen die etwas komisch ist.

                  Ich navigiere ja über die beiden Hardware-Buttons von links nach rechts und rechts nach links.
                  Dafür wurde in Tasmota die folgende Rule angelegt
                  Rule1 on Button1#state do Publish %topic%/tele/RESULT {"CustomRecv":"event,buttonPress2,hwbtn,bPrev"} endon on Button2#state do Publish %topic%/tele/RESULT {"CustomRecv":"event,buttonPress2,hwbtn,bNext"} endon

                  Aktuell hab ich im NSPanel die folgenden Seiten konfiguriert
                  Abfallkalender -> Benzinpreise 1/2 -> Benzinpreise 2/2 -> Strom -> sonstiges

                  Die beide Hardware-Buttons verhalten sich aber unterschiedlich, was das hin und her scrollen angeht.
                  Der rechte Button funktioniert so wie ich mir das vorstelle, d.h. ich kann den so oft drücken wie ich möchte und meine Seiten werden immer von links nach rechts durchgescrollt, also Abfallkalender -> Benzinpreise 1/2 -> Benzinpreise 2/2 -> Strom -> sonstiges -> wenn ich auf der letzten Seite "sonstiges" bin und nochmal den rechten Hardware-Button drücke, bin ich wieder vorne auf der ersten Seite "Abfallkalender"

                  Der linke Button funktioniert aber irgendwie nicht so.
                  Wenn ich den drücke wechselt die Ansicht immer nur zwischen Abfallkalender und Benzinpreise 1/2

                  es sei denn ich scrolle vorher mit dem rechten Hardware-Button z.B. auf Seite 4 -> Strom
                  wenn ich dann den linken Hardware-Button mehrmals drücke dann scrollt er Strom -> Benzinpreise 2/2 -> Benzinpreise 1/2 -> Abfallkalender -> Benzinpreise 1/2 -> Abfallkalender -> Benzinpreise 1/2

                  Also irgendwie scrollt er beim linken Hardware-Button nicht einfach durch von rechts nach links.

                  Ich denke mal die Funktion "bPrev" arbeitet irgendwie anders als "bNext".
                  Keine Ahnung ob das evlt. ein Bug ist oder aus bestimmten Gründen so sein muss.

                  Kann es Sein, dass ein Teil der Seiten als Subpages angelegt sind?
                  Vieleicht würde es helfen, wenn du die Konfiguration Deiner Pages mal hier in einem Spoiler einstellst?

                  Hi, nein alle meine Seiten sind genau gleich aufgebaut.
                  Hier der Code.

                  var Abfallkalender: PageEntities =
                  {
                      "type": "cardEntities",
                      "heading": "Abfallkalender",
                      "useColor": true,
                      "subPage": false,
                      "parent": undefined,
                      "items": [
                          <PageItem>{ id: "alias.0.Abfallkalender.event1",icon: "trash-can"},
                          <PageItem>{ id: "alias.0.Abfallkalender.event2",icon: "trash-can"},
                          <PageItem>{ id: "alias.0.Abfallkalender.event3",icon: "trash-can"},
                          <PageItem>{ id: "alias.0.Abfallkalender.event4",icon: "trash-can"}
                      ]
                  };
                  
                  var Strom: PageEntities =
                  {
                      "type": "cardEntities",
                      "heading": "Strom",
                      "useColor": true,
                      "subPage": false,
                      "parent": undefined,
                      "items": [
                          <PageItem>{ id: "alias.0.PV-Anlage.aktueller_Netzbezug", name: 'Netzbezug aktuell', onColor: Red, offColor: Red, icon: "power-plug-outline"},
                          <PageItem>{ id: "alias.0.PV-Anlage.aktuelle_Erzeugung", name: 'PV-Leistung aktuell', onColor: Yellow, offColor: Yellow, icon: "solar-power"},
                          <PageItem>{ id: "alias.0.PV-Anlage.Stromerzeugung_heute", name: 'PV-Erzeugung heute', onColor: Green, offColor: Green, icon: "solar-power-variant"},
                      ]
                  };
                  
                  var Benzinpreise1: PageEntities =
                  {
                      "type": "cardEntities",
                      "heading": "Benzinpreise 1/2",
                      "useColor": true,
                      "subPage": false,
                      "parent": undefined,
                      "items": [
                          <PageItem>{ id: "alias.0.Benzinpreise.ED_Schmelz", onColor: Yellow, offColor: Yellow, icon: "gas-station"},
                          <PageItem>{ id: "alias.0.Benzinpreise.ED_Thalexweiler", onColor: Yellow, offColor: Yellow, icon: "gas-station"},
                          <PageItem>{ id: "alias.0.Benzinpreise.Globus_St-Wendel", onColor: Yellow, offColor: Yellow, icon: "gas-station"},
                          <PageItem>{ id: "alias.0.Benzinpreise.Nardi_Theley", onColor: Yellow, offColor: Yellow, icon: "gas-station"},
                      ]
                  };
                  
                  var Benzinpreise2: PageEntities =
                  {
                      "type": "cardEntities",
                      "heading": "Benzinpreise 2/2",
                      "useColor": true,
                      "subPage": false,
                      "parent": undefined,
                      "items": [
                          <PageItem>{ id: "alias.0.Benzinpreise.Schlick_Alsweiler", onColor: Yellow, offColor: Yellow, icon: "gas-station"},
                          <PageItem>{ id: "alias.0.Benzinpreise.Total_Hasborn", onColor: Yellow, offColor: Yellow, icon: "gas-station"},
                          <PageItem>{ id: "alias.0.Benzinpreise.Heizöl", onColor: Red, offColor: Red, icon: "gas-burner"},
                      ]
                  };
                  
                  var sonstiges: PageEntities =
                  {
                      "type": "cardEntities",
                      "heading": "sonstiges",
                      "useColor": true,
                      "subPage": false,
                      "parent": undefined,
                      "items": [
                          <PageItem>{ id: "alias.0.sonstige_Infos.Wasser_in_Zisterne", onColor: Blue, offColor: Blue, icon: "water"},
                          <PageItem>{ id: "alias.0.sonstige_Infos.Füllstand_Zisterne", onColor: Blue, offColor: Blue, icon: "water"},
                          <PageItem>{ id: "alias.0.sonstige_Infos.Füllstand_Öltank", onColor: Red, offColor: Red, icon: "gas-burner"},
                      ]
                  };
                  
                  ArmilarA Offline
                  ArmilarA Offline
                  Armilar
                  Most Active Forum Testing
                  schrieb am zuletzt editiert von Armilar
                  #1498

                  @atifan sagte in Sonoff NSPanel:

                  @kuckuckmann sagte in Sonoff NSPanel:

                  @atifan sagte in Sonoff NSPanel:

                  Hi. Eine Sache ist mir aufgefallen die etwas komisch ist.

                  Ich navigiere ja über die beiden Hardware-Buttons von links nach rechts und rechts nach links.
                  Dafür wurde in Tasmota die folgende Rule angelegt
                  Rule1 on Button1#state do Publish %topic%/tele/RESULT {"CustomRecv":"event,buttonPress2,hwbtn,bPrev"} endon on Button2#state do Publish %topic%/tele/RESULT {"CustomRecv":"event,buttonPress2,hwbtn,bNext"} endon

                  Aktuell hab ich im NSPanel die folgenden Seiten konfiguriert
                  Abfallkalender -> Benzinpreise 1/2 -> Benzinpreise 2/2 -> Strom -> sonstiges

                  Die beide Hardware-Buttons verhalten sich aber unterschiedlich, was das hin und her scrollen angeht.
                  Der rechte Button funktioniert so wie ich mir das vorstelle, d.h. ich kann den so oft drücken wie ich möchte und meine Seiten werden immer von links nach rechts durchgescrollt, also Abfallkalender -> Benzinpreise 1/2 -> Benzinpreise 2/2 -> Strom -> sonstiges -> wenn ich auf der letzten Seite "sonstiges" bin und nochmal den rechten Hardware-Button drücke, bin ich wieder vorne auf der ersten Seite "Abfallkalender"

                  Der linke Button funktioniert aber irgendwie nicht so.
                  Wenn ich den drücke wechselt die Ansicht immer nur zwischen Abfallkalender und Benzinpreise 1/2

                  es sei denn ich scrolle vorher mit dem rechten Hardware-Button z.B. auf Seite 4 -> Strom
                  wenn ich dann den linken Hardware-Button mehrmals drücke dann scrollt er Strom -> Benzinpreise 2/2 -> Benzinpreise 1/2 -> Abfallkalender -> Benzinpreise 1/2 -> Abfallkalender -> Benzinpreise 1/2

                  Also irgendwie scrollt er beim linken Hardware-Button nicht einfach durch von rechts nach links.

                  Ich denke mal die Funktion "bPrev" arbeitet irgendwie anders als "bNext".
                  Keine Ahnung ob das evlt. ein Bug ist oder aus bestimmten Gründen so sein muss.

                  Kann es Sein, dass ein Teil der Seiten als Subpages angelegt sind?
                  Vieleicht würde es helfen, wenn du die Konfiguration Deiner Pages mal hier in einem Spoiler einstellst?

                  Hi, nein alle meine Seiten sind genau gleich aufgebaut.
                  Hier der Code.

                  var Abfallkalender: PageEntities =
                  {
                      "type": "cardEntities",
                      "heading": "Abfallkalender",
                      "useColor": true,
                      "subPage": false,
                      "parent": undefined,
                      "items": [
                          <PageItem>{ id: "alias.0.Abfallkalender.event1",icon: "trash-can"},
                          <PageItem>{ id: "alias.0.Abfallkalender.event2",icon: "trash-can"},
                          <PageItem>{ id: "alias.0.Abfallkalender.event3",icon: "trash-can"},
                          <PageItem>{ id: "alias.0.Abfallkalender.event4",icon: "trash-can"}
                      ]
                  };
                  
                  var Strom: PageEntities =
                  {
                      "type": "cardEntities",
                      "heading": "Strom",
                      "useColor": true,
                      "subPage": false,
                      "parent": undefined,
                      "items": [
                          <PageItem>{ id: "alias.0.PV-Anlage.aktueller_Netzbezug", name: 'Netzbezug aktuell', onColor: Red, offColor: Red, icon: "power-plug-outline"},
                          <PageItem>{ id: "alias.0.PV-Anlage.aktuelle_Erzeugung", name: 'PV-Leistung aktuell', onColor: Yellow, offColor: Yellow, icon: "solar-power"},
                          <PageItem>{ id: "alias.0.PV-Anlage.Stromerzeugung_heute", name: 'PV-Erzeugung heute', onColor: Green, offColor: Green, icon: "solar-power-variant"},
                      ]
                  };
                  
                  var Benzinpreise1: PageEntities =
                  {
                      "type": "cardEntities",
                      "heading": "Benzinpreise 1/2",
                      "useColor": true,
                      "subPage": false,
                      "parent": undefined,
                      "items": [
                          <PageItem>{ id: "alias.0.Benzinpreise.ED_Schmelz", onColor: Yellow, offColor: Yellow, icon: "gas-station"},
                          <PageItem>{ id: "alias.0.Benzinpreise.ED_Thalexweiler", onColor: Yellow, offColor: Yellow, icon: "gas-station"},
                          <PageItem>{ id: "alias.0.Benzinpreise.Globus_St-Wendel", onColor: Yellow, offColor: Yellow, icon: "gas-station"},
                          <PageItem>{ id: "alias.0.Benzinpreise.Nardi_Theley", onColor: Yellow, offColor: Yellow, icon: "gas-station"},
                      ]
                  };
                  
                  var Benzinpreise2: PageEntities =
                  {
                      "type": "cardEntities",
                      "heading": "Benzinpreise 2/2",
                      "useColor": true,
                      "subPage": false,
                      "parent": undefined,
                      "items": [
                          <PageItem>{ id: "alias.0.Benzinpreise.Schlick_Alsweiler", onColor: Yellow, offColor: Yellow, icon: "gas-station"},
                          <PageItem>{ id: "alias.0.Benzinpreise.Total_Hasborn", onColor: Yellow, offColor: Yellow, icon: "gas-station"},
                          <PageItem>{ id: "alias.0.Benzinpreise.Heizöl", onColor: Red, offColor: Red, icon: "gas-burner"},
                      ]
                  };
                  
                  var sonstiges: PageEntities =
                  {
                      "type": "cardEntities",
                      "heading": "sonstiges",
                      "useColor": true,
                      "subPage": false,
                      "parent": undefined,
                      "items": [
                          <PageItem>{ id: "alias.0.sonstige_Infos.Wasser_in_Zisterne", onColor: Blue, offColor: Blue, icon: "water"},
                          <PageItem>{ id: "alias.0.sonstige_Infos.Füllstand_Zisterne", onColor: Blue, offColor: Blue, icon: "water"},
                          <PageItem>{ id: "alias.0.sonstige_Infos.Füllstand_Öltank", onColor: Red, offColor: Red, icon: "gas-burner"},
                      ]
                  };
                  

                  Ich kann mir aktuell nicht vorstellen, dass das am TS liegt. Es werden durch die gesonderte Tasmota-Rule1 die gleichen Nachrichten gesendet und verarbeitet wie mit der Software-Navigation.

                  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

                    @atifan sagte in Sonoff NSPanel:

                    @kuckuckmann sagte in Sonoff NSPanel:

                    @atifan sagte in Sonoff NSPanel:

                    Hi. Eine Sache ist mir aufgefallen die etwas komisch ist.

                    Ich navigiere ja über die beiden Hardware-Buttons von links nach rechts und rechts nach links.
                    Dafür wurde in Tasmota die folgende Rule angelegt
                    Rule1 on Button1#state do Publish %topic%/tele/RESULT {"CustomRecv":"event,buttonPress2,hwbtn,bPrev"} endon on Button2#state do Publish %topic%/tele/RESULT {"CustomRecv":"event,buttonPress2,hwbtn,bNext"} endon

                    Aktuell hab ich im NSPanel die folgenden Seiten konfiguriert
                    Abfallkalender -> Benzinpreise 1/2 -> Benzinpreise 2/2 -> Strom -> sonstiges

                    Die beide Hardware-Buttons verhalten sich aber unterschiedlich, was das hin und her scrollen angeht.
                    Der rechte Button funktioniert so wie ich mir das vorstelle, d.h. ich kann den so oft drücken wie ich möchte und meine Seiten werden immer von links nach rechts durchgescrollt, also Abfallkalender -> Benzinpreise 1/2 -> Benzinpreise 2/2 -> Strom -> sonstiges -> wenn ich auf der letzten Seite "sonstiges" bin und nochmal den rechten Hardware-Button drücke, bin ich wieder vorne auf der ersten Seite "Abfallkalender"

                    Der linke Button funktioniert aber irgendwie nicht so.
                    Wenn ich den drücke wechselt die Ansicht immer nur zwischen Abfallkalender und Benzinpreise 1/2

                    es sei denn ich scrolle vorher mit dem rechten Hardware-Button z.B. auf Seite 4 -> Strom
                    wenn ich dann den linken Hardware-Button mehrmals drücke dann scrollt er Strom -> Benzinpreise 2/2 -> Benzinpreise 1/2 -> Abfallkalender -> Benzinpreise 1/2 -> Abfallkalender -> Benzinpreise 1/2

                    Also irgendwie scrollt er beim linken Hardware-Button nicht einfach durch von rechts nach links.

                    Ich denke mal die Funktion "bPrev" arbeitet irgendwie anders als "bNext".
                    Keine Ahnung ob das evlt. ein Bug ist oder aus bestimmten Gründen so sein muss.

                    Kann es Sein, dass ein Teil der Seiten als Subpages angelegt sind?
                    Vieleicht würde es helfen, wenn du die Konfiguration Deiner Pages mal hier in einem Spoiler einstellst?

                    Hi, nein alle meine Seiten sind genau gleich aufgebaut.
                    Hier der Code.

                    var Abfallkalender: PageEntities =
                    {
                        "type": "cardEntities",
                        "heading": "Abfallkalender",
                        "useColor": true,
                        "subPage": false,
                        "parent": undefined,
                        "items": [
                            <PageItem>{ id: "alias.0.Abfallkalender.event1",icon: "trash-can"},
                            <PageItem>{ id: "alias.0.Abfallkalender.event2",icon: "trash-can"},
                            <PageItem>{ id: "alias.0.Abfallkalender.event3",icon: "trash-can"},
                            <PageItem>{ id: "alias.0.Abfallkalender.event4",icon: "trash-can"}
                        ]
                    };
                    
                    var Strom: PageEntities =
                    {
                        "type": "cardEntities",
                        "heading": "Strom",
                        "useColor": true,
                        "subPage": false,
                        "parent": undefined,
                        "items": [
                            <PageItem>{ id: "alias.0.PV-Anlage.aktueller_Netzbezug", name: 'Netzbezug aktuell', onColor: Red, offColor: Red, icon: "power-plug-outline"},
                            <PageItem>{ id: "alias.0.PV-Anlage.aktuelle_Erzeugung", name: 'PV-Leistung aktuell', onColor: Yellow, offColor: Yellow, icon: "solar-power"},
                            <PageItem>{ id: "alias.0.PV-Anlage.Stromerzeugung_heute", name: 'PV-Erzeugung heute', onColor: Green, offColor: Green, icon: "solar-power-variant"},
                        ]
                    };
                    
                    var Benzinpreise1: PageEntities =
                    {
                        "type": "cardEntities",
                        "heading": "Benzinpreise 1/2",
                        "useColor": true,
                        "subPage": false,
                        "parent": undefined,
                        "items": [
                            <PageItem>{ id: "alias.0.Benzinpreise.ED_Schmelz", onColor: Yellow, offColor: Yellow, icon: "gas-station"},
                            <PageItem>{ id: "alias.0.Benzinpreise.ED_Thalexweiler", onColor: Yellow, offColor: Yellow, icon: "gas-station"},
                            <PageItem>{ id: "alias.0.Benzinpreise.Globus_St-Wendel", onColor: Yellow, offColor: Yellow, icon: "gas-station"},
                            <PageItem>{ id: "alias.0.Benzinpreise.Nardi_Theley", onColor: Yellow, offColor: Yellow, icon: "gas-station"},
                        ]
                    };
                    
                    var Benzinpreise2: PageEntities =
                    {
                        "type": "cardEntities",
                        "heading": "Benzinpreise 2/2",
                        "useColor": true,
                        "subPage": false,
                        "parent": undefined,
                        "items": [
                            <PageItem>{ id: "alias.0.Benzinpreise.Schlick_Alsweiler", onColor: Yellow, offColor: Yellow, icon: "gas-station"},
                            <PageItem>{ id: "alias.0.Benzinpreise.Total_Hasborn", onColor: Yellow, offColor: Yellow, icon: "gas-station"},
                            <PageItem>{ id: "alias.0.Benzinpreise.Heizöl", onColor: Red, offColor: Red, icon: "gas-burner"},
                        ]
                    };
                    
                    var sonstiges: PageEntities =
                    {
                        "type": "cardEntities",
                        "heading": "sonstiges",
                        "useColor": true,
                        "subPage": false,
                        "parent": undefined,
                        "items": [
                            <PageItem>{ id: "alias.0.sonstige_Infos.Wasser_in_Zisterne", onColor: Blue, offColor: Blue, icon: "water"},
                            <PageItem>{ id: "alias.0.sonstige_Infos.Füllstand_Zisterne", onColor: Blue, offColor: Blue, icon: "water"},
                            <PageItem>{ id: "alias.0.sonstige_Infos.Füllstand_Öltank", onColor: Red, offColor: Red, icon: "gas-burner"},
                        ]
                    };
                    

                    Ich kann mir aktuell nicht vorstellen, dass das am TS liegt. Es werden durch die gesonderte Tasmota-Rule1 die gleichen Nachrichten gesendet und verarbeitet wie mit der Software-Navigation.

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

                    @armilar sagte in Sonoff NSPanel:

                    Ich kann mir aktuell nicht vorstellen, dass das am TS liegt. Es werden durch die gesonderte Tasmota-Rule1 die gleichen Nachrichten gesendet und verarbeitet wie mit der Software-Navigation.

                    case 'bPrev':
                                var pageNum = ((pageId - 1) % config.pages.length);
                                pageId = Math.abs(pageNum);
                                UnsubscribeWatcher();
                                if (activePage != undefined && activePage.parent != undefined) {
                                    //update pageID
                                    for (let i = 0; i < config.pages.length; i++) {
                                        if (config.pages[i] == activePage.parent) {
                                            pageId = i;
                                            break;
                                        }
                                    }
                                    GeneratePage(activePage.parent);
                                }
                                else {
                                    GeneratePage(config.pages[pageId]);
                                }
                    
                                break;
                    

                    ich glaube es liegt doch am Code. Die erste Seite hat doch die PageId 0. Die Variable PageNum bekommt als Ergebnis -1, dann wird in der nächsten Zeile der absolut Wert gebildet, also 1. Damit springt die Seite mit PageId 1 wieder nach vorne

                    oder liege ich da falsch, den ich habe die nächsten Zeilen noch nicht ganz nachvollziehen können.

                    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

                    J ArmilarA 2 Antworten Letzte Antwort
                    0
                    • T TT-Tom

                      @armilar sagte in Sonoff NSPanel:

                      Ich kann mir aktuell nicht vorstellen, dass das am TS liegt. Es werden durch die gesonderte Tasmota-Rule1 die gleichen Nachrichten gesendet und verarbeitet wie mit der Software-Navigation.

                      case 'bPrev':
                                  var pageNum = ((pageId - 1) % config.pages.length);
                                  pageId = Math.abs(pageNum);
                                  UnsubscribeWatcher();
                                  if (activePage != undefined && activePage.parent != undefined) {
                                      //update pageID
                                      for (let i = 0; i < config.pages.length; i++) {
                                          if (config.pages[i] == activePage.parent) {
                                              pageId = i;
                                              break;
                                          }
                                      }
                                      GeneratePage(activePage.parent);
                                  }
                                  else {
                                      GeneratePage(config.pages[pageId]);
                                  }
                      
                                  break;
                      

                      ich glaube es liegt doch am Code. Die erste Seite hat doch die PageId 0. Die Variable PageNum bekommt als Ergebnis -1, dann wird in der nächsten Zeile der absolut Wert gebildet, also 1. Damit springt die Seite mit PageId 1 wieder nach vorne

                      oder liege ich da falsch, den ich habe die nächsten Zeilen noch nicht ganz nachvollziehen können.

                      J Offline
                      J Offline
                      joBr99
                      schrieb am zuletzt editiert von joBr99
                      #1500

                      @tt-tom @Atifan

                      probiert mal so: (Disclaimer: ungetestet)

                              case 'bNext':
                                  pageId = (((pageId + 1) % config.pages.length) + config.pages.length) % config.pages.length;
                                  UnsubscribeWatcher();
                                  GeneratePage(config.pages[pageId]);
                                  break;
                              case 'bPrev':
                                  pageId = (((pageId - 1) % config.pages.length) + config.pages.length) % config.pages.length;
                                  UnsubscribeWatcher();
                      
                      ArmilarA 1 Antwort Letzte Antwort
                      0
                      • T TT-Tom

                        @armilar sagte in Sonoff NSPanel:

                        Ich kann mir aktuell nicht vorstellen, dass das am TS liegt. Es werden durch die gesonderte Tasmota-Rule1 die gleichen Nachrichten gesendet und verarbeitet wie mit der Software-Navigation.

                        case 'bPrev':
                                    var pageNum = ((pageId - 1) % config.pages.length);
                                    pageId = Math.abs(pageNum);
                                    UnsubscribeWatcher();
                                    if (activePage != undefined && activePage.parent != undefined) {
                                        //update pageID
                                        for (let i = 0; i < config.pages.length; i++) {
                                            if (config.pages[i] == activePage.parent) {
                                                pageId = i;
                                                break;
                                            }
                                        }
                                        GeneratePage(activePage.parent);
                                    }
                                    else {
                                        GeneratePage(config.pages[pageId]);
                                    }
                        
                                    break;
                        

                        ich glaube es liegt doch am Code. Die erste Seite hat doch die PageId 0. Die Variable PageNum bekommt als Ergebnis -1, dann wird in der nächsten Zeile der absolut Wert gebildet, also 1. Damit springt die Seite mit PageId 1 wieder nach vorne

                        oder liege ich da falsch, den ich habe die nächsten Zeilen noch nicht ganz nachvollziehen können.

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

                        @tt-tom sagte in Sonoff NSPanel:

                        @armilar sagte in Sonoff NSPanel:

                        Ich kann mir aktuell nicht vorstellen, dass das am TS liegt. Es werden durch die gesonderte Tasmota-Rule1 die gleichen Nachrichten gesendet und verarbeitet wie mit der Software-Navigation.

                        case 'bPrev':
                                    var pageNum = ((pageId - 1) % config.pages.length);
                                    pageId = Math.abs(pageNum);
                                    UnsubscribeWatcher();
                                    if (activePage != undefined && activePage.parent != undefined) {
                                        //update pageID
                                        for (let i = 0; i < config.pages.length; i++) {
                                            if (config.pages[i] == activePage.parent) {
                                                pageId = i;
                                                break;
                                            }
                                        }
                                        GeneratePage(activePage.parent);
                                    }
                                    else {
                                        GeneratePage(config.pages[pageId]);
                                    }
                        
                                    break;
                        

                        ich glaube es liegt doch am Code. Die erste Seite hat doch die PageId 0. Die Variable PageNum bekommt als Ergebnis -1, dann wird in der nächsten Zeile der absolut Wert gebildet, also 1. Damit springt die Seite mit PageId 1 wieder nach vorne

                        oder liege ich da falsch, den ich habe die nächsten Zeilen noch nicht ganz nachvollziehen können.

                        Nee, macht schon was es soll. Habe zur Verdeutlichung ein paar Logs eingebaut

                        bee4db62-caef-457a-b08b-18dee20b7b03-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
                        • J joBr99

                          @tt-tom @Atifan

                          probiert mal so: (Disclaimer: ungetestet)

                                  case 'bNext':
                                      pageId = (((pageId + 1) % config.pages.length) + config.pages.length) % config.pages.length;
                                      UnsubscribeWatcher();
                                      GeneratePage(config.pages[pageId]);
                                      break;
                                  case 'bPrev':
                                      pageId = (((pageId - 1) % config.pages.length) + config.pages.length) % config.pages.length;
                                      UnsubscribeWatcher();
                          
                          ArmilarA Offline
                          ArmilarA Offline
                          Armilar
                          Most Active Forum Testing
                          schrieb am zuletzt editiert von Armilar
                          #1502

                          @jobr99 sagte in Sonoff NSPanel:

                          @tt-tom @Atifan

                          probiert mal so: (Disclaimer: ungetestet)

                                  case 'bNext':
                                      pageId = (((pageId + 1) % config.pages.length) + config.pages.length) % config.pages.length;
                                      UnsubscribeWatcher();
                                      GeneratePage(config.pages[pageId]);
                                      break;
                                  case 'bPrev':
                                      pageId = (((pageId - 1) % config.pages.length) + config.pages.length) % config.pages.length;
                                      UnsubscribeWatcher();
                          

                          daf870b1-5d16-430e-a998-27f4c740861f-image.png

                          Der geht auf die Bretter

                          So geht es
                          9cd403d4-652d-43e6-bb4a-2022e76fde5e-image.png

                          Aber mal im Ernst. Macht das gleiche wie ursprünglich. Hat auch das gleiche Ergebnis und vorher auch funktioniert.

                          Ich hatte mit der Software-Navi noch nie einen Ausfall oder fehlende Seiten oder Sprünge

                          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.

                          J 1 Antwort Letzte Antwort
                          0
                          • ArmilarA Armilar

                            @jobr99 sagte in Sonoff NSPanel:

                            @tt-tom @Atifan

                            probiert mal so: (Disclaimer: ungetestet)

                                    case 'bNext':
                                        pageId = (((pageId + 1) % config.pages.length) + config.pages.length) % config.pages.length;
                                        UnsubscribeWatcher();
                                        GeneratePage(config.pages[pageId]);
                                        break;
                                    case 'bPrev':
                                        pageId = (((pageId - 1) % config.pages.length) + config.pages.length) % config.pages.length;
                                        UnsubscribeWatcher();
                            

                            daf870b1-5d16-430e-a998-27f4c740861f-image.png

                            Der geht auf die Bretter

                            So geht es
                            9cd403d4-652d-43e6-bb4a-2022e76fde5e-image.png

                            Aber mal im Ernst. Macht das gleiche wie ursprünglich. Hat auch das gleiche Ergebnis und vorher auch funktioniert.

                            Ich hatte mit der Software-Navi noch nie einen Ausfall oder fehlende Seiten oder Sprünge

                            J Offline
                            J Offline
                            joBr99
                            schrieb am zuletzt editiert von joBr99
                            #1503

                            @armilar
                            Das war mein Gedanke dazu:

                            5 Seiten insgesammt; aktuelle Seite ist 0

                            bPrev bei disem code:

                                        var pageNum = ((pageId - 1) % config.pages.length); -> ergibt -1 (warum auch immer modulo in JS so implementiert ist ...)
                                        pageId = Math.abs(pageNum); -> ergibt 1
                            

                            Ergebnis ist 1, sollte aber 4 sein.

                            Math.abs(0-1%5)
                            vs.
                            (((0 - 1) % 5) + 5) % 5

                            ArmilarA 1 Antwort Letzte Antwort
                            0
                            • J joBr99

                              @armilar
                              Das war mein Gedanke dazu:

                              5 Seiten insgesammt; aktuelle Seite ist 0

                              bPrev bei disem code:

                                          var pageNum = ((pageId - 1) % config.pages.length); -> ergibt -1 (warum auch immer modulo in JS so implementiert ist ...)
                                          pageId = Math.abs(pageNum); -> ergibt 1
                              

                              Ergebnis ist 1, sollte aber 4 sein.

                              Math.abs(0-1%5)
                              vs.
                              (((0 - 1) % 5) + 5) % 5

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

                              @jobr99 sagte in Sonoff NSPanel:

                              @armilar
                              Das war mein Gedanke dazu:

                              5 Seiten insgesammt; aktuelle Seite ist 0

                              bPrev bei disem code:

                                          var pageNum = ((pageId - 1) % config.pages.length); -> ergibt -1 (warum auch immer modulo in JS so implementiert ist ...)
                                          pageId = Math.abs(pageNum); -> ergibt 1
                              

                              Ergebnis ist 1, sollte aber 4 sein.

                              Math.abs(-1%5)
                              vs.
                              (((0 - 1) % 5) + 5) % 5

                              Wie auch immer 😉
                              @Atifan soll es mal so einbauen und testen. Ist ja auch schick so...

                              case 'bNext':
                                         var pageNum = (((pageId + 1) % config.pages.length) + config.pages.length) % config.pages.length;
                                         pageId = pageNum;
                                         UnsubscribeWatcher();
                                         GeneratePage(config.pages[pageId]);
                                         break;
                                     case 'bPrev':
                                         var pageNum = (((pageId - 1) % config.pages.length) + config.pages.length) % config.pages.length;
                                         pageId = pageNum;
                                         UnsubscribeWatcher();
                                         if (activePage != undefined && activePage.parent != undefined) {
                                             //update pageID
                                             for (let i = 0; i < config.pages.length; i++) {
                                                 if (config.pages[i] == activePage.parent) {
                                                     pageId = i;
                                                     break;
                                                 }
                                             }
                                             GeneratePage(activePage.parent);
                                         }
                                         else {
                                             GeneratePage(config.pages[pageId]);
                                         }
                                         break;
                              

                              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.

                              AtifanA T 2 Antworten Letzte Antwort
                              0
                              • ArmilarA Armilar

                                @jobr99 sagte in Sonoff NSPanel:

                                @armilar
                                Das war mein Gedanke dazu:

                                5 Seiten insgesammt; aktuelle Seite ist 0

                                bPrev bei disem code:

                                            var pageNum = ((pageId - 1) % config.pages.length); -> ergibt -1 (warum auch immer modulo in JS so implementiert ist ...)
                                            pageId = Math.abs(pageNum); -> ergibt 1
                                

                                Ergebnis ist 1, sollte aber 4 sein.

                                Math.abs(-1%5)
                                vs.
                                (((0 - 1) % 5) + 5) % 5

                                Wie auch immer 😉
                                @Atifan soll es mal so einbauen und testen. Ist ja auch schick so...

                                case 'bNext':
                                           var pageNum = (((pageId + 1) % config.pages.length) + config.pages.length) % config.pages.length;
                                           pageId = pageNum;
                                           UnsubscribeWatcher();
                                           GeneratePage(config.pages[pageId]);
                                           break;
                                       case 'bPrev':
                                           var pageNum = (((pageId - 1) % config.pages.length) + config.pages.length) % config.pages.length;
                                           pageId = pageNum;
                                           UnsubscribeWatcher();
                                           if (activePage != undefined && activePage.parent != undefined) {
                                               //update pageID
                                               for (let i = 0; i < config.pages.length; i++) {
                                                   if (config.pages[i] == activePage.parent) {
                                                       pageId = i;
                                                       break;
                                                   }
                                               }
                                               GeneratePage(activePage.parent);
                                           }
                                           else {
                                               GeneratePage(config.pages[pageId]);
                                           }
                                           break;
                                
                                AtifanA Offline
                                AtifanA Offline
                                Atifan
                                schrieb am zuletzt editiert von Atifan
                                #1505

                                Jo Leute ihr seid echt geil 🙂

                                Also habe den neuen Code da eingebaut und damit funktioniert es 🙂 Vielen Dank!

                                Also den Code hier mein ich

                                case 'bNext':
                                           var pageNum = (((pageId + 1) % config.pages.length) + config.pages.length) % config.pages.length;
                                           pageId = pageNum;
                                           UnsubscribeWatcher();
                                           GeneratePage(config.pages[pageId]);
                                           break;
                                       case 'bPrev':
                                           var pageNum = (((pageId - 1) % config.pages.length) + config.pages.length) % config.pages.length;
                                           pageId = pageNum;
                                           UnsubscribeWatcher();
                                           if (activePage != undefined && activePage.parent != undefined) {
                                               //update pageID
                                               for (let i = 0; i < config.pages.length; i++) {
                                                   if (config.pages[i] == activePage.parent) {
                                                       pageId = i;
                                                       break;
                                                   }
                                               }
                                               GeneratePage(activePage.parent);
                                           }
                                           else {
                                               GeneratePage(config.pages[pageId]);
                                           }
                                           break;
                                
                                ArmilarA 1 Antwort Letzte Antwort
                                0
                                • AtifanA Atifan

                                  Jo Leute ihr seid echt geil 🙂

                                  Also habe den neuen Code da eingebaut und damit funktioniert es 🙂 Vielen Dank!

                                  Also den Code hier mein ich

                                  case 'bNext':
                                             var pageNum = (((pageId + 1) % config.pages.length) + config.pages.length) % config.pages.length;
                                             pageId = pageNum;
                                             UnsubscribeWatcher();
                                             GeneratePage(config.pages[pageId]);
                                             break;
                                         case 'bPrev':
                                             var pageNum = (((pageId - 1) % config.pages.length) + config.pages.length) % config.pages.length;
                                             pageId = pageNum;
                                             UnsubscribeWatcher();
                                             if (activePage != undefined && activePage.parent != undefined) {
                                                 //update pageID
                                                 for (let i = 0; i < config.pages.length; i++) {
                                                     if (config.pages[i] == activePage.parent) {
                                                         pageId = i;
                                                         break;
                                                     }
                                                 }
                                                 GeneratePage(activePage.parent);
                                             }
                                             else {
                                                 GeneratePage(config.pages[pageId]);
                                             }
                                             break;
                                  
                                  ArmilarA Offline
                                  ArmilarA Offline
                                  Armilar
                                  Most Active Forum Testing
                                  schrieb am zuletzt editiert von
                                  #1506

                                  @atifan sagte in Sonoff NSPanel:

                                  Jo Leute ihr seid echt geil 🙂

                                  Also habe den neuen Code da eingebaut und damit funktioniert es 🙂 Vielen Dank!

                                  Echt jetzt?

                                  @joBr99 👍 😊

                                  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.

                                  ArmilarA 1 Antwort Letzte Antwort
                                  0
                                  • ArmilarA Armilar

                                    @atifan sagte in Sonoff NSPanel:

                                    Jo Leute ihr seid echt geil 🙂

                                    Also habe den neuen Code da eingebaut und damit funktioniert es 🙂 Vielen Dank!

                                    Echt jetzt?

                                    @joBr99 👍 😊

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

                                    @armilar sagte in Sonoff NSPanel:

                                    @atifan sagte in Sonoff NSPanel:

                                    Jo Leute ihr seid echt geil 🙂

                                    Also habe den neuen Code da eingebaut und damit funktioniert es 🙂 Vielen Dank!

                                    Echt jetzt?

                                    @joBr99 👍 😊

                                    Lass es jetzt so drin

                                    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.

                                    ArmilarA 1 Antwort Letzte Antwort
                                    0
                                    • ArmilarA Armilar

                                      @armilar sagte in Sonoff NSPanel:

                                      @atifan sagte in Sonoff NSPanel:

                                      Jo Leute ihr seid echt geil 🙂

                                      Also habe den neuen Code da eingebaut und damit funktioniert es 🙂 Vielen Dank!

                                      Echt jetzt?

                                      @joBr99 👍 😊

                                      Lass es jetzt so drin

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

                                      @armilar sagte in Sonoff NSPanel:

                                      @armilar sagte in Sonoff NSPanel:

                                      @atifan sagte in Sonoff NSPanel:

                                      Jo Leute ihr seid echt geil 🙂

                                      Also habe den neuen Code da eingebaut und damit funktioniert es 🙂 Vielen Dank!

                                      Echt jetzt?

                                      @joBr99 👍 😊

                                      Lass es jetzt so drin

                                      Bugfix v3.4.0.3 ist auf github

                                      Gerne den unteren Teil austauschen...

                                      https://github.com/joBr99/nspanel-lovelace-ui/blob/main/ioBroker/NsPanelTs.ts

                                      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.

                                      AtifanA 1 Antwort Letzte Antwort
                                      0
                                      • ArmilarA Armilar

                                        @armilar sagte in Sonoff NSPanel:

                                        @armilar sagte in Sonoff NSPanel:

                                        @atifan sagte in Sonoff NSPanel:

                                        Jo Leute ihr seid echt geil 🙂

                                        Also habe den neuen Code da eingebaut und damit funktioniert es 🙂 Vielen Dank!

                                        Echt jetzt?

                                        @joBr99 👍 😊

                                        Lass es jetzt so drin

                                        Bugfix v3.4.0.3 ist auf github

                                        Gerne den unteren Teil austauschen...

                                        https://github.com/joBr99/nspanel-lovelace-ui/blob/main/ioBroker/NsPanelTs.ts

                                        AtifanA Offline
                                        AtifanA Offline
                                        Atifan
                                        schrieb am zuletzt editiert von
                                        #1509

                                        @armilar 👍
                                        Was man evtl. auch noch machen könnte, im Script ganz oben bei der Dokumentation und den Changenotes eine Zeile mit dem Hinweis, wo man die Iconsymbole findet. Dann muss man nicht immer hier im Forum nach dem Link suchen 🙂

                                        Also z.B. so:
                                        // Icons unter: https://htmlpreview.github.io/?https://github.com/jobr99/Generate-HASP-Fonts/blob/master/cheatsheet.html

                                        ArmilarA K 2 Antworten Letzte Antwort
                                        0
                                        • AtifanA Atifan

                                          @armilar 👍
                                          Was man evtl. auch noch machen könnte, im Script ganz oben bei der Dokumentation und den Changenotes eine Zeile mit dem Hinweis, wo man die Iconsymbole findet. Dann muss man nicht immer hier im Forum nach dem Link suchen 🙂

                                          Also z.B. so:
                                          // Icons unter: https://htmlpreview.github.io/?https://github.com/jobr99/Generate-HASP-Fonts/blob/master/cheatsheet.html

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

                                          @atifan sagte in Sonoff NSPanel:

                                          @armilar 👍
                                          Was man evtl. auch noch machen könnte, im Script ganz oben bei der Dokumentation und den Changenotes eine Zeile mit dem Hinweis, wo man die Iconsymbole findet. Dann muss man nicht immer hier im Forum nach dem Link suchen 🙂

                                          Also z.B. so:
                                          // Icons unter: https://htmlpreview.github.io/?https://github.com/jobr99/Generate-HASP-Fonts/blob/master/cheatsheet.html

                                          Guter Hinweis. Ich dachte wäre schon drin. Hab's mal in die DEV aufgenommen. Link ist dann mit dem nächsten Update drin

                                          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
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          744

                                          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
                                          • Aktuell
                                          • Tags
                                          • Ungelesen 0
                                          • Kategorien
                                          • Unreplied
                                          • Beliebt
                                          • GitHub
                                          • Docu
                                          • Hilfe