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

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

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

Sonoff NSPanel

Geplant Angeheftet Gesperrt Verschoben Hardware
1.5k Beiträge 78 Kommentatoren 636.8k 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.
  • 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
                                    • 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

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

                                      @atifan
                                      Du kannst ihn aber auch einfach unter deinen Browserfavoriten speichern 😊 😉

                                      @joBr99 @TT-Tom @Armilar
                                      Mein Kompliment 🙂

                                      NSPanel Dokumentation im GitHub Wiki:

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

                                      AtifanA 1 Antwort Letzte Antwort
                                      0
                                      • K Kuckuckmann

                                        @atifan
                                        Du kannst ihn aber auch einfach unter deinen Browserfavoriten speichern 😊 😉

                                        @joBr99 @TT-Tom @Armilar
                                        Mein Kompliment 🙂

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

                                        @kuckuckmann sagte in Sonoff NSPanel:

                                        @atifan
                                        Du kannst ihn aber auch einfach unter deinen Browserfavoriten speichern 😊 😉

                                        @joBr99 @TT-Tom @Armilar
                                        Mein Kompliment 🙂

                                        Ja aber ich mags gerne lieber komplizierter 🙂

                                        ArmilarA 1 Antwort Letzte Antwort
                                        0
                                        • AtifanA Atifan

                                          @kuckuckmann sagte in Sonoff NSPanel:

                                          @atifan
                                          Du kannst ihn aber auch einfach unter deinen Browserfavoriten speichern 😊 😉

                                          @joBr99 @TT-Tom @Armilar
                                          Mein Kompliment 🙂

                                          Ja aber ich mags gerne lieber komplizierter 🙂

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

                                          @atifan sagte in Sonoff NSPanel:

                                          @kuckuckmann sagte in Sonoff NSPanel:

                                          @atifan
                                          Du kannst ihn aber auch einfach unter deinen Browserfavoriten speichern 😊 😉

                                          @joBr99 @TT-Tom @Armilar
                                          Mein Kompliment 🙂

                                          Ja aber ich mags gerne lieber komplizierter 🙂

                                          Bleibt die Browserleiste auch immer schön aufgeräumt 😬 🤘

                                          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

                                          434

                                          Online

                                          32.4k

                                          Benutzer

                                          81.4k

                                          Themen

                                          1.3m

                                          Beiträge
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                          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