Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

donate donate
  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.6k

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

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

[Vorlage] Variable Zeitsteuerung mit VIS Editor

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vistemplate
919 Beiträge 47 Kommentatoren 280.5k 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.
  • 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 :+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 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 :D

                                      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 :D

                                        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
                                        • G Offline
                                          G Offline
                                          GiuseppeS
                                          schrieb am zuletzt editiert von
                                          #346

                                          Dass teilweise so lange Geräte-Texte verwendet werden hatte ich übrigens nicht bedacht.
                                          Werde in der nächsten Version wahrscheinlich das PopUp länger ziehen und ganz unten die Gruppenzugehörigkeit einbinden. Benutze die VIS ausschließlich auf dem Smartphone, daher werde ich kein viel breiteres Popup erstellen. Aber sowas kann gern jeder für sich einstellen. Das ist das Positive wenn es ein Mix aus "normalen" Widgets ist und kein "Adapter-Hauptwidget".

                                          Den Gruppen frei Namen zu geben erfordert wieder ein Eingabefeld. Vielleicht fällt mir noch was dazu ein.
                                          Werde auf jeden Fall demnächst mit den CSS2.0 von Uhula und den Material Widgets von Scrounger experimentieren. Evtl fließt davon etwas hier rein. So ein PopUp-Input Feld wäre grandios.

                                          1 Antwort Letzte Antwort
                                          1
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          662

                                          Online

                                          32.4k

                                          Benutzer

                                          81.5k

                                          Themen

                                          1.3m

                                          Beiträge
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Anmelden

                                          • Du hast noch kein Konto? Registrieren

                                          • Anmelden oder registrieren, um zu suchen
                                          • Erster Beitrag
                                            Letzter Beitrag
                                          0
                                          • Home
                                          • Aktuell
                                          • Tags
                                          • Ungelesen 0
                                          • Kategorien
                                          • Unreplied
                                          • Beliebt
                                          • GitHub
                                          • Docu
                                          • Hilfe