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

    • Neuer Blog: Fotos und Eindrücke aus Solingen

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

    • ioBroker goes Matter ... Matter Adapter in Stable

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

    This topic has been deleted. Only users with topic management privileges can see it.
    • K
      kassmann @CrazyFloyd last edited by

      @CrazyFloyd sieht sehr gut aus. 👏 Das mit den extra Fensterkontakten ist sicherlich die bessere Lösung...
      Was hast du bei VALVE_STATES erfaßt?

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

        Achtung, das nachfolgende Tutorial wird nicht mehr supported!

        Tutorial Müllabfuhr Popup

        1. Skript für Erzeugung der Datenpunkte
          --> als neues Skript einfügen und einmal laufen lassen
          script_createDP_waste.txt

        2. Den kompletten Inhalt der Datei waste.css in den Datenpunkt '0_userdata.0.Abfallentsorgung.waste_html_css' schreiben.
          waste.css

        3. Skript für Erzeugung der notwendigen waste.css Datei im Ordner "iqontrol.meta".
          --> als neues Skript einfügen und einmal laufen lassen
          script_createFiles_waste.txt

        4. Skript zur Darstellung der Müllabfuhr / Mülltonnen
          --> als neues Skript einfügen, noch NICHT starten
          script_waste.txt
          Bevor ihr das Skript startet, müsst ihr ggf. einige Anpassungen vornehmen:

        • IP des Rechners eintragen auf dem ioBroker läuft:
        let ip = '192.x.x.x';
        
        • Im Skript werden die Icons aus dem Ordner "./../iqontrol.meta/userimages/usericons/Abfallentsorgung/" gezogen. Wenn der bei euch anders heißt, bitte anpassen.

        • Im Skript werden die Daten aus folgenden drei Datenpunkten gezogen (ggf. bitte anpassen):

        0_userdata.0.Abfallentsorgung.Restabfall
        0_userdata.0.Abfallentsorgung.Papiertonne
        0_userdata.0.Abfallentsorgung.Gelber_Sack
        

        Ergebnis als Kachel 2x1: --> Aufruf: "fctWasteHTML()"
        b922cfa7-ec31-4bc1-b245-7b5b35fb553d-image.png

        Ergebnis als Popup: --> Aufruf: "fctWasteHTML('Popup')"
        ca8d3427-69c8-4ec0-9fff-d410c2e148b5-image.png

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

          @sigi234
          script_clock.txt
          clock.css

          Im Skript war noch ein Fehler drin, weshalb die CSS Formatierung für die Wettervorschau-Tabelle nicht gegriffen hat.
          Ich habe das angepasste Skript (inkl. Heute = groß geschrieben) hier beigefügt und auch oben im Tutorial ausgetauscht.

          Die clock.ss Datei habe ich beim Selektor "td" um den Eintrag "padding-left:2vw;" erweitert, das führt in der Tabelle zu vernünftigen Links-Abständen:
          2d831525-96d9-4b5c-a57f-12b1a45e3cf3-image.png

          1vw geht auch, muss man ausprobieren. Die angepasste clock.css ist hier beigefügt und ebenfalls oben im Tutorial aktualisiert.

          sigi234 1 Reply Last reply Reply Quote 0
          • sigi234
            sigi234 Forum Testing Most Active @blackeagle998 last edited by

            @blackeagle998

            Hmm, CSS greift nicht. Mond?

            Screenshot (667).png

            B 2 Replies Last reply Reply Quote 0
            • B
              blackeagle998 @sigi234 last edited by

              @sigi234
              Hast du denn die Mond icons auch?
              Ich habe die alle unter usericons/wetter/mond, der Pfad ist natürlich auch im Skript.

              Poste doch mal den Inhalt vom Datenpunkt clock_html.

              sigi234 2 Replies Last reply Reply Quote 0
              • sigi234
                sigi234 Forum Testing Most Active @blackeagle998 last edited by

                @blackeagle998 sagte in Test Adapter iQontrol 1.2.x:

                Poste doch mal den Inhalt vom Datenpunkt clock_html.

                <head><meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0"><link rel="stylesheet" href="http://192.168.178.20:8107/iqontrol.meta/clock.css" /><script type="text/javascript" src="http://192.168.178.20:8107/iqontrol.meta/clock.js"></script></head><div class="box_row"><span class="box_uhr"><b>23:23 Uhr</b></span><span><img class="img_wetter" src="/vis.0/Wettericons/Wetter Hd/mond/7.png"/></span></div><div class="box_row"><div class="box_column"><span class="box_datum"><b><i>Donnerstag<br>24.09.2020</i></b></span></div><div class="box_column"><span class="box_wetter_temperatur"><b><i>17°C</i></b></span><span class="box_wetter_text"><i>Nacht</i></span></div></div><div class="box_column"><table class="table_Wettervorschau"><tr><td>Heute</td><td><img src="/vis.0/Wettericons/Wetter Hd/2.png"/></td><td nowrap>12°C bis 24°C</td><td align=left>Teils bewölkt</td></tr><tr><td>Freitag</td><td><img src="/vis.0/Wettericons/Wetter Hd/10.png"/></td><td nowrap>8°C bis 18°C</td><td align=left>Bedeckt mit mäßigem Regen</td></tr><tr><td>Samstag</td><td><img src="/vis.0/Wettericons/Wetter Hd/10.png"/></td><td nowrap>7°C bis 10°C</td><td align=left>Bedeckt mit mäßigem Regen</td></tr><tr><td>Sonntag</td><td><img src="/vis.0/Wettericons/Wetter Hd/7.png"/></td><td nowrap>7°C bis 13°C</td><td align=left>Bedeckt mit leichtem Regen</td></tr><tr><td>Montag</td><td><img src="/vis.0/Wettericons/Wetter Hd/7.png"/></td><td nowrap>7°C bis 12°C</td><td align=left>Bedeckt mit leichtem Regen</td></tr></table></div>
                
                B 1 Reply Last reply Reply Quote 0
                • B
                  blackeagle998 @sigi234 last edited by

                  @sigi234
                  Gibt es denn dieses Icon bei dir?
                  src="/vis.0/Wettericons/Wetter Hd/mond/7.png"

                  sigi234 1 Reply Last reply Reply Quote 0
                  • sigi234
                    sigi234 Forum Testing Most Active @blackeagle998 last edited by sigi234

                    @blackeagle998 sagte in Test Adapter iQontrol 1.2.x:

                    @sigi234
                    Gibt es denn dieses Icon bei dir?
                    src="/vis.0/Wettericons/Wetter Hd/mond/7.png"

                    Nein

                    Screenshot (670).png

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

                      @sigi234
                      Hast du nach Anpassung des CSS Datenpunkts auch das Skript zur Erstellung der Datei clock.css im Ordner /iqontrol.meta ausgeführt?
                      Danach das clock Skript neustarten und die Seite neu laden.

                      sigi234 1 Reply Last reply Reply Quote 0
                      • sigi234
                        sigi234 Forum Testing Most Active @blackeagle998 last edited by sigi234

                        @blackeagle998 sagte in Test Adapter iQontrol 1.2.x:

                        Hast du nach Anpassung des CSS Datenpunkts auch das Skript zur Erstellung der Datei clock.css im Ordner /iqontrol.meta ausgeführt?

                        ?

                        Geht jetzt

                        1 Reply Last reply Reply Quote 0
                        • sigi234
                          sigi234 Forum Testing Most Active @blackeagle998 last edited by sigi234

                          @blackeagle998 sagte in Test Adapter iQontrol 1.2.x:

                          Ich habe die alle unter usericons/wetter/mond, der Pfad ist natürlich auch im Skript.

                          Wo kann ich den anpassen? Zeile 96?

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

                            @sigi234
                            Im Skript bei diesem Absatz:

                            if (str_Tageszeit == 'Tag'){
                                    str_HTML = str_HTML + '<span><img class="img_wetter" src="' + img_Wetter + getState('daswetter.0.NextHours.Location_1.Day_1.current.symbol_value').val + '.png' + '"/></span>';
                                }else{
                                    str_HTML = str_HTML + '<span><img class="img_wetter" src="' + img_Wetter + 'mond/' + getState('daswetter.0.NextHours.Location_1.Day_1.moon_symbol').val + '.png' + '"/></span>';
                                }
                            

                            Wenn str_Tageszeit ungleich "Tag" dann nimmt er die icons aus dem wetterpfad + "mond/".
                            Für Mond existieren aber 29 verschiedene Icons, siehe hier:
                            Wettersymbole.zip

                            sigi234 D 2 Replies Last reply Reply Quote 0
                            • sigi234
                              sigi234 Forum Testing Most Active @blackeagle998 last edited by

                              @blackeagle998

                              Screenshot (672).png

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

                                Hi zusammen,

                                habe die letzten Tage auch mal ein wenig mit iQontrol rumgespielt. Super Visualisierungsmöglichkeiten. Macht richtig Laune.

                                Möchte auch gerne mal zeigen, was ich bislang gebaut habe:
                                Bildschirmfoto 2020-09-25 um 11.57.51.png Bildschirmfoto 2020-09-25 um 11.58.04.png Bildschirmfoto 2020-09-25 um 11.58.34.png Bildschirmfoto 2020-09-25 um 11.58.49.png

                                R dslraser 2 Replies Last reply Reply Quote 0
                                • R
                                  ramses @Julian 0 last edited by

                                  Ich habe keine Ahnung was ich falsch mache, aber ich kriege es absolut nicht hin ein Hintergrundbild zu setzen.
                                  Selbst die voreingestellten Standardbilder werden nicht angezeigt, obwohl Sie im Verzeichnis sind. Adapter habe ich mehrmals installiert und auch den upload gestartet. Eigentlich wollte ich den Hintergrund nur in Schwarz haben.

                                  7ebb75f5-370b-468b-810f-a65152359197-image.png

                                  0b622821-636f-47e6-8a37-7c3580071a28-image.png

                                  endet in:

                                  274f472a-f8ef-4ce1-8e21-1804e35dab66-image.png

                                  Jemand eine Idee was ich falsch mache?

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

                                    @Julian-0
                                    Ich habe übrigens auch ne VU Duo2 (Du anscheinend auch)
                                    Ich habe mir das alles auf die "Fernbedienung" gelegt, dann hat man nicht so viele einzelne Kacheln (ich hatte es vorher so ähnlich wie Du)

                                    Screenshot_20200925-170816_Chrome.jpg

                                    Screenshot_20200925-170833_Chrome.jpg

                                    Screenshot_20200925-170842_Chrome.jpg

                                    Screenshot_20200925-170858_Chrome.jpg

                                    Screenshot_20200925-170912_Chrome.jpg

                                    Julian 0 K 2 Replies Last reply Reply Quote 1
                                    • Julian 0
                                      Julian 0 @dslraser last edited by

                                      @dslraser Kannst du über deine Lösung auch irgendwie vor dem Umschalten sehen, was aktuell auf dem Sender läuft? Das finde ich bei mir gerade interessant. Ansonsten gefällt mir deine Lösung sehr gut! Werde das eine oder andere sicher übernehmen! 😊

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

                                        @Julian-0 sagte in Test Adapter iQontrol 1.2.x:

                                        Kannst du über deine Lösung auch irgendwie vor dem Umschalten sehen, was aktuell auf dem Sender läuft?

                                        woher holst Du die Infos vor den Umschalten ?

                                        Julian 0 1 Reply Last reply Reply Quote 0
                                        • D
                                          DocGame @blackeagle998 last edited by

                                          @blackeagle998 Hallo,
                                          nachdem die V7 gut gelaufen ist, wollte ich mich an die neue Variante machen, da mir die Skalierbarkeit und die Müllgeschichte wichtig wären.
                                          Ich denke, ich habe alle Punte die du aufgeführt hat richtig gemacht. Deider scheint aber irgendetwas noch nicht zu stimmen. in dem Datenpunkt "clock.html" kommt leider der HTML-Code aus dem Script nicht an. Gibt es noch etwas zu beachten?

                                          Clock_HTML.JPG

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

                                            @DocGame
                                            Schwer zu sagen. Das Skript läuft aber auch ja?

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            686
                                            Online

                                            31.7k
                                            Users

                                            79.8k
                                            Topics

                                            1.3m
                                            Posts

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