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. Visualisierung
  4. [Vorlage] Variable Zeitsteuerung mit VIS Editor

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

[Vorlage] Variable Zeitsteuerung mit VIS Editor

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vistemplate
919 Beiträge 47 Kommentatoren 278.9k Aufrufe 75 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.
  • 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
    schrieb am zuletzt editiert von
    #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 Antwort Letzte Antwort
    0
    • H Offline
      H Offline
      HelmutS
      schrieb am zuletzt editiert von 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 Antworten Letzte Antwort
      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
        schrieb am zuletzt editiert von
        #328

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

        1 Antwort Letzte Antwort
        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
          schrieb am zuletzt editiert von 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 👍

          @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 Antwort Letzte Antwort
          0
          • B Offline
            B Offline
            baeri
            schrieb am zuletzt editiert von
            #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 Antwort Letzte Antwort
            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
              schrieb am zuletzt editiert von
              #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 Antwort Letzte Antwort
              0
              • B Offline
                B Offline
                baeri
                schrieb am zuletzt editiert von
                #332

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

                G 1 Antwort Letzte Antwort
                0
                • B baeri

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

                  G Offline
                  G Offline
                  GiuseppeS
                  schrieb am zuletzt editiert von
                  #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 Antwort Letzte Antwort
                  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 Online
                    K Online
                    K_o_bold
                    schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                    0
                    • G Offline
                      G Offline
                      GiuseppeS
                      schrieb am zuletzt editiert von
                      #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 Antwort Letzte Antwort
                      1
                      • G Offline
                        G Offline
                        GiuseppeS
                        schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                        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
                          schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                          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
                            schrieb am zuletzt editiert von
                            #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 Antwort Letzte Antwort
                            0
                            • B Offline
                              B Offline
                              baeri
                              schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                              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
                                schrieb am zuletzt editiert von
                                #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 Antwort Letzte Antwort
                                0
                                • B Offline
                                  B Offline
                                  baeri
                                  schrieb am zuletzt editiert von
                                  #341

                                  Steht auf dark-hive

                                  G GlasfaserG 3 Antworten Letzte Antwort
                                  0
                                  • B baeri

                                    Steht auf dark-hive

                                    G Offline
                                    G Offline
                                    GiuseppeS
                                    schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                                    0
                                    • B baeri

                                      Steht auf dark-hive

                                      GlasfaserG Offline
                                      GlasfaserG Offline
                                      Glasfaser
                                      schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                                      0
                                      • B Offline
                                        B Offline
                                        baeri
                                        schrieb am zuletzt editiert von baeri
                                        #344

                                        Könnte sein, dass ich mir das mal mit editiertem CSS zerschossen habe, mein Fehler...
                                        //EDIT: Nein, am CSS liegts nicht, ist jetzt wieder "original" und der weiße Balken ist immer noch da
                                        Aber das Device ist trotzdem über der Gruppe übergelagert.

                                        Würde das Popup einfach gerne etwas breiter ziehen, weiß nur nicht wo 😄

                                        G 1 Antwort Letzte Antwort
                                        0
                                        • B baeri

                                          Könnte sein, dass ich mir das mal mit editiertem CSS zerschossen habe, mein Fehler...
                                          //EDIT: Nein, am CSS liegts nicht, ist jetzt wieder "original" und der weiße Balken ist immer noch da
                                          Aber das Device ist trotzdem über der Gruppe übergelagert.

                                          Würde das Popup einfach gerne etwas breiter ziehen, weiß nur nicht wo 😄

                                          G Offline
                                          G Offline
                                          GiuseppeS
                                          schrieb am zuletzt editiert von
                                          #345

                                          @baeri
                                          PopUp breiter ziehen habe ich zwei Posts weiter oben erklärt.
                                          CSS kannst du komplett aus dem zip des ersten Posts übernehmen.

                                          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

                                          350

                                          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