Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. iQontrol Vis Support Thread

    NEWS

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

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    iQontrol Vis Support Thread

    This topic has been deleted. Only users with topic management privileges can see it.
    • da_Woody
      da_Woody @PeterSmarthome last edited by

      @petersmarthome Chapeau!
      ChatGPT hilft dann weiter. kann, aber muss nicht.
      js von dir, oder auch von ChatGPT?

      Dort will ich Höchst- und Tiefst-Temperatur sowie Sonnenaufgang- und -untergangszeiten einblenden...

      platzproblem, oder laufschrift?
      wenn das alles klappt, wäre eine veröffentlichung auf https://github.com/iobroker-community-adapters/ioBroker.iqontrol/wiki nicht schlecht! 😉

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

        @petersmarthome sagte in iQontrol Vis Support Thread:

        Als nächstes baue ich noch die Max- und Min-Temperatur des Tages ein und werde das JavaScript durch nodeRed Code ersetzen, da meine gesamte sonstige Steuerung über nodeRed läuft.

        autsch, nicht jeder verwendet nodered...

        1 Reply Last reply Reply Quote 0
        • P
          PeterSmarthome last edited by

          @da_woody Es sieht nun so aus:

          9167bc40-3750-4a9e-a2cc-34f9d7544dbc-image.png

          Ich habe die Schrift extra klein gewählt., damit es keine Laufschrift gibt.

          Den Datenpunkt javascript.0.SunTimesLabel habe ich nicht mehr beim STATE der Kachel eingefügt, sondern beim Namen der Kachel:

          b55e1d4e-540e-4bf8-b93d-96378a9a51bd-image.png

          WICHTIG: Damit es funktioniert braucht es das |Zeichen beim Namen der Kachel: |{javascript.0.SunTimesLabel}

          Dadurch dass ich den Namen verwende habe ich mehr Platz und kann dort eine HTML Tabelle einbauen.
          Das JS sieht nun so aus:

          // Prüfe, ob der Datenpunkt existiert, falls nicht, erstelle ihn
          createState('javascript.0.SunTimesLabel', '', { type: 'string', role: 'text' }, function() {
              // Sobald der Datenpunkt erstellt wurde, setzen wir ihn mit den aktuellen Sonnenzeiten
              let sunrise = getState('swiss-weather-api.0.forecast.days.day0.0000.SUNRISE').val;
              let sunset = getState('swiss-weather-api.0.forecast.days.day0.0000.SUNSET').val;
              let temp_low = getState('swiss-weather-api.0.forecast.days.day0.0000.TN_C').val;
              let temp_high = getState('swiss-weather-api.0.forecast.days.day0.0000.TX_C').val;
              let label = `<span style="font-size: 10px; color: white; font-weight: 100;"><table><tr><td>🥶 ${temp_low} °C</td><td>🥵 ${temp_high} °C</td></tr><tr><td>🌅 ${sunrise}</td><td>🌇 ${sunset}</td></tr></table></span>`;
              setState('javascript.0.SunTimesLabel', label);
          });
          
          // Falls Sonnenaufgang oder -untergang sich ändert, aktualisiere den Datenpunkt
          on({id: ['swiss-weather-api.0.forecast.days.day0.0000.SUNRISE', 'swiss-weather-api.0.forecast.days.day0.0000.SUNSET'], change: 'any'}, function () {
              let sunrise = getState('swiss-weather-api.0.forecast.days.day0.0000.SUNRISE').val;
              let sunset = getState('swiss-weather-api.0.forecast.days.day0.0000.SUNSET').val;
              let temp_low = getState('swiss-weather-api.0.forecast.days.day0.0000.TN_C').val;
              let temp_high = getState('swiss-weather-api.0.forecast.days.day0.0000.TX_C').val;
              let label = `<span style="font-size: 10px; color: white; font-weight: 100;"><table><tr><td>🥶 ${temp_low} °C</td><td>🥵 ${temp_high} °C</td></tr><tr><td>🌅 ${sunrise}</td><td>🌇 ${sunset}</td></tr></table></span>`;
              setState('javascript.0.SunTimesLabel', label);
          });
          

          Zu Deinen Fragen/Kommentaren (sofern nicht schon oben erledigt):

          js von dir, oder auch von ChatGPT?
          -> Grundstruktur von ChatGPT, Feinheiten von mir

          wenn das alles klappt, wäre eine veröffentlichung auf https://github.com/iobroker-community-adapters/ioBroker.iqontrol/wiki nicht schlecht! 😉
          -> weiss nicht wie das geht, bin ja neu hier und wurstel mich durch...

          da_Woody 1 Reply Last reply Reply Quote 2
          • da_Woody
            da_Woody @PeterSmarthome last edited by

            @petersmarthome immer wieder spannend was alles geht, wenn man programmieren kann! 😳
            das mit der pipe ist mir schon klar. haben wir bei müll und geburtstag auch so.
            a6ea6968-c1b2-415e-bb9a-ba624d77d1ae-grafik.png 30dafbd5-4b1e-494e-b488-6211cf4061bd-grafik.png

            weiss nicht wie das geht, bin ja neu hier und wurstel mich durch...

            ist keine raketenwissenschaft. auf github einen account, auf die page gehn und über acf77d03-2520-44b9-9be4-8b8d69d985ab-grafik.png eine neue page anlegen. dann deine beschreibung rein, fertisch.
            kannst ja in der liste schauen wie andere das gemacht haben. 😉
            https://github.com/iobroker-community-adapters/ioBroker.iqontrol/wiki/Trash-Calendar-Visualization-ohne-JS-oder--Blockly ist z.b. von mir.

            P 1 Reply Last reply Reply Quote 1
            • P
              PeterSmarthome @da_Woody last edited by

              Hallo zusammen,

              ich habe mal wieder einer "Anfänger-Frage" und komme einfach nicht auf die Lösung.

              Ich habe eine Gartenbewässeung. In der Kachel möchte ich sowohl den Zustand anzeigen als auch die Bewässerung schalten können.

              Das sieht nun wie folgt aus wenn kein Wasser läuft:
              ca23bfd5-e1bd-4e37-b078-4f60854b0c42-image.png

              Und wenn das Wasser läuft so:
              59371f35-584d-4d49-9f62-8b2cb4a44823-image.png

              Was mich nun stört:

              Ich möchte dass die Kachel immer "hell" ist, also auch wenn keine Wasser läuft (inaktiv).
              Zwar kann ich einstellen, dass die Kachel immer als "aktiv" angezeigt wird, aber dann wird der Wassertropfen auch immer blau angezeigt.

              Irgendwo muss es eine Einstellung geben, dass im inaktiven Zustand der Hintergrund der Kachel eine höhere Transparenz hat und blasser wirkt. Ich finde es aber nirgends.

              P meute 2 Replies Last reply Reply Quote 0
              • P
                PeterSmarthome @PeterSmarthome last edited by

                Ich möchte gerne via FLOT-Chart im BACKGROUND_URL der Kachel eine boolean Wert in der Range 0 bis 1 darstellen.

                Aber iQontrol scheint mit die Werte "true" und "false" nicht als 1 und 0 zu verstehen.
                In einem anderen Fall habe ich mit mit einer Systemvariable beholfen, die ich immer auf 0 und 1 gestellt habe, wenn sich der Wert geändert hat.

                Aber ich hoffe dass es da eine elegantere Möglichkeit gibt.
                Ich vermute ich kann im ioBroker bei den Einstellungen der Objekte eine Value-Liste anlegen... aber so richtig verstehe ich den Mechanismus dort nicht.

                1 Reply Last reply Reply Quote 0
                • meute
                  meute @PeterSmarthome last edited by

                  @petersmarthome sagte in iQontrol Vis Support Thread:

                  Irgendwo muss es eine Einstellung geben, dass im inaktiven Zustand der Hintergrund der Kachel eine höhere Transparenz hat und blasser wirkt. Ich finde es aber nirgends.

                  Könnte es eine dieser beiden Einstellungen sein?

                  Screenshot_2025-03-25_16-20-26.jpg

                  P 1 Reply Last reply Reply Quote 0
                  • P
                    PeterSmarthome @meute last edited by

                    @meute Danke für die schelle Antwort. Nein, das hat leider nichts gebracht. In allen möglichen Varianten.

                    1 Reply Last reply Reply Quote 1
                    • A
                      alexanderbrix last edited by alexanderbrix

                      7fc9ca39-7b10-43ca-b462-64a99108b3d8-image.png
                      Hallo zusammen,
                      ich habe den "Energiefluss erweitert"-Adapter in meinem iQontrol als 16:9 Kachel eingebunden. Das ist die einzige Größe, bei der ich alles drauf kriege...
                      Ist es möglich, das gesamte in der Kachel zu zentrieren? Aktuell wird es linksbündig angezeigt.
                      Eingebunden ist es als Rolle: Popup - Background_URL...

                      1 Reply Last reply Reply Quote 0
                      • M
                        miwu last edited by

                        Hallo,

                        ich möchte gerne in einer Kachel unter INFO_A den Zeitstempel eines Zustandes aus IOBroker darstellen, der jedoch nicht der Zeitstempel des State der Kachel ist. Gibt es hierfür eine Möglichkeit? Bisher habe ich es nur geschafft, den Wert des Zustandes dort darzustellen.

                        Vielen Dank für Eure Hilfe

                        meute 1 Reply Last reply Reply Quote 0
                        • meute
                          meute @miwu last edited by

                          @miwu sagte in iQontrol Vis Support Thread:

                          ich möchte gerne in einer Kachel unter INFO_A den Zeitstempel eines Zustandes aus ioBroker darstellen

                          Wo steht der Zeitstempel des Zustandes?

                          M 1 Reply Last reply Reply Quote 0
                          • M
                            miwu @meute last edited by

                            @meute
                            Wenn ich im IOBroker im Objektbaum mit der Maus länger über dem Wert eines Objektes stehen bleibe erscheint ein dort Infofenster mit Details zu dem Wert, u.a. auch ein Zeitstempel, wann der Wert zum letzten Mal geändert worden ist. Diesen dort dargestellten Zeitstempel möchte ich gern als Info_A mit in der Kachel anzeigen lassen.Screenshot 2025-06-02 171418.png

                            meute 1 Reply Last reply Reply Quote 0
                            • meute
                              meute @miwu last edited by

                              @miwu sagte in iQontrol Vis Support Thread:

                              @meute
                              Wenn ich im IOBroker im Objektbaum mit der Maus länger über dem Wert eines Objektes stehen bleibe erscheint ein dort Infofenster mit Details zu dem Wert, u.a. auch ein Zeitstempel, wann der Wert zum letzten Mal geändert worden ist.

                              Hast Du damit schon herumgespielt?

                              Screenshot_2025-06-02_18-49-26.jpg

                              M 1 Reply Last reply Reply Quote 0
                              • M
                                miwu @meute last edited by

                                @meute
                                Ja, aber leider beziehen sich die Konfigurationsmöglichkeiten dort nur auf den Datenpunkt, der als State bei der Kachel konfiguriert ist. Dafür funktioniert das auch gut. Ich möchte jedoch in der Kachel vom State A einen Zeitstempel von einem anderen State anzeigen lassen.

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

                                Support us

                                ioBroker
                                Community Adapters
                                Donate

                                791
                                Online

                                31.7k
                                Users

                                79.7k
                                Topics

                                1.3m
                                Posts

                                android app vis how-to ios app iqontrol mobile ui vis
                                120
                                1485
                                462451
                                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