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

    • 15. 05. Wartungsarbeiten am ioBroker Forum

    • Monatsrückblick - April 2025

    • Minor js-controller 7.0.7 Update in latest repo

    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 @martinschm last edited by

      @martinschm sagte in Test Adapter iQontrol 1.5.x:

      @s-bormann said in Test Adapter iQontrol 1.5.x:

      @martinschm sagte in Test Adapter iQontrol 1.5.x:

      @s-bormann said in Test Adapter iQontrol 1.5.x:

      @martinschm sagte in Test Adapter iQontrol 1.5.x:

      @s-bormann

      Ich find ja die Homekit Sachen immer noch sehr ansprechend. Die meisten Sachen kann man mit iQontrol auch umsetzen.

      d929910a-ff4c-4c95-883f-7b146703c0a4-image.png

      Was glaube ich noch fehlt wäre die Möglichkeit bei einer langen schmalen Kachel die Schrift/Name mittig zentriert zu haben. Meinst du, das wäre noch umsetzbar?

      Ich denke gerade verschärft darüber nach, wie das am besten geht.
      Meine Ideen bis jetzt, würden folgende Optionen beinhalten:

      • Position of INFO_A/B:
        • Right to icon (Standard)
        • Right to the icon, only right half of the tile
        • Under the icon
      • Position of Device-Name:
        • Under the icon (Standard)
        • Right from the icon, vertically centered
        • Right from the icon, only left half of the tile
      • jeweils getrennt für ifActive, ifInactive, ifEnlarged

      Hört sich gut an. Wenn InfoAB dann noch bei schmalen Kacheln zwischen oben und unten zentriert sind wäre es perfekt 🙂

      Hi, das sollte seit der 1.5.7 eigentlich schon so sein. Geht es nicht?

      Sieht bei mir noch so aus:
      f44b9fce-72f0-4ed7-9a55-ccdedc41ac7d-image.png

      Hätte gedacht, das Info AB etwas weiter oben sein sollten

      Hi,
      das liegt daran, dass oben noch Platz für die Icons BATTERY, ERROR und UNREACH gelassen wird.

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

        @martinschm sagte in Test Adapter iQontrol 1.5.x:

        @s-bormann said in Test Adapter iQontrol 1.5.x:

        @blackeagle998 sagte in Test Adapter iQontrol 1.5.x:

        @s-bormann
        Kann man für das Panel noch eine "Bedingung für aktives Panel" einbauen (analog wie bei den Gerätekacheln)?

        Versuchs mal mit der aktuellen Github-Version 😉

        Von GitHub bekomme ich nur die 1.5.7, sollte es da eine andere Version geben?

        Die Github-Versionen können leider keine eigenen Versionsnummern bekommen, da Travis sonst Fehler macht (jedenfalls habe ich es nicht hinbekommen).

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

          @s-bormann

          Kann man die drei optional wegblenden damit nach oben gerutsdcht werden kann?

          mfg
          eMd

          s.bormann 1 Reply Last reply Reply Quote 0
          • H
            heinzie last edited by

            Hallo,

            ich würde gerne diese Bahnhofsuhr als Widget bei mir einbinden.

            Wenn ich allerdings den unten stehenden Code als BACKGROUND_HTML einbinde klappt das nicht.
            Ich vermute das es an den verweisen auf die src="excanvas.js" liegt. Ich muss diese noch irgendow ablegen, nur wo?

            Ein Versuch mit dem Ablegen aller Dateien unter /userwidgets/bahn hat leider auch nicht funktioniert.

            <html>
            
              <head>
                <title>Bahnhofsuhr</title>
                
                  <!--[if IE]>
                    <script type="text/javascript" src="excanvas.js"></script>
                  <![endif]-->
            
                  <script type="text/javascript" src="station-clock.js"></script>
                  <script type="text/javascript">
            
                  var clock = new StationClock("clock");
                  clock.body = StationClock.RoundBody;
                  clock.dial = StationClock.SwissStrokeDial;
                  clock.hourHand = StationClock.SwissHourHand;
                  clock.minuteHand = StationClock.SwissMinuteHand;
                  clock.secondHand = StationClock.SwissSecondHand;
                  clock.boss = StationClock.NoBoss;
                  clock.minuteHandBehavoir = StationClock.BouncingMinuteHand;
                  clock.secondHandBehavoir = StationClock.OverhastySecondHand;
            
                  animate();
            
                  function animate() {
                    clock.draw();
                    window.setTimeout("animate()", 50);
                  }
            
                </script>
            	
              </head>
              
              <body>
                <div style="text-align: center; padding-top: 50px">
                  <canvas id="clock" width="400" height="400">
                    Fehlermeldung       
                  </canvas>
                </div>
              </body>
              
            </html>
            
            
            S s.bormann 2 Replies Last reply Reply Quote 0
            • S
              swisswn @s.bormann last edited by

              @s-bormann Danke für deine Antwort. Genau das ist mein Problem. Sobald ich ein "richtiges" FLOT-Chart von Grafana in BACKGROUND_URL einfüge wird mir die Seite im Widget angezeigt. So wie hier:
              1.jpg
              Das linke Widget sollte aber gleich wie das rechte aussehen und nur beim öffnen dann in etwas so aussehen:
              2.jpg
              Müsste dann noch das Temperatur Icon im geöffneten Zustand weg bekommen. Hier habe ich URL eingefügt:
              3PC.jpg

              Bekomme es einfach nicht hin auch mit diversen Einstellungen in den Widget Optionen.

              s.bormann 1 Reply Last reply Reply Quote 0
              • S
                siedi @da_Woody last edited by

                @da_woody said in Test Adapter iQontrol 1.5.x:

                @s-bormann hi seb! meld mich auch wieder mal zu worte... 🙂
                nachdem mich @haus-automatisierung angetriggert hat für eine widget idea link ist jetzt das eingetreten auf das ich schon gewartet habe...
                56af1840-c0f2-473e-beea-fe6246fea225-grafik.png
                2 termine, dadurch kein icon, abgeschnittenes e bei Biotonne.
                durch die Badge möglichkeit bräuchte man dort kein InfoA und InfoB, platz für 2. icon...

                Normalerweise würde der Text an der Stelle ja in die 2. Zeile umbrechen. Da kein Leerzeichen vor und nach dem "&" drinnen ist, passiert das leider nicht.

                Zum Icon, soweit ich weiss, hatten wir das irgendwann schon mal. Dafür müsstest du ein weiteres Icon mit dem Namen dieser Kombi hochladen und dir ein neues Icon mit beidem basteln. Vielleicht auch ein animates gif/png oder so.

                da_Woody 1 Reply Last reply Reply Quote 0
                • da_Woody
                  da_Woody @siedi last edited by

                  @siedi said in Test Adapter iQontrol 1.5.x:

                  Da kein Leerzeichen vor und nach dem "&" drinnen ist

                  TZE, nach dem lesen ist mir auch eingefallen wo das definiert ist! erledigt, thnx! 👍 lebbe kann so einfach sein... 😉
                  animiertes gif... klingt ned schlecht... mal guxxen

                  da_Woody 1 Reply Last reply Reply Quote 0
                  • da_Woody
                    da_Woody @da_Woody last edited by da_Woody

                    hehe, geht mit apng_maker recht einfach...
                    Alt_Bio.gif
                    das hab ich jetzt mal fürs forum in gif konvertieren lassen. png und webp werden nicht angezeigt...
                    brauch ich nur noch einen weg das in iQontrol reinzubringen...

                    s.bormann 1 Reply Last reply Reply Quote 1
                    • S
                      siedi @heinzie last edited by

                      @heinzie said in Test Adapter iQontrol 1.5.x:

                      Hallo,

                      ich würde gerne diese Bahnhofsuhr als Widget bei mir einbinden.

                      Wenn ich allerdings den unten stehenden Code als BACKGROUND_HTML einbinde klappt das nicht.
                      Ich vermute das es an den verweisen auf die src="excanvas.js" liegt. Ich muss diese noch irgendow ablegen, nur wo?

                      Ein Versuch mit dem Ablegen aller Dateien unter /userwidgets/bahn hat leider auch nicht funktioniert.

                      Hast du denn die Datei station-clock.js in das gleiche Verzeichnis hochgeladen?

                      Den Teil:

                      <!--[if IE]>
                               <script type="text/javascript" src="excanvas.js"></script>
                             <![endif]-->
                      

                      Kannst du eigentlich entfernen. Wirst ja keinen IE mehr verwenden. 🙂

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

                        @heinzie sagte in Test Adapter iQontrol 1.5.x:

                        Hallo,

                        ich verwende iqontrol auf einem alten langsamen Tablet mit dem fully browser. Da die Bedienung etwas langsam ist wäre ganz angenehm, wenn man einen Ton für jeden Tastendruck bekommen könnte. Ist das ggf möglich?

                        Hi,
                        wann genau sollte der Ton denn abgespielt werden? Beim Schalten? Oder beim Öffnen des Dialogs oder einer neuen Ansicht?
                        LG

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

                          @martinschm sagte in Test Adapter iQontrol 1.5.x:

                          @s-bormann

                          Bei den Flot Charts als Hintergrund, gibt es da eine Beschränkung des Zeitraums?

                          Hab bei mir 12 Stunden eingetragen und es wird rot 0-100 angezeigt

                          55285ff6-9a5e-40ca-b7bf-871049af7a66-image.png

                          Ließe es sich irgendwie einstellen, das die Flot Chart Kurve unterhalb des State Namens und nicht durch ihn durchläuft (siehe Badezimmer oder Kinderschlafzimmer unten im Screenshot?

                          4a210bb6-53ab-42ca-8c77-e7a33f687789-image.png

                          Hab teilweise mit Min/Max Werten in den Settings gearbeitet, aber ich weiß nicht ob die ganzjährig die richtigen Werte sind.

                          Hi,
                          das mit dem Zeitraum war ein Bug - da sollte natürlich mehr als 100 möglich sein. Sollte in der aktuellen Github-Version behoben sein. Kannst ja mal schreiben, ob es jetzt geht.

                          Die Kurve weiter unten anzeigen zu lassen notiere ich mir mal, das als Option einzubauen.

                          VG

                          1 Reply Last reply Reply Quote 0
                          • H
                            heinzie @siedi last edited by

                            @siedi Ja, habe dort alle Dateien unverändert abgelegt:

                            50d662f2-9ab9-46e6-9f0b-8e514bd9b76f-grafik.png

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

                              @s-bormann Von meiner Seite aus gerne bei beiden Aktionen.

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

                                @emd sagte in Test Adapter iQontrol 1.5.x:

                                @s-bormann

                                Kann man die drei optional wegblenden damit nach oben gerutsdcht werden kann?

                                mfg
                                eMd

                                Ich notiere es mir. Aktuell mache ich mir eh Gedanken, wie man die Elemente am elegantesten "umpositionieren" kann - allerdings wird das viel CSS-Arbeit - leider nicht gerade einer meiner Lieblingsbeschäftigungen 🙂

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

                                  @s-bormann said in Test Adapter iQontrol 1.5.x:

                                  allerdings wird das viel CSS-Arbeit

                                  wir schauen schon das du nicht zu viel in der nase popelst... 😄

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

                                    @heinzie sagte in Test Adapter iQontrol 1.5.x:

                                    Hallo,

                                    ich würde gerne diese Bahnhofsuhr als Widget bei mir einbinden.

                                    Wenn ich allerdings den unten stehenden Code als BACKGROUND_HTML einbinde klappt das nicht.
                                    Ich vermute das es an den verweisen auf die src="excanvas.js" liegt. Ich muss diese noch irgendow ablegen, nur wo?

                                    Ein Versuch mit dem Ablegen aller Dateien unter /userwidgets/bahn hat leider auch nicht funktioniert.

                                    <html>
                                    
                                      <head>
                                        <title>Bahnhofsuhr</title>
                                        
                                          <!--[if IE]>
                                            <script type="text/javascript" src="excanvas.js"></script>
                                          <![endif]-->
                                    
                                          <script type="text/javascript" src="station-clock.js"></script>
                                          <script type="text/javascript">
                                    
                                          var clock = new StationClock("clock");
                                          clock.body = StationClock.RoundBody;
                                          clock.dial = StationClock.SwissStrokeDial;
                                          clock.hourHand = StationClock.SwissHourHand;
                                          clock.minuteHand = StationClock.SwissMinuteHand;
                                          clock.secondHand = StationClock.SwissSecondHand;
                                          clock.boss = StationClock.NoBoss;
                                          clock.minuteHandBehavoir = StationClock.BouncingMinuteHand;
                                          clock.secondHandBehavoir = StationClock.OverhastySecondHand;
                                    
                                          animate();
                                    
                                          function animate() {
                                            clock.draw();
                                            window.setTimeout("animate()", 50);
                                          }
                                    
                                        </script>
                                    	
                                      </head>
                                      
                                      <body>
                                        <div style="text-align: center; padding-top: 50px">
                                          <canvas id="clock" width="400" height="400">
                                            Fehlermeldung       
                                          </canvas>
                                        </div>
                                      </body>
                                      
                                    </html>
                                    
                                    

                                    Hi,
                                    im lege im Verzeichnis /userwidgets/bahn eine neue html-Datei an (z.B. bahnhofsuhr.html). Mit klick auf das html-Icon mit dem Stift, kannst Du die Datei editieren, da kopierst Du Deinen Code rein und speicherst das ganze. Im gleichen Verzeichnis muss auch Deine .js-Datei liegen.
                                    Das ganze fügst Du dann nicht als BACKGROUND_HTML, sondern als BACKGROUND_URL ein (mit dem Drop-Down-Pfeil kannst Du Deine .html-Datei auswählen).
                                    LG

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

                                      @swisswn sagte in Test Adapter iQontrol 1.5.x:

                                      @s-bormann Danke für deine Antwort. Genau das ist mein Problem. Sobald ich ein "richtiges" FLOT-Chart von Grafana in BACKGROUND_URL einfüge wird mir die Seite im Widget angezeigt. So wie hier:
                                      1.jpg
                                      Das linke Widget sollte aber gleich wie das rechte aussehen und nur beim öffnen dann in etwas so aussehen:
                                      2.jpg
                                      Müsste dann noch das Temperatur Icon im geöffneten Zustand weg bekommen. Hier habe ich URL eingefügt:
                                      3PC.jpg

                                      Bekomme es einfach nicht hin auch mit diversen Einstellungen in den Widget Optionen.

                                      Ah, jetzt verstehe ich es, da haben wir etwas aneinander vorbei geredet. Mit "geöffnet" dachte ich, Du meinst den geöffneten Dialog. Du meinst aber, wenn die Kachel vergrößert ist.

                                      Das ganze geht so:

                                        1. Ausblenden des Widgets, wenn die Kachel normal groß ist:
                                          3d2d9343-9029-4a57-aab3-cb436aa630bd-image.png
                                          Das ganze gibt es einmal für eine inaktive Kachel und für eine aktive Kachel - aktiviert für beides diese Option (standardmäßig ist die Kachel aktiv, wenn die Temperatur im STATE > 0 ist - kann man aber konfigurieren).
                                        1. Ausblenden des Icons, wenn die Kachel vergrößert ist:050f06ec-4cc2-4882-901a-9ab32b3e5e19-image.png

                                      Hoffe, es klappt so, wie Du es Dir vorstellst!

                                      VG

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

                                        @da_woody sagte in Test Adapter iQontrol 1.5.x:

                                        hehe, geht mit apng_maker recht einfach...
                                        Alt_Bio.gif
                                        das hab ich jetzt mal fürs forum in gif konvertieren lassen. png und webp werden nicht angezeigt...
                                        brauch ich nur noch einen weg das in iQontrol reinzubringen...

                                        Sehr gute Lösung!

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

                                          @s-bormann das ja, aber es fehlt halt der DP altpapier & biotonne...

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

                                            @siedi sagte in Test Adapter iQontrol 1.5.x:

                                            @dslraser said in Test Adapter iQontrol 1.5.x:

                                            @mathy sagte in Test Adapter iQontrol 1.5.x:

                                            @dslraser

                                            Ja mit so zusätzlichen Apps würde man es auch hinbekommen.

                                            Da aber der Chrome-Browser es eigentlich schon von selbst könnte und nur die Webseite, also iQontrol, es dem Browser mit so einer Konfigurationsdatei mitteilen müsste, dass er das auch machen darf, würde ich diesen Weg eigentlich Favorisieren.

                                            Ja, exakt so ist es. Das nennt sich "PWA" Progressive Web App. Damit lassen sich sogar Push-Nachrichten (allerdings nicht auf iOS/Safari), ein Offline-Modus umsetzen (brauchen wir ja nicht wirklich) und auch ein automatisches Update des Frontends realisieren.

                                            Und das sollte eigentlich, die Anwendung als "App" auf den Homescreen zu speichern. Auf iOS funktioniert das prima. Da hast Du dann keinen Rand bzw. Browserzeile mehr. Bin mir nicht sicher, ob die aktuellen Einstellungen auch für Anrdoid gehen. Gibt es da nicht eine ähnliche Funktion im Chrome Browser?

                                            Technisch ist derzeit noch eine Vorgänger-Version implementiert (cache manifest), das sollte man mal updaten, um die weiteren Vorteile der PWA zu nutzen.

                                            Hi,
                                            ich habe jetzt mal ein paar Artikel dazu überflogen, aber vollständig kapiert habe ich das ganze noch nicht. Ich habe jetzt mal eine manifest.json hinzugefügt. Bei mir ändert sich dadurch erst mal gar nichts - aber ich nutze auch nur PC und iOS. Testet doch bitte mal die aktuelle Github-Version, ob damit alles stabil läuft.

                                            • So weit ich gelesen habe, muss man allerdings die "App" neu auf dem Homescreen speichern, damit die Änderungen greifen
                                            • Als display-mode habe ich jetzt erst mal "standalone" angegeben. Damit sollte dann noch die Android Titelleiste sichtbar sein. Es ginge auch alternativ noch "fullscreen". Das müsste die Mehrheit entscheiden, was gewünscht ist. In iOS bleibt die Titelleiste (mit Empfangsstärke, Akku-Ladezustand etc.) sichtbar - was ich auch für mich für sinnvoll erachte.

                                            Bitte um Rückmeldungen, ob die neue Datei ungewünschte Nebeneffekte hat

                                            VG

                                            1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            859
                                            Online

                                            31.6k
                                            Users

                                            79.4k
                                            Topics

                                            1.3m
                                            Posts

                                            app dark-mode iqontrol responsive vis visualisierung visualization widget
                                            295
                                            7633
                                            5430067
                                            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