Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • 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

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. Material Design Widgets: IconList Widget

NEWS

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

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

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

Material Design Widgets: IconList Widget

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vis
134 Beiträge 26 Kommentatoren 21.5k Aufrufe 29 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • D Offline
    D Offline
    dos1973
    schrieb am zuletzt editiert von
    #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 Antwort Letzte Antwort
    0
    • AxelF1977A Offline
      AxelF1977A Offline
      AxelF1977
      schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
      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
        schrieb am zuletzt editiert von
        #44

        @AxelF1977
        Bei Hintergrundfarbe transparent eingeben

        <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

        <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

        AxelF1977A 1 Antwort Letzte Antwort
        0
        • ScroungerS Scrounger

          @AxelF1977
          Bei Hintergrundfarbe transparent eingeben

          AxelF1977A Offline
          AxelF1977A Offline
          AxelF1977
          schrieb am zuletzt editiert von
          #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 Antwort Letzte Antwort
          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
            schrieb am zuletzt editiert von
            #46

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

            AxelF1977A 1 Antwort Letzte Antwort
            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
              schrieb am zuletzt editiert von
              #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 Antwort Letzte Antwort
              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
                schrieb am zuletzt editiert von
                #48

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

                <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

                <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

                AxelF1977A 1 Antwort Letzte Antwort
                0
                • ScroungerS Scrounger

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

                  AxelF1977A Offline
                  AxelF1977A Offline
                  AxelF1977
                  schrieb am zuletzt editiert von
                  #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 Antwort Letzte Antwort
                  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
                    schrieb am zuletzt editiert von
                    #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 Antworten Letzte Antwort
                    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
                      schrieb am zuletzt editiert von
                      #51

                      @tobasium
                      Welches Skript?

                      <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

                      <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

                      tobasiumT 1 Antwort Letzte Antwort
                      0
                      • ScroungerS Scrounger

                        @tobasium
                        Welches Skript?

                        tobasiumT Offline
                        tobasiumT Offline
                        tobasium
                        schrieb am zuletzt editiert von
                        #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 Antwort Letzte Antwort
                        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
                          schrieb am zuletzt editiert von
                          #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 Antwort Letzte Antwort
                          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
                            schrieb am zuletzt editiert von 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?

                            <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

                            <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

                            M 1 Antwort Letzte Antwort
                            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
                              schrieb am zuletzt editiert von
                              #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 Antwort Letzte Antwort
                              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
                                schrieb am zuletzt editiert von
                                #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.

                                <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

                                <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

                                M 1 Antwort Letzte Antwort
                                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
                                  schrieb am zuletzt editiert von
                                  #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 Antwort Letzte Antwort
                                  0
                                  • M micklafisch

                                    @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 Offline
                                    ScroungerS Offline
                                    Scrounger
                                    Developer
                                    schrieb am zuletzt editiert von
                                    #58

                                    @micklafisch
                                    Poste bitte dein komplettes Skript. Laut Error Meldung gibt es den Datenpunkt nicht.

                                    <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

                                    <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

                                    M 1 Antwort Letzte Antwort
                                    0
                                    • ScroungerS Scrounger

                                      @micklafisch
                                      Poste bitte dein komplettes Skript. Laut Error Meldung gibt es den Datenpunkt nicht.

                                      M Offline
                                      M Offline
                                      micklafisch
                                      schrieb am zuletzt editiert von
                                      #59

                                      @Scrounger

                                      hier das von dir übernommene Skript:

                                      // 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()
                                      
                                      

                                      Hier das Skript welches durch den Adapter erzeugt wurde:

                                      var myDevices = {};
                                      myDevices.getId = function() {return "linkeddevices.0"};
                                      
                                      myDevices.info = {};
                                      myDevices.info.getId = function() {return "linkeddevices.0.info"};
                                      myDevices.info.linkedObjects = {};
                                      myDevices.info.linkedObjects.getId = function () { let obj = getObject("linkeddevices.0.info.linkedObjects"); if (obj && obj.common && obj.common.custom && obj.common.custom["linkeddevices.0"] && obj.common.custom["linkeddevices.0"].isLinked === false) console.warn("object 'linkeddevices.0.info.linkedObjects' is not linked anymore!"); return "linkeddevices.0.info.linkedObjects"; };
                                      myDevices.info.linkedObjects.getState = function () { let obj = getObject("linkeddevices.0.info.linkedObjects"); if (obj && obj.common && obj.common.custom && obj.common.custom["linkeddevices.0"] && obj.common.custom["linkeddevices.0"].isLinked === false) console.warn("object 'linkeddevices.0.info.linkedObjects' is not linked anymore!"); return getState("linkeddevices.0.info.linkedObjects"); };
                                      myDevices.info.linkedObjects.setState = function (val, ack=false) { let obj = getObject("linkeddevices.0.info.linkedObjects"); if (obj && obj.common && obj.common.custom && obj.common.custom["linkeddevices.0"] && obj.common.custom["linkeddevices.0"].isLinked === false) console.warn("object 'linkeddevices.0.info.linkedObjects' is not linked anymore!"); setState("linkeddevices.0.info.linkedObjects", val, ack); };
                                      myDevices.info.linkedObjects.setStateDelayed = function (val, delay, ack=false) { let obj = getObject("linkeddevices.0.info.linkedObjects"); if (obj && obj.common && obj.common.custom && obj.common.custom["linkeddevices.0"] && obj.common.custom["linkeddevices.0"].isLinked === false) console.warn("object 'linkeddevices.0.info.linkedObjects' is not linked anymore!"); setStateDelayed("linkeddevices.0.info.linkedObjects", val, ack, delay); };
                                      myDevices.info.linkedObjects.getObject = function () { let obj = getObject("linkeddevices.0.info.linkedObjects"); if (obj && obj.common && obj.common.custom && obj.common.custom["linkeddevices.0"] && obj.common.custom["linkeddevices.0"].isLinked === false) console.warn("object 'linkeddevices.0.info.linkedObjects' is not linked anymore!"); return getObject("linkeddevices.0.info.linkedObjects"); };
                                      
                                      myDevices.info.notlinkedObjects = {};
                                      myDevices.info.notlinkedObjects.getId = function () { let obj = getObject("linkeddevices.0.info.notlinkedObjects"); if (obj && obj.common && obj.common.custom && obj.common.custom["linkeddevices.0"] && obj.common.custom["linkeddevices.0"].isLinked === false) console.warn("object 'linkeddevices.0.info.notlinkedObjects' is not linked anymore!"); return "linkeddevices.0.info.notlinkedObjects"; };
                                      myDevices.info.notlinkedObjects.getState = function () { let obj = getObject("linkeddevices.0.info.notlinkedObjects"); if (obj && obj.common && obj.common.custom && obj.common.custom["linkeddevices.0"] && obj.common.custom["linkeddevices.0"].isLinked === false) console.warn("object 'linkeddevices.0.info.notlinkedObjects' is not linked anymore!"); return getState("linkeddevices.0.info.notlinkedObjects"); };
                                      myDevices.info.notlinkedObjects.setState = function (val, ack=false) { let obj = getObject("linkeddevices.0.info.notlinkedObjects"); if (obj && obj.common && obj.common.custom && obj.common.custom["linkeddevices.0"] && obj.common.custom["linkeddevices.0"].isLinked === false) console.warn("object 'linkeddevices.0.info.notlinkedObjects' is not linked anymore!"); setState("linkeddevices.0.info.notlinkedObjects", val, ack); };
                                      myDevices.info.notlinkedObjects.setStateDelayed = function (val, delay, ack=false) { let obj = getObject("linkeddevices.0.info.notlinkedObjects"); if (obj && obj.common && obj.common.custom && obj.common.custom["linkeddevices.0"] && obj.common.custom["linkeddevices.0"].isLinked === false) console.warn("object 'linkeddevices.0.info.notlinkedObjects' is not linked anymore!"); setStateDelayed("linkeddevices.0.info.notlinkedObjects", val, ack, delay); };
                                      myDevices.info.notlinkedObjects.getObject = function () { let obj = getObject("linkeddevices.0.info.notlinkedObjects"); if (obj && obj.common && obj.common.custom && obj.common.custom["linkeddevices.0"] && obj.common.custom["linkeddevices.0"].isLinked === false) console.warn("object 'linkeddevices.0.info.notlinkedObjects' is not linked anymore!"); return getObject("linkeddevices.0.info.notlinkedObjects"); };
                                      
                                      myDevices.Licht = {};
                                      myDevices.Licht.getId = function() {return "linkeddevices.0.Licht"};
                                      myDevices.Licht.Elro1 = {};
                                      myDevices.Licht.Elro1.getId = function() {return "linkeddevices.0.Licht.Elro1"};
                                      myDevices.Licht.Elro1.An = {};
                                      myDevices.Licht.Elro1.An.getId = function () { let obj = getObject("linkeddevices.0.Licht.Elro1.An"); if (obj && obj.common && obj.common.custom && obj.common.custom["linkeddevices.0"] && obj.common.custom["linkeddevices.0"].isLinked === false) console.warn("object 'linkeddevices.0.Licht.Elro1.An' is not linked anymore!"); return "linkeddevices.0.Licht.Elro1.An"; };
                                      myDevices.Licht.Elro1.An.getState = function () { let obj = getObject("linkeddevices.0.Licht.Elro1.An"); if (obj && obj.common && obj.common.custom && obj.common.custom["linkeddevices.0"] && obj.common.custom["linkeddevices.0"].isLinked === false) console.warn("object 'linkeddevices.0.Licht.Elro1.An' is not linked anymore!"); return getState("linkeddevices.0.Licht.Elro1.An"); };
                                      myDevices.Licht.Elro1.An.setState = function (val, ack=false) { let obj = getObject("linkeddevices.0.Licht.Elro1.An"); if (obj && obj.common && obj.common.custom && obj.common.custom["linkeddevices.0"] && obj.common.custom["linkeddevices.0"].isLinked === false) console.warn("object 'linkeddevices.0.Licht.Elro1.An' is not linked anymore!"); setState("linkeddevices.0.Licht.Elro1.An", val, ack); };
                                      myDevices.Licht.Elro1.An.setStateDelayed = function (val, delay, ack=false) { let obj = getObject("linkeddevices.0.Licht.Elro1.An"); if (obj && obj.common && obj.common.custom && obj.common.custom["linkeddevices.0"] && obj.common.custom["linkeddevices.0"].isLinked === false) console.warn("object 'linkeddevices.0.Licht.Elro1.An' is not linked anymore!"); setStateDelayed("linkeddevices.0.Licht.Elro1.An", val, ack, delay); };
                                      myDevices.Licht.Elro1.An.getObject = function () { let obj = getObject("linkeddevices.0.Licht.Elro1.An"); if (obj && obj.common && obj.common.custom && obj.common.custom["linkeddevices.0"] && obj.common.custom["linkeddevices.0"].isLinked === false) console.warn("object 'linkeddevices.0.Licht.Elro1.An' is not linked anymore!"); return getObject("linkeddevices.0.Licht.Elro1.An"); };
                                      
                                      myDevices.Licht.Kue = {};
                                      myDevices.Licht.Kue.getId = function() {return "linkeddevices.0.Licht.Kue"};
                                      myDevices.Licht.Kue.Dimmer = {};
                                      myDevices.Licht.Kue.Dimmer.getId = function () { let obj = getObject("linkeddevices.0.Licht.Kue.Dimmer"); if (obj && obj.common && obj.common.custom && obj.common.custom["linkeddevices.0"] && obj.common.custom["linkeddevices.0"].isLinked === false) console.warn("object 'linkeddevices.0.Licht.Kue.Dimmer' is not linked anymore!"); return "linkeddevices.0.Licht.Kue.Dimmer"; };
                                      myDevices.Licht.Kue.Dimmer.getState = function () { let obj = getObject("linkeddevices.0.Licht.Kue.Dimmer"); if (obj && obj.common && obj.common.custom && obj.common.custom["linkeddevices.0"] && obj.common.custom["linkeddevices.0"].isLinked === false) console.warn("object 'linkeddevices.0.Licht.Kue.Dimmer' is not linked anymore!"); return getState("linkeddevices.0.Licht.Kue.Dimmer"); };
                                      myDevices.Licht.Kue.Dimmer.setState = function (val, ack=false) { let obj = getObject("linkeddevices.0.Licht.Kue.Dimmer"); if (obj && obj.common && obj.common.custom && obj.common.custom["linkeddevices.0"] && obj.common.custom["linkeddevices.0"].isLinked === false) console.warn("object 'linkeddevices.0.Licht.Kue.Dimmer' is not linked anymore!"); setState("linkeddevices.0.Licht.Kue.Dimmer", val, ack); };
                                      myDevices.Licht.Kue.Dimmer.setStateDelayed = function (val, delay, ack=false) { let obj = getObject("linkeddevices.0.Licht.Kue.Dimmer"); if (obj && obj.common && obj.common.custom && obj.common.custom["linkeddevices.0"] && obj.common.custom["linkeddevices.0"].isLinked === false) console.warn("object 'linkeddevices.0.Licht.Kue.Dimmer' is not linked anymore!"); setStateDelayed("linkeddevices.0.Licht.Kue.Dimmer", val, ack, delay); };
                                      myDevices.Licht.Kue.Dimmer.getObject = function () { let obj = getObject("linkeddevices.0.Licht.Kue.Dimmer"); if (obj && obj.common && obj.common.custom && obj.common.custom["linkeddevices.0"] && obj.common.custom["linkeddevices.0"].isLinked === false) console.warn("object 'linkeddevices.0.Licht.Kue.Dimmer' is not linked anymore!"); return getObject("linkeddevices.0.Licht.Kue.Dimmer"); };
                                      
                                      myDevices.Licht.Pumpe = {};
                                      myDevices.Licht.Pumpe.getId = function() {return "linkeddevices.0.Licht.Pumpe"};
                                      myDevices.Licht.Pumpe.An = {};
                                      myDevices.Licht.Pumpe.An.getId = function () { let obj = getObject("linkeddevices.0.Licht.Pumpe.An"); if (obj && obj.common && obj.common.custom && obj.common.custom["linkeddevices.0"] && obj.common.custom["linkeddevices.0"].isLinked === false) console.warn("object 'linkeddevices.0.Licht.Pumpe.An' is not linked anymore!"); return "linkeddevices.0.Licht.Pumpe.An"; };
                                      myDevices.Licht.Pumpe.An.getState = function () { let obj = getObject("linkeddevices.0.Licht.Pumpe.An"); if (obj && obj.common && obj.common.custom && obj.common.custom["linkeddevices.0"] && obj.common.custom["linkeddevices.0"].isLinked === false) console.warn("object 'linkeddevices.0.Licht.Pumpe.An' is not linked anymore!"); return getState("linkeddevices.0.Licht.Pumpe.An"); };
                                      myDevices.Licht.Pumpe.An.setState = function (val, ack=false) { let obj = getObject("linkeddevices.0.Licht.Pumpe.An"); if (obj && obj.common && obj.common.custom && obj.common.custom["linkeddevices.0"] && obj.common.custom["linkeddevices.0"].isLinked === false) console.warn("object 'linkeddevices.0.Licht.Pumpe.An' is not linked anymore!"); setState("linkeddevices.0.Licht.Pumpe.An", val, ack); };
                                      myDevices.Licht.Pumpe.An.setStateDelayed = function (val, delay, ack=false) { let obj = getObject("linkeddevices.0.Licht.Pumpe.An"); if (obj && obj.common && obj.common.custom && obj.common.custom["linkeddevices.0"] && obj.common.custom["linkeddevices.0"].isLinked === false) console.warn("object 'linkeddevices.0.Licht.Pumpe.An' is not linked anymore!"); setStateDelayed("linkeddevices.0.Licht.Pumpe.An", val, ack, delay); };
                                      myDevices.Licht.Pumpe.An.getObject = function () { let obj = getObject("linkeddevices.0.Licht.Pumpe.An"); if (obj && obj.common && obj.common.custom && obj.common.custom["linkeddevices.0"] && obj.common.custom["linkeddevices.0"].isLinked === false) console.warn("object 'linkeddevices.0.Licht.Pumpe.An' is not linked anymore!"); return getObject("linkeddevices.0.Licht.Pumpe.An"); };
                                      
                                      
                                      

                                      So sieht ein Objekt aus welches ich verklinkt habe:

                                      hc_2340.jpg

                                      Und so der Linkeddevices Adapter:

                                      hc_2341.jpg

                                      ScroungerS 1 Antwort Letzte Antwort
                                      0
                                      • M micklafisch

                                        @Scrounger

                                        hier das von dir übernommene Skript:

                                        // 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()
                                        
                                        

                                        Hier das Skript welches durch den Adapter erzeugt wurde:

                                        var myDevices = {};
                                        myDevices.getId = function() {return "linkeddevices.0"};
                                        
                                        myDevices.info = {};
                                        myDevices.info.getId = function() {return "linkeddevices.0.info"};
                                        myDevices.info.linkedObjects = {};
                                        myDevices.info.linkedObjects.getId = function () { let obj = getObject("linkeddevices.0.info.linkedObjects"); if (obj && obj.common && obj.common.custom && obj.common.custom["linkeddevices.0"] && obj.common.custom["linkeddevices.0"].isLinked === false) console.warn("object 'linkeddevices.0.info.linkedObjects' is not linked anymore!"); return "linkeddevices.0.info.linkedObjects"; };
                                        myDevices.info.linkedObjects.getState = function () { let obj = getObject("linkeddevices.0.info.linkedObjects"); if (obj && obj.common && obj.common.custom && obj.common.custom["linkeddevices.0"] && obj.common.custom["linkeddevices.0"].isLinked === false) console.warn("object 'linkeddevices.0.info.linkedObjects' is not linked anymore!"); return getState("linkeddevices.0.info.linkedObjects"); };
                                        myDevices.info.linkedObjects.setState = function (val, ack=false) { let obj = getObject("linkeddevices.0.info.linkedObjects"); if (obj && obj.common && obj.common.custom && obj.common.custom["linkeddevices.0"] && obj.common.custom["linkeddevices.0"].isLinked === false) console.warn("object 'linkeddevices.0.info.linkedObjects' is not linked anymore!"); setState("linkeddevices.0.info.linkedObjects", val, ack); };
                                        myDevices.info.linkedObjects.setStateDelayed = function (val, delay, ack=false) { let obj = getObject("linkeddevices.0.info.linkedObjects"); if (obj && obj.common && obj.common.custom && obj.common.custom["linkeddevices.0"] && obj.common.custom["linkeddevices.0"].isLinked === false) console.warn("object 'linkeddevices.0.info.linkedObjects' is not linked anymore!"); setStateDelayed("linkeddevices.0.info.linkedObjects", val, ack, delay); };
                                        myDevices.info.linkedObjects.getObject = function () { let obj = getObject("linkeddevices.0.info.linkedObjects"); if (obj && obj.common && obj.common.custom && obj.common.custom["linkeddevices.0"] && obj.common.custom["linkeddevices.0"].isLinked === false) console.warn("object 'linkeddevices.0.info.linkedObjects' is not linked anymore!"); return getObject("linkeddevices.0.info.linkedObjects"); };
                                        
                                        myDevices.info.notlinkedObjects = {};
                                        myDevices.info.notlinkedObjects.getId = function () { let obj = getObject("linkeddevices.0.info.notlinkedObjects"); if (obj && obj.common && obj.common.custom && obj.common.custom["linkeddevices.0"] && obj.common.custom["linkeddevices.0"].isLinked === false) console.warn("object 'linkeddevices.0.info.notlinkedObjects' is not linked anymore!"); return "linkeddevices.0.info.notlinkedObjects"; };
                                        myDevices.info.notlinkedObjects.getState = function () { let obj = getObject("linkeddevices.0.info.notlinkedObjects"); if (obj && obj.common && obj.common.custom && obj.common.custom["linkeddevices.0"] && obj.common.custom["linkeddevices.0"].isLinked === false) console.warn("object 'linkeddevices.0.info.notlinkedObjects' is not linked anymore!"); return getState("linkeddevices.0.info.notlinkedObjects"); };
                                        myDevices.info.notlinkedObjects.setState = function (val, ack=false) { let obj = getObject("linkeddevices.0.info.notlinkedObjects"); if (obj && obj.common && obj.common.custom && obj.common.custom["linkeddevices.0"] && obj.common.custom["linkeddevices.0"].isLinked === false) console.warn("object 'linkeddevices.0.info.notlinkedObjects' is not linked anymore!"); setState("linkeddevices.0.info.notlinkedObjects", val, ack); };
                                        myDevices.info.notlinkedObjects.setStateDelayed = function (val, delay, ack=false) { let obj = getObject("linkeddevices.0.info.notlinkedObjects"); if (obj && obj.common && obj.common.custom && obj.common.custom["linkeddevices.0"] && obj.common.custom["linkeddevices.0"].isLinked === false) console.warn("object 'linkeddevices.0.info.notlinkedObjects' is not linked anymore!"); setStateDelayed("linkeddevices.0.info.notlinkedObjects", val, ack, delay); };
                                        myDevices.info.notlinkedObjects.getObject = function () { let obj = getObject("linkeddevices.0.info.notlinkedObjects"); if (obj && obj.common && obj.common.custom && obj.common.custom["linkeddevices.0"] && obj.common.custom["linkeddevices.0"].isLinked === false) console.warn("object 'linkeddevices.0.info.notlinkedObjects' is not linked anymore!"); return getObject("linkeddevices.0.info.notlinkedObjects"); };
                                        
                                        myDevices.Licht = {};
                                        myDevices.Licht.getId = function() {return "linkeddevices.0.Licht"};
                                        myDevices.Licht.Elro1 = {};
                                        myDevices.Licht.Elro1.getId = function() {return "linkeddevices.0.Licht.Elro1"};
                                        myDevices.Licht.Elro1.An = {};
                                        myDevices.Licht.Elro1.An.getId = function () { let obj = getObject("linkeddevices.0.Licht.Elro1.An"); if (obj && obj.common && obj.common.custom && obj.common.custom["linkeddevices.0"] && obj.common.custom["linkeddevices.0"].isLinked === false) console.warn("object 'linkeddevices.0.Licht.Elro1.An' is not linked anymore!"); return "linkeddevices.0.Licht.Elro1.An"; };
                                        myDevices.Licht.Elro1.An.getState = function () { let obj = getObject("linkeddevices.0.Licht.Elro1.An"); if (obj && obj.common && obj.common.custom && obj.common.custom["linkeddevices.0"] && obj.common.custom["linkeddevices.0"].isLinked === false) console.warn("object 'linkeddevices.0.Licht.Elro1.An' is not linked anymore!"); return getState("linkeddevices.0.Licht.Elro1.An"); };
                                        myDevices.Licht.Elro1.An.setState = function (val, ack=false) { let obj = getObject("linkeddevices.0.Licht.Elro1.An"); if (obj && obj.common && obj.common.custom && obj.common.custom["linkeddevices.0"] && obj.common.custom["linkeddevices.0"].isLinked === false) console.warn("object 'linkeddevices.0.Licht.Elro1.An' is not linked anymore!"); setState("linkeddevices.0.Licht.Elro1.An", val, ack); };
                                        myDevices.Licht.Elro1.An.setStateDelayed = function (val, delay, ack=false) { let obj = getObject("linkeddevices.0.Licht.Elro1.An"); if (obj && obj.common && obj.common.custom && obj.common.custom["linkeddevices.0"] && obj.common.custom["linkeddevices.0"].isLinked === false) console.warn("object 'linkeddevices.0.Licht.Elro1.An' is not linked anymore!"); setStateDelayed("linkeddevices.0.Licht.Elro1.An", val, ack, delay); };
                                        myDevices.Licht.Elro1.An.getObject = function () { let obj = getObject("linkeddevices.0.Licht.Elro1.An"); if (obj && obj.common && obj.common.custom && obj.common.custom["linkeddevices.0"] && obj.common.custom["linkeddevices.0"].isLinked === false) console.warn("object 'linkeddevices.0.Licht.Elro1.An' is not linked anymore!"); return getObject("linkeddevices.0.Licht.Elro1.An"); };
                                        
                                        myDevices.Licht.Kue = {};
                                        myDevices.Licht.Kue.getId = function() {return "linkeddevices.0.Licht.Kue"};
                                        myDevices.Licht.Kue.Dimmer = {};
                                        myDevices.Licht.Kue.Dimmer.getId = function () { let obj = getObject("linkeddevices.0.Licht.Kue.Dimmer"); if (obj && obj.common && obj.common.custom && obj.common.custom["linkeddevices.0"] && obj.common.custom["linkeddevices.0"].isLinked === false) console.warn("object 'linkeddevices.0.Licht.Kue.Dimmer' is not linked anymore!"); return "linkeddevices.0.Licht.Kue.Dimmer"; };
                                        myDevices.Licht.Kue.Dimmer.getState = function () { let obj = getObject("linkeddevices.0.Licht.Kue.Dimmer"); if (obj && obj.common && obj.common.custom && obj.common.custom["linkeddevices.0"] && obj.common.custom["linkeddevices.0"].isLinked === false) console.warn("object 'linkeddevices.0.Licht.Kue.Dimmer' is not linked anymore!"); return getState("linkeddevices.0.Licht.Kue.Dimmer"); };
                                        myDevices.Licht.Kue.Dimmer.setState = function (val, ack=false) { let obj = getObject("linkeddevices.0.Licht.Kue.Dimmer"); if (obj && obj.common && obj.common.custom && obj.common.custom["linkeddevices.0"] && obj.common.custom["linkeddevices.0"].isLinked === false) console.warn("object 'linkeddevices.0.Licht.Kue.Dimmer' is not linked anymore!"); setState("linkeddevices.0.Licht.Kue.Dimmer", val, ack); };
                                        myDevices.Licht.Kue.Dimmer.setStateDelayed = function (val, delay, ack=false) { let obj = getObject("linkeddevices.0.Licht.Kue.Dimmer"); if (obj && obj.common && obj.common.custom && obj.common.custom["linkeddevices.0"] && obj.common.custom["linkeddevices.0"].isLinked === false) console.warn("object 'linkeddevices.0.Licht.Kue.Dimmer' is not linked anymore!"); setStateDelayed("linkeddevices.0.Licht.Kue.Dimmer", val, ack, delay); };
                                        myDevices.Licht.Kue.Dimmer.getObject = function () { let obj = getObject("linkeddevices.0.Licht.Kue.Dimmer"); if (obj && obj.common && obj.common.custom && obj.common.custom["linkeddevices.0"] && obj.common.custom["linkeddevices.0"].isLinked === false) console.warn("object 'linkeddevices.0.Licht.Kue.Dimmer' is not linked anymore!"); return getObject("linkeddevices.0.Licht.Kue.Dimmer"); };
                                        
                                        myDevices.Licht.Pumpe = {};
                                        myDevices.Licht.Pumpe.getId = function() {return "linkeddevices.0.Licht.Pumpe"};
                                        myDevices.Licht.Pumpe.An = {};
                                        myDevices.Licht.Pumpe.An.getId = function () { let obj = getObject("linkeddevices.0.Licht.Pumpe.An"); if (obj && obj.common && obj.common.custom && obj.common.custom["linkeddevices.0"] && obj.common.custom["linkeddevices.0"].isLinked === false) console.warn("object 'linkeddevices.0.Licht.Pumpe.An' is not linked anymore!"); return "linkeddevices.0.Licht.Pumpe.An"; };
                                        myDevices.Licht.Pumpe.An.getState = function () { let obj = getObject("linkeddevices.0.Licht.Pumpe.An"); if (obj && obj.common && obj.common.custom && obj.common.custom["linkeddevices.0"] && obj.common.custom["linkeddevices.0"].isLinked === false) console.warn("object 'linkeddevices.0.Licht.Pumpe.An' is not linked anymore!"); return getState("linkeddevices.0.Licht.Pumpe.An"); };
                                        myDevices.Licht.Pumpe.An.setState = function (val, ack=false) { let obj = getObject("linkeddevices.0.Licht.Pumpe.An"); if (obj && obj.common && obj.common.custom && obj.common.custom["linkeddevices.0"] && obj.common.custom["linkeddevices.0"].isLinked === false) console.warn("object 'linkeddevices.0.Licht.Pumpe.An' is not linked anymore!"); setState("linkeddevices.0.Licht.Pumpe.An", val, ack); };
                                        myDevices.Licht.Pumpe.An.setStateDelayed = function (val, delay, ack=false) { let obj = getObject("linkeddevices.0.Licht.Pumpe.An"); if (obj && obj.common && obj.common.custom && obj.common.custom["linkeddevices.0"] && obj.common.custom["linkeddevices.0"].isLinked === false) console.warn("object 'linkeddevices.0.Licht.Pumpe.An' is not linked anymore!"); setStateDelayed("linkeddevices.0.Licht.Pumpe.An", val, ack, delay); };
                                        myDevices.Licht.Pumpe.An.getObject = function () { let obj = getObject("linkeddevices.0.Licht.Pumpe.An"); if (obj && obj.common && obj.common.custom && obj.common.custom["linkeddevices.0"] && obj.common.custom["linkeddevices.0"].isLinked === false) console.warn("object 'linkeddevices.0.Licht.Pumpe.An' is not linked anymore!"); return getObject("linkeddevices.0.Licht.Pumpe.An"); };
                                        
                                        
                                        

                                        So sieht ein Objekt aus welches ich verklinkt habe:

                                        hc_2340.jpg

                                        Und so der Linkeddevices Adapter:

                                        hc_2341.jpg

                                        ScroungerS Offline
                                        ScroungerS Offline
                                        Scrounger
                                        Developer
                                        schrieb am zuletzt editiert von Scrounger
                                        #60

                                        @micklafisch sagte in Material Design Widgets: IconList Widget:

                                        z.B. Zeile 89 hab ich noch ein paar andere Sachen drin:

                                        let anyLightsOnState = myDevices.Licht.LichterAn.getState();
                                        

                                        das z.B. ein boolean der auf true gesetzt wird wenn mind. ein Licht an ist.
                                        Wenn du diese Datenpunkte nicht hast, musst diese natürlich entfernen.

                                        Was mich allerdings wundert ist, das die Fehlermeldung

                                        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)
                                        

                                        auf Zeile 167 verweist, mein Skript aber nur 132 Zeilen hat. Deshalb geh ich davon aus, das du das Skript verändert hast, richtig?

                                        <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

                                        <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

                                        M 1 Antwort Letzte Antwort
                                        0
                                        • ScroungerS Scrounger

                                          @micklafisch sagte in Material Design Widgets: IconList Widget:

                                          z.B. Zeile 89 hab ich noch ein paar andere Sachen drin:

                                          let anyLightsOnState = myDevices.Licht.LichterAn.getState();
                                          

                                          das z.B. ein boolean der auf true gesetzt wird wenn mind. ein Licht an ist.
                                          Wenn du diese Datenpunkte nicht hast, musst diese natürlich entfernen.

                                          Was mich allerdings wundert ist, das die Fehlermeldung

                                          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)
                                          

                                          auf Zeile 167 verweist, mein Skript aber nur 132 Zeilen hat. Deshalb geh ich davon aus, das du das Skript verändert hast, richtig?

                                          M Offline
                                          M Offline
                                          micklafisch
                                          schrieb am zuletzt editiert von
                                          #61

                                          @Scrounger
                                          nein, dein Skript ist unverändert kopiert worden (ich hab es extra oben im Spoiler aus meiner Skriptumgebung wieder in das Forum reinkopiert).

                                          Ich habe jetzt die Zeile 89 bis 92 auskommentiert, jetzt kommt folgendes:

                                          javascript.0	2020-06-26 09:08:10.613	error	at tryCatcher (/opt/iobroker/node_modules/standard-as-callback/built/utils.js:11:23)
                                          javascript.0	2020-06-26 09:08:10.613	error	at client.get (/opt/iobroker/node_modules/iobroker.js-controller/lib/states/statesInRedis.js:608:17)
                                          javascript.0	2020-06-26 09:08:10.613	error	at adapter.getForeignState (/opt/iobroker/node_modules/iobroker.javascript/main.js:1112:17)
                                          javascript.0	2020-06-26 09:08:10.613	error	at createProblemObject (/opt/iobroker/node_modules/iobroker.javascript/main.js:1521:17)
                                          javascript.0	2020-06-26 09:08:10.613	error	at prepareScript (/opt/iobroker/node_modules/iobroker.javascript/main.js:1469:38)
                                          javascript.0	2020-06-26 09:08:10.613	error	at execute (/opt/iobroker/node_modules/iobroker.javascript/main.js:1285:27)
                                          javascript.0	2020-06-26 09:08:10.613	error	at Script.runInNewContext (vm.js:139:17)
                                          javascript.0	2020-06-26 09:08:10.613	error	at Script.runInContext (vm.js:133:20)
                                          javascript.0	2020-06-26 09:08:10.613	error	at script.js.common.test_LichteranView:210:1
                                          javascript.0	2020-06-26 09:08:10.613	error	at lichterAnCheck (script.js.common.test_LichteranView:174:29)
                                          javascript.0	2020-06-26 09:08:10.613	error	(17560) script.js.common.test_LichteranView: [lichterAnCheck] stack: TypeError: result.replaceAt is not a function
                                          javascript.0	2020-06-26 09:08:10.612	error	(17560) script.js.common.test_LichteranView: [lichterAnCheck] error: result.replaceAt is not a function
                                          javascript.0	2020-06-26 09:08:10.578	info	(17560) Start javascript script.js.common.test_LichteranView
                                          

                                          Mein Skript hat 133 Zeilen, wobei die letzte leer ist:

                                          skript.png

                                          ScroungerS 1 Antwort Letzte Antwort
                                          0
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          746

                                          Online

                                          32.4k

                                          Benutzer

                                          81.4k

                                          Themen

                                          1.3m

                                          Beiträge
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Anmelden

                                          • Du hast noch kein Konto? Registrieren

                                          • Anmelden oder registrieren, um zu suchen
                                          • Erster Beitrag
                                            Letzter Beitrag
                                          0
                                          • Home
                                          • Aktuell
                                          • Tags
                                          • Ungelesen 0
                                          • Kategorien
                                          • Unreplied
                                          • Beliebt
                                          • GitHub
                                          • Docu
                                          • Hilfe