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.
    • K
      Kueppert @StephanJanine last edited by

      @StephanJanine macht ggf auch SInn, eine 2. Instanz für ein anderes Gerät zu machen...einmal Tablet, einmal Handy. Die Konfig kannst ja exportieren/importieren.

      S 1 Reply Last reply Reply Quote 0
      • S
        StephanJanine @Kueppert last edited by StephanJanine

        @Kueppert das ist eine sehr gute Idee und hat auch einfach funktioniert. In der Handy Version konnte ich dann das "NZ" hinzufügen und dort trennt er jetzt die beiden Bereiche. danke dir.

        habt ihr eine Idee wie man die icons in der leiste unten ändern kann? also hätte dort gerne ein Lampen oder Thermometer symbol.
        1603279668520-bildschirmfoto-2020-10-21-um-13.27.16.png

        K 1 Reply Last reply Reply Quote 0
        • K
          Kueppert @StephanJanine last edited by

          @StephanJanine ja, das geht hier:
          5fe68651-92a9-4d45-85a5-1248487c1abf-image.png

          S 1 Reply Last reply Reply Quote 0
          • S
            StephanJanine @Kueppert last edited by

            @Kueppert ja, das habe ich gefunden. aber da gibt es ja nur die Standard icons und keine "Lampe" oder "Thermometer" oder ähnliches.

            jQueryIcons.jpg

            K s.bormann 2 Replies Last reply Reply Quote 0
            • K
              Kueppert last edited by

              Ich habe auch mal eine Frage in die Runde:
              ich überlege, meine VIS auf iQontrol umzustellen und wollte mal mit meinem iCAL-Kalender starten. Meine Idee ist, dass ich den dortigen HTML-Datenpunkt darstellen lasse (ist schön bunt ^^).
              Ich habe jetzt ein Widget hergenommen udn bei Background_HTML den DP vom ical_html ausgewählt. Das klappt.
              55af29aa-55c2-4ebe-98f5-1dcdf2fac7a5-image.png
              Wähle ich in iQontrol für WIdget bei HTML eben diesen DP aus, hab ich nur ein graues Widget...funktioniert HTML, Datenpunkt hier nicht?
              7bedc1ff-425f-4c2c-a642-f77bd6f5ad0a-image.png

              S 1 Reply Last reply Reply Quote 0
              • K
                Kueppert @StephanJanine last edited by

                @StephanJanine stimmt...schade...da hab ich keine AHnung, weil ich davon ab bin, unten mehreres zur Auswahl zu haben. Ich arbeite hier nur noch mit Links auf meinem Home-Screen...hatte es vorher wie du, jetzt wie folgt:
                546d701c-b6f7-4117-ae33-ce9a3917db52-image.png

                1 Reply Last reply Reply Quote 0
                • S
                  StephanJanine @Kueppert last edited by StephanJanine

                  @Kueppert also bei mir sieht das so aus. Als beim Background HTMl wird's halt direkt in der Kachel angezeigt und

                  Bildschirmfoto 2020-10-21 um 14.07.05.png

                  Bildschirmfoto 2020-10-21 um 14.06.12.png

                  Wenn man HTML als Datenpunkt auswählt erscheint der Inhalt erst im PopUp und die Box ist am Anfang leer
                  Bildschirmfoto 2020-10-21 um 14.10.16.png

                  1 Reply Last reply Reply Quote 1
                  • M
                    martinschm @s.bormann last edited by

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

                    @mucki sagte in Test Adapter iQontrol 1.3.x:

                    @Marco-Laser
                    Ja, vielen Dank für die Entwicklung.

                    Toll wäre aus meiner Sicht noch:

                    • wenn man Favoriten aus anderen Ansichten darstellen könnte (Kopieren der Geräte geht zwar auch, aber bei Änderungen müssen die Geräte dann immer doppelt angepasst werden)
                      ...

                    Symbolische Links

                    wurden jetzt mal als Beta implementiert. Kann mit der aktuellen Github-Version getestet werden.

                    Bedeutet:
                    Man kann Kopien von Geräten anlegen, die keine echten Kopien, sondern symbolische Verweise auf ein bestehendes Gerät sind. Ändert man das Original-Gerät, werden die kopierten Geräte mit geändert (das betrifft nur die Geräte-Optionen und die STATES, die Beschriftungen und Hintergrundbild können weiterhin getrennt voneinander eingestellt werden).

                    Zu finden ist die neue Funktion hier:

                    e10b50c9-8fd8-49ae-81c0-d2ee11ea07c9-image.png

                    9cf4ad63-1334-482a-aef1-33239103b4a3-image.png

                    Mega. Vielen Dank. Hatte letztens schon mal überlegt sowas anzufragen, da ich Übersichten nach Raum und Funktionen hab.

                    1 Reply Last reply Reply Quote 0
                    • B
                      blackeagle998 last edited by

                      @s-bormann
                      Ich versuche jetzt seit ner halben Stunde die Hintergrundfarbe des Analoguhr Widgets zu ändern, das klappt einfach nicht.

                      Wenn ich das Widget als Background_HTML auswähle, fragt er ja nach den verschiedenen Farben, gleich als erstes nach dem Hintergrund. Egal was ich da eintrage, nach dem Speichern werden immer die Standard Werte gezogen.

                      Gehe ich in der Entwicklerkonsole auf das Element und ändere die Werte manuell, wird die gewünschte Farbe angezeigt.
                      Datenpunkte werden ja bei dem Widget nicht angelegt (zumindest gibt es bei mir keine), das passiert doch alles über Variablen innerhalb des HTMLs, richtig?

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

                        @Mac_Schmeck sagte in Test Adapter iQontrol 1.3.x:

                        Kann ich in iqontrol auch flot Diagramme anzeigen lassen?

                        Ja, Du kannst einfach Flot-Diagramme mit dem Flot-Adapter erstellen und die resultierende Webseite als BACKGROUND_URL oder als URL einbinden (je nachdem, was Du halt willst - das Chart als Hintergrund für die Kachel, oder als Popup im Dialog.

                        1 Reply Last reply Reply Quote 2
                        • s.bormann
                          s.bormann Most Active @StephanJanine last edited by

                          @StephanJanine sagte in Test Adapter iQontrol 1.3.x:

                          @Kueppert ja, das habe ich gefunden. aber da gibt es ja nur die Standard icons und keine "Lampe" oder "Thermometer" oder ähnliches.

                          jQueryIcons.jpg

                          Hi,
                          das ganze ist eine jQuery-Toolbar - da gibts standardmäßig erst mal nur die beschriebenen Icons. Aber im Prinzip lässt sich ja alles irgendwie erweitern... 🙂

                          Du kannst z.B. folgendes unter Optionen/Sonstiges/CSS folgendes eingeben:

                          .iQontrolToolbarLink[data-index='0']:after {
                          	background:url('https://demos.jquerymobile.com/1.4.5/_assets/img/glyphish-icons/21-skull.png');
                          	background-size:cover;
                          }
                          

                          Das ändert den 1. Toolbar-Eintrag. Mit [data-index='1'] entsprechend den 2. u.s.w.

                          VG

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

                            @blackeagle998 sagte in Test Adapter iQontrol 1.3.x:

                            @s-bormann
                            Ich versuche jetzt seit ner halben Stunde die Hintergrundfarbe des Analoguhr Widgets zu ändern, das klappt einfach nicht.

                            Wenn ich das Widget als Background_HTML auswähle, fragt er ja nach den verschiedenen Farben, gleich als erstes nach dem Hintergrund. Egal was ich da eintrage, nach dem Speichern werden immer die Standard Werte gezogen.

                            Gehe ich in der Entwicklerkonsole auf das Element und ändere die Werte manuell, wird die gewünschte Farbe angezeigt.
                            Datenpunkte werden ja bei dem Widget nicht angelegt (zumindest gibt es bei mir keine), das passiert doch alles über Variablen innerhalb des HTMLs, richtig?

                            Ei verrückt, stimmt. Er übernimmt die URL-Parameter nicht. Man muss erst noch mal manuell in dem Feld was ändern, dann wird es auch gespeichert. Fix kommt gleich. So lange geht es aber über die 'Widget automatisch hinzufügen' Funktion.

                            EDIT: Fix ist auf Github. Bitte versuche es noch mal.

                            B 1 Reply Last reply Reply Quote 1
                            • B
                              blackeagle998 @s.bormann last edited by

                              @s-bormann
                              Danke für den schnellen fix, funktioniert jetzt!

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

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

                                .iQontrolToolbarLink[data-index='0']:after { background:url('https://demos.jquerymobile.com/1.4.5/_assets/img/glyphish-icons/21-skull.png'); background-size:cover; }

                                hat funktioniert. vielen dank.

                                Bildschirmfoto 2020-10-22 um 08.28.32.png

                                C 1 Reply Last reply Reply Quote 0
                                • K
                                  Kueppert @blackeagle998 last edited by Kueppert

                                  @blackeagle998 sagte in Test Adapter iQontrol 1.3.x:

                                  @s-bormann
                                  Hey, sorry für die verspätete Rückmeldung.
                                  Bezüglich SONOS Cover Darstellung:

                                  Das Cover im Mediaplayer Dialog (geöffnete Kachel) wird jetzt aktualisiert, siehe Screenshot rechts unten.
                                  Das ICON wird jedoch nicht aktualisiert, siehe Kachel links oben:
                                  b1e568a8-f499-4f8c-885a-ecd851028ebe-image.png

                                  benutzt du hier für das Abspielen der Hörspiele direkt Alexa/Amazon-Inhalte? Ich habe einige freie Hörspiele für Kinder auf meinem Syno-NAS liegen und überlege, wie ich es hinbekomme, dass ich die mp3 über Alexa abspielen kann - steuerbar über iQontrol Mediaplayer.
                                  NACHTRAG:
                                  versuche es über DS Audio und dem entsprechenden Skill bei Amazon

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

                                    @dslraser sagte in Test Adapter iQontrol 1.3.x:

                                    Zum Plus/Minus: Schalte mal die Option "Mauszeiger-Events für das Icon ignorieren" für aktiv, inaktiv und vergrößert ein, ich denke das unsichtbare Geräte-Icon hängt Dir vorm plus-Knopf

                                    In der aktuellen Version geht das plus und minus in den z.B. 3×2 Kacheln. Wenn ich allerdings die vergrößerte Ansicht auf Vollbild machen, dann gehen die Knöppe nicht, obwohl Mauszeiger-Events ignoriert werden sollen (jedenfalls ist es am Handy so)

                                    Edit: wo liegt eigentlich das css file für die map ?

                                    dslraser 1 Reply Last reply Reply Quote 0
                                    • F
                                      frodo777 last edited by

                                      Ich habe über widget meine Kameras eingebunden. Die Adresse der Kamera ist im BACKGROUND_URL hinterlegt. Die Kameras werden auch angezeigt nur nicht das ganze Bild. Habe als Größe 3x2 gewählt. An den Widget Rändern sieht man Scroll Balken. Gibt es eine Möglichkeit die Größe zu verändern so das das ganze Bild angezeigt wird.

                                      L 1 Reply Last reply Reply Quote 0
                                      • C
                                        CrazyFloyd @StephanJanine last edited by

                                        @StephanJanine sagte in Test Adapter iQontrol 1.3.x:

                                        .iQontrolToolbarLink[data-index='0']:after { background:url('https://demos.jquerymobile.com/1.4.5/_assets/img/glyphish-icons/21-skull.png'); background-size:cover; }

                                        wo hast du den link denn eingegeben für das geänderte Icon? Danke.

                                        S 1 Reply Last reply Reply Quote 0
                                        • S
                                          StephanJanine @CrazyFloyd last edited by

                                          @CrazyFloyd
                                          Optionen/Sonstiges/CSS

                                          C 1 Reply Last reply Reply Quote 1
                                          • B
                                            blackeagle998 @Kueppert last edited by

                                            @Kueppert
                                            Ich steuere meinen Sonos Lautsprecher komplett über die HTTP API:
                                            https://github.com/jishi/node-sonos-http-api

                                            Das Album vom Film Vaiana hat die Amazon ID B075LVGXSZ, der direkte API Aufruf sieht dann so aus:

                                            let url = http://192.x.x.x:5005/Flur/amazonmusic/now/album:B075LVGXSZ;
                                            try{
                                              require("request")(([url].join(''))).on("error", function (e) {console.log(e);});
                                            } catch (e) { console.log(e); }
                                            

                                            So greife ich direkt auf Amazon Inhalte zu, die ganzen IDs habe ich manuell in Arrays gespeichert. Alexa benutze ich gar nicht.

                                            Will man über die API Musik übers Netzwerk abspielen, geht das nur, wenn die Datei in folgendem Ordner liegt:

                                            /home/pi/node-sonos-http-api-master/static/clips/
                                            

                                            Der Aufruf würde dann so aussehen:

                                            let url = http://192.x.x.x:5005/Flur/clip/test.mp3/25;
                                            try{
                                              require("request")(([url].join(''))).on("error", function (e) {console.log(e);});
                                            } catch (e) { console.log(e); }
                                            

                                            In diesem Fall wird die Datei test.mp3 mit Lautstärke 25 abgespielt.
                                            Vielleicht hilft dir das ja ein bisschen weiter.

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            987
                                            Online

                                            31.7k
                                            Users

                                            79.6k
                                            Topics

                                            1.3m
                                            Posts

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