Skip to content
  • Home
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Skripten / Logik
  4. JavaScript
  5. [gelöst] Werte aus einer JSON-Datei

NEWS

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.9k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    2.3k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    16
    1
    3.4k

[gelöst] Werte aus einer JSON-Datei

Scheduled Pinned Locked Moved JavaScript
27 Posts 2 Posters 2.1k Views 2 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • OliverIOO OliverIO

    @marcio

    du kannst die css anweisungen über das style attribut an jedem (ok fast an jedem) tag hinschreiben. wenn du mein beispiel gesehen hast hab ich das ja auch gemacht.
    gut ich habe die schriftfarbe genommen und du willst die hintergrundfarbe bestimmen. also musst du einfach aus color nur noch background-color machen

      <tr style="color:<%= item.color%>">
    

    für bessere infos zu html und css empfehle ich
    https://wiki.selfhtml.org/wiki/HTML
    https://wiki.selfhtml.org/wiki/CSS

    13353327-ef91-4f50-8100-4c866bd1cb8d-image.png

    M Offline
    M Offline
    MarcIO
    wrote on last edited by
    #21

    @oliverio

    es hieß ja aber, dass die Attribute auch nur in der Schleife zugewiesen werden können. Da bleibt ja nichts anderes als die "tr"

    OliverIOO 1 Reply Last reply
    0
    • M MarcIO

      @oliverio

      es hieß ja aber, dass die Attribute auch nur in der Schleife zugewiesen werden können. Da bleibt ja nichts anderes als die "tr"

      OliverIOO Offline
      OliverIOO Offline
      OliverIO
      wrote on last edited by
      #22

      @marcio

      nö, du könntest auch nur auf einer einzelnen tabellenzelle etwas zuweisen

      Meine Adapter und Widgets
      TVProgram, SqueezeboxRPC, OpenLiga, RSSFeed, MyTime,, pi-hole2, vis-json-template, skiinfo, vis-mapwidgets, vis-2-widgets-rssfeed
      Links im Profil

      M 1 Reply Last reply
      0
      • OliverIOO OliverIO

        @marcio

        nö, du könntest auch nur auf einer einzelnen tabellenzelle etwas zuweisen

        M Offline
        M Offline
        MarcIO
        wrote on last edited by
        #23

        @oliverio

        Sollt ich davon ausgehen, dass der Hintergrund von dem kompletten Widget nicht abhängig von dem Zustand gemacht werden kann?

        1 Reply Last reply
        0
        • OliverIOO Offline
          OliverIOO Offline
          OliverIO
          wrote on last edited by OliverIO
          #24

          @marcio

          Nein, aber du musst dir eine Regel überlegen wie verschiedene teilzustände zu einem aggregiert werden sollen. Bisher haben wir nur für jeden teilzustand die Farbe berechnet und angezeigt

          Welche Farbe soll der Hintergrund haben wenn für die Daten 2xgelb und 2xrot enthalten sind?

          Meine Adapter und Widgets
          TVProgram, SqueezeboxRPC, OpenLiga, RSSFeed, MyTime,, pi-hole2, vis-json-template, skiinfo, vis-mapwidgets, vis-2-widgets-rssfeed
          Links im Profil

          M 1 Reply Last reply
          0
          • OliverIOO OliverIO

            @marcio

            Nein, aber du musst dir eine Regel überlegen wie verschiedene teilzustände zu einem aggregiert werden sollen. Bisher haben wir nur für jeden teilzustand die Farbe berechnet und angezeigt

            Welche Farbe soll der Hintergrund haben wenn für die Daten 2xgelb und 2xrot enthalten sind?

            M Offline
            M Offline
            MarcIO
            wrote on last edited by
            #25

            @oliverio

            Es sollte theoretisch nur eine Wartung geben können, da ich es nach Gerät gefiltert habe. Doch sollten mal es zwei sein, dann eben die erste bzw. nächste Wartung

            1 Reply Last reply
            0
            • M Offline
              M Offline
              MarcIO
              wrote on last edited by
              #26

              Ok also mit viel Geduld hat es am Ende doch geklappt, mit dem Motto weniger ist eben manchmal mehr.

              <% 
              debugger;
              let newList = data
                  .filter(el => el && el.machine_id)
                  .map(el => {
                      return {
                          ...el, 
                          color: parseInt(el.differenz_in_tagen) <= 0 ? "red" : parseInt(el.differenz_in_tagen) <= 3 ? "yellow" : "green"
                      };
                  }).filter(item => item.machine_id === "Auto");
                  
              
              let widgetColor = newList.length > 0 ? newList[0].color : 'grey'; 
              %>
              
              <div style="width: 100%; height: 100%; border-radius:32px; background-color:<%= widgetColor %>;">
              </div>
              
              

              Ich habe es auch komplett frei von Inhalt gelassen, dadurch habe ich so gesehen eine "Wartungsampel" in Form von LED-Anzeige. Finde ich persönlich übersichtlicher.

              @OliverIO Ich danke dir nochmals sehr für die Unterstützung, ohne dich würde es nicht so leicht gehen :)

              OliverIOO 1 Reply Last reply
              0
              • M MarcIO

                Ok also mit viel Geduld hat es am Ende doch geklappt, mit dem Motto weniger ist eben manchmal mehr.

                <% 
                debugger;
                let newList = data
                    .filter(el => el && el.machine_id)
                    .map(el => {
                        return {
                            ...el, 
                            color: parseInt(el.differenz_in_tagen) <= 0 ? "red" : parseInt(el.differenz_in_tagen) <= 3 ? "yellow" : "green"
                        };
                    }).filter(item => item.machine_id === "Auto");
                    
                
                let widgetColor = newList.length > 0 ? newList[0].color : 'grey'; 
                %>
                
                <div style="width: 100%; height: 100%; border-radius:32px; background-color:<%= widgetColor %>;">
                </div>
                
                

                Ich habe es auch komplett frei von Inhalt gelassen, dadurch habe ich so gesehen eine "Wartungsampel" in Form von LED-Anzeige. Finde ich persönlich übersichtlicher.

                @OliverIO Ich danke dir nochmals sehr für die Unterstützung, ohne dich würde es nicht so leicht gehen :)

                OliverIOO Offline
                OliverIOO Offline
                OliverIO
                wrote on last edited by
                #27

                @marcio

                ok, dann passt es

                Meine Adapter und Widgets
                TVProgram, SqueezeboxRPC, OpenLiga, RSSFeed, MyTime,, pi-hole2, vis-json-template, skiinfo, vis-mapwidgets, vis-2-widgets-rssfeed
                Links im Profil

                1 Reply Last reply
                0
                Reply
                • Reply as topic
                Log in to reply
                • Oldest to Newest
                • Newest to Oldest
                • Most Votes


                Support us

                ioBroker
                Community Adapters
                Donate

                494

                Online

                32.5k

                Users

                81.6k

                Topics

                1.3m

                Posts
                Community
                Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                ioBroker Community 2014-2025
                logo
                • Login

                • Don't have an account? Register

                • Login or register to search.
                • First post
                  Last post
                0
                • Home
                • Recent
                • Tags
                • Unread 0
                • Categories
                • Unreplied
                • Popular
                • GitHub
                • Docu
                • Hilfe