Skip to content
  • Home
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • 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

  • Default (No Skin)
  • No Skin
Collapse
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. [Vorlage] Variable Zeitsteuerung mit VIS Editor

NEWS

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    17
    1
    3.3k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    1.1k

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.4k

[Vorlage] Variable Zeitsteuerung mit VIS Editor

Scheduled Pinned Locked Moved Visualisierung
vistemplate
919 Posts 47 Posters 296.9k Views 75 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • B baeri

    Das ist komisch, auf meinem Tablet (Fully Kiosk Browser) geht gar nicht, auf meinem Handy mit Chrome zoome ich mit Toppel-Tap raus.
    Leider funktioniert der "Aktiv" Schalter nicht. Ich lasse ihn mir nur einblenden, wenn ich einen Timer ausgewählt habe. Dort wird dann auch der korrekte State angezeigt, sprich Timer die aus sind werden erkannt. Aber umschalten kann ich damit nicht mehr.

    G Offline
    G Offline
    GiuseppeS
    wrote on last edited by
    #324

    @baeri
    Aber die Verknüpfung für den "Aktiv" Schalter passt weiterhin? Also die hinterlegte Objekt ID?
    Wenn die passt muss ich das heute Abend mal prüfen, ob ich da nicht doch eine Kleinigkeit geändert hatte.

    Die Doppelklick Reaktionen sind ja ziemlich verblüffend. Benutze selbst die VIS auf einem Android Smartphone direkt über den Chrome Browser. Funktioniert wie es soll. Werde mir heute Abend mal Gedanken machen, ob auf den Doppelklick u.U. verzichtet werden kann. Einfacher Klick auf die entsprechenden Einträge könnte auch die Funktionalität aufweisen. Mal schauen wie das Feedback anderer Nutzer aussieht.

    B 1 Reply Last reply
    0
    • G GiuseppeS

      @baeri
      Aber die Verknüpfung für den "Aktiv" Schalter passt weiterhin? Also die hinterlegte Objekt ID?
      Wenn die passt muss ich das heute Abend mal prüfen, ob ich da nicht doch eine Kleinigkeit geändert hatte.

      Die Doppelklick Reaktionen sind ja ziemlich verblüffend. Benutze selbst die VIS auf einem Android Smartphone direkt über den Chrome Browser. Funktioniert wie es soll. Werde mir heute Abend mal Gedanken machen, ob auf den Doppelklick u.U. verzichtet werden kann. Einfacher Klick auf die entsprechenden Einträge könnte auch die Funktionalität aufweisen. Mal schauen wie das Feedback anderer Nutzer aussieht.

      B Offline
      B Offline
      baeri
      wrote on last edited by
      #325

      @GiuseppeS
      Ja, das Objekt passt weiterhin und die Anzeige dafür stimmt auch immer.
      Sprich wenn ich am PC, wo der Doppelklick ja klappt, umschalte, ändert sich auch der State am Schalter.
      Zu dem Einfachklick: Glaube das würde viele stören, wenn man nur was "markiert" und direkt das Popup auf geht. Wie wäre es mit einem einfachen "Edit" Link am Ende der Tabelle?
      Oder es eben so lassen, ich habe mit dem eingeblendeten Edit-Button von der Vorversion absolut keine Probleme. Nur kann ich derzeit am Tablet eben nicht aktiv/inaktiv schalten.
      Bin mal auf die Erfahrungen anderer Nutzer gespannt!

      G 1 Reply Last reply
      0
      • B baeri

        @GiuseppeS
        Ja, das Objekt passt weiterhin und die Anzeige dafür stimmt auch immer.
        Sprich wenn ich am PC, wo der Doppelklick ja klappt, umschalte, ändert sich auch der State am Schalter.
        Zu dem Einfachklick: Glaube das würde viele stören, wenn man nur was "markiert" und direkt das Popup auf geht. Wie wäre es mit einem einfachen "Edit" Link am Ende der Tabelle?
        Oder es eben so lassen, ich habe mit dem eingeblendeten Edit-Button von der Vorversion absolut keine Probleme. Nur kann ich derzeit am Tablet eben nicht aktiv/inaktiv schalten.
        Bin mal auf die Erfahrungen anderer Nutzer gespannt!

        G Offline
        G Offline
        GiuseppeS
        wrote on last edited by
        #326

        Gerade habe ich die View auf der VIS App vom IPhone getestet. Auch dort klappt es mit dem Doppeklick nicht, um den Editor zu öffnen. Seltsamerweise klappt es aber mit Aktivieren/Deaktivieren über Doppeklick...

        Werde schauen, dass ich heute Abend die Doppeklick Funktion umstelle. 1xClick funktioniert anscheinend immer; wenn zweimal 1xClick innerhalb einer Sekunde erkannt wird, dann interpretiert es das Skript dann als "Doppeklick". Hoffe, dass es dann überall funktioniert.

        1 Reply Last reply
        0
        • H Offline
          H Offline
          HelmutS
          wrote on last edited by HelmutS
          #327

          Ändere im Script mal folgende Funktion:

              // Double-Click Aktion aus Tabelle für Spezialfunktionen
              on({id: "javascript.0.Timer." + path + ".dblClickTarget", change: "any"}, function (obj) {
              	
                  var btnSource = obj.state.val.split("~")[2]; // Button-Funktion wird eingelesen
          
                  if (btnSource == "dev" || btnSource == "time"){ // Edit-Dialog öffnen bei Doppelklick Geräte- oder IST-Zeit-Button
                      setState("vis.0.control.data"/*Data for control vis*/, DlgWidget);
                      setState('vis.0.control.instance'/*Control vis*/, "FFFFFFFF");
                      setState("vis.0.control.command"/*Command for vis*/, 'dialog');
                      delFocusOnTimer(false); // Auswahl des Timers nicht automatisch zurücksetzen!
                  }
                  if (btnSource == "nr"){ // Aktivieren/Deaktivieren des Timers
                      setState("javascript.0.Timer." + path + ".Editor.Aktiv", !getState("javascript.0.Timer." + path + ".Editor.Aktiv").val);
                  }
          
              });
          

          Dann funktioniert bei mir der Doppelklick
          Zeile 8 ist neu

          G 2 Replies Last reply
          1
          • H HelmutS

            Ändere im Script mal folgende Funktion:

                // Double-Click Aktion aus Tabelle für Spezialfunktionen
                on({id: "javascript.0.Timer." + path + ".dblClickTarget", change: "any"}, function (obj) {
                	
                    var btnSource = obj.state.val.split("~")[2]; // Button-Funktion wird eingelesen
            
                    if (btnSource == "dev" || btnSource == "time"){ // Edit-Dialog öffnen bei Doppelklick Geräte- oder IST-Zeit-Button
                        setState("vis.0.control.data"/*Data for control vis*/, DlgWidget);
                        setState('vis.0.control.instance'/*Control vis*/, "FFFFFFFF");
                        setState("vis.0.control.command"/*Command for vis*/, 'dialog');
                        delFocusOnTimer(false); // Auswahl des Timers nicht automatisch zurücksetzen!
                    }
                    if (btnSource == "nr"){ // Aktivieren/Deaktivieren des Timers
                        setState("javascript.0.Timer." + path + ".Editor.Aktiv", !getState("javascript.0.Timer." + path + ".Editor.Aktiv").val);
                    }
            
                });
            

            Dann funktioniert bei mir der Doppelklick
            Zeile 8 ist neu

            G Offline
            G Offline
            GiuseppeS
            wrote on last edited by
            #328

            @HelmutS
            Sag bloß, es lag an der Instanz.... DAAAANKEEEEE
            Werde es direkt testen.

            1 Reply Last reply
            0
            • H HelmutS

              Ändere im Script mal folgende Funktion:

                  // Double-Click Aktion aus Tabelle für Spezialfunktionen
                  on({id: "javascript.0.Timer." + path + ".dblClickTarget", change: "any"}, function (obj) {
                  	
                      var btnSource = obj.state.val.split("~")[2]; // Button-Funktion wird eingelesen
              
                      if (btnSource == "dev" || btnSource == "time"){ // Edit-Dialog öffnen bei Doppelklick Geräte- oder IST-Zeit-Button
                          setState("vis.0.control.data"/*Data for control vis*/, DlgWidget);
                          setState('vis.0.control.instance'/*Control vis*/, "FFFFFFFF");
                          setState("vis.0.control.command"/*Command for vis*/, 'dialog');
                          delFocusOnTimer(false); // Auswahl des Timers nicht automatisch zurücksetzen!
                      }
                      if (btnSource == "nr"){ // Aktivieren/Deaktivieren des Timers
                          setState("javascript.0.Timer." + path + ".Editor.Aktiv", !getState("javascript.0.Timer." + path + ".Editor.Aktiv").val);
                      }
              
                  });
              

              Dann funktioniert bei mir der Doppelklick
              Zeile 8 ist neu

              G Offline
              G Offline
              GiuseppeS
              wrote on last edited by GiuseppeS
              #329

              @HelmutS sagte in [Vorlage] Variable Zeitsteuerung mit VIS Editor:

              setState('vis.0.control.instance'/Control vis/, "FFFFFFFF");

              Getestet und es funktioniert nun auf der VIS App. Hatte gar nicht mehr daran gedacht, dass es an der Instanz hängen könnte. Seltsamerweise scheint die App die Instanz-Nummer nicht zu übermitteln. Muss ich mir mal genauer anschauen. Nachteil ist nun, dass der Editor immer auf allen parallel geöffneten Instanzen aufpoppt. Aber egal, definitiv die viel bessere Lösung :+1:

              @baeri
              Kannst Du bitte rückmelden, ob es bei dir damit auch funktioniert? Kannst einfach die neue Zeile von HelmutS übernehmen. Neues Skript ist nun auch schon im ersten Post hochgeladen.

              1 Reply Last reply
              0
              • B Offline
                B Offline
                baeri
                wrote on last edited by
                #330

                Jap, mit der zusätzlichen Zeile geht der Doppelklick!
                Auch wenn ich es darüber nicht ganz intuitiv finde.
                Ich werde bei mir den Edit Button eingeblendet lassen. Nur zum aktivieren/deaktiveren brauche ich noch den Doppelklick, da der Schalter ja komischerweise nur lesend funktioniert.

                G 1 Reply Last reply
                0
                • B baeri

                  Jap, mit der zusätzlichen Zeile geht der Doppelklick!
                  Auch wenn ich es darüber nicht ganz intuitiv finde.
                  Ich werde bei mir den Edit Button eingeblendet lassen. Nur zum aktivieren/deaktiveren brauche ich noch den Doppelklick, da der Schalter ja komischerweise nur lesend funktioniert.

                  G Offline
                  G Offline
                  GiuseppeS
                  wrote on last edited by
                  #331

                  @baeri
                  Zum Editieren klappt auch der Doppeklick auf die Ist-Uhrzeit.
                  Wenn Du den Aktiv-Slider weiterhin verwenden willst: Dieser muss weiterhin funktionieren. Hatte es zwischenzeitlich selbst getestet und die View im ersten Post hochgeladen. Bei dem Slider muss die Widget-Bezeichnung korrigiert werden, wenn dieser neu importiert wird, hast du das beachtet?

                  1 Reply Last reply
                  0
                  • B Offline
                    B Offline
                    baeri
                    wrote on last edited by
                    #332

                    Das könnte es sein, welche Nummer muss da genau angegeben werden?

                    G 1 Reply Last reply
                    0
                    • B baeri

                      Das könnte es sein, welche Nummer muss da genau angegeben werden?

                      G Offline
                      G Offline
                      GiuseppeS
                      wrote on last edited by
                      #333

                      @baeri
                      Das erkläre/zeige ich im ersten Post. Hab dort ein Workaround erklärt falls jemand Schwierigkeiten mit dem Doppeklick hat (inkl. Screenshot).
                      Ist das Aktivieren/Deaktivieren eines Timers über Doppeklick des Status nicht intuitiv? Bin offen für Vorschläge.
                      Habe in meiner Testversion bereits Icons für den Status (optional zu den Timer-Nummern) integriert. Darauf ein Doppeklick finde ich schon angenehm...

                      Hintergrund:
                      Ich möchte so viel wie möglich auf zusätzliche Widgets verzichten und (irgendwann) alles direkt im HTML Code darstellen. So fällt dann der Sprung zum Adapter inkl VIS Widgets bestimmt einfacher (auch wenn ich hier dann dennoch auf Unterstützung angewiesen wäre).

                      1 Reply Last reply
                      0
                      • G GiuseppeS

                        Habe soeben den ersten Post überarbeitet und die neuen Dateien hochgeladen.
                        Zusätzlich zu den genannten Optimierungen, habe ich auch die Optik überarbeitet.

                        EDIT19.01.2020:

                        • Auswahl des Timers direkt über Tabelle (onclick event)
                        • Edit mit Doppelklick Gerät oder Ist-Zeit (dblclick event)
                        • Aktivieren/Deaktivieren des Timers über Doppelklick auf Timer-Nummer
                        • DropDown in VIS zu Filter umfunktioniert, default = kein Filter (DropDown auch löschbar!)
                        • Filter DropDown bei Split-Darstellung ohne Funktion

                        Für ein Update aus einer älteren Version:

                        • Skript aus oberen Zip kopieren und euer Skript ersetzen. Es reicht wenn ihr die Zeilen ab Zeilen-Nummer 41 kopiert/ersetzt, somit bleiben eure Einstellungen unberührt.
                          @K_o_bold: Nicht vergessen, deine angepassten Sollwerte für die Thermostat-Regelung zu übernehmen. Diese befinden sich unter Zeile 41 ;-)
                        • VIS:
                          ICH EMPFEHLE, DASS NEUE HAUPTVIEW ZU IMPORTIEREN UND DARAUS DIE NEUEN WIDGETS IN EURE VIEW ZU KOPIEREN, ansonsten:
                          Alte DropDowns für Geräte und für Timer-Nummer können gelöscht werden (Würden aber auch weiterhin funktionieren).
                          Der Edit-Button kann unsichtbar konfiguriert werden (nicht löschen!).
                          Wer will, kann den Filter-DropDown neu übernehmen.
                          ADD-Button muss importiert werden, falls Nummer-DropDown gelöscht wurde.

                        Habe alle neuen Funktionen bzgl der Bedienung getestet und konnte keine Fehler (mehr) ausfindig machen. Falls euch was auffällt, einfach rückmelden ;-)

                        K Offline
                        K Offline
                        K_o_bold
                        wrote on last edited by K_o_bold
                        #334

                        @GiuseppeS ,

                        danke für das Update des Timers und den Hinweis bezgl. perönlicher Anpassungen unterhalb von Zeile 41... ;-)
                        Bei mir läuft alles einwandfrei und mit dem Doppelklick habe ich auch keine Probleme.
                        Habe aber auch erst vor 2 Tagen gemacht, da war der bugfix von dir schon erledigt..

                        1 Reply Last reply
                        0
                        • G Offline
                          G Offline
                          GiuseppeS
                          wrote on last edited by
                          #335

                          Neues Update ist raus. Hier die Liste der Änderungen:

                          Changelog 26.01.2020

                          • Timer werden Gruppen zugeordnet (aktuell statisch bis zu 10 Gruppen möglich)
                          • Änderungen über alle Timer einer Gruppe verteilen möglich
                          • Gruppennummer kann optional in Tabelle angezeigt werden
                          • Neue Spalte mit Symbolen (Aktiv-Status) anzeigbar und darüber auch manipulierbar (Doppelklick)
                          • Hinweis: Entweder Symbole oder Timer-Nummer muss angezeigt werden um Timer über Doppelklick zu aktivieren/deaktivieren
                          • Schriftgröße über Variable "fontSize" änderbar
                          • HTML-Code-Generierung aufgeräumt
                          • PopUp mit DropDown für Gruppenzuordnung erweitert
                          • Gefilterte Darstellung ohne "Device"-Spalte, da hier unnötig

                          Für das Update aus einer älteren Version:

                          • Kopieren des Skripts. Falls von dem letzten Update kommend, kann ab Zeile 39 übernommen werden. Bitte Variablen oberhalb Zeile 39 abgleichen! Nach Variable "var showValues" sollte kopiert werden. Falls es zu Problemen kommt: Bitte komplettes Skript übernehmen und eure Variablen-Anpassungen übernehmen
                          • Im PopUp wurden folgende Anpassungen durchgeführt die ihr einzeln übernehmen könnt:
                            -> DropDown mit Text oben Rechts Neu.
                            -> Unterer Text geändert und darin das Binding zu Gruppen-ObjID statt zu Timer-Nummer
                            02462bef-c1b1-403b-9367-f57226ee86fd-image.png
                          1 Reply Last reply
                          1
                          • G Offline
                            G Offline
                            GiuseppeS
                            wrote on last edited by GiuseppeS
                            #336

                            Was mir gerade noch einfällt:
                            Bei einem Update werden den Geräten die Gruppen entsprechend der Timer-Nummern zugewiesen. Also nicht wundern, nach dem ersten Start: Gruppe = Timer-Nummer.
                            Kann dann nach Belieben angepasst werden.

                            GlasfaserG 1 Reply Last reply
                            0
                            • G GiuseppeS

                              Was mir gerade noch einfällt:
                              Bei einem Update werden den Geräten die Gruppen entsprechend der Timer-Nummern zugewiesen. Also nicht wundern, nach dem ersten Start: Gruppe = Timer-Nummer.
                              Kann dann nach Belieben angepasst werden.

                              GlasfaserG Offline
                              GlasfaserG Offline
                              Glasfaser
                              wrote on last edited by Glasfaser
                              #337

                              @GiuseppeS

                              Kann ich selber ändern … ;)

                              Device wird über zwei Zeilen angezeigt !
                              Ich denke mal wegen der Gruppenauswahl ….

                              1.JPG

                              Würde er hierhin nicht passen :

                              2.JPG

                              Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

                              G 1 Reply Last reply
                              0
                              • GlasfaserG Glasfaser

                                @GiuseppeS

                                Kann ich selber ändern … ;)

                                Device wird über zwei Zeilen angezeigt !
                                Ich denke mal wegen der Gruppenauswahl ….

                                1.JPG

                                Würde er hierhin nicht passen :

                                2.JPG

                                G Offline
                                G Offline
                                GiuseppeS
                                wrote on last edited by
                                #338

                                @Glasfaser
                                Da hatte ich es zuerst. Aber da hatte ich nur das Dropdown unterbekommen. Kein zusätzlicher Text.
                                Für einen Anwender, der hier die einzelnen Schritte mitbekommt ist es dann ersichtlich, aber für einen neuen Nutzer wird es dann vllt unübersichtlich, was da gemeint ist.

                                Vorschlag:
                                Schieb die Widgets so hin, wie es dir gefällt und lade dann das View hoch. Wenn es passt, übernehme ich es 😉

                                1 Reply Last reply
                                0
                                • B Offline
                                  B Offline
                                  baeri
                                  wrote on last edited by baeri
                                  #339

                                  Echt gut geworden!
                                  Wenn man jetzt noch den Gruppen Namen vergeben kann und auch nach den Gruppen filtern kann ist es für mich soweit komplett :)!

                                  //Edit: Eine Sache habe ich noch gefunden, leider ist die Leiste oben bei mir komischerweise sehr groß und verdeckt Teilweise den Namen vom Device. Außerdem ist die Gruppe "überlagert" vom Devicenamen. Wie kann man das Popup etwas breiter machen, so dass alles drauf passt?
                                  Unbenannt.JPG

                                  GlasfaserG 1 Reply Last reply
                                  0
                                  • B baeri

                                    Echt gut geworden!
                                    Wenn man jetzt noch den Gruppen Namen vergeben kann und auch nach den Gruppen filtern kann ist es für mich soweit komplett :)!

                                    //Edit: Eine Sache habe ich noch gefunden, leider ist die Leiste oben bei mir komischerweise sehr groß und verdeckt Teilweise den Namen vom Device. Außerdem ist die Gruppe "überlagert" vom Devicenamen. Wie kann man das Popup etwas breiter machen, so dass alles drauf passt?
                                    Unbenannt.JPG

                                    GlasfaserG Offline
                                    GlasfaserG Offline
                                    Glasfaser
                                    wrote on last edited by
                                    #340

                                    @baeri

                                    Ändere mal Testweise das " Thema "

                                    1.JPG

                                    Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

                                    1 Reply Last reply
                                    0
                                    • B Offline
                                      B Offline
                                      baeri
                                      wrote on last edited by
                                      #341

                                      Steht auf dark-hive

                                      G GlasfaserG 3 Replies Last reply
                                      0
                                      • B baeri

                                        Steht auf dark-hive

                                        G Offline
                                        G Offline
                                        GiuseppeS
                                        wrote on last edited by GiuseppeS
                                        #342

                                        @baeri
                                        Du kannst bei den drei oberen Elementen den "top" Wert erhöhen, sodass zumindest alles im sichtbaren Bereich liegt.
                                        Rechts die Bezeichnung und das Dropdown kannst du auch runter schieben, irgendwo wo Platz ist.

                                        Das PopUp kannst du breiter machen indem du den EDIT Button auswählst und dort die Breite des Dialogs breiter stellst.
                                        Screenshot_20200127_191858.jpg

                                        1 Reply Last reply
                                        0
                                        • B baeri

                                          Steht auf dark-hive

                                          GlasfaserG Offline
                                          GlasfaserG Offline
                                          Glasfaser
                                          wrote on last edited by Glasfaser
                                          #343

                                          @baeri

                                          Sieht allgemein komisch aus dein Popup

                                          1.JPG

                                          eigentlich so :
                                          .
                                          2.JPG

                                          Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

                                          1 Reply Last reply
                                          0
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          386

                                          Online

                                          32.7k

                                          Users

                                          82.3k

                                          Topics

                                          1.3m

                                          Posts
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Login

                                          • Don't have an account? Register

                                          • Login or register to search.
                                          • First post
                                            Last post
                                          0
                                          • Home
                                          • Recent
                                          • Tags
                                          • Unread 0
                                          • Categories
                                          • Unreplied
                                          • Popular
                                          • GitHub
                                          • Docu
                                          • Hilfe