Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Tester
    4. Test Adapter iQontrol 2.0.x Vis (Entwicklungs-Thread)

    NEWS

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    Test Adapter iQontrol 2.0.x Vis (Entwicklungs-Thread)

    This topic has been deleted. Only users with topic management privileges can see it.
    • s.bormann
      s.bormann Most Active last edited by

      @jleg sagte in Test Adapter iQontrol 1.11.x Vis (Entwicklungs-Thread):

      Info A/B: Icon Brightness" (dark mode)

      Fix ist online (auf Github). Bitte probiers mal.

      JLeg 2 Replies Last reply Reply Quote 0
      • JLeg
        JLeg @s.bormann last edited by

        @s-bormann sagte in Test Adapter iQontrol 1.11.x Vis (Entwicklungs-Thread):

        @jleg sagte in Test Adapter iQontrol 1.11.x Vis (Entwicklungs-Thread):

        Info A/B: Icon Brightness" (dark mode)

        Fix ist online (auf Github). Bitte probiers mal.

        funktioniert, vielen Dank!
        War allerdings nicht ganz einfach, die alte "index.js" aus dem Cache zu kriegen - mag aber an meinen Einstellungen liegen...

        1 Reply Last reply Reply Quote 0
        • dslraser
          dslraser Forum Testing Most Active @s.bormann last edited by dslraser

          @s-bormann sagte in Test Adapter iQontrol 1.11.x Vis (Entwicklungs-Thread):

          Zudem habe ich als Default-Listen-Vorlage einen Adapter-Monitor eingebaut. Beim Anlegen von Default-Listen wird jetzt außerdem auch ein passendes Widget gleich mit erstellt (die View, auf der es gespeichert wird, kann man auswählen).

          Gerade mal eingebaut und "getestet" , also mal einen Adapter neu gestartet. Das funktioniert 👍
          Mehr kann ich noch nicht sagen...

          Bei mir sieht es dann so aus

          Bildschirmfoto 2022-02-08 um 19.42.00.png

          Bildschirmfoto 2022-02-08 um 19.42.37.png

          Danach dann wieder so

          Bildschirmfoto 2022-02-08 um 19.42.19.png

          Der erste Start nach dem installieren sah übrigens so aus...dann mal aktualisiert, dann kam diese Ansicht nicht mehr

          Bildschirmfoto 2022-02-08 um 19.27.54.png

          1 Reply Last reply Reply Quote 0
          • evolvo187
            evolvo187 last edited by evolvo187

            Hallo @s-bormann ,

            mir ist beim Geräte kopieren aufgefallen, das bei ADDITIONAL_INFO
            die 1 und 3 bis 6 Zeile nicht abgeändert wird.
            beim Typ Licht

            Fehler beim kopieren.png

            bei allen anderen wird die Ersetzungsregel angewandt.

            Gruß Heiko

            DANKE FÜR DEINE TOP ARBEIT !!!

            Nachtrag: beim Typ Jalousie wird alles richtig Kopiert.

            1 Reply Last reply Reply Quote 0
            • JLeg
              JLeg @s.bormann last edited by

              @s-bormann unter ‚Optionen‘ kann ich die ‚Default-Icons‘ (Info A/B) für alles mögliche ändern (Temperatur, Feuchte, …) - allerdings nicht das beim Thermostaten automatisch angezeigte für den Ventil-Öffnungsgrad. Fehlt das, oder suche ich falsch?

              1 Reply Last reply Reply Quote 0
              • S
                SiKo last edited by

                Hallo zusammen,
                ich habe mich mal etwas mit html befasst. und folgendes gebastelt.
                Ist mein Vorgehen hier "OK" oder gibt es einen einfacheren oder korrekteren Weg?

                54ee2f2f-0db8-42a8-9eb5-d285ee988602-image.png

                V s.bormann dslraser 3 Replies Last reply Reply Quote 0
                • V
                  vepman @SiKo last edited by

                  @siko
                  Ich mache es auch so 👍

                  1 Reply Last reply Reply Quote 0
                  • evolvo187
                    evolvo187 last edited by

                    @s-bormann ,
                    mir ist aufgefallen, das wenn ich die GLOW_ACTIVE_COLOR von einem Datenpunkt beziehe.
                    Wird der Glow-Effekt erst nach öffnen eines Dialogs auf der Seite angezeigt wird.

                    Hinweise:
                    Beim ersten Gerät auf der Seite geht der Glow-Effekt sofort beim öffnen der Seite.
                    Beim beziehen über Konstante geht es auch sofort.

                    Screenshot1.png

                    Screenshot2.png

                    Gruß Heiko

                    Ich hoffe die Info's sind erwünscht.

                    s.bormann 1 Reply Last reply Reply Quote 0
                    • s.bormann
                      s.bormann Most Active @SiKo last edited by s.bormann

                      @siko sagte in Test Adapter iQontrol 1.11.x Vis (Entwicklungs-Thread):

                      Hallo zusammen,
                      ich habe mich mal etwas mit html befasst. und folgendes gebastelt.
                      Ist mein Vorgehen hier "OK" oder gibt es einen einfacheren oder korrekteren Weg?

                      54ee2f2f-0db8-42a8-9eb5-d285ee988602-image.png

                      Das Vorgehen ist absolut OK!

                      Eine Alternativ-Lösung, um das ganze mit "Bordmitteln" zu lösen, wäre über das JSON-Table-Widget zu gehen. Das geht super schnell und man hat auch recht umfangreiche Konfigurationsmöglichkeiten. Geh dazu wie folgt vor:

                      1. Geh auf die Ansicht, auf der Du das Widget erstellen willst und gehe auf "Widget automatisch erstellen":
                        be8f30d5-c389-44f6-87f4-354d152b1f34-image.png
                      2. Als Widget-Quelle wählst Du "JSON-Table-Widget":
                        acf441d4-1f92-425d-8a61-8274dbe36379-image.png
                      3. Im Konfigurations-Dialog des Widgets wählst Du unter "Datapoint Detection" bei "Add standard translations" "German" aus und speicherst das ganze mit OK:
                        44d1fed3-9574-478a-94b4-1a55926cabfe-image.png
                      4. Optional gib dem Widget einen Namen, z.B. "Energie-Monitoring"
                      5. Speichere das mit "Widget automatisch erstellen":
                        51133e58-6c04-4f35-a658-8ad4395aab7a-image.png
                      6. Beim neu erstellten Gerät gehst Du auf den Stift zum Editieren:
                        56f3a6f7-e87d-45c7-8fae-fbb047005c92-image.png
                      7. Bei STATE wählst Du als Typ "Konstante" aus:
                        bc602725-d051-40ac-a181-46310318f8da-image.png
                      8. Und trägst als STATE die Liste Deiner Datenpunkte wie folgt ein: ["alias.0.MeinEnergieMesser.Erzeugung", "alias.0.MeinEnergieMesser.Einspeisung", "alias.0.MeinEnergieMesser.Netzbezug"] (Natürlich mit Deinen Datenpunkten)
                      9. Alles speichern. Das führt dann schon mal zu folgendem Ergebnis (hier ein Beispiel mit meinem Wohnzimmer-Licht, da ich keine Solarzellen oder so was habe):
                        b4b8fb5c-14e4-40ec-9019-ab86676fe852-image.png
                      10. Finetuning: Um Einstellungen am Widget zu verändern, gehst Du bei BACKGROUND_URL auf den Stift. Dann öffnen sich wieder die Widget-Einstellungen. Hier musst Du Dich einfach mal durchklicken. Du kannst eine Überschrift vergeben, Farben ändern, Icons einfügen, festlegen wie die Tabelle sich bei verschiedenen Auflösungen verändert, Sortierungen etc.

                      VG!

                      PS: Das ganze habe ich auch mal als WIKI-Artikel hochgeladen https://github.com/sbormann/ioBroker.iqontrol/wiki/JSON-Table-Widget---Schnelle-Darstellung-von-Datenpunkten

                      C 1 Reply Last reply Reply Quote 0
                      • s.bormann
                        s.bormann Most Active @evolvo187 last edited by s.bormann

                        @evolvo187 sagte in Test Adapter iQontrol 1.11.x Vis (Entwicklungs-Thread):

                        @s-bormann ,
                        mir ist aufgefallen, das wenn ich die GLOW_ACTIVE_COLOR von einem Datenpunkt beziehe.
                        Wird der Glow-Effekt erst nach öffnen eines Dialogs auf der Seite angezeigt wird.

                        Hinweise:
                        Beim ersten Gerät auf der Seite geht der Glow-Effekt sofort beim öffnen der Seite.
                        Beim beziehen über Konstante geht es auch sofort.

                        Screenshot1.png

                        Screenshot2.png

                        Gruß Heiko

                        Ich hoffe die Info's sind erwünscht.

                        Hi,
                        die Infos sind definitiv erwünscht!
                        Kannst Du mal schauen, ob es irgendwelche Auffälligkeiten im Browser-Log gibt (F12)? Wie es geht steht in der Readme auf Github unter Troubleshooting.
                        Danke!

                        EDIT: Poste auch noch mal bitte, wie Du das ganze konfiguriert hast

                        evolvo187 1 Reply Last reply Reply Quote 0
                        • dslraser
                          dslraser Forum Testing Most Active @SiKo last edited by dslraser

                          @siko sagte in Test Adapter iQontrol 1.11.x Vis (Entwicklungs-Thread):

                          Hallo zusammen,
                          ich habe mich mal etwas mit html befasst. und folgendes gebastelt.
                          Ist mein Vorgehen hier "OK" oder gibt es einen einfacheren oder korrekteren Weg?

                          54ee2f2f-0db8-42a8-9eb5-d285ee988602-image.png

                          Die Textbausteine, die Du immer wieder nimmst und mehrfach vorhanden sind, kannst Du auch in eine Variable packen und dann diese verwenden, dann muss nicht immer alles neu erstellt werden.

                          EDIT:

                          Ich mache das zum Teil so (Auszug bzw. ein Teil davon) Vorteil von dieser Variante, wenn Du im Blockly was verändern willst, weil vielleicht Fehlerhaft oder so, dann musst Du nur den Textbaustein in der erstellten Variable einmal ändern und nicht an x Stellen im gesamten Blockly.

                          Bildschirmfoto 2022-02-10 um 19.45.19.png

                          und wenn ich das dann benutze sieht es so aus. (die Variablen Namen habe ich mir so erstellt, das ich auch weiß was es ist)

                          Bildschirmfoto 2022-02-10 um 19.43.56.png

                          1 Reply Last reply Reply Quote 0
                          • evolvo187
                            evolvo187 @s.bormann last edited by

                            @s-bormann

                            Auffälligkeiten im Browser-Log gibt es keine.

                            Ich habe nochmal getestet.
                            Es liegt daran das ich bei allen Steckdosen den gleichen GLOW_ACTIVE_COLOR Datenpunkt benutze.

                            Wenn ich für jede Steckdose einen eigenen Datenpunkt erstelle und benutze kommt der Glow-Effekt sofort.
                            Dann kann ich Ihn aber auch als Konstante bei jeder eingeben. 😞 und kann Ihn nicht schnell mal ändern.

                            Im Browser-Log ist zu sehen das das Objekt nur bei der ersten Steckdose abgefragt wird.
                            Screenshot3.png

                            Screenshot4.png

                            Gruß Heiko

                            s.bormann 2 Replies Last reply Reply Quote 0
                            • D
                              dirkhe Developer last edited by

                              @s-bormann Ich habe mir das mal ein bisschen in der index_m angeschaut, was das Zwischenspeichern angeht. Ich denke mit ein paar modifikationen könnte man das hinbekommen. Ich habe bei mir mal ein Test gemacht und ein jSON Widget aufgemacht, etwas geändert und in der console folgendes eingegeben:

                              $('.open').last().data('callback')();
                              $('.open').first().data('callback')();
                              $('.dialog-config-buttons .btn-save').click();
                              

                              Wenn ich dann die Preview aktualisiere, habe ich die neuen Werte.

                              Also müsste man folgendes machen. In der initDialog sich den aktuellen Dialog merken, existiert der schon, sich den an dem neuen Dialog merken. Dadurch wird halt eine Kette aufgebaut, die man rückwärts wieder abarbeiten muss, vlt kann man auch ein Array mit callbacks speichern.

                              Der letzte Befehl speichert direkt in der Datenbank. Wenn man die View ggf. auch aufrufen könnte und ihm direkt die neuen Daten zu übergeben, könnte man es ggf. auch so machen, dass man die aktuellen Daten anzeigt, ohne direkt zu speichern.

                              Nimmst du auch PR entgegen, dann könnte ich mich da mal tiefer reingraben?
                              Ich stelle mir einen Knopf an jedem Dialog vor, der eine Preview aufruft und jedes mal wenn man darauf clickt, aktualisiert sich die Preview mit den aktuellen Daten.

                              s.bormann 1 Reply Last reply Reply Quote 0
                              • s.bormann
                                s.bormann Most Active @evolvo187 last edited by

                                @evolvo187 sagte in Test Adapter iQontrol 1.11.x Vis (Entwicklungs-Thread):

                                @s-bormann

                                Auffälligkeiten im Browser-Log gibt es keine.

                                Ich habe nochmal getestet.
                                Es liegt daran das ich bei allen Steckdosen den gleichen GLOW_ACTIVE_COLOR Datenpunkt benutze.

                                Wenn ich für jede Steckdose einen eigenen Datenpunkt erstelle und benutze kommt der Glow-Effekt sofort.
                                Dann kann ich Ihn aber auch als Konstante bei jeder eingeben. 😞 und kann Ihn nicht schnell mal ändern.

                                Im Browser-Log ist zu sehen das das Objekt nur bei der ersten Steckdose abgefragt wird.
                                Screenshot3.png

                                Screenshot4.png

                                Gruß Heiko

                                Alles klar, das sind schon mal gute Hinweise, schau ich mir an.

                                1 Reply Last reply Reply Quote 0
                                • s.bormann
                                  s.bormann Most Active @dirkhe last edited by

                                  @dirkhe sagte in Test Adapter iQontrol 1.11.x Vis (Entwicklungs-Thread):

                                  @s-bormann Ich habe mir das mal ein bisschen in der index_m angeschaut, was das Zwischenspeichern angeht. Ich denke mit ein paar modifikationen könnte man das hinbekommen. Ich habe bei mir mal ein Test gemacht und ein jSON Widget aufgemacht, etwas geändert und in der console folgendes eingegeben:

                                  $('.open').last().data('callback')();
                                  $('.open').first().data('callback')();
                                  $('.dialog-config-buttons .btn-save').click();
                                  

                                  Wenn ich dann die Preview aktualisiere, habe ich die neuen Werte.

                                  Also müsste man folgendes machen. In der initDialog sich den aktuellen Dialog merken, existiert der schon, sich den an dem neuen Dialog merken. Dadurch wird halt eine Kette aufgebaut, die man rückwärts wieder abarbeiten muss, vlt kann man auch ein Array mit callbacks speichern.

                                  Der letzte Befehl speichert direkt in der Datenbank. Wenn man die View ggf. auch aufrufen könnte und ihm direkt die neuen Daten zu übergeben, könnte man es ggf. auch so machen, dass man die aktuellen Daten anzeigt, ohne direkt zu speichern.

                                  Nimmst du auch PR entgegen, dann könnte ich mich da mal tiefer reingraben?
                                  Ich stelle mir einen Knopf an jedem Dialog vor, der eine Preview aufruft und jedes mal wenn man darauf clickt, aktualisiert sich die Preview mit den aktuellen Daten.

                                  Das ist ja mega genial. Da wäre ich glaube ich nie im Leben drauf gekommen!

                                  Man könnte auch eine Schleife bauen, die alle $('.open') von hinten nach vorne aufruft, dann braucht man im initDialog vermutlich gar nichts ändern.

                                  Das müsste in etwa so gehen (nicht getestet):

                                  $($('.open').get().reverse()).each(function() { $(this).data('callback')(); });
                                  $('.dialog-config-buttons .btn-save').click();
                                  

                                  Aber was genau meinst Du mit Preview?

                                  D 1 Reply Last reply Reply Quote 0
                                  • D
                                    dirkhe Developer @s.bormann last edited by dirkhe

                                    @s-bormann mit preview meine ich einen knopf, der aus der config ui die normale ui aufruft, wo er schon direkt an die aktuelle Stelle springt, also wenn ich gerade ein bestimtes Gerät bearbeite, öffnet sich bei click die passende view und öffnet ggf. Auch dort den passenden dialog, bzw. Wenn das preview fenster oder tab schon auf ist, wird es aktualisiert. Also ich fände es cool, wenn man die Änderungen direkt testen könnte, obne immer alle edit Dialoge zumachen zu müssen, speichern, ind den passenden tab zu gehen, zu aktualisieren und ggf dann noch wieder zu der passenden Stelle zu springen

                                    Die frage ist bei der Reihenfolge eigentlich, das man nach dem zindex sortieren müsste

                                    da_Woody s.bormann 2 Replies Last reply Reply Quote 1
                                    • da_Woody
                                      da_Woody @dirkhe last edited by

                                      @dirkhe das wäre echt genial! wenn man mehr rumfummelt ist es schon mühsam jedesmal speichern, reload klicken, auf der startseite landen und dann weiterklicken.
                                      wäre dann so wie in vis, der view wird in neuem fenster geöffnet, oder aktualisiert, wenn schon offen..

                                      1 Reply Last reply Reply Quote 1
                                      • M
                                        meerkat last edited by

                                        Moin zusammen,
                                        ich habe mal eine Frage Richtung design. Wenn ich ein View habe, in dem ich nach unten scrollen muss, wird mir der Standard Background wiederholt, was eine unschönen Übergang ergibt.
                                        Ich bekomme es irgendwie nicht hin. das der Background fix ist. Habt ihr einen Tipp für mich?
                                        Screenshot_20220211-083546_Chrome.jpg

                                        s.bormann 1 Reply Last reply Reply Quote 0
                                        • s.bormann
                                          s.bormann Most Active @meerkat last edited by

                                          @meerkat sagte in Test Adapter iQontrol 1.11.x Vis (Entwicklungs-Thread):

                                          Moin zusammen,
                                          ich habe mal eine Frage Richtung design. Wenn ich ein View habe, in dem ich nach unten scrollen muss, wird mir der Standard Background wiederholt, was eine unschönen Übergang ergibt.
                                          Ich bekomme es irgendwie nicht hin. das der Background fix ist. Habt ihr einen Tipp für mich?
                                          Screenshot_20220211-083546_Chrome.jpg

                                          Wird in der nächsten Version behoben! Danke!

                                          M s.bormann 2 Replies Last reply Reply Quote 0
                                          • da_Woody
                                            da_Woody last edited by

                                            @s-bormann sagte in Test Adapter iQontrol 1.11.x Vis (Entwicklungs-Thread):

                                            Wird in der nächsten Version behoben! Danke!

                                            ist mir noch nie aufgefallen... hab diverse bildschirmgößen. kann das auch nur an dem standardhintergrung liegen?

                                            s.bormann 1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            906
                                            Online

                                            31.6k
                                            Users

                                            79.6k
                                            Topics

                                            1.3m
                                            Posts

                                            app dark-mode iqontrol responsive vis visualisierung visualization widget
                                            295
                                            7633
                                            5587870
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo