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. Visualisierung
  4. Material Design Widgets: IconList Widget

NEWS

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    16
    1
    1.6k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    860

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.1k

Material Design Widgets: IconList Widget

Scheduled Pinned Locked Moved Visualisierung
vis
134 Posts 26 Posters 23.2k Views 29 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.
  • M michihorn

    Hallöchen lieber Scounger, ich habe mal etwas mit den Widget experimentiert. Inbesondere die Icon List.
    Ich möchte gerne Markissen fahren die einen State 0 oder 100 erwarten.
    Unbenannt4.JPG
    In der markierten Zeile sollte 0 oder 100 stehen, je nach aktuellen Status. Wie könnte ich in der Zeile zwischen 0 und 100 hin und her switchen?

    Unbenannt.JPG
    hier betrifft es die Markissen
    Gruß
    Michael

    Edit: Verschoben, da Frage Widget Einstellung betrifft

    D Offline
    D Offline
    dos1973
    wrote on last edited by Scrounger
    #38

    @michihorn

    Versuch mal mit einem Button „Toggle“
    Du hast State.

    Edit: Verschoben, da Frage Widget Einstellung betrifft

    M 1 Reply Last reply
    0
    • D dos1973

      @michihorn

      Versuch mal mit einem Button „Toggle“
      Du hast State.

      Edit: Verschoben, da Frage Widget Einstellung betrifft

      M Offline
      M Offline
      michihorn
      wrote on last edited by Scrounger
      #39

      @dos1973 Ich habe beides Probiert, leider ohne Erfolg

      Edit: Verschoben, da Frage Widget Einstellung betrifft

      1 Reply Last reply
      0
      • M michihorn

        Hallöchen lieber Scounger, ich habe mal etwas mit den Widget experimentiert. Inbesondere die Icon List.
        Ich möchte gerne Markissen fahren die einen State 0 oder 100 erwarten.
        Unbenannt4.JPG
        In der markierten Zeile sollte 0 oder 100 stehen, je nach aktuellen Status. Wie könnte ich in der Zeile zwischen 0 und 100 hin und her switchen?

        Unbenannt.JPG
        hier betrifft es die Markissen
        Gruß
        Michael

        Edit: Verschoben, da Frage Widget Einstellung betrifft

        ScroungerS Offline
        ScroungerS Offline
        Scrounger
        Developer
        wrote on last edited by
        #40

        @michihorn sagte in Test Adapter Material Design Widgets v0.3.x:

        In der markierten Zeile sollte 0 oder 100 stehen, je nach aktuellen Status. Wie könnte ich in der Zeile zwischen 0 und 100 hin und her switchen?

        Musst Button Toggle Wert nehmen und dann die beiden werte entsprechend eintragen:

        79fece18-f429-404d-814b-c4ec98ad5090-grafik.png

        1fafc8a6-488e-4718-8aa7-05388a8e270a-grafik.png

        M 1 Reply Last reply
        0
        • ScroungerS Scrounger

          @BobBruni

          Hier mein Skript dazu, wo ich genau die obere view realisiert habe. Evtl. hilft dir das weiter.

          // Prüfen ob irgendwelche Lichter in der Wohnung an sind ****************************************************************************************************
          let lichterSelector = `[id=${myDevices.Licht.getId()}.*.An]`;
          let alleLichter = $(lichterSelector);
          
          // Fehlermeldung ausgeben, wenn selector kein result liefert
          if (alleLichter.length === 0) {
              console.error(`no result for selector '${lichterSelector}'`)
          }
          
          let dimmerSelector = `[id=${myDevices.Licht.getId()}.*.Dimmer]`;
          let alleDimmer = $(dimmerSelector);
          
          // Fehlermeldung ausgeben, wenn selector kein result liefert
          if (alleDimmer.length === 0) {
              console.error(`no result for selector '${dimmerSelector}'`)
          }
          
          // Trigger
          alleLichter.on(lichterAnCheck);
          alleDimmer.on(lichterAnCheck);
          
          function lichterAnCheck() {
              try {
                  let lichterAnListe = [];
                  let lichterAnIdListe = [];
                  let anyLightsOn = false;
          
                  let lichterAnVisIconList = [];
                  let subTextStyle = 'style="height: 26px; margin-top: 4px; margin-bottom: 4px;"'
          
                  // alle Lichter durchlaufen und prüfen
                  for (var i = 0; i <= alleLichter.length - 1; i++) {
                      let lichtId = alleLichter[i];
                      let lichtIdSplitted = lichtId.split(".");
          
                      if (getState(lichtId).val === true) {
                          let lichtName = (`${lichtIdSplitted[lichtIdSplitted.length - 3]} ${lichtIdSplitted[lichtIdSplitted.length - 2]}`)
                              .replace("Licht", "").replace("ue", "ü").replace("Main", "").trim();
          
                          lichterAnListe.push(lichtName);
                          lichterAnIdListe.push(lichtId);
                          anyLightsOn = true;
          
                          lichterAnVisIconList.push(
                              {
                                  text: '<div style="height: 4px;"></div>',
                                  subText: `<div ${subTextStyle}>${lichtName.replace(' ', '<br>')}</div>`,
                                  objectId: lichtId,
                                  listType: 'buttonToggle',
                                  image: '/vis.0/myImages/light_bulb_off.png',
                                  imageActive: '/vis.0/myImages/light_bulb_on.png',
                                  showValueLabel: false,
                              }
                          )
                      }
                  }
          
          
                  // alle Dimmer durchlaufen und prüfen
                  for (var i = 0; i <= alleDimmer.length - 1; i++) {
                      let dimmerId = alleDimmer[i];
                      let dimmerIdSplitted = dimmerId.split(".");
          
                      if (getState(dimmerId).val > 0) {
                          let dimmerName = (`${dimmerIdSplitted[dimmerIdSplitted.length - 3]} ${dimmerIdSplitted[dimmerIdSplitted.length - 2]}`)
                              .replace("Licht", "").replace("ue", "ü").replace("Main", "").trim();
          
                          lichterAnListe.push(dimmerName);
                          lichterAnIdListe.push(dimmerId);
                          anyLightsOn = true;
          
                          lichterAnVisIconList.push(
                              {
                                  subText: `<div ${subTextStyle}>${dimmerName.replace(' ', '<br>')}</div>`,
                                  objectId: dimmerId,
                                  listType: 'buttonToggleValueFalse',
                                  image: '/vis.0/myImages/light_bulb_off.png',
                                  imageActive: '/vis.0/myImages/light_bulb_on.png',
                                  buttonToggleValueTrue: 50,
                                  buttonToggleValueFalse: 0,
                                  valueAppendix: " %",
                                  showValueLabel: false,
                              }
                          )
                      }
                  }
          
                  let anyLightsOnState = myDevices.Licht.LichterAn.getState();
                  if (anyLightsOnState.val != anyLightsOn) {
                      myDevices.Licht.LichterAn.setState(anyLightsOn, true);
                  }
          
                  if (lichterAnListe.length > 0) {
                      let result = lichterAnListe.sort().join(", ");
                      result = result.replaceAt(result.lastIndexOf(","), " und");
          
                      let anyLightsOnStringState = myDevices.Licht.LichterAnText.getState();
                      if (anyLightsOnStringState.val != result) {
                          log("folgende Lichter sind an: " + result);
                          myDevices.Licht.LichterAnText.setState(result, true);
                          myDevices.Licht.LichterAnId.setState(lichterAnIdListe.join(", "), true);
                      }
                  } else {
                      myDevices.Licht.LichterAnText.setState("", true);
                      myDevices.Licht.LichterAnId.setState("", true);
                  }
          
                  if (lichterAnVisIconList.length > 0) {
                      lichterAnVisIconList.unshift(
                          {
                              subText: `<div ${subTextStyle}>alle Lichter<br>ausschalten</div>`,
                              objectId: myDevices.Licht.AlleLichterAusschalten.getId(),
                              listType: 'buttonState',
                              buttonStateValue: true,
                              showValueLabel: false,
                              image: 'lightbulb-multiple-off',
                              lockEnabled: true
                          }
                      )
                  }
          
                  myDevices.Licht.Vis.iconListJson.setState(JSON.stringify(lichterAnVisIconList), true);
          
              } catch (err) {
                  console.error(`[lichterAnCheck] error: ${err.message}`);
                  console.error(`[lichterAnCheck] stack: ${err.stack}`);
              }
          };
          
          // Bei JS Start prüfen
          lichterAnCheck()
          
          B Offline
          B Offline
          BobBruni
          wrote on last edited by BobBruni
          #41

          @Scrounger said in Material Design Widgets: IconList Widget:

          @BobBruni

          Hier mein Skript dazu, wo ich genau die obere view realisiert habe. Evtl. hilft dir das weiter.

          Vielen Dank! Ich schau mal, ob ich damit klar komme...

          Ein fertiges Widget, dieser Art, ist nicht zufällig geplant? :stuck_out_tongue_winking_eye:

          1 Reply Last reply
          0
          • D Offline
            D Offline
            dos1973
            wrote on last edited by
            #42

            Hi,

            ich würde mich auch gerne via Blockly und dynamischen icon List versuchen wollen.

            so würde ich es gerne haben wollen, Aber an den json versuchen scheitere ich.

            Könnte mir jemand ein Beispiel json erstellen, was so aussieht.
            der Text kommt aus einen DP. die grünen Haken sind auch in Abhängigkeit zu einem DP (state), und das ganz soll eine Navigation sein.

            width:280px
            high: 120px

            Bildschirmfoto 2020-05-08 um 21.35.47.png

            Danke schön für die Mühe und Hilfe

            1 Reply Last reply
            0
            • AxelF1977A Offline
              AxelF1977A Offline
              AxelF1977
              wrote on last edited by AxelF1977
              #43

              @Scrounger ich arbeite bei meinen VIEWS mit Transparenz. Kann das mit eingefügt werden? Ich hätte die einzelnen Kacheln gerne mit transparenz

              240f79b8-75e0-4294-b292-9ce005f2bfa8-image.png

              Gibt es da einen Trick oder kann ich das in einer neuen Version eingefügt werden, unter dem Feld der Hintergrundfarbe z.B.?

              Es gibt zwar eine entsprechende CSS Klasse, die kann ich aber nicht auf die einzelnen Kacheln anwenden. Oder habe ich im Script was übersehen?

              .mdui-vis4-bg { background-color: rgba(38, 50, 56, .7) !important; }
              

              ASROCK Deskmini Intel I3 8100 16GB mit Proxmox VM ioBroker VM DIYHue| CCU piVCCU + FHEM auf Raspberry | Maria DB mit Grafana und Prometheus auf Tinker Board

              ScroungerS 1 Reply Last reply
              0
              • AxelF1977A AxelF1977

                @Scrounger ich arbeite bei meinen VIEWS mit Transparenz. Kann das mit eingefügt werden? Ich hätte die einzelnen Kacheln gerne mit transparenz

                240f79b8-75e0-4294-b292-9ce005f2bfa8-image.png

                Gibt es da einen Trick oder kann ich das in einer neuen Version eingefügt werden, unter dem Feld der Hintergrundfarbe z.B.?

                Es gibt zwar eine entsprechende CSS Klasse, die kann ich aber nicht auf die einzelnen Kacheln anwenden. Oder habe ich im Script was übersehen?

                .mdui-vis4-bg { background-color: rgba(38, 50, 56, .7) !important; }
                
                ScroungerS Offline
                ScroungerS Offline
                Scrounger
                Developer
                wrote on last edited by
                #44

                @AxelF1977
                Bei Hintergrundfarbe transparent eingeben

                AxelF1977A 1 Reply Last reply
                0
                • ScroungerS Scrounger

                  @AxelF1977
                  Bei Hintergrundfarbe transparent eingeben

                  AxelF1977A Offline
                  AxelF1977A Offline
                  AxelF1977
                  wrote on last edited by
                  #45

                  @Scrounger sagte in Material Design Widgets: IconList Widget:

                  @AxelF1977
                  Bei Hintergrundfarbe transparent eingeben

                  Geht auch none. Aber dann ist da kein Hintergrund. Gebe ich #ffffff ein, ist er weiß pro Kachel. Dann soll das aber noch eine Transparenz haben. Ohne dass das auch auf die Schrift oder die Icon angewendet wird

                  ASROCK Deskmini Intel I3 8100 16GB mit Proxmox VM ioBroker VM DIYHue| CCU piVCCU + FHEM auf Raspberry | Maria DB mit Grafana und Prometheus auf Tinker Board

                  Chris TailorC 1 Reply Last reply
                  0
                  • AxelF1977A AxelF1977

                    @Scrounger sagte in Material Design Widgets: IconList Widget:

                    @AxelF1977
                    Bei Hintergrundfarbe transparent eingeben

                    Geht auch none. Aber dann ist da kein Hintergrund. Gebe ich #ffffff ein, ist er weiß pro Kachel. Dann soll das aber noch eine Transparenz haben. Ohne dass das auch auf die Schrift oder die Icon angewendet wird

                    Chris TailorC Offline
                    Chris TailorC Offline
                    Chris Tailor
                    wrote on last edited by
                    #46

                    @AxelF1977 du kannst auch noch den Alphakanal mit angeben, also z.B. #ffffff20, somit kannst du die Transparenz steuern.

                    AxelF1977A 1 Reply Last reply
                    1
                    • Chris TailorC Chris Tailor

                      @AxelF1977 du kannst auch noch den Alphakanal mit angeben, also z.B. #ffffff20, somit kannst du die Transparenz steuern.

                      AxelF1977A Offline
                      AxelF1977A Offline
                      AxelF1977
                      wrote on last edited by
                      #47

                      @Chris-Tailor sagte in Material Design Widgets: IconList Widget:

                      @AxelF1977 du kannst auch noch den Alphakanal mit angeben, also z.B. #ffffff20, somit kannst du die Transparenz steuern.

                      Sehr gut, danke. Habe es zwar schon probiert es so zu machen

                      #263238 0.6
                      #263238 .6
                      

                      Aber auf die Idee bin ich nicht gekommen. Kannte ich noch nicht. Es kann so einfach sein

                      Funktioniert

                      ASROCK Deskmini Intel I3 8100 16GB mit Proxmox VM ioBroker VM DIYHue| CCU piVCCU + FHEM auf Raspberry | Maria DB mit Grafana und Prometheus auf Tinker Board

                      ScroungerS 1 Reply Last reply
                      0
                      • AxelF1977A AxelF1977

                        @Chris-Tailor sagte in Material Design Widgets: IconList Widget:

                        @AxelF1977 du kannst auch noch den Alphakanal mit angeben, also z.B. #ffffff20, somit kannst du die Transparenz steuern.

                        Sehr gut, danke. Habe es zwar schon probiert es so zu machen

                        #263238 0.6
                        #263238 .6
                        

                        Aber auf die Idee bin ich nicht gekommen. Kannte ich noch nicht. Es kann so einfach sein

                        Funktioniert

                        ScroungerS Offline
                        ScroungerS Offline
                        Scrounger
                        Developer
                        wrote on last edited by
                        #48

                        @AxelF1977
                        Du kannst auch rgba verwenden:
                        https://www.w3schools.com/cssref/func_rgba.asp

                        AxelF1977A 1 Reply Last reply
                        0
                        • ScroungerS Scrounger

                          @AxelF1977
                          Du kannst auch rgba verwenden:
                          https://www.w3schools.com/cssref/func_rgba.asp

                          AxelF1977A Offline
                          AxelF1977A Offline
                          AxelF1977
                          wrote on last edited by
                          #49

                          @Scrounger sehr gut, Danke, so kann ich direkt den Schnippsel aus meinem CSS verwenden.

                          Klappt.

                          ASROCK Deskmini Intel I3 8100 16GB mit Proxmox VM ioBroker VM DIYHue| CCU piVCCU + FHEM auf Raspberry | Maria DB mit Grafana und Prometheus auf Tinker Board

                          1 Reply Last reply
                          0
                          • ScroungerS Scrounger

                            @BobBruni

                            Hier mein Skript dazu, wo ich genau die obere view realisiert habe. Evtl. hilft dir das weiter.

                            // Prüfen ob irgendwelche Lichter in der Wohnung an sind ****************************************************************************************************
                            let lichterSelector = `[id=${myDevices.Licht.getId()}.*.An]`;
                            let alleLichter = $(lichterSelector);
                            
                            // Fehlermeldung ausgeben, wenn selector kein result liefert
                            if (alleLichter.length === 0) {
                                console.error(`no result for selector '${lichterSelector}'`)
                            }
                            
                            let dimmerSelector = `[id=${myDevices.Licht.getId()}.*.Dimmer]`;
                            let alleDimmer = $(dimmerSelector);
                            
                            // Fehlermeldung ausgeben, wenn selector kein result liefert
                            if (alleDimmer.length === 0) {
                                console.error(`no result for selector '${dimmerSelector}'`)
                            }
                            
                            // Trigger
                            alleLichter.on(lichterAnCheck);
                            alleDimmer.on(lichterAnCheck);
                            
                            function lichterAnCheck() {
                                try {
                                    let lichterAnListe = [];
                                    let lichterAnIdListe = [];
                                    let anyLightsOn = false;
                            
                                    let lichterAnVisIconList = [];
                                    let subTextStyle = 'style="height: 26px; margin-top: 4px; margin-bottom: 4px;"'
                            
                                    // alle Lichter durchlaufen und prüfen
                                    for (var i = 0; i <= alleLichter.length - 1; i++) {
                                        let lichtId = alleLichter[i];
                                        let lichtIdSplitted = lichtId.split(".");
                            
                                        if (getState(lichtId).val === true) {
                                            let lichtName = (`${lichtIdSplitted[lichtIdSplitted.length - 3]} ${lichtIdSplitted[lichtIdSplitted.length - 2]}`)
                                                .replace("Licht", "").replace("ue", "ü").replace("Main", "").trim();
                            
                                            lichterAnListe.push(lichtName);
                                            lichterAnIdListe.push(lichtId);
                                            anyLightsOn = true;
                            
                                            lichterAnVisIconList.push(
                                                {
                                                    text: '<div style="height: 4px;"></div>',
                                                    subText: `<div ${subTextStyle}>${lichtName.replace(' ', '<br>')}</div>`,
                                                    objectId: lichtId,
                                                    listType: 'buttonToggle',
                                                    image: '/vis.0/myImages/light_bulb_off.png',
                                                    imageActive: '/vis.0/myImages/light_bulb_on.png',
                                                    showValueLabel: false,
                                                }
                                            )
                                        }
                                    }
                            
                            
                                    // alle Dimmer durchlaufen und prüfen
                                    for (var i = 0; i <= alleDimmer.length - 1; i++) {
                                        let dimmerId = alleDimmer[i];
                                        let dimmerIdSplitted = dimmerId.split(".");
                            
                                        if (getState(dimmerId).val > 0) {
                                            let dimmerName = (`${dimmerIdSplitted[dimmerIdSplitted.length - 3]} ${dimmerIdSplitted[dimmerIdSplitted.length - 2]}`)
                                                .replace("Licht", "").replace("ue", "ü").replace("Main", "").trim();
                            
                                            lichterAnListe.push(dimmerName);
                                            lichterAnIdListe.push(dimmerId);
                                            anyLightsOn = true;
                            
                                            lichterAnVisIconList.push(
                                                {
                                                    subText: `<div ${subTextStyle}>${dimmerName.replace(' ', '<br>')}</div>`,
                                                    objectId: dimmerId,
                                                    listType: 'buttonToggleValueFalse',
                                                    image: '/vis.0/myImages/light_bulb_off.png',
                                                    imageActive: '/vis.0/myImages/light_bulb_on.png',
                                                    buttonToggleValueTrue: 50,
                                                    buttonToggleValueFalse: 0,
                                                    valueAppendix: " %",
                                                    showValueLabel: false,
                                                }
                                            )
                                        }
                                    }
                            
                                    let anyLightsOnState = myDevices.Licht.LichterAn.getState();
                                    if (anyLightsOnState.val != anyLightsOn) {
                                        myDevices.Licht.LichterAn.setState(anyLightsOn, true);
                                    }
                            
                                    if (lichterAnListe.length > 0) {
                                        let result = lichterAnListe.sort().join(", ");
                                        result = result.replaceAt(result.lastIndexOf(","), " und");
                            
                                        let anyLightsOnStringState = myDevices.Licht.LichterAnText.getState();
                                        if (anyLightsOnStringState.val != result) {
                                            log("folgende Lichter sind an: " + result);
                                            myDevices.Licht.LichterAnText.setState(result, true);
                                            myDevices.Licht.LichterAnId.setState(lichterAnIdListe.join(", "), true);
                                        }
                                    } else {
                                        myDevices.Licht.LichterAnText.setState("", true);
                                        myDevices.Licht.LichterAnId.setState("", true);
                                    }
                            
                                    if (lichterAnVisIconList.length > 0) {
                                        lichterAnVisIconList.unshift(
                                            {
                                                subText: `<div ${subTextStyle}>alle Lichter<br>ausschalten</div>`,
                                                objectId: myDevices.Licht.AlleLichterAusschalten.getId(),
                                                listType: 'buttonState',
                                                buttonStateValue: true,
                                                showValueLabel: false,
                                                image: 'lightbulb-multiple-off',
                                                lockEnabled: true
                                            }
                                        )
                                    }
                            
                                    myDevices.Licht.Vis.iconListJson.setState(JSON.stringify(lichterAnVisIconList), true);
                            
                                } catch (err) {
                                    console.error(`[lichterAnCheck] error: ${err.message}`);
                                    console.error(`[lichterAnCheck] stack: ${err.stack}`);
                                }
                            };
                            
                            // Bei JS Start prüfen
                            lichterAnCheck()
                            
                            tobasiumT Offline
                            tobasiumT Offline
                            tobasium
                            wrote on last edited by
                            #50

                            @Scrounger Kannst du erklären wie man das Script genau nutzt stehe etwas auf dem Schlauch. Sehe auch keine Datenpunkte. Verstehe noch nicht wo ich hier genau ansetze. Wo muss das skript genau eingefügt werden.
                            Eingabemethode für Listendaten habe ich aktuell über den Editor realisiert.
                            Vielen Dank vorab.

                            ScroungerS 2 Replies Last reply
                            0
                            • tobasiumT tobasium

                              @Scrounger Kannst du erklären wie man das Script genau nutzt stehe etwas auf dem Schlauch. Sehe auch keine Datenpunkte. Verstehe noch nicht wo ich hier genau ansetze. Wo muss das skript genau eingefügt werden.
                              Eingabemethode für Listendaten habe ich aktuell über den Editor realisiert.
                              Vielen Dank vorab.

                              ScroungerS Offline
                              ScroungerS Offline
                              Scrounger
                              Developer
                              wrote on last edited by
                              #51

                              @tobasium
                              Welches Skript?

                              tobasiumT 1 Reply Last reply
                              0
                              • ScroungerS Scrounger

                                @tobasium
                                Welches Skript?

                                tobasiumT Offline
                                tobasiumT Offline
                                tobasium
                                wrote on last edited by
                                #52

                                @Scrounger said in Material Design Widgets: IconList Widget:

                                @tobasium
                                Welches Skript?

                                @Scrounger Sorry das in Beitrag 33 (hab den Satz wohl irgendwie verloren) ich würde gerne nur die Lichter anzeigen die an sind komme aber irgendwie nicht weiter steig nicht durch.

                                M 1 Reply Last reply
                                0
                                • tobasiumT tobasium

                                  @Scrounger said in Material Design Widgets: IconList Widget:

                                  @tobasium
                                  Welches Skript?

                                  @Scrounger Sorry das in Beitrag 33 (hab den Satz wohl irgendwie verloren) ich würde gerne nur die Lichter anzeigen die an sind komme aber irgendwie nicht weiter steig nicht durch.

                                  M Offline
                                  M Offline
                                  micklafisch
                                  wrote on last edited by
                                  #53

                                  @tobasium
                                  das geht mir leider genau so. Ich habe schon eine Aufzählung erstellt und die Lichter bzw. schaltbaren Steckdosen reingepackt, aber damit komme ich nicht klar. @Scrounger wäre es vermessen nach ein paar Screenshots zu fragen?

                                  1 Reply Last reply
                                  0
                                  • tobasiumT tobasium

                                    @Scrounger Kannst du erklären wie man das Script genau nutzt stehe etwas auf dem Schlauch. Sehe auch keine Datenpunkte. Verstehe noch nicht wo ich hier genau ansetze. Wo muss das skript genau eingefügt werden.
                                    Eingabemethode für Listendaten habe ich aktuell über den Editor realisiert.
                                    Vielen Dank vorab.

                                    ScroungerS Offline
                                    ScroungerS Offline
                                    Scrounger
                                    Developer
                                    wrote on last edited by Scrounger
                                    #54

                                    @tobasium sagte in Material Design Widgets: IconList Widget:

                                    @Scrounger Kannst du erklären wie man das Script genau nutzt stehe etwas auf dem Schlauch. Sehe auch keine Datenpunkte. Verstehe noch nicht wo ich hier genau ansetze.

                                    Ich verwende in dem skript den linkeddevices adapter, z.B. in Zeile 122

                                    myDevices.Licht.Vis.iconListJson.setState(JSON.stringify(lichterAnVisIconList), true);
                                    

                                    ist ein setState befehl unter Verwendung des linkeddevices Adapter (siehe Skript mit Variablen aller verlinkten Objekte erzeugen). Wenn man den nicht verwendet muss das dann z.B. so aussehen:

                                    setState("meinDatenpunkt",JSON.stringify(lichterAnVisIconList), true)
                                    

                                    @micklafisch sagte in Material Design Widgets: IconList Widget:

                                    @Scrounger wäre es vermessen nach ein paar Screenshots zu fragen?

                                    Welche Screenshots bzw. von was die Screenshots?

                                    M 1 Reply Last reply
                                    1
                                    • ScroungerS Scrounger

                                      @tobasium sagte in Material Design Widgets: IconList Widget:

                                      @Scrounger Kannst du erklären wie man das Script genau nutzt stehe etwas auf dem Schlauch. Sehe auch keine Datenpunkte. Verstehe noch nicht wo ich hier genau ansetze.

                                      Ich verwende in dem skript den linkeddevices adapter, z.B. in Zeile 122

                                      myDevices.Licht.Vis.iconListJson.setState(JSON.stringify(lichterAnVisIconList), true);
                                      

                                      ist ein setState befehl unter Verwendung des linkeddevices Adapter (siehe Skript mit Variablen aller verlinkten Objekte erzeugen). Wenn man den nicht verwendet muss das dann z.B. so aussehen:

                                      setState("meinDatenpunkt",JSON.stringify(lichterAnVisIconList), true)
                                      

                                      @micklafisch sagte in Material Design Widgets: IconList Widget:

                                      @Scrounger wäre es vermessen nach ein paar Screenshots zu fragen?

                                      Welche Screenshots bzw. von was die Screenshots?

                                      M Offline
                                      M Offline
                                      micklafisch
                                      wrote on last edited by
                                      #55

                                      @Scrounger

                                      ich taste mich immer weiter heran, aber aktuell fällt das Script aus Beitrag 33 auf die Nase, da angeblich "no result":

                                      20:04:13.654	error	javascript.0 (5410) script.js.common.test_LichteranView: no result for selector '[id=linkeddevices.0.Licht.*.An]'
                                      20:04:13.657	error	javascript.0 (5410) script.js.common.test_LichteranView: no result for selector '[id=linkeddevices.0.Licht.*.Dimmer]'
                                      20:04:13.658	error	javascript.0 (5410) script.js.common.test_LichteranView: [lichterAnCheck] error: Cannot read property 'getState' of undefined
                                      20:04:13.659	error	javascript.0 (5410) script.js.common.test_LichteranView: [lichterAnCheck] stack: TypeError: Cannot read property 'getState' of undefined at lichterAnCheck (script.js.common.test_LichteranView:153:58) at script.js.common.test_LichteranView:196:1 at Script.runInContext (vm.js:133:20) at Script.runInNewContext (vm.js:139:17) at execute (/opt/iobroker/node_modules/iobroker.javascript/main.js:1285:27) at prepareScript (/opt/iobroker/node_modules/iobroker.javascript/main.js:1469:38) at createProblemObject (/opt/iobroker/node_modules/iobroker.javascript/main.js:1521:17) at adapter.getForeignState (/opt/iobroker/node_modules/iobroker.javascript/main.js:1112:17) at client.get (/opt/iobroker/node_modules/iobroker.js-controller/lib/states/statesInRedis.js:608:17) at tryCatcher (/opt/iobroker/node_modules/standard-as-callback/built/utils.js:11:23)
                                      

                                      Ich habe aber unter linkeddevices in der Objektansicht entsprechende Einträge:

                                      linkeddevices.png

                                      So sehr ich mich auf bemühe, ich steige nicht hinter die Logik des Aufbaus bzw. verstehe diese nicht :confounded:

                                      Wie würde ich dann das ganze im IconList Widget hinterlegen? Ein JSON wird ja (so sehe ich das zumindest) nicht erzeugt.

                                      ScroungerS 1 Reply Last reply
                                      0
                                      • M micklafisch

                                        @Scrounger

                                        ich taste mich immer weiter heran, aber aktuell fällt das Script aus Beitrag 33 auf die Nase, da angeblich "no result":

                                        20:04:13.654	error	javascript.0 (5410) script.js.common.test_LichteranView: no result for selector '[id=linkeddevices.0.Licht.*.An]'
                                        20:04:13.657	error	javascript.0 (5410) script.js.common.test_LichteranView: no result for selector '[id=linkeddevices.0.Licht.*.Dimmer]'
                                        20:04:13.658	error	javascript.0 (5410) script.js.common.test_LichteranView: [lichterAnCheck] error: Cannot read property 'getState' of undefined
                                        20:04:13.659	error	javascript.0 (5410) script.js.common.test_LichteranView: [lichterAnCheck] stack: TypeError: Cannot read property 'getState' of undefined at lichterAnCheck (script.js.common.test_LichteranView:153:58) at script.js.common.test_LichteranView:196:1 at Script.runInContext (vm.js:133:20) at Script.runInNewContext (vm.js:139:17) at execute (/opt/iobroker/node_modules/iobroker.javascript/main.js:1285:27) at prepareScript (/opt/iobroker/node_modules/iobroker.javascript/main.js:1469:38) at createProblemObject (/opt/iobroker/node_modules/iobroker.javascript/main.js:1521:17) at adapter.getForeignState (/opt/iobroker/node_modules/iobroker.javascript/main.js:1112:17) at client.get (/opt/iobroker/node_modules/iobroker.js-controller/lib/states/statesInRedis.js:608:17) at tryCatcher (/opt/iobroker/node_modules/standard-as-callback/built/utils.js:11:23)
                                        

                                        Ich habe aber unter linkeddevices in der Objektansicht entsprechende Einträge:

                                        linkeddevices.png

                                        So sehr ich mich auf bemühe, ich steige nicht hinter die Logik des Aufbaus bzw. verstehe diese nicht :confounded:

                                        Wie würde ich dann das ganze im IconList Widget hinterlegen? Ein JSON wird ja (so sehe ich das zumindest) nicht erzeugt.

                                        ScroungerS Offline
                                        ScroungerS Offline
                                        Scrounger
                                        Developer
                                        wrote on last edited by
                                        #56

                                        @micklafisch

                                        Deine Struktur ist nicht so das der selector etwas finden kann. Anbei wie meine Struktur aussieht und der selector funktioniert.

                                        1b76da83-a606-4e35-82a9-a825c7efafad-grafik.png

                                        Und wenn du linkeddevices benutzt musst du jedes mal wenn du etwas an der IDs der verlinkten Objekte änderst auch das skript neu erzeugen lassen.

                                        M 1 Reply Last reply
                                        0
                                        • ScroungerS Scrounger

                                          @micklafisch

                                          Deine Struktur ist nicht so das der selector etwas finden kann. Anbei wie meine Struktur aussieht und der selector funktioniert.

                                          1b76da83-a606-4e35-82a9-a825c7efafad-grafik.png

                                          Und wenn du linkeddevices benutzt musst du jedes mal wenn du etwas an der IDs der verlinkten Objekte änderst auch das skript neu erzeugen lassen.

                                          M Offline
                                          M Offline
                                          micklafisch
                                          wrote on last edited by
                                          #57

                                          @Scrounger
                                          Ok, das konnte ich soweit nachbauen und habe das Skript neu erzeugen lassen.

                                          hc_2336.jpg

                                          Jetzt erscheint beim Scriptstart allerdings weiterhin ein Fehler:

                                          09:42:14.628	info	javascript.0 (17560) Start javascript script.js.common.test_LichteranView
                                          09:42:14.645	error	javascript.0 (17560) script.js.common.test_LichteranView: [lichterAnCheck] error: Cannot read property 'getState' of undefined
                                          09:42:14.646	error	javascript.0 (17560) script.js.common.test_LichteranView: [lichterAnCheck] stack: TypeError: Cannot read property 'getState' of undefined at lichterAnCheck (script.js.common.test_LichteranView:167:58) at script.js.common.test_LichteranView:210:1 at Script.runInContext (vm.js:133:20) at Script.runInNewContext (vm.js:139:17) at execute (/opt/iobroker/node_modules/iobroker.javascript/main.js:1285:27) at prepareScript (/opt/iobroker/node_modules/iobroker.javascript/main.js:1469:38) at createProblemObject (/opt/iobroker/node_modules/iobroker.javascript/main.js:1521:17) at adapter.getForeignState (/opt/iobroker/node_modules/iobroker.javascript/main.js:1112:17) at client.get (/opt/iobroker/node_modules/iobroker.js-controller/lib/states/statesInRedis.js:608:17) at tryCatcher (/opt/iobroker/node_modules/standard-as-callback/built/utils.js:11:23)
                                          09:42:14.646	info	javascript.0 (17560) script.js.common.test_LichteranView: registered 3 subscriptions and 0 schedules
                                          
                                          ScroungerS 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

                                          819

                                          Online

                                          32.6k

                                          Users

                                          82.1k

                                          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