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. Tester
  4. Test Widget vis-owl v0.1.x GitHub

NEWS

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.8k

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

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

Test Widget vis-owl v0.1.x GitHub

Geplant Angeheftet Gesperrt Verschoben Tester
controltablevis widgetsvisualisierungwidget
65 Beiträge 7 Kommentatoren 5.3k Aufrufe 9 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 Buchi

    Ich habe eben die V 0.1.5 hochgeladen.

    • Erweiterung Betriebsmodus durch Popup
    • Eigenschaften im VIS-Editor angepasst
    • CSS Möglichkeiten weiter ausgebaut
    • Codeoptimierungen

    Hauptaugenmerk lag auf dem Popup zur Auswahl des Betriebsmodus und einer möglichst umfänglichen CSS Unterstützung, damit das Widget an beliebige Designs angepasst werden kann. Auch die Bezeichnungen für die Eigenschaften im VIS-Editor habe ich überarbeitet. Wenn das bitte auch auf Verständlichkeit geprüft werden kann wäre das super :)

    Und da Bilder mehr sagen als 1000 Wort...
    (Alle Designänderungen nur mittels CSS)

    chrome_UqfqnfQ2Px.png

    chrome_TA4U5wZIrv.png

    chrome_9Tt26O1I3d.png

    liv-in-skyL Offline
    liv-in-skyL Offline
    liv-in-sky
    schrieb am zuletzt editiert von
    #37

    @buchi nochmal danke für deine hilfe !!!

    kennst du das screen2gif programm - schnelles erstellen kleiner animierter gifs - damit kann man sowas schnell aufzeichnen und gut sichtbar machen

    nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

    B 1 Antwort Letzte Antwort
    0
    • liv-in-skyL liv-in-sky

      @buchi nochmal danke für deine hilfe !!!

      kennst du das screen2gif programm - schnelles erstellen kleiner animierter gifs - damit kann man sowas schnell aufzeichnen und gut sichtbar machen

      B Offline
      B Offline
      Buchi
      schrieb am zuletzt editiert von
      #38

      @liv-in-sky sagte in Test Widget vis-owl v0.1.x GitHub:

      screen2gif

      Ich mache das mit ShareX hatte aber die Notwendigkeit gerade nicht gesehen. Aber ja, sieht man die Effekte besser ;)

      chrome_svA7LSFlUT.gif

      Beste Grüße
      Gerhard

      O 1 Antwort Letzte Antwort
      1
      • B Buchi
        Aktuelle Test Version 0.1.x
        Veröffentlichungsdatum 04.02.2022
        Github Link https://github.com/gerbuchner/ioBroker.vis-owl

        owl - Odd Widget Library
        Aktuell gibt es nur ein Widget aber ein paar Ideen für weitere Widgets existieren bereits.
        vis-owl.png

        Flexible Control
        vis-owl.png

        Widget zur Steuerung von Klimaanlagen, Luftreinigern, Heizungen, Motoren usw.

        Ich nutze es um unsere Fußbodenheizung (3 Steuerungen), die Klimaanlage (3 Steuerungen) und die Luftreiniger (4 Steuerungen) in der VIS regeln und steuern zu können. Anfänglich über Gruppen realisiert, wurde schnell klar dass es bei Updates keinen Sinn mehr macht und ein Widget der wesentlich bessere Weg ist. Deswegen entstand das "Flexible Control". Sicher kann da noch wesentlich mehr damit gesteuert werden, da sind der Phantasie wenig Grenzen gesetzt.

        Aktuell noch in einem sehr frühen aber (bei mir) stabilen Zustand. Über Feedback und gerne auch Änderungswünsche würde ich mich freuen.

        Installation
        Aktuell ist die Widget Library nur über die Katze als Benutzerdefiniert mit der Github URL zu installieren.

        Beispiel meiner VIS
        Screenshot_20220204-162701_Chrome.jpg

        Damrak2022D Offline
        Damrak2022D Offline
        Damrak2022
        schrieb am zuletzt editiert von
        #39

        @buchi Hallo, ich habe mir gerade mal Dein Widget installiert und will damit meinen Xiaomi Ventilator steuern. Nun frage ich mich wie ich das idget richtig konfiguriere. Kannst Du mir da weiterhelfen

        Mit besten Grüßen
        Andy

        1 Antwort Letzte Antwort
        0
        • B Offline
          B Offline
          Buchi
          schrieb am zuletzt editiert von
          #40

          @damrak2022
          Gerne, wo genau ist Dein Problem?

          Ich häng mal Bilder rein von den Einstellungen für meine Xiaomi.

          chrome_x9tRT5fUdy.png

          chrome_cnw2Gs66C6.png

          Beste Grüße
          Gerhard

          Damrak2022D 1 Antwort Letzte Antwort
          0
          • B Buchi

            @liv-in-sky sagte in Test Widget vis-owl v0.1.x GitHub:

            screen2gif

            Ich mache das mit ShareX hatte aber die Notwendigkeit gerade nicht gesehen. Aber ja, sieht man die Effekte besser ;)

            chrome_svA7LSFlUT.gif

            O Abwesend
            O Abwesend
            oFbEQnpoLKKl6mbY5e13
            schrieb am zuletzt editiert von
            #41

            @buchi

            Vielen Dank für dein Widget!

            Ein Fehler ist mir aufgefallen. Wenn man ein neues Widget in die View zieht, dann sind 2 Betriebsmodi voreingestellt. Es sind aber nur die Einstellungen für einen Betriebsmodus vorhanden. Stellt man nun auf 3 Betriebsmodi, dann werden auch Einstellungen für 3 angezeigt. Nun kann man auf 2 Betriebsmodi zurückgehen. Außerdem hat sich ein Typo eingeschlichen: "Anzahl Betriebsodi:"

            B 1 Antwort Letzte Antwort
            1
            • O oFbEQnpoLKKl6mbY5e13

              @buchi

              Vielen Dank für dein Widget!

              Ein Fehler ist mir aufgefallen. Wenn man ein neues Widget in die View zieht, dann sind 2 Betriebsmodi voreingestellt. Es sind aber nur die Einstellungen für einen Betriebsmodus vorhanden. Stellt man nun auf 3 Betriebsmodi, dann werden auch Einstellungen für 3 angezeigt. Nun kann man auf 2 Betriebsmodi zurückgehen. Außerdem hat sich ein Typo eingeschlichen: "Anzahl Betriebsodi:"

              B Offline
              B Offline
              Buchi
              schrieb am zuletzt editiert von
              #42

              @ofbeqnpolkkl6mby5e13
              Danke, schau ich mir an ;)

              Beste Grüße
              Gerhard

              O 1 Antwort Letzte Antwort
              0
              • B Buchi

                @ofbeqnpolkkl6mby5e13
                Danke, schau ich mir an ;)

                O Abwesend
                O Abwesend
                oFbEQnpoLKKl6mbY5e13
                schrieb am zuletzt editiert von
                #43

                @buchi

                Wie kann man mit deinem Widget Datenpunkte (z. B. das Heizprofil eines HmIP-Thermostats), die nicht Boolesch sind, schalten?

                B 1 Antwort Letzte Antwort
                0
                • O oFbEQnpoLKKl6mbY5e13

                  @buchi

                  Wie kann man mit deinem Widget Datenpunkte (z. B. das Heizprofil eines HmIP-Thermostats), die nicht Boolesch sind, schalten?

                  B Offline
                  B Offline
                  Buchi
                  schrieb am zuletzt editiert von
                  #44

                  @ofbeqnpolkkl6mby5e13
                  Bei "Werte" kann ein Zahlenpaar eingegeben werden: 1;0
                  Der erste Wert ist für "Ein", der zweite Wert für "Aus". Das Widget versucht zu erkennen ob es sich um eine Zahl oder Text handelt und wandelt das entsprechend um bzw. wertet es aus.

                  Geht aber auch nur mit 1 oder 2 oder 3 für nur "Ein".

                  Beste Grüße
                  Gerhard

                  O 1 Antwort Letzte Antwort
                  0
                  • B Buchi

                    @ofbeqnpolkkl6mby5e13
                    Bei "Werte" kann ein Zahlenpaar eingegeben werden: 1;0
                    Der erste Wert ist für "Ein", der zweite Wert für "Aus". Das Widget versucht zu erkennen ob es sich um eine Zahl oder Text handelt und wandelt das entsprechend um bzw. wertet es aus.

                    Geht aber auch nur mit 1 oder 2 oder 3 für nur "Ein".

                    O Abwesend
                    O Abwesend
                    oFbEQnpoLKKl6mbY5e13
                    schrieb am zuletzt editiert von
                    #45

                    @buchi
                    Okay, danke, das sollte sich mit einem separaten Datenpunkt und Skript lösen lassen.

                    B 1 Antwort Letzte Antwort
                    0
                    • O oFbEQnpoLKKl6mbY5e13

                      @buchi
                      Okay, danke, das sollte sich mit einem separaten Datenpunkt und Skript lösen lassen.

                      B Offline
                      B Offline
                      Buchi
                      schrieb am zuletzt editiert von
                      #46

                      @ofbeqnpolkkl6mby5e13
                      Ja, ich hab auch einiges von den Thermostaten noch über eigene Datenpunkte und Blockly gelöst. Damit sind dann die ganzen Änderungen in beide Richtungen einfach realisierbar.

                      Ich hänge mein Blockly mal als Datei an, vlt hilft es ja ;)
                      hm-blockly.txt

                      Beste Grüße
                      Gerhard

                      O 1 Antwort Letzte Antwort
                      1
                      • B Buchi

                        @ofbeqnpolkkl6mby5e13
                        Ja, ich hab auch einiges von den Thermostaten noch über eigene Datenpunkte und Blockly gelöst. Damit sind dann die ganzen Änderungen in beide Richtungen einfach realisierbar.

                        Ich hänge mein Blockly mal als Datei an, vlt hilft es ja ;)
                        hm-blockly.txt

                        O Abwesend
                        O Abwesend
                        oFbEQnpoLKKl6mbY5e13
                        schrieb am zuletzt editiert von
                        #47

                        @buchi

                        Umschaltung des Heizprofiles zwischen Sommer und Winter habe ich realisiert.
                        Kannst du mir noch einen Tipp geben, wie ich den Z-Index des Popups so einstellen kann, dass es nicht durch andere Elemente überlagert wird?

                        owl1.PNG
                        owl2.PNG

                        B 2 Antworten Letzte Antwort
                        0
                        • O oFbEQnpoLKKl6mbY5e13

                          @buchi

                          Umschaltung des Heizprofiles zwischen Sommer und Winter habe ich realisiert.
                          Kannst du mir noch einen Tipp geben, wie ich den Z-Index des Popups so einstellen kann, dass es nicht durch andere Elemente überlagert wird?

                          owl1.PNG
                          owl2.PNG

                          B Offline
                          B Offline
                          Buchi
                          schrieb am zuletzt editiert von
                          #48

                          @ofbeqnpolkkl6mby5e13
                          Bei dem Popup gibt es noch einen Bug den ich bisher noch nicht gefunden habe. Ich habe das fix auf z-index: 90 aber es funktioniert nicht wirklich.

                          Ich muss mir da noch bei ein paar anderen Widgets anschauen wie die das gemacht haben und dann testen. Komme aber wohl erst nächste Woche dazu.

                          Beste Grüße
                          Gerhard

                          O 1 Antwort Letzte Antwort
                          0
                          • B Buchi

                            @ofbeqnpolkkl6mby5e13
                            Bei dem Popup gibt es noch einen Bug den ich bisher noch nicht gefunden habe. Ich habe das fix auf z-index: 90 aber es funktioniert nicht wirklich.

                            Ich muss mir da noch bei ein paar anderen Widgets anschauen wie die das gemacht haben und dann testen. Komme aber wohl erst nächste Woche dazu.

                            O Abwesend
                            O Abwesend
                            oFbEQnpoLKKl6mbY5e13
                            schrieb am zuletzt editiert von
                            #49

                            @buchi
                            Okay, kein Problem. Lass dir Zeit!

                            1 Antwort Letzte Antwort
                            0
                            • B Buchi

                              @damrak2022
                              Gerne, wo genau ist Dein Problem?

                              Ich häng mal Bilder rein von den Einstellungen für meine Xiaomi.

                              chrome_x9tRT5fUdy.png

                              chrome_cnw2Gs66C6.png

                              Damrak2022D Offline
                              Damrak2022D Offline
                              Damrak2022
                              schrieb am zuletzt editiert von
                              #50

                              @buchi Ich bekomme das trotz Deiner Screenshots mit den Einstellungen für das Widget nicht hin.

                              Es gibt folgende Zustände, welche ich von meinem Ventilator steuern möchte:

                              Bildschirmfoto_2022-02-26_um_02_43_44.jpg

                              Bildschirmfoto 2022-02-26 um 02.37.16.png

                              Wo muss ich welche Objekt Id und welche Werte eintragen und was bei den Eigenschaften?

                              Mit besten Grüßen
                              Andy

                              B 1 Antwort Letzte Antwort
                              0
                              • Damrak2022D Damrak2022

                                @buchi Ich bekomme das trotz Deiner Screenshots mit den Einstellungen für das Widget nicht hin.

                                Es gibt folgende Zustände, welche ich von meinem Ventilator steuern möchte:

                                Bildschirmfoto_2022-02-26_um_02_43_44.jpg

                                Bildschirmfoto 2022-02-26 um 02.37.16.png

                                Wo muss ich welche Objekt Id und welche Werte eintragen und was bei den Eigenschaften?

                                B Offline
                                B Offline
                                Buchi
                                schrieb am zuletzt editiert von
                                #51

                                @damrak2022
                                Das wird schwierig da Du viele States hast und das ist nicht zu 100% abbildbar.

                                Du kannst Betriebsmodus auf "power" setzen um Ein- / Ausschalten zu können.
                                Dazu einfach "Anzahl Betriebsmodi" auf "1" setzen. Im "Betriebsmodus [0]" dann die "Objekt ID" auf Deinen "power" setzen und bei "Wert(e)" trägst "1;0" [ein;aus] ein.

                                Dann kannst noch einen der "states" auf die "Eigenschaften" legen. Ich würde wohl den "speed_level" nutzen um die Geschwindigkeit einstellen zu können. Da kannst dann 1 - 5 Eigenschaften dafür nutzen.

                                Oder Du teilst die 5 Eigenschaften auf:
                                1 und 2 für "speed_level" mit z.B. 50% und 100%
                                3 und 4 für "angle" mit z.B. 45 und 90
                                5 dann noch für "poweroff_time". Das dann über einen eigenen Datenpunkt der eine fixe Zeit von z.B. 45 auf den DP "poweroff_time" setzt.

                                Ist jetzt schwierig für mich zu entscheiden was für Dich wichtig ist und was Du unbedingt einstellen können willst. Aber wenn Du Dir eine Aufteilung überlegt hast können wir gerne die einzelnen Einstellungen des Widgets durchgehen ;)

                                Beste Grüße
                                Gerhard

                                Damrak2022D 1 Antwort Letzte Antwort
                                0
                                • B Buchi

                                  @damrak2022
                                  Das wird schwierig da Du viele States hast und das ist nicht zu 100% abbildbar.

                                  Du kannst Betriebsmodus auf "power" setzen um Ein- / Ausschalten zu können.
                                  Dazu einfach "Anzahl Betriebsmodi" auf "1" setzen. Im "Betriebsmodus [0]" dann die "Objekt ID" auf Deinen "power" setzen und bei "Wert(e)" trägst "1;0" [ein;aus] ein.

                                  Dann kannst noch einen der "states" auf die "Eigenschaften" legen. Ich würde wohl den "speed_level" nutzen um die Geschwindigkeit einstellen zu können. Da kannst dann 1 - 5 Eigenschaften dafür nutzen.

                                  Oder Du teilst die 5 Eigenschaften auf:
                                  1 und 2 für "speed_level" mit z.B. 50% und 100%
                                  3 und 4 für "angle" mit z.B. 45 und 90
                                  5 dann noch für "poweroff_time". Das dann über einen eigenen Datenpunkt der eine fixe Zeit von z.B. 45 auf den DP "poweroff_time" setzt.

                                  Ist jetzt schwierig für mich zu entscheiden was für Dich wichtig ist und was Du unbedingt einstellen können willst. Aber wenn Du Dir eine Aufteilung überlegt hast können wir gerne die einzelnen Einstellungen des Widgets durchgehen ;)

                                  Damrak2022D Offline
                                  Damrak2022D Offline
                                  Damrak2022
                                  schrieb am zuletzt editiert von Damrak2022
                                  #52

                                  @buchi Danke, ich habe es fast hinbekommen
                                  Woher kommt in dem Widget oben rechts die Beschriftfung?
                                  Wenn ich in der Runtime das Symbol links anklicke wechselt oben rechts meine Beschriftung zwichen "0" und "NaN"

                                  Bildschirmfoto 2022-02-26 um 11.56.52.png

                                  Hier ist wohl noch was falsch

                                  Mit besten Grüßen
                                  Andy

                                  B 1 Antwort Letzte Antwort
                                  0
                                  • Damrak2022D Damrak2022

                                    @buchi Danke, ich habe es fast hinbekommen
                                    Woher kommt in dem Widget oben rechts die Beschriftfung?
                                    Wenn ich in der Runtime das Symbol links anklicke wechselt oben rechts meine Beschriftung zwichen "0" und "NaN"

                                    Bildschirmfoto 2022-02-26 um 11.56.52.png

                                    Hier ist wohl noch was falsch

                                    B Offline
                                    B Offline
                                    Buchi
                                    schrieb am zuletzt editiert von
                                    #53

                                    @damrak2022
                                    Oben rechts ist der "Ist Wert".

                                    Beste Grüße
                                    Gerhard

                                    Damrak2022D 1 Antwort Letzte Antwort
                                    0
                                    • B Buchi

                                      @damrak2022
                                      Oben rechts ist der "Ist Wert".

                                      Damrak2022D Offline
                                      Damrak2022D Offline
                                      Damrak2022
                                      schrieb am zuletzt editiert von
                                      #54

                                      @buchi Sorry, wo genau finde ich den? Was bedeutet "Ist Wert" genau?

                                      Bildschirmfoto 2022-02-26 um 14.13.35.png

                                      Mit besten Grüßen
                                      Andy

                                      B 1 Antwort Letzte Antwort
                                      0
                                      • Damrak2022D Damrak2022

                                        @buchi Sorry, wo genau finde ich den? Was bedeutet "Ist Wert" genau?

                                        Bildschirmfoto 2022-02-26 um 14.13.35.png

                                        B Offline
                                        B Offline
                                        Buchi
                                        schrieb am zuletzt editiert von
                                        #55

                                        @damrak2022
                                        Unter der "Überschrift".

                                        Bei mir ist das die aktuelle Temperatur, da ich damit die ganzen Heizungs, Lüftungsregelungen usw. damit steuere. Kann aber alles mögliche sein. Bei Motoren z.B. die aktuelle Drehzahl wenn man diese einstellen will. "Soll" dann die gewünschte Drehzahl, "Ist" die aktuelle Drehzahl.
                                        Oder der Öffnungsgrad eines Ventiles oder oder oder :)

                                        Man kann halt alles mögliche mit dem Widget steuern, man muss nur die Ideen dafür haben.

                                        Beste Grüße
                                        Gerhard

                                        liv-in-skyL 1 Antwort Letzte Antwort
                                        0
                                        • B Buchi

                                          @damrak2022
                                          Unter der "Überschrift".

                                          Bei mir ist das die aktuelle Temperatur, da ich damit die ganzen Heizungs, Lüftungsregelungen usw. damit steuere. Kann aber alles mögliche sein. Bei Motoren z.B. die aktuelle Drehzahl wenn man diese einstellen will. "Soll" dann die gewünschte Drehzahl, "Ist" die aktuelle Drehzahl.
                                          Oder der Öffnungsgrad eines Ventiles oder oder oder :)

                                          Man kann halt alles mögliche mit dem Widget steuern, man muss nur die Ideen dafür haben.

                                          liv-in-skyL Offline
                                          liv-in-skyL Offline
                                          liv-in-sky
                                          schrieb am zuletzt editiert von
                                          #56

                                          @buchi das problem war, dass dort ein boolean drinstand (ob das gerät an oder aus ist) - nimmt man z.b die drehzahl des lüfters wird auch nicht nan angezeigt

                                          mehr haben wir aber nicht angeschaut - hatte kontakt wegen einer anderen frage

                                          nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                                          B 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

                                          474

                                          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