Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. [Tipp] In HTML-Widget States verarbeiten/anzeigen

    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

    [Tipp] In HTML-Widget States verarbeiten/anzeigen

    This topic has been deleted. Only users with topic management privileges can see it.
    • Mic
      Mic Developer last edited by

      Damit öffnet man sich auch andere schöne Spielereien, ohne zusätzlicher Datenpunkte.
      Z.B. Ausgabe eines Datums von einem State in "Heute, um 20:15 Uhr" anstatt "25.02.2020, um 20:15 Uhr" usw.
      Man kann also mittels JavaScript die State-Daten entsprechend verarbeiten und zur Anzeige bringen, gerade wenn es dafür noch keine Widgets gibt oder diese Optionen nicht bieten.

      G Glasfaser F 3 Replies Last reply Reply Quote 0
      • G
        GiuseppeS @Mic last edited by

        @Mic
        Hinweis:
        Apollon77 hatte in deinem verlinkten Thread folgendes gepostet:

        getState liefert den Wert des States. GetObject liefert das Objekt. Und bei getState ist es state.val (wenn state die Variable des response callbacks ist)

        Du benutzt in deinem Beispiel oben getStates und greifst im Nachgang auf das eigentliche Objekt des json mit [objID] zu. Dürfte einfacher sein, wenn getState genutzt wird. Habe es selbst nie getestet, da ich nie states auslese.

        Mic 1 Reply Last reply Reply Quote 0
        • Glasfaser
          Glasfaser @Mic last edited by Glasfaser

          @Mic

          Danke für die Idee .

          oder mit Emoji den Zustand anzeigen ...

          1.JPG

          2.JPG

          Script is <span id="logScriptUpdateCheck"></span>
          <script>
          // Siehe https://forum.iobroker.net/topic/29851/socket-io-state-lesen-und-setzen/
          let objID = '0_userdata.0.Log-Scriptalpha.All.lastTimeUpdated';
          servConn.getStates(objID, (error, states) => {
          let stateValue = states[objID].val;
          let result;
          if( (parseInt(stateValue)+30000) > Date.now() ) {
          result = '<span >✅</span>'
          } else {
          result = '<span >❌</span>'
          }
          document.getElementById('logScriptUpdateCheck').innerHTML = result;
          });
          </script>
          
          

          1 Reply Last reply Reply Quote 0
          • Mic
            Mic Developer @GiuseppeS last edited by

            @GiuseppeS sagte in [Tipp] In HTML-Widget States verarbeiten/anzeigen:

            @Mic
            Hinweis:
            Apollon77 hatte in deinem verlinkten Thread folgendes gepostet:

            getState liefert den Wert des States. GetObject liefert das Objekt. Und bei getState ist es state.val (wenn state die Variable des response callbacks ist)

            Du benutzt in deinem Beispiel oben getStates und greifst im Nachgang auf das eigentliche Objekt des json mit [objID] zu. Dürfte einfacher sein, wenn getState genutzt wird. Habe es selbst nie getestet, da ich nie states auslese.

            Danke für den Hinweis. Ich hatte kurz getState() getestet, aber hatte nicht funktioniert bei mir, daher blieb ich bei getObject.

            @Glasfaser sagte in [Tipp] In HTML-Widget States verarbeiten/anzeigen:

            oder mit Emoji den Zustand anzeigen ...

            Auch schön.

            G 1 Reply Last reply Reply Quote 0
            • G
              GiuseppeS @Mic last edited by

              @Mic
              Vielleicht würde es so auch funktionieren...

              servConn.getStates(objID, (error, states) => {
                      let stateValue = states[objID].val;
              
              // evtl so funktioniert es auch
              
              servConn.getState(objID, (error, state) => {
                      let stateValue = state.val;
              
              Mic 1 Reply Last reply Reply Quote 0
              • Mic
                Mic Developer @GiuseppeS last edited by

                @GiuseppeS sagte in [Tipp] In HTML-Widget States verarbeiten/anzeigen:

                @Mic
                Vielleicht würde es so auch funktionieren...

                Geht leider nicht, Widget bleibt dann komplett leer.

                Glasfaser 1 Reply Last reply Reply Quote 0
                • Glasfaser
                  Glasfaser @Mic last edited by

                  @Mic

                  Wollte nur mal erwähnen , habe mir letztens ein Wolf gesucht !

                  Hat ein Nachteil , sperrt die Funktion "View export" im Vis Editor .

                  Mic 1 Reply Last reply Reply Quote 0
                  • Mic
                    Mic Developer @Glasfaser last edited by

                    @Glasfaser sagte in [Tipp] In HTML-Widget States verarbeiten/anzeigen:

                    Wollte nur mal erwähnen , habe mir letztens ein Wolf gesucht !

                    So gings mir auch 😀

                    Hat ein Nachteil , sperrt die Funktion "View export" im Vis Editor .

                    Grad getestet, das ist bei mir leider auch so. Du hast ja hier auch gepostet, wo ein Widget-JS die Export-Funktion sperrt: https://forum.iobroker.net/post/433242
                    Vielleicht machst du am besten im VIS-Adapter ein Issue auf? Danke.

                    Glasfaser 1 Reply Last reply Reply Quote 0
                    • Glasfaser
                      Glasfaser @Mic last edited by

                      @Mic

                      Ist mir letztens aufgefallen , da ich mein View auf Logparser komplett umgestellt habe .

                      ( Ja ... ich habe es jetzt komplett umgestellt 😉 )

                      1 Reply Last reply Reply Quote 1
                      • F
                        Förster @Mic last edited by

                        @Mic
                        Hallo Mic, könntest du erläutern, wie das mit dem Umwandeln in "heute, um 20:15 Uhr" funktioniert ?

                        Ich weiß, es passt nicht ganz zum eigentlichen Thema ... aber genau diese Funktion suche ich schon länger, habe aber bisher nichts dazu gefunden 😞

                        Mic 1 Reply Last reply Reply Quote 0
                        • Mic
                          Mic Developer @Förster last edited by

                          @Förster sagte in [Tipp] In HTML-Widget States verarbeiten/anzeigen:

                          Ich weiß, es passt nicht ganz zum eigentlichen Thema ... aber genau diese Funktion suche ich schon länger, habe aber bisher nichts dazu gefunden

                          Passt nun wirklich gar nicht hier rein 😉 Daher nur kurze Antwort: Umsetzung kannst du dir im Adapter-Code ansehen:
                          https://github.com/Mic-M/ioBroker.logparser/blob/master/lib/mic-functions.js#L104
                          Zu weiteren Fragen machst du am besten separaten Thread auf mit genauer Beschreibung, Use Case, usw.

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

                          Support us

                          ioBroker
                          Community Adapters
                          Donate

                          413
                          Online

                          31.9k
                          Users

                          80.1k
                          Topics

                          1.3m
                          Posts

                          socket io vis
                          5
                          14
                          3185
                          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