Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Praktische Anwendungen (Showcase)
    4. Material Design Widgets: Adapter Status

    NEWS

    • Monatsrückblick - April 2025

    • Minor js-controller 7.0.7 Update in latest repo

    • Save The Date: ioBroker@Smart Living Forum Solingen, 14.06.

    Material Design Widgets: Adapter Status

    This topic has been deleted. Only users with topic management privileges can see it.
    • D
      darkiop Most Active last edited by

      Klasse Idee! Direkt eingebaut 🙂

      Aufgefallen ist mir, das nicht alle Adapter sauber ausgelesen werden (hier im Beispiel Spotiy, beim mihome-vacuum ist das ebenfalls so):

      4b299967-7811-4a56-8508-f98db04e36ae-grafik.png

      Des weiteren, vielleicht noch eine Idee für eine Erweiterung:

      Das json für eine Tabelle oder normale Liste aufbereiten - ist bei vielen Adaptern Übersichtler.

      I sigi234 Scrounger 3 Replies Last reply Reply Quote 0
      • I
        intruder7 @darkiop last edited by

        @darkiop
        die werden richtig ausgelesen. Nur der Adaptername ist zu lang.
        spiele mal mit den Schriftgrößen rum
        a3c67400-94c1-4026-9497-65383476a2e0-image.png

        1 Reply Last reply Reply Quote 0
        • sigi234
          sigi234 Forum Testing Most Active @darkiop last edited by sigi234

          @darkiop sagte in Material Design Widgets: Adapter Status:

          Das json für eine Tabelle oder normale Liste aufbereiten - ist bei vielen Adaptern Übersichtler.

          Gibt es ja.Beispiel:

          Screenshot (1872).png

          D 2 Replies Last reply Reply Quote 0
          • D
            darkiop Most Active @sigi234 last edited by

            @sigi234 sagte in Material Design Widgets: Adapter Status:

            Gibt es ja.Beispiel:

            Oh, ging an mir vorbei. Mit dem aktuellen json von @scrounger?

            @intruder7 sagte in Material Design Widgets: Adapter Status:

            spiele mal mit den Schriftgrößen rum

            Danke, schau ich mir heut Abend mal an.

            1 Reply Last reply Reply Quote 0
            • Scrounger
              Scrounger Developer @darkiop last edited by Scrounger

              @darkiop sagte in Material Design Widgets: Adapter Status:

              Das json für eine Tabelle oder normale Liste aufbereiten - ist bei vielen Adaptern Übersichtler.

              Geht, aber dann musst du halt das Skript entsprechend umschreiben bzw. das Objekt anders aufbereiten. Und das Table Widget bietet halt nicht die Möglichkeit Adapter straten / stoppen zu können.

              @intruder7 sagte in Material Design Widgets: Adapter Status:

              @darkiop
              die werden richtig ausgelesen. Nur der Adaptername ist zu lang.
              spiele mal mit den Schriftgrößen rum

              Kannst auch über minimale Breite und max Anzahl Listenelement pro Zeile einstellen.

              Am besten geht das wenn ihr den hacken bei wrapItems erstmal rausnehmt
              9eb7ba73-a002-4d35-8566-0ca1de903ce4-grafik.png

              dann sieht es so aus:
              d6c932ef-9e3a-4574-b0bd-9ad5bc1e3b6e-grafik.png

              und dann minimale breite schrittweise erhöhen bis die Abstände oben / unten nicht mehr da sind, sollte so aussehen:
              a22fc0dc-2b88-4c6b-ba20-3173f7914f98-grafik.png

              Zum Schluß hacken bei warpItems` wieder raus machen.

              D 1 Reply Last reply Reply Quote 1
              • D
                darkiop Most Active @Scrounger last edited by

                @Scrounger sagte in Material Design Widgets: Adapter Status:

                Kannst auch über minimale Breite und max Anzahl Listenelement pro Zeile einstellen.

                Danke, das wars 🙂

                1 Reply Last reply Reply Quote 0
                • Bastelritius
                  Bastelritius last edited by

                  Hallo,

                  sorry für die Frage, aber ich bin in Sachen web page Programmierung ein blutiger Anfänger.
                  Was muss ich denn mit dem Script machen?
                  Muss ich das unter Scripte im Iobroker anlegen und starten, oder im Vis-editor unter attribute scripts kopieren?

                  1 Reply Last reply Reply Quote 0
                  • B
                    bommel_030 last edited by

                    @Scrounger
                    Ich hab nochmal ne Verständnisfrage zur Farbgestaltung. Bewusst grelle Farben gewählt 😉
                    farbe.png
                    Grün und Pink stelle ich über das Widget ein, klappt einwandfrei. Den ursprünglich grauen Text habe ich im Skript weiß gefärbt.
                    Kann oder soll der nicht über den Farbwert im Widget (hier #000000) eingestellt werden? Den Punkt ignoriert er bei mir komplett.

                    Scrounger 1 Reply Last reply Reply Quote 0
                    • Scrounger
                      Scrounger Developer @bommel_030 last edited by

                      @bommel_030
                      Nein das ist die Schriftfarbe für den Wert des Datenpunktes. Der wird hier gar nicht angezeigt.
                      Die Farbe für die zweite Spalte kann nur über das Skript geändert werden.

                      B Uwe Clement 2 Replies Last reply Reply Quote 0
                      • B
                        bommel_030 @Scrounger last edited by

                        @Scrounger
                        Alles klar, danke. Dann brauch ich nicht weiter suchen und ändere den im Skript.
                        Kann es nciht oft genug sagen, danke für die super Vorlagen....

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

                          Das Widget gefällt mir sehr gut, danke.

                          Wie kann ich die markierte Textfarbe ändern? 4babc71d-4147-4975-89e2-051961220c9a-image.png

                          Ich bin jede Textfarbe durchgegangen und habe nichts gefunden.

                          sigi234 Homer.J. 2 Replies Last reply Reply Quote 0
                          • sigi234
                            sigi234 Forum Testing Most Active @PatrickFro last edited by

                            @PatrickFro

                            Im Skript

                            1 Reply Last reply Reply Quote 0
                            • Homer.J.
                              Homer.J. @PatrickFro last edited by

                              @PatrickFro nur im Script steht gleich 2 über deinem Post.

                              1 Reply Last reply Reply Quote 0
                              • Scrounger
                                Scrounger Developer last edited by

                                @Stephan-Schleich sagte in Test Adapter Material Design Widgets v0.2.x:

                                @Scrounger Kannst du die Werte Schriftfarbe (MB, %, minuten etc) noch global setzbar machen? Du hast sie fix im Script hinterlegt. - siehe Glasfaser screen derzeit ist grau fix drin

                                Bitte zukünftig darauf achten die Fragen im richtigen Thema posten!

                                Hoffe das kann hier vielleicht jemand übernehmen, alles dazu kann man dem skript entnehmen.

                                Stephan Schleich 1 Reply Last reply Reply Quote 0
                                • Stephan Schleich
                                  Stephan Schleich @Scrounger last edited by

                                  @Scrounger Ich meinte eig das es im Script angepassen werden könnte 🙂

                                  Für alle die es selber machen wollen:

                                  Setzt folgendes bei den Variablen oben und ersetzt alle Werte mit "grey" durch "farbeAdapterWerte"
                                  let farbeAdapterWerte = '#000000';

                                  Scrounger 1 Reply Last reply Reply Quote 0
                                  • Scrounger
                                    Scrounger Developer @Stephan Schleich last edited by

                                    @Stephan-Schleich
                                    Hab ich schon verstanden 😉
                                    Ich meinte das das sicher auch jemand anderes machen kann.
                                    Und wenn du weißt wie das geht, dann Pass doch das skript an, poste es für die anderen und ich übernehme es dann in den ersten Post.

                                    B 1 Reply Last reply Reply Quote 0
                                    • B
                                      bommel_030 @Scrounger last edited by bommel_030

                                      @Scrounger
                                      Ich habs mal umgesetzt....
                                      Variable farbeAdapterWerte hinzu und die grey-Definition durch die Variable ersetzt.

                                      // Imports -> müssen im Javascript Adapter unter 'Zusätzliche NPM-Module' eingetragen sein
                                      const moment = require("moment");
                                      const momentDurationFormatSetup = require("moment-duration-format");
                                      
                                      
                                      // Skript Einstellungen *************************************************************************************************************************************************
                                      
                                      let dpList = '0_userdata.0.vis.AdapterStatus.jsonList';                     // Datenpunkt für IconList Widget (Typ: Zeichenkette (String))
                                      let dpAdapterRestart = '0_userdata.0.vis.AdapterStatus.restartTrigger';     // Datenpunkt für Adapter restart (Typ: Zeichenkette (String))
                                      
                                      let dpSortMode = '0_userdata.0.vis.AdapterStatus.sortMode';                 // Datenpunkt für Sortieren (Typ: Zeichenkette (String))
                                      let dpFilterMode = '0_userdata.0.vis.AdapterStatus.filterMode';             // Datenpunkt für Filter (Typ: Zeichenkette (String))
                                      
                                      let adminUpdatesList = 'admin.0.info.updatesList';                          // Datenpunkt Admin Adapter für verfübare Updates der Adapter
                                      
                                      const checkInterval = 30;                                                   // Interval wie oft Status der Adapter aktualisiert werden soll (in Sekunden)
                                      
                                      let sprache = 'de';                                                         // Sprache für formatierung Dauer 
                                      let formatierungDauer = "dd[T] hh[h] mm[m]";                                // Formatierung der Dauer -> siehe momentjs library
                                      
                                      let neustarten = true;                                                      // true: Adapter wird neugestartet, false: Adapter wird gestoppt oder gestartet
                                      
                                      let farbeAdapterAktiv = 'green';                                            // Status Bar Farbe wenn Adapter aktiv ist
                                      let farbeAdapterNichtAktiv = 'FireBrick';                                   // Status Bar Farbe wenn Adapter nicht aktiv ist oder Fehler vorliegt
                                      let farbeAdapterDeaktiviert = 'darkgrey';                                   // Status Bar Farbe wenn Adapter deaktiviert ist
                                      let farbeAdapterNichtVerbunden = 'yellow';                                  // Status Bar Farbe wenn Adapter nicht verbunden ist
                                      let farbeAdapterZeitgesteuert = 'lightgreen';                               // Status Bar Farbe wenn Adapter zeitgesteuert ist
                                      let farbeAdapterErweiterung = '#44739e';                                    // Status Bar Farbe wenn Adapter Erweiterung ist
                                      let farbeAdapterSystem = '#44739e';                                         // Status Bar Farbe wenn Adapter mit System gestartet wird
                                      let farbeAdapterWerte = '#000000';                                       // Sekundärfarbe Adapterwerte, einer muss auskommentiert sein !
                                      // let farbeAdapterWerte = getState('0_userdata.0.VIS.Farben.SecColor').val;   // Sekundärfarbe aus Datenpunkt, einer muss auskommentiert sein !
                                      
                                      let sortResetAfter = 120;                                                   // Sortierung nach X Sekunden auf sortReset zurücksetzen (0=deaktiviert)
                                      let sortReset = 'name'                                               // Sortierung auf die zurückgesetzt werden soll
                                      
                                      let filterResetAfter = 120;                                                 // Filter nach X Sekunden zurücksetzen (0=deaktiviert)
                                      
                                      // **********************************************************************************************************************************************************************
                                      
                                      
                                      // Fomate für moment Lib
                                      moment.locale(sprache);
                                      
                                      // auf .alive Änderungen hören
                                      let aliveSelector = `[id=system.adapter.*.alive]`;
                                      let adapterAliveList = $(aliveSelector);
                                      if (adapterAliveList.length === 0) {
                                         // Fehlermeldung ausgeben, wenn selector kein result liefert
                                         console.error(`no result for selector '${aliveSelector}'`)
                                      } else {
                                         // listener nur für Änderung bei alive
                                         adapterAliveList.on(adapterStatus);
                                      }
                                      
                                      // auf .connection Änderungen hören
                                      let connectionSelector = `[id=*.info.connection]`;
                                      let adapterConnectionList = $(connectionSelector);
                                      if (adapterConnectionList.length === 0) {
                                         // Fehlermeldung ausgeben, wenn selector kein result liefert
                                         console.error(`no result for selector '${connectionSelector}'`)
                                      } else {
                                         // listener nur für Änderung bei alive
                                         adapterConnectionList.on(adapterStatus);
                                      }
                                      
                                      // auf .connected Änderungen hören
                                      let connectedSelector = `[id=system.adapter.*.connected]`;
                                      let adapterConnectedList = $(connectedSelector);
                                      if (adapterConnectedList.length === 0) {
                                         // Fehlermeldung ausgeben, wenn selector kein result liefert
                                         console.error(`no result for selector '${connectedSelector}'`)
                                      } else {
                                         // listener nur für Änderung bei alive
                                         adapterConnectedList.on(adapterStatus);
                                      }
                                      
                                      // auf Änderungen der Sortieung hören
                                      on({ id: dpSortMode, change: 'any' }, adapterStatus);
                                      on({ id: dpSortMode, change: 'any' }, resetSort);
                                      
                                      // auf Änderungen der Filter hören
                                      on({ id: dpFilterMode, change: 'any' }, adapterStatus);
                                      on({ id: dpFilterMode, change: 'any' }, resetFilter);
                                      
                                      // Funktion adapterStatus alle x Sekunden ausführen
                                      schedule('*/' + checkInterval + ' * * * * *', adapterStatus);
                                      
                                      function adapterStatus() {
                                         // Funktion um Status der Adapter abzurufen und als JSON String für das Material Design Widget IconList aufbereiten
                                         try {
                                             let adapterList = [];
                                             let updateList = myHelper().getStateValueIfExist(adminUpdatesList);
                                      
                                             for (var i = 0; i <= adapterAliveList.length - 1; i++) {
                                                 let id = adapterAliveList[i].replace('.alive', '');
                                                 let obj = getObject(adapterAliveList[i].replace('.alive', ''));
                                      
                                                 let nameArray = id.replace('system.adapter.', '').split(".");
                                      
                                                 let name = nameArray[0];
                                                 name = name.charAt(0).toUpperCase() + name.slice(1);
                                      
                                                 let nameWithInstance = name;
                                                 let adapterInstance = nameArray[1];
                                                 if (parseInt(adapterInstance) > 0) {
                                                     nameWithInstance = name + '.' + adapterInstance;
                                                 }
                                      
                                                 let uptime = (existsState(id + '.uptime')) ? moment.duration(getState(id + '.uptime').val, 'seconds').format(formatierungDauer, 0) : '-';
                                                 let image = (myHelper().checkCommonPropertyExist(obj, 'icon')) ? `/${nameArray[0]}.admin/${obj.common.icon}` : 'image-off-outline';
                                      
                                                 let hasUpdates = updateList && updateList.includes(nameArray[0]);
                                                 let newVersion = (hasUpdates) ? '<span class="mdi mdi-update" style="color: #ec0909;"></span>' : '';
                                      
                                                 let text = `<div style="display: flex; flex-direction: row; line-height: 1.5; padding-right: 8px; align-items: center;">
                                                                 <div style="flex: 1">${newVersion} ${nameWithInstance}</div>
                                                                 <div style="color: ${farbeAdapterWerte}; font-size: 12px; font-family: RobotoCondensed-LightItalic;">${myHelper().getCommonPropertyIfExist(obj, 'version', '-', 'v', '')}</div>
                                                             </div>`
                                      
                                                 let subText = `<div style="display: flex; flex-direction: row; line-height: 1.3; padding-left: 1px; padding-right: 8px; align-items: center;">
                                                                     <div style="flex: 1;">CPU</div>
                                                                     <div style="color: ${farbeAdapterWerte}; font-size: 14px; font-family: RobotoCondensed-LightItalic; text-align: right;">${myHelper().getStateValueIfExist(id + '.cpu', '-', '', ' %')}</div>
                                                                 </div>
                                                                 <div style="display: flex; flex-direction: row; line-height: 1.3; padding-left: 1px; padding-right: 8px; align-items: center;">
                                                                     <div style="flex: 1;">RAM total</div>
                                                                     <div style="color: ${farbeAdapterWerte}; font-size: 14px; font-family: RobotoCondensed-LightItalic; text-align: right;">${myHelper().getStateValueIfExist(id + '.memHeapTotal', '-', '', ' MB')}</div>
                                                                 </div>
                                                                 <div style="display: flex; flex-direction: row; line-height: 1.3; padding-left: 1px; padding-right: 8px; align-items: center;">
                                                                     <div style="flex: 1;">RAM verwendet</div>
                                                                     <div style="color: ${farbeAdapterWerte}; font-size: 14px; font-family: RobotoCondensed-LightItalic; text-align: right;">${myHelper().getStateValueIfExist(id + '.memHeapUsed', '-', '', ' MB')}</div>
                                                                 </div>
                                                                 <div style="display: flex; flex-direction: row; line-height: 1.3; padding-left: 1px; padding-right: 8px; align-items: center;">
                                                                     <div style="flex: 1;">RAM reserviert</div>
                                                                     <div style="color: ${farbeAdapterWerte}; font-size: 14px; font-family: RobotoCondensed-LightItalic; text-align: right;">${myHelper().getStateValueIfExist(id + '.memRss', '-', '', ' MB')}</div>
                                                                 </div>
                                                                 <div style="display: flex; flex-direction: row; line-height: 1.3; padding-left: 1px; padding-right: 8px; align-items: center;">
                                                                     <div style="flex: 1;">Betriebszeit</div>
                                                                     <div style="color: ${farbeAdapterWerte}; font-size: 14px; font-family: RobotoCondensed-LightItalic; text-align: right;">${uptime}</div>
                                                                 </div>
                                                                 <div style="display: flex; flex-direction: row; line-height: 1.3; padding-left: 1px; padding-right: 8px; align-items: center;">
                                                                     <div style="flex: 1;">Modus</div>
                                                                     <div style="color: ${farbeAdapterWerte}; font-size: 14px; font-family: RobotoCondensed-LightItalic; text-align: right;">${myHelper().getCommonPropertyIfExist(obj, 'mode', '-')}</div>
                                                                 </div>`
                                      
                                                 let statusBarColor = farbeAdapterNichtAktiv;
                                                 let status = 3;
                                      
                                                 if (myHelper().getStateValueIfExist(adapterAliveList[i]) === 'true') {
                                                     statusBarColor = farbeAdapterAktiv;
                                                     status = 0;
                                      
                                                     if (existsState(id.replace('system.adapter.', '') + '.info.connection')) {
                                                         if (!getState(id.replace('system.adapter.', '') + '.info.connection').val) {
                                                             statusBarColor = farbeAdapterNichtVerbunden;
                                                             status = 4;
                                                         }
                                                     } else {
                                                         if (myHelper().getStateValueIfExist(adapterAliveList[i].replace('.alive', '.connected')) === 'false') {
                                                             statusBarColor = farbeAdapterNichtVerbunden;
                                                             status = 4;
                                                         }
                                                     }
                                                 }
                                      
                                                 if (myHelper().getCommonPropertyIfExist(obj, 'mode') === 'schedule') {
                                                     // Adapter ist zeitgesteuert
                                                     statusBarColor = farbeAdapterZeitgesteuert;
                                                     status = 1;
                                                 }
                                      
                                                 if (myHelper().getCommonPropertyIfExist(obj, 'mode') === 'extension') {
                                                     // Adapter ist Extension
                                                     statusBarColor = farbeAdapterErweiterung;
                                                     status = 1;
                                                 }
                                      
                                                 if (myHelper().getCommonPropertyIfExist(obj, 'mode') === 'once') {
                                                     // Adapter wird mit System gestartet
                                                     statusBarColor = farbeAdapterSystem;
                                                     status = 1;
                                                 }
                                      
                                                 if (myHelper().getCommonPropertyIfExist(obj, 'enabled', false).toString() === 'false') {
                                                     // Adapter ist deaktiviert
                                                     statusBarColor = farbeAdapterDeaktiviert;
                                                     status = 2;
                                                 }
                                      
                                                 adapterList.push({
                                                     text: text,
                                                     subText: subText,
                                                     image: image,
                                                     listType: "buttonState",
                                                     objectId: dpAdapterRestart,
                                                     buttonStateValue: id,
                                                     statusBarColor: statusBarColor,
                                                     showValueLabel: false,
                                                     name: name,
                                                     mode: myHelper().getCommonPropertyIfExist(obj, 'mode'),
                                                     hasUpdates: hasUpdates,
                                                     cpu: parseFloat(myHelper().getStateValueIfExist(id + '.cpu', '0')),
                                                     memHeapTotal: parseFloat(myHelper().getStateValueIfExist(id + '.memHeapTotal', '0')),
                                                     memHeapUsed: parseFloat(myHelper().getStateValueIfExist(id + '.memHeapUsed', '0')),
                                                     memRss: parseFloat(myHelper().getStateValueIfExist(id + '.memRss', '0')),
                                                     uptime: parseFloat(myHelper().getStateValueIfExist(id + '.uptime', 0)),
                                                     status: status
                                                 })
                                             }
                                      
                                             let sortMode = myHelper().getStateValueIfExist(dpSortMode, 'name');
                                      
                                             if (sortMode === 'name' || sortMode === 'mode') {
                                                 adapterList.sort(function (a, b) {
                                                     return a[sortMode].toLowerCase() == b[sortMode].toLowerCase() ? 0 : +(a[sortMode].toLowerCase() > b[sortMode].toLowerCase()) || -1;
                                                 });
                                             } else if (sortMode === 'hasUpdates' || sortMode === 'cpu' || sortMode === 'memHeapTotal' || sortMode === 'memHeapUsed' || sortMode === 'memRss' || sortMode === 'uptime' || sortMode === 'status') {
                                                 adapterList.sort(function (a, b) {
                                                     return a[sortMode] == b[sortMode] ? 0 : +(a[sortMode] < b[sortMode]) || -1;
                                                 });
                                             } else {
                                                 // default: nach name sortieren
                                                 sortMode = 'name'
                                                 adapterList.sort(function (a, b) {
                                                     return a[sortMode].toLowerCase() == b[sortMode].toLowerCase() ? 0 : +(a[sortMode].toLowerCase() > b[sortMode].toLowerCase()) || -1;
                                                 });
                                             }
                                      
                                             // Filter: not connected, updates, deaktiviert, aktiviert
                                      
                                             let filterMode = myHelper().getStateValueIfExist(dpFilterMode, null);
                                      
                                             if (filterMode && filterMode !== null && filterMode !== '') {
                                                 if (filterMode === 'hasUpdates') {
                                                     adapterList = adapterList.filter(function (item) {
                                                         return item.hasUpdates === true;
                                                     });
                                                 } else if (filterMode === 'notConnected') {
                                                     adapterList = adapterList.filter(function (item) {
                                                         return item.status === 4;
                                                     });
                                                 } else if (filterMode === 'deactivated') {
                                                     adapterList = adapterList.filter(function (item) {
                                                         return item.status === 2;
                                                     });
                                                 } else if (filterMode === 'activated') {
                                                     adapterList = adapterList.filter(function (item) {
                                                         return item.status <= 1;
                                                     });
                                                 }
                                             }
                                      
                                             let result = JSON.stringify(adapterList);
                                             if (getState(dpList) !== result) {
                                                 setState(dpList, result, true);
                                             }
                                      
                                         } catch (err) {
                                             console.error(`[adapterStatus] error: ${err.message}, stack: ${err.stack}`);
                                         }
                                      }
                                      
                                      // Beim Staren des Skriptes Adapter Status abrufen
                                      adapterStatus();
                                      
                                      // Funktion um Adapter zu starten / neu starten
                                      on({ id: dpAdapterRestart }, function (obj) {
                                         var adapter = getObject(obj.state.val.toString());
                                      
                                         if (neustarten) {
                                             if (adapter.common && adapter.common.enabled === false) {
                                                 // Adapter deaktiviert -> starten
                                                 adapter.common.enabled = true;
                                             }
                                         } else {
                                             if (adapter.common && adapter.common.enabled) {
                                                 adapter.common.enabled = !adapter.common.enabled;
                                             } else {
                                                 adapter.common.enabled = true;
                                             }
                                         }
                                      
                                         setObject(obj.state.val, adapter);
                                         console.log(`${obj.state.val.replace('system.adapter.', '')} neugestartet`);
                                      });
                                      
                                      
                                      function resetSort() {
                                         let sortMode = myHelper().getStateValueIfExist(dpSortMode, null);
                                      
                                         if (sortResetAfter > 0) {
                                             setTimeout(function () {
                                                 if (sortMode !== null && sortMode === myHelper().getStateValueIfExist(dpSortMode, null)) {
                                                     setState(dpSortMode, sortReset);
                                                 }
                                             }, sortResetAfter * 1000);
                                         }
                                      }
                                      
                                      function resetFilter() {
                                         let filterMode = myHelper().getStateValueIfExist(dpFilterMode, null);
                                      
                                         if (filterResetAfter > 0) {
                                             setTimeout(function () {
                                                 if (filterMode !== null && filterMode === myHelper().getStateValueIfExist(dpFilterMode, null)) {
                                                     setState(dpFilterMode, '');
                                                 }
                                             }, filterResetAfter * 1000);
                                         }
                                      }
                                      
                                      function myHelper() {
                                         return {
                                             getStateValueIfExist: function (id, nullValue = undefined, prepand = '', append = '') {
                                                 if (existsState(id)) {
                                                     return prepand + getState(id).val + append;
                                                 } else {
                                                     return nullValue;
                                                 }
                                             },
                                             getCommonPropertyIfExist: function (object, prop, nullValue = undefined, prepand = '', append = '') {
                                                 if (myHelper().checkCommonPropertyExist(object, prop)) {
                                                     return prepand + object.common[prop] + append;
                                                 } else {
                                                     return nullValue;
                                                 }
                                             },
                                             checkCommonPropertyExist: function (object, prop) {
                                                 if (object && object.common && object.common[prop]) {
                                                     return true;
                                                 } else {
                                                     return false;
                                                 }
                                             }
                                         }
                                      }
                                      


                                      Der Rest entspricht dem Stand aus deinem ersten Post.
                                      Edit: gleiche noch ne Variable für Farbe aus Datenpunkt aufgenommen. Eine der beiden muss auskommentiert sein.

                                      1 Reply Last reply Reply Quote 1
                                      • sigi234
                                        sigi234 Forum Testing Most Active @Scrounger last edited by sigi234

                                        @Scrounger

                                        Hallo, kann man so eine Liste auch für die FritzBox machen?
                                        IP, Gerätename, Mac, Online/Offline, usw...RSSI

                                        D 1 Reply Last reply Reply Quote 0
                                        • D
                                          darkiop Most Active @sigi234 last edited by

                                          @sigi234 Schau mal hier: https://forum.iobroker.net/topic/30812/material-design-widets-netzwerk-status

                                          sigi234 1 Reply Last reply Reply Quote 0
                                          • sigi234
                                            sigi234 Forum Testing Most Active @darkiop last edited by sigi234

                                            @darkiop sagte in Material Design Widgets: Adapter Status:

                                            @sigi234 Schau mal hier: https://forum.iobroker.net/topic/30812/material-design-widets-netzwerk-status

                                            Das kenne ich, diese liest aber nur den tr-064 aus.

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            930
                                            Online

                                            31.6k
                                            Users

                                            79.4k
                                            Topics

                                            1.3m
                                            Posts

                                            adapter iconlist material design widgets statusanzeige view view adapter vis
                                            48
                                            144
                                            24359
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo