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: UniFi Netzwerk Status

    NEWS

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    Material Design Widgets: UniFi Netzwerk Status

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

      Grundsätzlich läuft es bei mir. Nur habe ich das Log voller Fehler und Warnungen jede Minute wenn das Script läuft.

      Mir ist da z.B. überhaupt nicht klar, warum er warnt es gäbe "speed" bei den ports nicht. Ist doch da!?

      devices.b4:fb:e4:80:af:1b.port_table.Port 5.speed
      devices.b4:fb:e4:80:af:1b.port_table.Port 2.speed
      devices.b4:fb:e4:80:af:1b.port_table.Port 15.speed

      Hier das Beispiel port_5. Gilt aber auch bei den anderen die er nicht findet.
      04a90656-7a91-49e8-ac4d-d5ba108c66a7-image.png

      javascript.1	2020-08-26 15:26:00.181	error	(1827) script.js.common.Tabellen.Unifi-Netzwerk-MaterialDesign: Google-Home-Mini (ip: 192.168.178.57, mac: unifi.0.default.clients.e4:f0:42:3a:5e:25): Unexpected end of JSON input
      javascript.1	2020-08-26 15:26:00.154	error	(1827) script.js.common.Tabellen.Unifi-Netzwerk-MaterialDesign: HP-Drucker (ip: 192.168.178.80, mac: unifi.0.default.clients.c8:d9:d2:44:d7:e5): Unexpected end of JSON input
      javascript.1	2020-08-26 15:26:00.150	warn	(1827) at processTimers (internal/timers.js:492:7)
      javascript.1	2020-08-26 15:26:00.150	warn	(1827) at listOnTimeout (internal/timers.js:549:17)
      javascript.1	2020-08-26 15:26:00.150	warn	(1827) at Timeout._onTimeout (/opt/iobroker/node_modules/node-schedule/lib/schedule.js:510:7)
      javascript.1	2020-08-26 15:26:00.150	warn	(1827) at /opt/iobroker/node_modules/node-schedule/lib/schedule.js:552:11
      javascript.1	2020-08-26 15:26:00.150	warn	(1827) at Job.invoke (/opt/iobroker/node_modules/node-schedule/lib/schedule.js:173:10)
      javascript.1	2020-08-26 15:26:00.149	warn	(1827) at Job.job (/opt/iobroker/node_modules/iobroker.javascript/lib/sandbox.js:1260:34)
      javascript.1	2020-08-26 15:26:00.149	warn	(1827) at Object.createList (script.js.common.Tabellen.Unifi-Netzwerk-MaterialDesign:103:39)
      javascript.1	2020-08-26 15:26:00.148	warn	(1827) getState "unifi.0.default.clients.b8:27:eb:c8:59:75._uptime_by_usw" not found (3)
      javascript.1	2020-08-26 15:26:00.148	warn	(1827) at processTimers (internal/timers.js:492:7)
      javascript.1	2020-08-26 15:26:00.148	warn	(1827) at listOnTimeout (internal/timers.js:549:17)
      javascript.1	2020-08-26 15:26:00.148	warn	(1827) at Timeout._onTimeout (/opt/iobroker/node_modules/node-schedule/lib/schedule.js:510:7)
      javascript.1	2020-08-26 15:26:00.148	warn	(1827) at /opt/iobroker/node_modules/node-schedule/lib/schedule.js:552:11
      javascript.1	2020-08-26 15:26:00.148	warn	(1827) at Job.invoke (/opt/iobroker/node_modules/node-schedule/lib/schedule.js:173:10)
      javascript.1	2020-08-26 15:26:00.148	warn	(1827) at Job.job (/opt/iobroker/node_modules/iobroker.javascript/lib/sandbox.js:1260:34)
      javascript.1	2020-08-26 15:26:00.147	warn	(1827) at Object.createList (script.js.common.Tabellen.Unifi-Netzwerk-MaterialDesign:102:32)
      javascript.1	2020-08-26 15:26:00.146	warn	(1827) getState "unifi.0.default.devices.b4:fb:e4:80:af:1b.port_table.Port 2.speed" not found (3)
      javascript.1	2020-08-26 15:26:00.144	warn	(1827) at processTimers (internal/timers.js:492:7)
      javascript.1	2020-08-26 15:26:00.144	warn	(1827) at listOnTimeout (internal/timers.js:549:17)
      javascript.1	2020-08-26 15:26:00.144	warn	(1827) at Timeout._onTimeout (/opt/iobroker/node_modules/node-schedule/lib/schedule.js:510:7)
      javascript.1	2020-08-26 15:26:00.144	warn	(1827) at /opt/iobroker/node_modules/node-schedule/lib/schedule.js:552:11
      javascript.1	2020-08-26 15:26:00.144	warn	(1827) at Job.invoke (/opt/iobroker/node_modules/node-schedule/lib/schedule.js:173:10)
      javascript.1	2020-08-26 15:26:00.144	warn	(1827) at Job.job (/opt/iobroker/node_modules/iobroker.javascript/lib/sandbox.js:1260:34)
      javascript.1	2020-08-26 15:26:00.143	warn	(1827) at Object.createList (script.js.common.Tabellen.Unifi-Netzwerk-MaterialDesign:103:39)
      javascript.1	2020-08-26 15:26:00.142	warn	(1827) getState "unifi.0.default.clients.b8:27:eb:30:c2:77._uptime_by_usw" not found (3)
      javascript.1	2020-08-26 15:26:00.142	warn	(1827) at processTimers (internal/timers.js:492:7)
      javascript.1	2020-08-26 15:26:00.142	warn	(1827) at listOnTimeout (internal/timers.js:549:17)
      javascript.1	2020-08-26 15:26:00.142	warn	(1827) at Timeout._onTimeout (/opt/iobroker/node_modules/node-schedule/lib/schedule.js:510:7)
      javascript.1	2020-08-26 15:26:00.142	warn	(1827) at /opt/iobroker/node_modules/node-schedule/lib/schedule.js:552:11
      javascript.1	2020-08-26 15:26:00.142	warn	(1827) at Job.invoke (/opt/iobroker/node_modules/node-schedule/lib/schedule.js:173:10)
      javascript.1	2020-08-26 15:26:00.141	warn	(1827) at Job.job (/opt/iobroker/node_modules/iobroker.javascript/lib/sandbox.js:1260:34)
      javascript.1	2020-08-26 15:26:00.141	warn	(1827) at Object.createList (script.js.common.Tabellen.Unifi-Netzwerk-MaterialDesign:102:32)
      javascript.1	2020-08-26 15:26:00.140	warn	(1827) getState "unifi.0.default.devices.b4:fb:e4:80:af:1b.port_table.Port 5.speed" not found (3)
      javascript.1	2020-08-26 15:26:00.138	error	(1827) script.js.common.Tabellen.Unifi-Netzwerk-MaterialDesign: G-homa (ip: 192.168.178.79, mac: unifi.0.default.clients.ac:cf:23:4c:e7:ac): Unexpected end of JSON input
      

      Edit: hat es mit dem "_" etwas zu tun? Unter Objekte habe ich schließlich "port_2"... gemeckert wird, dass "port 2" nicht gefunden wird.

      W 1 Reply Last reply Reply Quote 0
      • W
        web4wasch @lobomau last edited by

        @lobomau gibt es hierzu schon eine Neuigkeit?

        bei mir ist es das gleiche...

        Schönen Gruß.

        1 Reply Last reply Reply Quote 0
        • W
          web4wasch last edited by

          Habe jetzt ein wenig gespielt....
          Bei mir läuft das Script nun unter unifi-adapter 0.5.8 ohne Probleme ---->
          Script nach der Anpassung:

          // import
          const mathjs = require("mathjs");
          const moment = require("moment");
          const momentDurationFormatSetup = require("moment-duration-format");
          moment.locale("de");
          
          
          // Skript Einstellungen *************************************************************************************************************************************************
          
          let dpList = '0_userdata.0.vis.NetzwerkDevicesStatus.jsonList';                     // Datenpunkt für IconList Widget (Typ: Zeichenkette (String))
          
          let dpSortMode = '0_userdata.0.vis.NetzwerkDevicesStatus.sortMode';                          // Datenpunkt für Sortieren (Typ: Zeichenkette (String))
          let dpFilterMode = '0_userdata.0.vis.NetzwerkDevicesStatus.filterMode';                      // Datenpunkt für Filter (Typ: Zeichenkette (String))
          
          let durationFormat = "d [Tagen] hh [Stunden] mm [Minuten]";                         // Fomate für Betriebsdauer -> siehe momentjs library
          let lastSeenFormat = "ddd DD.MM - HH:mm";                                           // Fomate für lastSeen -> siehe momentjs library      
          
          const timeDiff = 2;                                                                 // Zeitunterschied (in Minuten) zwischen jetzt und lastSeen des Gerätes, wenn größer dann 'false' (muss >= update interval des unifi Adapters sein)
          
          const lastDays = 7;                                                                 // Verbundene Geräte der letzten X Tage einbeziehen
          
          const checkInterval = 1;                                                            // Interval zum aktualisiern der jsonList für das Widget
          
          let imagePath = '/vis.0/wama_home_big/unifi/'                                   // Pfad zu den verwendeten Bildern
          
          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)
          
          let speedIconSize = 20;
          let speedTextSize = 14;
          
          let trafficIconSize = 14;
          let trafficTextSize = 14;
          
          let elerbinsIconSize = 20;
          let erlebnisTextSize = 14;
          
          let offlineTextSize = 14;
          
          // **********************************************************************************************************************************************************************
          
          
          // Selector für alle UniFi LAN & WLAN Devices
          var devices = $(`[id=unifi.0.default.clients.*.mac]`);
          
          
          // Funktion alle x Minuten ausführen
          schedule("*/" + checkInterval + " * * * *", createList);
          
          // auf Änderungen der Sortieung hören
          on({ id: dpSortMode, change: 'any' }, createList);
          on({ id: dpSortMode, change: 'any' }, resetSort);
          
          // auf Änderungen der Filter hören
          on({ id: dpFilterMode, change: 'any' }, createList);
          on({ id: dpFilterMode, change: 'any' }, resetFilter);
          
          function createList() {
             try {
                 let deviceList = [];
          
                 for (var i = 0; i <= devices.length - 1; i++) {
                     
                     let idDevice = devices[i].replace(".mac","");
                     console.debug(idDevice);
                     let isWired = getState(idDevice + ".is_wired").val;             // Unterscheiden zwischen LAN & WLAN
                     let lastSeen = getLastSeen(idDevice, isWired);                  // nur die Devices der letzten x Tage betrachten
          
                     if (isInRange(lastSeen) === true) {
          
                         // Werte die sowohl WLAN und LAN haben
                         let ip = existsState(idDevice + ".ip") ? getState(idDevice + ".ip").val : '';
                         let mac = idDevice;
                         let name = getName(idDevice, ip, mac);
                         let isGuest = getState(idDevice + ".is_guest").val;
                         let erlebnis = existsState(idDevice + ".satisfaction") ? getState(idDevice + ".satisfaction").val : 0;
                         let note = parseNote(idDevice, name, mac, ip);
          
                         let listType = 'text';
                         let buttonLink = '';
                         setLink();
          
                         // Vars die für LAN & WLAN unterschiedlich
                         let empfangenRaw = getTraffic(isWired, idDevice)
                         let empfangen = formatTraffic(empfangenRaw).replace('.', ',');
                         let gesendetRaw = getTraffic(isWired, idDevice, true);
                         let gesendet = formatTraffic(gesendetRaw).replace('.', ',');
          
                         let speed = '';
                         let betriebszeit = 0;
                         let image = '';
                         let wlanSignal = '';
          
                         if (isWired) {
                             let swPort = getState(idDevice + ".sw_port").val;
          
                             // Glasfaser Port nicht berücksitigen
                             if (swPort < 25 && isWired === true) {
                                 speed = getState(`unifi.0.default.devices.${getState(idDevice + ".sw_mac").val}.port_table.port_${swPort}.speed`).val;
                                 betriebszeit = getState(idDevice + ".uptime_by_usw").val;
          
          
          
                                 image = (note && note.image) ? `${imagePath}${note.image}.png` : `${imagePath}lan_noImage.png`
          
                                 if (!(name === mac && swPort === 5)) {
                                     // ohne Proxmox LXCs auf Port 5 -> ändern mac adresse während backup
                                     addToList();
                                 }
                             }
                         } else {
                             speed = existsState(idDevice + ".channel") ? (getState(idDevice + ".channel").val > 13) ? '5G' : '2G' : '';
                             betriebszeit = getState(idDevice + ".uptime").val;
                             wlanSignal = getState(idDevice + ".signal").val;
                             image = (note && note.image) ? `${imagePath}${note.image}.png` : `${imagePath}wlan_noImage.png`
          
                             addToList();
                         }
          
                         function setLink() {
                             if (note && note.link) {
                                 listType = 'buttonLink';
          
                                 if (note.link === 'http') {
                                     buttonLink = `http://${ip}`;
                                 } else if (note.link === 'https') {
                                     buttonLink = `https://${ip}`;
                                 } else {
                                     buttonLink = note.link;
                                 }
                             }
                         }
          
                         function addToList() {
                             let statusBarColor = 'FireBrick';
                             let isConn = isConnected(idDevice);
                             if (isConn === true) {
                                 statusBarColor = 'green';
                             }
          
                             let text = name;
          
                             if (isGuest === true) {
                                 text = `<span class="mdi mdi-account-box" style="color: #ff9800;"> ${name}</span>`
                             }
          
                             let speedElement = '';
                             if (speed === 1000 || speed === 100) {
                                 speedElement = `<div style="display: flex; flex: 1; text-align: left; align-items: center; position: relative;">
                                                     ${getLanSpeed(speed, speedIconSize, isConn)}
                                                     <span style="color: gray; font-family: RobotoCondensed-LightItalic; font-size: ${speedTextSize}px; margin-left: 4px;">${speed.toString().replace('1000', '1.000')} MBit/s</span>
                                                 </div>`
                             } else {
                                 speedElement = `<div style="display: flex; flex: 1; text-align: left; align-items: center; position: relative;">
                                                     ${getWifiStrenght(wlanSignal, speedIconSize, isConn)}
                                                     <span style="color: gray; font-family: RobotoCondensed-LightItalic; font-size: ${speedTextSize}px; margin-left: 4px;">${speed}</span>
                                                 </div>`;
                             }
          
                             let empfangenElement = `<span class="mdi mdi-arrow-down" style="font-size: ${trafficIconSize}px; color: #44739e;"></span><span style="color: gray; font-family: RobotoCondensed-LightItalic; font-size: ${trafficTextSize}px; margin-left: 2px; margin-right: 4px">${empfangen}</span>`
                             let gesendetElement = `<span class="mdi mdi-arrow-up" style="font-size: ${trafficIconSize}px; color: #44739e;"></span><span style="color: gray; font-family: RobotoCondensed-LightItalic; font-size: ${trafficTextSize}px; margin-left: 2px;">${gesendet}</span>`
          
                             let erlebnisElement = `<div style="display: flex; margin-left: 8px; align-items: center;">${getErlebnis(erlebnis, elerbinsIconSize, isConn)}<span style="color: gray; font-family: RobotoCondensed-LightItalic; font-size: ${erlebnisTextSize}px; margin-left: 4px;">${erlebnis} %</span></div>`
          
                             let subText = `
                                         ${ip}
                                         <div style="display: flex; flex-direction: row; padding-left: 8px; padding-right: 8px; align-items: center; justify-content: center;">
                                             ${getOnOffTime(isConn, betriebszeit, lastSeen)}
                                         </div>
                                         <div style="display: flex; flex-direction: row; padding-left: 8px; padding-right: 8px; margin-top: 10px; align-items: center;">
                                             ${speedElement}${empfangenElement}${gesendetElement}${erlebnisElement}
                                         </div>
                                         `
          
                             deviceList.push({
                                 text: text,
                                 subText: subText,
                                 listType: listType,
                                 buttonLink: buttonLink,
                                 image: image,
                                 statusBarColor: statusBarColor,
                                 name: name,
                                 ip: ip,
                                 connected: isConn,
                                 empfangen: empfangenRaw,
                                 gesendet: gesendetRaw,
                                 erlebnis: erlebnis,
                                 betriebszeit: betriebszeit,
                                 isWired: isWired
                             });
                         }
                     }
                 }
          
          
                 let sortMode = existsState(dpSortMode) ? getState(dpSortMode).val : '';
          
                 if (sortMode === 'name') {
                     deviceList.sort(function (a, b) {
                         return a[sortMode].toLowerCase() == b[sortMode].toLowerCase() ? 0 : +(a[sortMode].toLowerCase() > b[sortMode].toLowerCase()) || -1;
                     });
                 } else if (sortMode === 'ip') {
                     deviceList.sort(function (a, b) {
                         return a[sortMode].split('.')[0] - b[sortMode].split('.')[0] || a[sortMode].split('.')[1] - b[sortMode].split('.')[1] || a[sortMode].split('.')[2] - b[sortMode].split('.')[2] || a[sortMode].split('.')[3] - b[sortMode].split('.')[3]
                     });
                 } else if (sortMode === 'connected' || sortMode === 'empfangen' || sortMode === 'gesendet' || sortMode === 'erlebnis' || sortMode === 'betriebszeit') {
                     deviceList.sort(function (a, b) {
                         return a[sortMode] == b[sortMode] ? 0 : +(a[sortMode] < b[sortMode]) || -1;
                     });
                 } else {
                     // default: nach name sortieren
                     sortMode = 'name'
                     deviceList.sort(function (a, b) {
                         return a[sortMode].toLowerCase() == b[sortMode].toLowerCase() ? 0 : +(a[sortMode].toLowerCase() > b[sortMode].toLowerCase()) || -1;
                     });
                 }
          
                 let filterMode = existsState(dpFilterMode) ? getState(dpFilterMode).val : '';
          
                 if (filterMode && filterMode !== null && filterMode !== '') {
                     if (filterMode === 'connected') {
                         deviceList = deviceList.filter(function (item) {
                             return item.connected === true;
                         });
                     } else if (filterMode === 'disconnected') {
                         deviceList = deviceList.filter(function (item) {
                             return item.connected === false;
                         });
                     } else if (filterMode === 'lan') {
                         deviceList = deviceList.filter(function (item) {
                             return item.isWired === true;
                         });
                     } else if (filterMode === 'wlan') {
                         deviceList = deviceList.filter(function (item) {
                             return item.isWired === false;
                         });
                     }
                 }
          
          
                 let result = JSON.stringify(deviceList);
                 if (existsState(dpList) && getState(dpList).val !== result) {
                     setState(dpList, result, true);
                 } else {
                     setState(dpList, result, true);
                 }
          
             } catch (err) {
                 console.error(`[createList] error: ${err.message}`);
                 console.error(`[createList] stack: ${err.stack}`);
             }
          
          
             // Functions **************************************************************************************************************************************
             function getLastSeen(idDevice, isWired) {
                 return new Date(getState(idDevice + ".last_seen").val);
                 /*
                 if (isWired) {
                     return getState(idDevice + "._last_seen_by_usw").val
                 } else {
                     return getState(idDevice + "._last_seen_by_uap").val
                 }
                 */
             }
          
             function getTraffic(isWired, idDevice, isSent = false) {
                 if (isSent === false) {
                     // empfangen
                     if (isWired) {
                         if (existsState(idDevice + ".wired-tx_bytes")) {
                             return getState(idDevice + ".wired-tx_bytes").val;
                         }
                     } else {
                         if (existsState(idDevice + ".tx_bytes")) {
                             return getState(idDevice + ".tx_bytes").val;
                         }
                     }
                 } else {
                     // gesendet
                     if (isWired) {
                         if (existsState(idDevice + ".wired-rx_bytes")) {
                             return getState(idDevice + ".wired-rx_bytes").val;
                         }
                     } else {
                         if (existsState(idDevice + ".rx_bytes")) {
                             return getState(idDevice + ".rx_bytes").val;
                         }
                     }
                 }
          
                 return 0;
             }
          
             function formatTraffic(traffic) {
                 if (traffic > 0) {
                     traffic = parseFloat(traffic) / 1048576;
                     if (traffic < 100) {
                         return `${mathjs.round(traffic, 0)} MB`
                     } else {
                         return `${mathjs.round(traffic / 1024, 2)} GB`
                     }
                 }
          
                 return 'N/A';
             }
          
             function getName(idDevice, ip, mac) {
                 let deviceName = '';
          
                 if (existsState(idDevice + ".name")) {
                     deviceName = getState(idDevice + ".name").val;
                 }
          
                 if (deviceName === null || deviceName === undefined || deviceName === '') {
                     if (existsState(idDevice + ".hostname")) {
                         deviceName = getState(idDevice + ".hostname").val;
                     }
                 }
          
                 if (deviceName === null || deviceName === undefined || deviceName === '') {
                     if (ip !== null && ip !== undefined && ip !== '') {
                         deviceName = ip;
                     } else {
                         deviceName = mac;
                     }
                 }
          
                 return deviceName;
             }
          
             function isConnected(device) {
                 // Differenz zwischen lastSeen und Now berechnen -> prüfen ob verbunden
                 //let diff = new Date().getTime() - lastSeen * 1000;
          
                 //return (diff < timeDiff * 60000) ? true : false;
                 let isOnline = getState(device + ".is_online").val;
                 return isOnline;
             }
          
             function isInRange(lastSeen) {
                 // Differenz zwischen lastSeen und Now berechnen -> prüfen ob in angegebenen Zeitraum verbunden war
                 let diff = new Date().getTime() - lastSeen.getTime() * 1000;
          
                 return (diff < lastDays * 86400 * 1000) ? true : false;
             }
          
             function getWifiStrenght(signal, size, isConnected) {
                 let img = '';
          
                 if (isConnected === false) {
                     return `<span class="mdi mdi-wifi-off" style="color: gray; font-size: ${size}px"></span>`
                 }
          
                 if (signal < -70) {
                     return `<span class="mdi mdi-signal-cellular-1" style="color: FireBrick; font-size: ${size}px"></span>`
                 } else if (signal >= -70 && signal < -55) {
                     return `<span class="mdi mdi-signal-cellular-2" style="color: #ff9800; font-size: ${size}px"></span>`
                 } else {
                     return `<span class="mdi mdi-signal-cellular-3" style="color: green; font-size: ${size}px"></span>`
                 }
             }
          
             function getLanSpeed(speed, size, isConnected) {
                 if (isConnected === false) {
                     return `<span class="mdi mdi-network-off" style="color: gray; font-size: ${size}px;"></span>`
                 }
          
                 if (speed === 1000) {
                     return `<span class="mdi mdi-network" style="color: green; font-size: ${size}px;"></span>`
                 } else {
                     return `<span class="mdi mdi-network" style="color: #ff9800; font-size: ${size}px;"></span>`
                 }
             }
          
             function getErlebnis(erlebnis, size, isConnected) {
                 if (isConnected === false) {
                     return `<span class="mdi mdi-speedometer" style="color: gray; font-size: ${size}px;"></span>`
                 }
          
                 if (erlebnis >= 70) {
                     return `<span class="mdi mdi-speedometer" style="color: green; font-size: ${size}px;"></span>`
                 } else if (erlebnis < 70 && erlebnis >= 40) {
                     return `<span class="mdi mdi-speedometer-medium" style="color: #ff9800; font-size: ${size}px;"></span>`
                 } else {
                     return `<span class="mdi mdi-speedometer-slow" style="color: FireBrick; font-size: ${size}px;"></span>`
                 }
             }
          
             function parseNote(idDevice, name, mac, ip) {
                 try {
                     if (existsState(idDevice + ".note")) {
                         let res = JSON.parse(getState(idDevice + ".note").val);
                         return res;
                     }
                 } catch (ex) {
                     console.error(`${name} (ip: ${ip}, mac: ${mac}): ${ex.message}`);
                 }
          
                 return undefined;
             }
          
             function getOnOffTime(isConnected, betriebszeit, lastSeen) {
                 if (isConnected) {
                     return `<span style="color: gray; font-size: ${offlineTextSize}px; line-height: 1.3; font-family: RobotoCondensed-LightItalic;">online seit ${moment.duration(betriebszeit, 'seconds').format(durationFormat, 0)}</span>`
                 } else {
                     let now = moment(new Date());
                     let start = moment(lastSeen);
                     let offlineDuration = (moment.duration(now.diff(start)));
                     return `<span style="color: gray; font-size: ${offlineTextSize}px; line-height: 1.3; font-family: RobotoCondensed-LightItalic;">offline seit ${moment.duration(offlineDuration, 'seconds').format(durationFormat, 0)}</span>`
                 }
             }
          }
          
          // Beim skript start ausführen
          createList();
          
          
          function resetSort() {
             let sortMode = existsState(dpSortMode) ? getState(dpSortMode).val : '';
          
             if (sortResetAfter > 0) {
                 setTimeout(function () {
                     if (existsState(dpSortMode) && sortMode === getState(dpSortMode).val) {
                         setState(dpSortMode, sortReset);
                     }
                 }, sortResetAfter * 1000);
             }
          }
          
          function resetFilter() {
             let filterMode = existsState(dpFilterMode) ? getState(dpFilterMode).val : '';
          
             if (filterResetAfter > 0) {
                 setTimeout(function () {
                     if (existsState(dpFilterMode) && filterMode === getState(dpFilterMode).val) {
                         setState(dpFilterMode, '');
                     }
                 }, filterResetAfter * 1000);
             }
          }
          

          vllt kann es einer gebrauchen? Bitte image/Ordner ändern!!!!!
          Gruß, 🙂

          tobasium cdellasanta 2 Replies Last reply Reply Quote 2
          • tobasium
            tobasium @web4wasch last edited by

            @web4wasch geht bei mir leider nicht. Oder ich habe irgendetwas übersehen

            javascript.0	2020-09-23 19:38:01.163	warn	(30725) at processTimers (internal/timers.js:492:7)
            javascript.0	2020-09-23 19:38:01.162	warn	(30725) at listOnTimeout (internal/timers.js:549:17)
            javascript.0	2020-09-23 19:38:01.162	warn	(30725) at Timeout._onTimeout (/opt/iobroker/node_modules/node-schedule/lib/schedule.js:510:7)
            javascript.0	2020-09-23 19:38:01.162	warn	(30725) at /opt/iobroker/node_modules/node-schedule/lib/schedule.js:552:11
            javascript.0	2020-09-23 19:38:01.162	warn	(30725) at Job.invoke (/opt/iobroker/node_modules/node-schedule/lib/schedule.js:173:10)
            javascript.0	2020-09-23 19:38:01.162	warn	(30725) at Job.job (/opt/iobroker/node_modules/iobroker.javascript/lib/sandbox.js:1273:34)
            javascript.0	2020-09-23 19:38:01.162	warn	(30725) at Object.createList (script.js.Smarthome_Tobi.System.Unifi-Status:110:28)
            javascript.0	2020-09-23 19:38:01.162	warn	(30725) at addToList (script.js.Smarthome_Tobi.System.Unifi-Status:138:33)
            javascript.0	2020-09-23 19:38:01.161	warn	(30725) at isConnected (script.js.Smarthome_Tobi.System.Unifi-Status:338:23)
            javascript.0	2020-09-23 19:38:01.161	warn	(30725) getState "unifi.0.default.clients.fe:71:da:57:ff:1f.is_online" not found (3)
            javascript.0	2020-09-23 19:38:01.160	warn	(30725) at processTimers (internal/timers.js:492:7)
            javascript.0	2020-09-23 19:38:01.160	warn	(30725) at listOnTimeout (internal/timers.js:549:17)
            javascript.0	2020-09-23 19:38:01.160	warn	(30725) at Timeout._onTimeout (/opt/iobroker/node_modules/node-schedule/lib/schedule.js:510:7)
            javascript.0	2020-09-23 19:38:01.160	warn	(30725) at /opt/iobroker/node_modules/node-schedule/lib/schedule.js:552:11
            javascript.0	2020-09-23 19:38:01.160	warn	(30725) at Job.invoke (/opt/iobroker/node_modules/node-schedule/lib/schedule.js:173:10)
            javascript.0	2020-09-23 19:38:01.160	warn	(30725) at Job.job (/opt/iobroker/node_modules/iobroker.javascript/lib/sandbox.js:1273:34)
            javascript.0	2020-09-23 19:38:01.160	warn	(30725) at Object.createList (script.js.Smarthome_Tobi.System.Unifi-Status:101:32)
            javascript.0	2020-09-23 19:38:01.159	warn	(30725) getState "unifi.0.default.devices.null.port_table.port_null.speed" not found (3)
            javascript.0	2020-09-23 19:38:01.159	warn	(30725) at processTimers (internal/timers.js:492:7)
            javascript.0	2020-09-23 19:38:01.159	warn	(30725) at listOnTimeout (internal/timers.js:549:17)
            javascript.0	2020-09-23 19:38:01.158	warn	(30725) at Timeout._onTimeout (/opt/iobroker/node_modules/node-schedule/lib/schedule.js:510:7)
            javascript.0	2020-09-23 19:38:01.158	warn	(30725) at /opt/iobroker/node_modules/node-schedule/lib/schedule.js:552:11
            javascript.0	2020-09-23 19:38:01.158	warn	(30725) at Job.invoke (/opt/iobroker/node_modules/node-schedule/lib/schedule.js:173:10)
            javascript.0	2020-09-23 19:38:01.158	warn	(30725) at Job.job (/opt/iobroker/node_modules/iobroker.javascript/lib/sandbox.js:1273:34)
            javascript.0	2020-09-23 19:38:01.158	warn	(30725) at Object.createList (script.js.Smarthome_Tobi.System.Unifi-Status:101:68)
            javascript.0	2020-09-23 19:38:01.157	warn	(30725) getState "unifi.0.default.clients.fe:71:da:57:ff:1f.sw_mac" not found (3)
            javascript.0	2020-09-23 19:38:01.157	warn	(30725) at processTimers (internal/timers.js:492:7)
            javascript.0	2020-09-23 19:38:01.157	warn	(30725) at listOnTimeout (internal/timers.js:549:17)
            javascript.0	2020-09-23 19:38:01.157	warn	(30725) at Timeout._onTimeout (/opt/iobroker/node_modules/node-schedule/lib/schedule.js:510:7)
            javascript.0	2020-09-23 19:38:01.157	warn	(30725) at /opt/iobroker/node_modules/node-schedule/lib/schedule.js:552:11
            javascript.0	2020-09-23 19:38:01.156	warn	(30725) at Job.invoke (/opt/iobroker/node_modules/node-schedule/lib/schedule.js:173:10)
            javascript.0	2020-09-23 19:38:01.156	warn	(30725) at Job.job (/opt/iobroker/node_modules/iobroker.javascript/lib/sandbox.js:1273:34)
            javascript.0	2020-09-23 19:38:01.156	warn	(30725) at Object.createList (script.js.Smarthome_Tobi.System.Unifi-Status:97:33)
            javascript.0	2020-09-23 19:38:01.155	warn	(30725) getState "unifi.0.default.clients.fe:71:da:57:ff:1f.sw_port" not found (3)
            javascript.0	2020-09-23 19:38:01.155	warn	(30725) at processTimers (internal/timers.js:492:7)
            javascript.0	2020-09-23 19:38:01.155	warn	(30725) at listOnTimeout (internal/timers.js:549:17)
            javascript.0	2020-09-23 19:38:01.155	warn	(30725) at Timeout._onTimeout (/opt/iobroker/node_modules/node-schedule/lib/schedule.js:510:7)
            javascript.0	2020-09-23 19:38:01.155	warn	(30725) at /opt/iobroker/node_modules/node-schedule/lib/schedule.js:552:11
            javascript.0	2020-09-23 19:38:01.155	warn	(30725) at Job.invoke (/opt/iobroker/node_modules/node-schedule/lib/schedule.js:173:10)
            javascript.0	2020-09-23 19:38:01.154	warn	(30725) at Job.job (/opt/iobroker/node_modules/iobroker.javascript/lib/sandbox.js:1273:34)
            javascript.0	2020-09-23 19:38:01.154	warn	(30725) at Object.createList (script.js.Smarthome_Tobi.System.Unifi-Status:77:30)
            javascript.0	2020-09-23 19:38:01.153	warn	(30725) getState "unifi.0.default.clients.fe:71:da:57:ff:1f.is_guest" not found (3)
            javascript.0	2020-09-23 19:38:01.153	debug	(30725) script.js.Smarthome_Tobi.System.Unifi-Status: unifi.0.default.clients.fe:71:da:57:ff:1f
            javascript.0	2020-09-23 19:38:01.151	warn	(30725) at processTimers (internal/timers.js:492:7)
            javascript.0	2020-09-23 19:38:01.151	warn	(30725) at listOnTimeout (internal/timers.js:549:17)
            javascript.0	2020-09-23 19:38:01.151	warn	(30725) at Timeout._onTimeout (/opt/iobroker/node_modules/node-schedule/lib/schedule.js:510:7)
            javascript.0	2020-09-23 19:38:01.151	warn	(30725) at /opt/iobroker/node_modules/node-schedule/lib/schedule.js:552:11
            javascript.0	2020-09-23 19:38:01.151	warn	(30725) at Job.invoke (/opt/iobroker/node_modules/node-schedule/lib/schedule.js:173:10)
            javascript.0	2020-09-23 19:38:01.151	warn	(30725) at Job.job (/opt/iobroker/node_modules/iobroker.javascript/lib/sandbox.js:1273:34)
            javascript.0	2020-09-23 19:38:01.150	warn	(30725) at Object.createList (script.js.Smarthome_Tobi.System.Unifi-Status:119:20)
            javascript.0	2020-09-23 19:38:01.150	warn	(30725) at addToList (script.js.Smarthome_Tobi.System.Unifi-Status:138:33)
            javascript.0	2020-09-23 19:38:01.150	warn	(30725) at isConnected (script.js.Smarthome_Tobi.System.Unifi-Status:338:23)
            javascript.0	2020-09-23 19:38:01.141	warn	(30725) getState "unifi.0.default.clients.fc:a1:83:09:62:25.is_online" not found (3)
            javascript.0	2020-09-23 19:38:01.141	warn	(30725) at processTimers (internal/timers.js:492:7)
            javascript.0	2020-09-23 19:38:01.141	warn	(30725) at listOnTimeout (internal/timers.js:549:17)
            javascript.0	2020-09-23 19:38:01.141	warn	(30725) at Timeout._onTimeout (/opt/iobroker/node_modules/node-schedule/lib/schedule.js:510:7)
            javascript.0	2020-09-23 19:38:01.140	warn	(30725) at /opt/iobroker/node_modules/node-schedule/lib/schedule.js:552:11
            javascript.0	2020-09-23 19:38:01.140	warn	(30725) at Job.invoke (/opt/iobroker/node_modules/node-schedule/lib/schedule.js:173:10)
            javascript.0	2020-09-23 19:38:01.140	warn	(30725) at Job.job (/opt/iobroker/node_modules/iobroker.javascript/lib/sandbox.js:1273:34)
            javascript.0	2020-09-23 19:38:01.140	warn	(30725) at Object.createList (script.js.Smarthome_Tobi.System.Unifi-Status:116:33)
            javascript.0	2020-09-23 19:38:01.139	warn	(30725) getState "unifi.0.default.clients.fc:a1:83:09:62:25.signal" not found (3)
            javascript.0	2020-09-23 19:38:01.139	warn	(30725) at processTimers (internal/timers.js:492:7)
            javascript.0	2020-09-23 19:38:01.139	warn	(30725) at listOnTimeout (internal/timers.js:549:17)
            javascript.0	2020-09-23 19:38:01.139	warn	(30725) at Timeout._onTimeout (/opt/iobroker/node_modules/node-schedule/lib/schedule.js:510:7)
            javascript.0	2020-09-23 19:38:01.138	warn	(30725) at /opt/iobroker/node_modules/node-schedule/lib/schedule.js:552:11
            javascript.0	2020-09-23 19:38:01.138	warn	(30725) at Job.invoke (/opt/iobroker/node_modules/node-schedule/lib/schedule.js:173:10)
            javascript.0	2020-09-23 19:38:01.138	warn	(30725) at Job.job (/opt/iobroker/node_modules/iobroker.javascript/lib/sandbox.js:1273:34)
            javascript.0	2020-09-23 19:38:01.138	warn	(30725) at Object.createList (script.js.Smarthome_Tobi.System.Unifi-Status:77:30)
            javascript.0	2020-09-23 19:38:01.137	warn	(30725) getState "unifi.0.default.clients.fc:a1:83:09:62:25.is_guest" not found (3)
            javascript.0	2020-09-23 19:38:01.135	debug	(30725) script.js.Smarthome_Tobi.System.Unifi-Status: unifi.0.default.clients.fc:a1:83:09:62:25
            javascript.0	2020-09-23 19:38:01.133	warn	(30725) at processTimers (internal/timers.js:492:7)
            javascript.0	2020-09-23 19:38:01.133	warn	(30725) at listOnTimeout (internal/timers.js:549:17)
            javascript.0	2020-09-23 19:38:01.133	warn	(30725) at Timeout._onTimeout (/opt/iobroker/node_modules/node-schedule/lib/schedule.js:510:7)
            javascript.0	2020-09-23 19:38:01.133	warn	(30725) at /opt/iobroker/node_modules/node-schedule/lib/schedule.js:552:11
            javascript.0	2020-09-23 19:38:01.133	warn	(30725) at Job.invoke (/opt/iobroker/node_modules/node-schedule/lib/schedule.js:173:10)
            javascript.0	2020-09-23 19:38:01.133	warn	(30725) at Job.job (/opt/iobroker/node_modules/iobroker.javascript/lib/sandbox.js:1273:34)
            javascript.0	2020-09-23 19:38:01.132	warn	(30725) at Object.createList (script.js.Smarthome_Tobi.System.Unifi-Status:116:33)
            javascript.0	2020-09-23 19:38:01.132	warn	(30725) getState "unifi.0.default.clients.fc:49:2d:3b:3a:89.signal" not found (3)
            javascript.0	2020-09-23 19:38:01.131	warn	(30725) at processTimers (internal/timers.js:492:7)
            javascript.0	2020-09-23 19:38:01.131	warn	(30725) at listOnTimeout (internal/timers.js:549:17)
            javascript.0	2020-09-23 19:38:01.131	warn	(30725) at Timeout._onTimeout (/opt/iobroker/node_modules/node-schedule/lib/schedule.js:510:7)
            javascript.0	2020-09-23 19:38:01.131	warn	(30725) at /opt/iobroker/node_modules/node-schedule/lib/schedule.js:552:11
            javascript.0	2020-09-23 19:38:01.131	warn	(30725) at Job.invoke (/opt/iobroker/node_modules/node-schedule/lib/schedule.js:173:10)
            javascript.0	2020-09-23 19:38:01.131	warn	(30725) at Job.job (/opt/iobroker/node_modules/iobroker.javascript/lib/sandbox.js:1273:34)
            javascript.0	2020-09-23 19:38:01.130	warn	(30725) at Object.createList (script.js.Smarthome_Tobi.System.Unifi-Status:77:30)
            javascript.0	2020-09-23 19:38:01.130	warn	(30725) getState "unifi.0.default.clients.fc:49:2d:3b:3a:89.is_guest" not found (3)
            javascript.0	2020-09-23 19:38:01.129	debug	(30725) script.js.Smarthome_Tobi.System.Unifi-Status: unifi.0.default.clients.fc:49:2d:3b:3a:89
            javascript.0	2020-09-23 19:38:01.127	warn	(30725) at processTimers (internal/timers.js:492:7)
            javascript.0	2020-09-23 19:38:01.127	warn	(30725) at listOnTimeout (internal/timers.js:549:17)
            javascript.0	2020-09-23 19:38:01.127	warn	(30725) at Timeout._onTimeout (/opt/iobroker/node_modules/node-schedule/lib/schedule.js:510:7)
            javascript.0	2020-09-23 19:38:01.127	warn	(30725) at /opt/iobroker/node_modules/node-schedule/lib/schedule.js:552:11
            javascript.0	2020-09-23 19:38:01.127	warn	(30725) at Job.invoke (/opt/iobroker/node_modules/node-schedule/lib/schedule.js:173:10)
            javascript.0	2020-09-23 19:38:01.127	warn	(30725) at Job.job (/opt/iobroker/node_modules/iobroker.javascript/lib/sandbox.js:1273:34)
            javascript.0	2020-09-23 19:38:01.127	warn	(30725) at Object.createList (script.js.Smarthome_Tobi.System.Unifi-Status:110:28)
            javascript.0	2020-09-23 19:38:01.127	warn	(30725) at addToList (script.js.Smarthome_Tobi.System.Unifi-Status:138:33)
            javascript.0	2020-09-23 19:38:01.126	warn	(30725) at isConnected (script.js.Smarthome_Tobi.System.Unifi-Status:338:23)
            javascript.0	2020-09-23 19:38:01.125	warn	(30725) getState "unifi.0.default.clients.f6:90:c9:ce:49:88.is_online" not found (3)
            javascript.0	2020-09-23 19:38:01.125	warn	(30725) at processTimers (internal/timers.js:492:7)
            javascript.0	2020-09-23 19:38:01.125	warn	(30725) at listOnTimeout (internal/timers.js:549:17)
            javascript.0	2020-09-23 19:38:01.125	warn	(30725) at Timeout._onTimeout (/opt/iobroker/node_modules/node-schedule/lib/schedule.js:510:7)
            javascript.0	2020-09-23 19:38:01.125	warn	(30725) at /opt/iobroker/node_modules/node-schedule/lib/schedule.js:552:11
            javascript.0	2020-09-23 19:38:01.125	warn	(30725) at Job.invoke (/opt/iobroker/node_modules/node-schedule/lib/schedule.js:173:10)
            javascript.0	2020-09-23 19:38:01.124	warn	(30725) at Job.job (/opt/iobroker/node_modules/iobroker.javascript/lib/sandbox.js:1273:34)
            javascript.0	2020-09-23 19:38:01.124	warn	(30725) at Object.createList (script.js.Smarthome_Tobi.System.Unifi-Status:101:32)
            javascript.0	2020-09-23 19:38:01.123	warn	(30725) getState "unifi.0.default.devices.null.port_table.port_null.speed" not found (3)
            javascript.0	2020-09-23 19:38:01.123	warn	(30725) at processTimers (internal/timers.js:492:7)
            javascript.0	2020-09-23 19:38:01.123	warn	(30725) at listOnTimeout (internal/timers.js:549:17)
            javascript.0	2020-09-23 19:38:01.123	warn	(30725) at Timeout._onTimeout (/opt/iobroker/node_modules/node-schedule/lib/schedule.js:510:7)
            javascript.0	2020-09-23 19:38:01.123	warn	(30725) at /opt/iobroker/node_modules/node-schedule/lib/schedule.js:552:11
            javascript.0	2020-09-23 19:38:01.123	warn	(30725) at Job.invoke (/opt/iobroker/node_modules/node-schedule/lib/schedule.js:173:10)
            javascript.0	2020-09-23 19:38:01.122	warn	(30725) at Job.job (/opt/iobroker/node_modules/iobroker.javascript/lib/sandbox.js:1273:34)
            javascript.0	2020-09-23 19:38:01.122	warn	(30725) at Object.createList (script.js.Smarthome_Tobi.System.Unifi-Status:101:68)
            javascript.0	2020-09-23 19:38:01.121	warn	(30725) getState "unifi.0.default.clients.f6:90:c9:ce:49:88.sw_mac" not found (3)
            javascript.0	2020-09-23 19:38:01.121	warn	(30725) at processTimers (internal/timers.js:492:7)
            javascript.0	2020-09-23 19:38:01.121	warn	(30725) at listOnTimeout (internal/timers.js:549:17)
            javascript.0	2020-09-23 19:38:01.121	warn	(30725) at Timeout._onTimeout (/opt/iobroker/node_modules/node-schedule/lib/schedule.js:510:7)
            javascript.0	2020-09-23 19:38:01.121	warn	(30725) at /opt/iobroker/node_modules/node-schedule/lib/schedule.js:552:11
            javascript.0	2020-09-23 19:38:01.121	warn	(30725) at Job.invoke (/opt/iobroker/node_modules/node-schedule/lib/schedule.js:173:10)
            javascript.0	2020-09-23 19:38:01.120	warn	(30725) at Job.job (/opt/iobroker/node_modules/iobroker.javascript/lib/sandbox.js:1273:34)
            javascript.0	2020-09-23 19:38:01.120	warn	(30725) at Object.createList (script.js.Smarthome_Tobi.System.Unifi-Status:97:33)
            javascript.0	2020-09-23 19:38:01.119	warn	(30725) getState "unifi.0.default.clients.f6:90:c9:ce:49:88.sw_port" not found (3)
            javascript.0	2020-09-23 19:38:01.119	warn	(30725) at processTimers (internal/timers.js:492:7)
            javascript.0	2020-09-23 19:38:01.119	warn	(30725) at listOnTimeout (internal/timers.js:549:17)
            javascript.0	2020-09-23 19:38:01.119	warn	(30725) at Timeout._onTimeout (/opt/iobroker/node_modules/node-schedule/lib/schedule.js:510:7)
            javascript.0	2020-09-23 19:38:01.118	warn	(30725) at /opt/iobroker/node_modules/node-schedule/lib/schedule.js:552:11
            javascript.0	2020-09-23 19:38:01.118	warn	(30725) at Job.invoke (/opt/iobroker/node_modules/node-schedule/lib/schedule.js:173:10)
            javascript.0	2020-09-23 19:38:01.118	warn	(30725) at Job.job (/opt/iobroker/node_modules/iobroker.javascript/lib/sandbox.js:1273:34)
            javascript.0	2020-09-23 19:38:01.118	warn	(30725) at Object.createList (script.js.Smarthome_Tobi.System.Unifi-Status:77:30)
            javascript.0	2020-09-23 19:38:01.117	warn	(30725) getState "unifi.0.default.clients.f6:90:c9:ce:49:88.is_guest" not found (3)
            javascript.0	2020-09-23 19:38:01.117	debug	(30725) script.js.Smarthome_Tobi.System.Unifi-Status: unifi.0.default.clients.f6:90:c9:ce:49:88
            javascript.0	2020-09-23 19:38:01.115	warn	(30725) at processTimers (internal/timers.js:492:7)
            javascript.0	2020-09-23 19:38:01.115	warn	(30725) at listOnTimeout (internal/timers.js:549:17)
            javascript.0	2020-09-23 19:38:01.115	warn	(30725) at Timeout._onTimeout (/opt/iobroker/node_modules/node-schedule/lib/schedule.js:510:7)
            javascript.0	2020-09-23 19:38:01.115	warn	(30725) at /opt/iobroker/node_modules/node-schedule/lib/schedule.js:552:11
            javascript.0	2020-09-23 19:38:01.114	warn	(30725) at Job.invoke (/opt/iobroker/node_modules/node-schedule/lib/schedule.js:173:10)
            javascript.0	2020-09-23 19:38:01.114	warn	(30725) at Job.job (/opt/iobroker/node_modules/iobroker.javascript/lib/sandbox.js:1273:34)
            javascript.0	2020-09-23 19:38:01.114	warn	(30725) at Object.createList (script.js.Smarthome_Tobi.System.Unifi-Status:119:20)
            javascript.0	2020-09-23 19:38:01.114	warn	(30725) at addToList (script.js.Smarthome_Tobi.System.Unifi-Status:138:33)
            javascript.0	2020-09-23 19:38:01.114	warn	(30725) at isConnected (script.js.Smarthome_Tobi.System.Unifi-Status:338:23)
            javascript.0	2020-09-23 19:38:01.113	warn	(30725) getState "unifi.0.default.clients.f4:cf:a2:11:43:b0.is_online" not found (3)
            javascript.0	2020-09-23 19:38:01.113	warn	(30725) at processTimers (internal/timers.js:492:7)
            javascript.0	2020-09-23 19:38:01.113	warn	(30725) at listOnTimeout (internal/timers.js:549:17)
            javascript.0	2020-09-23 19:38:01.113	warn	(30725) at Timeout._onTimeout (/opt/iobroker/node_modules/node-schedule/lib/schedule.js:510:7)
            javascript.0	2020-09-23 19:38:01.112	warn	(30725) at /opt/iobroker/node_modules/node-schedule/lib/schedule.js:552:11
            javascript.0	2020-09-23 19:38:01.112	warn	(30725) at Job.invoke (/opt/iobroker/node_modules/node-schedule/lib/schedule.js:173:10)
            javascript.0	2020-09-23 19:38:01.112	warn	(30725) at Job.job (/opt/iobroker/node_modules/iobroker.javascript/lib/sandbox.js:1273:34)
            javascript.0	2020-09-23 19:38:01.112	warn	(30725) at Object.createList (script.js.Smarthome_Tobi.System.Unifi-Status:116:33)
            javascript.0	2020-09-23 19:38:01.111	warn	(30725) getState "unifi.0.default.clients.f4:cf:a2:11:43:b0.signal" not found (3)
            javascript.0	2020-09-23 19:38:01.111	warn	(30725) at processTimers (internal/timers.js:492:7)
            javascript.0	2020-09-23 19:38:01.111	warn	(30725) at listOnTimeout (internal/timers.js:549:17)
            javascript.0	2020-09-23 19:38:01.111	warn	(30725) at Timeout._onTimeout (/opt/iobroker/node_modules/node-schedule/lib/schedule.js:510:7)
            javascript.0	2020-09-23 19:38:01.110	warn	(30725) at /opt/iobroker/node_modules/node-schedule/lib/schedule.js:552:11
            javascript.0	2020-09-23 19:38:01.110	warn	(30725) at Job.invoke (/opt/iobroker/node_modules/node-schedule/lib/schedule.js:173:10)
            javascript.0	2020-09-23 19:38:01.110	warn	(30725) at Job.job (/opt/iobroker/node_modules/iobroker.javascript/lib/sandbox.js:1273:34)
            javascript.0	2020-09-23 19:38:01.110	warn	(30725) at Object.createList (script.js.Smarthome_Tobi.System.Unifi-Status:77:30)
            javascript.0	2020-09-23 19:38:01.109	warn	(30725) getState "unifi.0.default.clients.f4:cf:a2:11:43:b0.is_guest" not found (3)
            javascript.0	2020-09-23 19:38:01.109	debug	(30725) script.js.Smarthome_Tobi.System.Unifi-Status: unifi.0.default.clients.f4:cf:a2:11:43:b0
            
            Feuersturm 1 Reply Last reply Reply Quote 0
            • Feuersturm
              Feuersturm @tobasium last edited by

              @tobasium Hi, ich bin auch gerade dabei die View mit dem überarbeiteten Skript von @web4wasch in Betrieb zu nehmen.
              Hast du in der Unifi Instanz die Werte ausgewählt, welche in diesem Beitrag https://forum.iobroker.net/topic/30875/material-design-widgets-unifi-netzwerk-status/30 genannt werden (siehe angehängtes Dokument)?

              Dein Log sagt, dass er Datenpunkte wie unter anderem *.is_guest oder *.signal nicht findet. Dies musst in der Unifi Instanz im Reiter "Clients" auswählen.

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

                Danke @Scrounger und @web4wasch für die View und das tolle Skript. Konnte es auch gerade erfolgreich mit Unifi 0.5.8 in Betrieb nehmen 😊

                1 Reply Last reply Reply Quote 0
                • cdellasanta
                  cdellasanta Developer @web4wasch last edited by cdellasanta

                  Vielen Dank an @Scrounger & @web4wasch

                  Ich bin neu in der ioBroker Welt, und mache die ersten Schritte in der Eientwicklung meine persönliche Server.
                  Ich bin in der Phase .. "Dass währe auch noch Cool" .. und habe sehr viele Ideen im Kopf ... ich habe jetzt Material Design Widgets entdeckt, und habe dieses als erstes kleinen Projekt zu realisieren genommen.

                  Nach den ersten erfolgreiche Inbetriebnahme, habe mich den Zeit genommen es für meine Zwecke anzupassen und erweitern.

                  Ich habe jetzt folgendes gemacht:

                  • Ganze Code in englisch übersetzt (Kommentare und Variablen)
                  • Code cleanup und uniformiert
                  • Mehrsprachigkeit implementiert (EDIT: alle Sprachen dank https://translator.iobroker.in/)
                  • Automatische Erstellung der Datenpunkte
                  • Einsetzen von moment.fromNow() für die on/off Zeit Darstellung (anstatt die moment-duration-format library)
                  • Zusätzliche/optionale View für die Darstellung der "links" in einen iFrame (statt neue Fenster)

                  So sieht bei mir jetz aus:
                  ef158611-2a94-46bf-8159-56c0b3fd83e8-image.png583e1584-3c53-4f66-b220-b261dd5536a2-image.png

                  Bei der Notes im UniFi Controller habe ich zusätzlich "icon" konfiguriert, z.B.:

                  {
                      "link": "http://lounge-lights.dsnet.me",
                      "image": "shelly_light",
                      "icon": "floor-lamp"
                  }
                  

                  Hier den angepassten Skript und Views:

                  Code (ich nenne es unifi-list) :

                  /**
                  * Listings for UniFi devices (to use with Material Design Widgets)
                  *
                  * Requirements:
                  *  - UniFi controller running on your network
                  *  - UniFi ioBroker adapter >= 0.5.8 (https://www.npmjs.com/package/iobroker.unifi)
                  *  - Libraries on ioBroker: cd /opt/iobroker && npm install mathjs moment
                  *  - Some programming skills
                  *
                  * @license http://www.opensource.org/licenses/mit-license.html  MIT License
                  * @author  Scrounger <Scrounger@gmx.net>
                  * @author  web4wasch @WEB4WASCH
                  * @author  cdellasanta <70055566+cdellasanta@users.noreply.github.com>
                  * @link    https://forum.iobroker.net/topic/30875/material-design-widgets-unifi-netzwerk-status
                  */
                  
                  // Script configuration
                  const statePrefix = '0_userdata.0.vis.unifiNetworkState'; // If you need compatibility with original script/view, set '0_userdata.0.vis.NetzwerkDevicesStatus'
                  const locale = 'it'; // On change make sure you drop all states (delete statePrefix directory)
                  
                  const lastDays = 7;       // Show devices that have been seen in the network within the last X days
                  const updateInterval = 1; // Lists update interval in minutes (modulo on current minutes, therefore more than 30 means once per hour, more than 60 means never)
                  
                  const imagePath = '/vis.0/images/unifi/'; // Path for images
                  const sortReset = 'name';                 // Value for default and reset sort
                  const sortResetAfter = 120;               // Reset sort value after X seconds (0=disabled)
                  const filterResetAfter = 120;             // Reset filter after X seconds (0=disabled)
                  
                  // New/Optional: display links into a separate view, instead of new navigation window (set false to disable this feature)
                  // If set, two additional states are registered:
                  //  - The selected link: to be displayed in an iFrame
                  //  - The list of devices having a link: to be used in jsonList materials design. List is an array of following elements:
                  //    {name: <(string) device name>, value: <(string) the link URL>, icon: <(string) see https://materialdesignicons.com>}
                  const devicesView = {currentViewState: '0_userdata.0.vis.currentView', devicesViewKey: 1};
                  
                  const speedIconSize = 20;
                  const speedTextSize = 14;
                  const trafficIconSize = 14;
                  const trafficTextSize = 14;
                  const experienceIconSize = 20;
                  const experienceTextSize = 14;
                  const offlineTextSize = 14;
                  
                  // **********************************************************************************************************************************************************************
                  const mathjs = require('mathjs');
                  const moment = require('moment');
                  
                  // States
                  const listState = statePrefix + '.jsonList';
                  const sortModeState = statePrefix + '.sortMode';
                  const filterModeState = statePrefix + '.filterMode';
                  const sortersListState = statePrefix + '.sortersJsonList';
                  const filtersListState = statePrefix + '.filtersJsonList';
                  const translationsState = statePrefix + '.translations';
                  const linksListState = statePrefix + '.linksJsonList';
                  const viewUrlState = statePrefix + '.selectedUrl';
                  
                  // Sates are registered automatically if prefix directory does not exists (delete directory to recreate them)
                  setup();
                  
                  // Create lists on script startup
                  createList();
                  
                  // Refresh lists every updateInterval minutes
                  schedule('*/' + updateInterval + ' * * * *', createList);
                  
                  // Change on sort mode triggers list generation and reset of sort-timer-reset
                  on({id: sortModeState, change: 'any'}, () => { createList(); resetSortTimer(); });
                  
                  // Change on filter mode triggers list generation and reset of filter-timer-reset
                  on({id: filterModeState, change: 'any'}, () => { createList(); resetFilterTimer(); });
                  
                  if (devicesView) {
                     // On selected device change, go to "Devices" view
                     on({id: viewUrlState, change: 'any'}, () => { setState(devicesView.currentViewState, devicesView.devicesViewKey); });
                  }
                  
                  function createList() {
                     try {
                         let devices = $('[id=unifi.0.default.clients.*.mac]'); // Query every time function is called (for new devices)
                         let deviceList = [];
                  
                         for (var i = 0; i <= devices.length - 1; i++) {
                             let idDevice = devices[i].replace('.mac', '');
                             let isWired = getState(idDevice + '.is_wired').val;
                             let lastSeen = new Date(getState(idDevice + '.last_seen').val);
                  
                             if (isInRange(lastSeen)) {
                                 // Values for both WLAN and LAN
                                 let isConnected = getState(idDevice + '.is_online').val;
                                 let ip = existsState(idDevice + '.ip') ? getState(idDevice + '.ip').val : '';
                                 let mac = idDevice;
                                 let name = getName(idDevice, ip, mac);
                                 let isGuest = getState(idDevice + '.is_guest').val;
                                 let experience = (existsState(idDevice + '.satisfaction') && isConnected) ? (getState(idDevice + '.satisfaction').val || 100) : 0; // For LAN devices I got null as expirience .. file a bug?
                                 let note = parseNote(idDevice, name, mac, ip);
                                 let icon = (note && note.icon) || '';
                  
                                 let listType = 'text';
                                 let buttonLink = '';
                                 setLink();
                  
                                 // Variables for values that are fetched differntly depending on device wireing
                                 let receivedRaw = getTraffic(isWired, idDevice)
                                 let received = formatTraffic(receivedRaw).replace('.', ',');
                                 let sentRaw = getTraffic(isWired, idDevice, true);
                                 let sent = formatTraffic(sentRaw).replace('.', ',');
                  
                                 let speed = '';
                                 let uptime = 0;
                                 let image = '';
                                 let wlanSignal = '';
                  
                                 if (isWired) {
                                     let swPort = getState(idDevice + '.sw_port').val;
                  
                                     // Do not consider fiber ports
                                     if (swPort > 24) {
                                         continue; // Skip add
                                     }
                  
                                     speed = getState(`unifi.0.default.devices.${getState(idDevice + '.sw_mac').val}.port_table.port_${swPort}.speed`).val;
                                     uptime = getState(idDevice + '.uptime_by_usw').val;
                                     image = (note && note.image) ? `${imagePath}${note.image}.png` : `${imagePath}lan_noImage.png`
                                 } else {
                                     speed = existsState(idDevice + '.channel') ? (getState(idDevice + '.channel').val > 13) ? '5G' : '2G' : '';
                                     uptime = getState(idDevice + '.uptime').val;
                                     wlanSignal = getState(idDevice + '.signal').val;
                                     image = (note && note.image) ? `${imagePath}${note.image}.png` : `${imagePath}wlan_noImage.png`
                                 }
                  
                                 addToList();
                  
                                 function setLink() {
                                     if (note && note.link) {
                                         listType = 'buttonLink';
                  
                                         if (note.link === 'http') {
                                             buttonLink = `http://${ip}`;
                                         } else if (note.link === 'https') {
                                             buttonLink = `https://${ip}`;
                                         } else {
                                             buttonLink = note.link;
                                         }
                                     }
                                 }
                  
                                 function addToList() {
                                     let statusBarColor = isConnected ? 'green' : 'FireBrick';
                                     let text = isGuest ? `<span class="mdi mdi-account-box" style="color: #ff9800;"> ${name}</span>` : name;
                                     let speedElement = '';
                  
                                     if (speed === 1000 || speed === 100) {
                                         speedElement = `<div style="display: flex; flex: 1; text-align: left; align-items: center; position: relative;">
                                                            ${getLanSpeed(speed, speedIconSize, isConnected)}
                                                            <span style="color: gray; font-family: RobotoCondensed-LightItalic; font-size: ${speedTextSize}px; margin-left: 4px;">${speed.toString().replace('1000', '1.000')} MBit/s</span>
                                                        </div>`
                                     } else {
                                         speedElement = `<div style="display: flex; flex: 1; text-align: left; align-items: center; position: relative;">
                                                            ${getWifiStrength(wlanSignal, speedIconSize, isConnected)}
                                                            <span style="color: gray; font-family: RobotoCondensed-LightItalic; font-size: ${speedTextSize}px; margin-left: 4px;">${speed}</span>
                                                        </div>`;
                                     }
                  
                                     let receivedElement = `<span class="mdi mdi-arrow-down" style="font-size: ${trafficIconSize}px; color: #44739e;"></span><span style="color: gray; font-family: RobotoCondensed-LightItalic; font-size: ${trafficTextSize}px; margin-left: 2px; margin-right: 4px">${received}</span>`
                                     let sentElement = `<span class="mdi mdi-arrow-up" style="font-size: ${trafficIconSize}px; color: #44739e;"></span><span style="color: gray; font-family: RobotoCondensed-LightItalic; font-size: ${trafficTextSize}px; margin-left: 2px;">${sent}</span>`
                  
                                     let experienceElement = `<div style="display: flex; margin-left: 8px; align-items: center;">${getExperience(experience, experienceIconSize, isConnected)}<span style="color: gray; font-family: RobotoCondensed-LightItalic; font-size: ${experienceTextSize}px; margin-left: 4px;">${experience} %</span></div>`
                  
                                     let subText = `
                                                ${ip}
                                                <div style="display: flex; flex-direction: row; padding-left: 8px; padding-right: 8px; align-items: center; justify-content: center;">
                                                    ${getOnOffTime(isConnected, uptime, lastSeen)}
                                                </div>
                                                <div style="display: flex; flex-direction: row; padding-left: 8px; padding-right: 8px; margin-top: 10px; align-items: center;">
                                                    ${speedElement}${receivedElement}${sentElement}${experienceElement}
                                                </div>
                                                `
                  
                                     deviceList.push({
                                         text: text,
                                         subText: subText,
                                         listType: listType,
                                         buttonLink: buttonLink,
                                         image: image,
                                         icon: icon,
                                         statusBarColor: statusBarColor,
                                         name: name,
                                         ip: ip,
                                         connected: isConnected,
                                         received: receivedRaw,
                                         sent: sentRaw,
                                         experience: experience,
                                         uptime: uptime,
                                         isWired: isWired
                                     });
                                 }
                             }
                         }
                  
                         // Sorting
                         let sortMode = existsState(sortModeState) ? getState(sortModeState).val : '';
                  
                         if (sortMode === 'name') {
                             deviceList.sort(function (a, b) {
                                 return a[sortMode].toLowerCase() == b[sortMode].toLowerCase() ? 0 : +(a[sortMode].toLowerCase() > b[sortMode].toLowerCase()) || -1;
                             });
                         } else if (sortMode === 'ip') {
                             deviceList.sort(function (a, b) {
                                 return a[sortMode].split('.')[0] - b[sortMode].split('.')[0] || a[sortMode].split('.')[1] - b[sortMode].split('.')[1] || a[sortMode].split('.')[2] - b[sortMode].split('.')[2] || a[sortMode].split('.')[3] - b[sortMode].split('.')[3]
                             });
                         } else if (sortMode === 'connected' || sortMode === 'received' || sortMode === 'sent' || sortMode === 'experience' || sortMode === 'uptime') {
                             deviceList.sort(function (a, b) {
                                 return a[sortMode] == b[sortMode] ? 0 : +(a[sortMode] < b[sortMode]) || -1;
                             });
                         } else {
                             sortMode = 'name' // Default order by name
                             deviceList.sort(function (a, b) {
                                 return a[sortMode].toLowerCase() == b[sortMode].toLowerCase() ? 0 : +(a[sortMode].toLowerCase() > b[sortMode].toLowerCase()) || -1;
                             });
                         }
                  
                         if (devicesView) {
                             // Create links list (before filtering)
                             let linkList = [];
                  
                             deviceList.forEach(obj => {
                                 if (obj.listType === 'buttonLink') {
                                     linkList.push({
                                         text: obj.name, /** @todo Add some props (connected, ip, recived, sent, expirience, ...)? */
                                         value: obj.buttonLink,
                                         icon: obj.icon
                                     });
                  
                                     // Change behaviour to buttonState, a listener on the state change on objectId will trigger the jump to that view
                                     obj['listType'] = 'buttonState';
                                     obj['objectId'] = viewUrlState;
                                     obj['showValueLabel'] = false;
                                     obj['buttonStateValue'] = obj.buttonLink,
                                         delete obj['buttonLink'];
                                 }
                             });
                  
                             let linkListString = JSON.stringify(linkList);
                  
                             if (existsState(linksListState) && getState(linksListState).val !== linkListString) {
                                 setState(linksListState, linkListString, true);
                             }
                         }
                  
                         // Filtering
                         let filterMode = existsState(filterModeState) ? getState(filterModeState).val : '';
                  
                         if (filterMode && filterMode !== '') {
                             if (filterMode === 'connected') {
                                 deviceList = deviceList.filter(item => item.connected);
                             } else if (filterMode === 'disconnected') {
                                 deviceList = deviceList.filter(item => !item.connected);
                             } else if (filterMode === 'lan') {
                                 deviceList = deviceList.filter(item => item.isWired);
                             } else if (filterMode === 'wlan') {
                                 deviceList = deviceList.filter(item => !item.isWired);
                             }
                         }
                  
                         let result = JSON.stringify(deviceList);
                  
                         if (existsState(listState) && getState(listState).val !== result) {
                             setState(listState, result, true);
                         }
                     } catch (err) {
                         console.error(`[createList] error: ${err.message}`);
                         console.error(`[createList] stack: ${err.stack}`);
                     }
                  
                     // Functions **************************************************************************************************************************************
                     function getTraffic(isWired, idDevice, isSent = false) {
                         if (!isSent) {
                             // Received
                             if (isWired) {
                                 if (existsState(idDevice + '.wired-tx_bytes')) {
                                     return getState(idDevice + '.wired-tx_bytes').val;
                                 }
                             } else {
                                 if (existsState(idDevice + '.tx_bytes')) {
                                     return getState(idDevice + '.tx_bytes').val;
                                 }
                             }
                         } else {
                             // Sent
                             if (isWired) {
                                 if (existsState(idDevice + '.wired-rx_bytes')) {
                                     return getState(idDevice + '.wired-rx_bytes').val;
                                 }
                             } else {
                                 if (existsState(idDevice + '.rx_bytes')) {
                                     return getState(idDevice + '.rx_bytes').val;
                                 }
                             }
                         }
                  
                         return 0;
                     }
                  
                     function formatTraffic(traffic) {
                         if (traffic > 0) {
                             traffic = parseFloat(traffic) / 1048576;
                             if (traffic < 100) {
                                 return `${mathjs.round(traffic, 0)} MB`
                             } else {
                                 return `${mathjs.round(traffic / 1024, 2)} GB`
                             }
                         }
                  
                         return 'N/A';
                     }
                  
                     function getName(idDevice, ip, mac) {
                         let deviceName = '';
                  
                         if (existsState(idDevice + '.name')) {
                             deviceName = getState(idDevice + '.name').val;
                         }
                  
                         if (deviceName === null || deviceName === undefined || deviceName === '') {
                             if (existsState(idDevice + '.hostname')) {
                                 deviceName = getState(idDevice + '.hostname').val;
                             }
                         }
                  
                         if (deviceName === null || deviceName === undefined || deviceName === '') {
                             if (ip !== null && ip !== undefined && ip !== '') {
                                 deviceName = ip;
                             } else {
                                 deviceName = mac;
                             }
                         }
                  
                         return deviceName;
                     }
                  
                     function isInRange(lastSeen) {
                         let diff = new Date().getTime() - lastSeen.getTime() * 1000;
                  
                         return (diff < lastDays * 86400 * 1000) ? true : false;
                     }
                  
                     function getWifiStrength(signal, size, isConnected) {
                         if (!isConnected) {
                             return `<span class="mdi mdi-wifi-off" style="color: gray; font-size: ${size}px"></span>`
                         }
                  
                         if (signal < -70) {
                             return `<span class="mdi mdi-signal-cellular-1" style="color: FireBrick; font-size: ${size}px"></span>`
                         } else if (signal >= -70 && signal < -55) {
                             return `<span class="mdi mdi-signal-cellular-2" style="color: #ff9800; font-size: ${size}px"></span>`
                         } else {
                             return `<span class="mdi mdi-signal-cellular-3" style="color: green; font-size: ${size}px"></span>`
                         }
                     }
                  
                     function getLanSpeed(speed, size, isConnected) {
                         if (!isConnected) {
                             return `<span class="mdi mdi-network-off" style="color: gray; font-size: ${size}px;"></span>`
                         }
                  
                         if (speed === 1000) {
                             return `<span class="mdi mdi-network" style="color: green; font-size: ${size}px;"></span>`
                         } else {
                             return `<span class="mdi mdi-network" style="color: #ff9800; font-size: ${size}px;"></span>`
                         }
                     }
                  
                     function getExperience(experience, size, isConnected) {
                         if (!isConnected) {
                             return `<span class="mdi mdi-speedometer" style="color: gray; font-size: ${size}px;"></span>`
                         }
                  
                         if (experience >= 70) {
                             return `<span class="mdi mdi-speedometer" style="color: green; font-size: ${size}px;"></span>`
                         } else if (experience < 70 && experience >= 40) {
                             return `<span class="mdi mdi-speedometer-medium" style="color: #ff9800; font-size: ${size}px;"></span>`
                         } else {
                             return `<span class="mdi mdi-speedometer-slow" style="color: FireBrick; font-size: ${size}px;"></span>`
                         }
                     }
                  
                     function parseNote(idDevice, name, mac, ip) {
                         try {
                             if (existsState(idDevice + '.note')) {
                                 return JSON.parse(getState(idDevice + '.note').val);
                             }
                         } catch (ex) {
                             console.error(`${name} (ip: ${ip}, mac: ${mac}): ${ex.message}`);
                         }
                  
                         return undefined;
                     }
                  
                     function getOnOffTime(isConnected, uptime, lastSeen) {
                         if (isConnected) {
                             return `<span style="color: gray; font-size: ${offlineTextSize}px; line-height: 1.3; font-family: RobotoCondensed-LightItalic;">online ${moment().subtract(uptime, 's').fromNow()}</span>`
                         } else {
                             return `<span style="color: gray; font-size: ${offlineTextSize}px; line-height: 1.3; font-family: RobotoCondensed-LightItalic;">offline ${moment(lastSeen).fromNow()}</span>`
                         }
                     }
                  }
                  
                  function resetSortTimer() {
                     let sortMode = existsState(sortModeState) ? getState(sortModeState).val : '';
                  
                     if (sortResetAfter > 0) {
                         setTimeout(() => {
                             if (existsState(sortModeState) && sortMode === getState(sortModeState).val) {
                                 setState(sortModeState, sortReset);
                             }
                         }, sortResetAfter * 1000);
                     }
                  }
                  
                  function resetFilterTimer() {
                     let filterMode = existsState(filterModeState) ? getState(filterModeState).val : '';
                  
                     if (filterResetAfter > 0) {
                         setTimeout(() => {
                             if (existsState(filterModeState) && filterMode === getState(filterModeState).val) {
                                 setState(filterModeState, '');
                             }
                         }, filterResetAfter * 1000);
                     }
                  }
                  
                  function setup() {
                     const translationMap = {
                         // Sort items
                        'Name': {de: 'Name', ru: 'имя', pt: 'Nome', nl: 'Naam', fr: 'Nom', it: 'Nome', es: 'Nombre', pl: 'Nazwa','zh-cn': '名称'},
                        'IP address': {de: 'IP Adresse', ru: 'Aйпи адрес', pt: 'Endereço de IP', nl: 'IP adres', fr: 'Adresse IP', it: 'Indirizzo IP', es: 'Dirección IP', pl: 'Adres IP','zh-cn': 'IP地址'},
                        'Connected': {de: 'Verbunden', ru: 'Связано', pt: 'Conectado', nl: 'Verbonden', fr: 'Connecté', it: 'Collegato', es: 'Conectado', pl: 'Połączony','zh-cn': '连接的'},
                        'Received data': {de: 'Daten empfangen', ru: 'Полученные данные', pt: 'Dados recebidos', nl: 'Ontvangen data', fr: 'Données reçues', it: 'Dati ricevuti', es: 'Datos recibidos', pl: 'Otrzymane dane','zh-cn': '收到资料'},
                        'Sent data': {de: 'Daten gesendet', ru: 'Отправленные данные', pt: 'Dados enviados', nl: 'Verzonden gegevens', fr: 'Données envoyées', it: 'Dati inviati', es: 'Datos enviados', pl: 'Wysłane dane','zh-cn': '发送数据'},
                        'Experience': {de: 'Erlebnis', ru: 'Опыт', pt: 'Experiência', nl: 'Ervaring', fr: 'Expérience', it: 'Esperienza', es: 'Experiencia', pl: 'Doświadczenie','zh-cn': '经验'},
                        'Uptime': {de: 'Betriebszeit', ru: 'Время безотказной работы', pt: 'Tempo de atividade', nl: 'Uptime', fr: 'Disponibilité', it: 'Disponibilità', es: 'Tiempo de actividad', pl: 'Dostępność','zh-cn': '正常运行时间'},
                         // Filter Items
                        'connected': {de: 'verbunden', ru: 'связано', pt: 'conectado', nl: 'verbonden', fr: 'connecté', it: 'collegato', es: 'conectado', pl: 'połączony','zh-cn': '连接的'},
                        'disconnected': {de: 'nicht verbunden', ru: 'отключен', pt: 'desconectado', nl: 'losgekoppeld', fr: 'débranché', it: 'disconnesso', es: 'desconectado', pl: 'niepowiązany','zh-cn': '断开连接'},
                        'LAN connection': {de: 'LAN Verbindungen', ru: 'подключение по локальной сети', pt: 'conexão LAN', nl: 'lAN-verbinding', fr: 'connexion LAN', it: 'connessione LAN', es: 'coneccion LAN', pl: 'Połączenie LAN','zh-cn': '局域网连接'},
                        'WLAN connection': {de: 'WLAN Verbindungen', ru: 'Соединение WLAN', pt: 'Conexão WLAN', nl: 'WLAN-verbinding', fr: 'Connexion WLAN', it: 'Connessione WLAN', es: 'Conexión WLAN', pl: 'Połączenie WLAN','zh-cn': 'WLAN连接'},
                         // Additional view translations
                        'Sort by': {de: 'Sortieren nach', ru: 'Сортировать по', pt: 'Ordenar por', nl: 'Sorteer op', fr: 'Trier par', it: 'Ordina per', es: 'Ordenar por', pl: 'Sortuj według', 'zh-cn': '排序方式'},
                        'Filter by': {de: 'Filtern nach', ru: 'Сортировать по', pt: 'Filtrar por', nl: 'Filteren op', fr: 'Filtrer par', it: 'Filtra per', es: 'Filtrado por', pl: 'Filtruj według','zh-cn': '过滤'},
                        'Device': {de: 'Gerät', ru: 'Устройство', pt: 'Dispositivo', nl: 'Apparaat', fr: 'Dispositif', it: 'Dispositivo', es: 'Dispositivo', pl: 'Urządzenie','zh-cn': '设备'},
                         // Relative times
                        'in %s': {de: 'in %s', ru: 'через %s', pt: 'em %s', nl: 'in %s', fr: 'en %s', it: 'in %s', es: 'en %s', pl: 'w %s','zh-cn': '在%s中'},
                        'since %s': {de: 'seit %s', ru: 'поскольку %s', pt: 'desde %s', nl: 'sinds %s', fr: 'depuis %s', it: 'da %s', es: 'desde %s', pl: 'od %s','zh-cn': '自%s'},
                        'a few seconds': {de: 'ein paar Sekunden', ru: 'несколько секунд', pt: 'alguns segundos', nl: 'een paar seconden', fr: 'quelques secondes', it: 'pochi secondi', es: 'unos pocos segundos', pl: 'kilka sekund','zh-cn': '几秒钟'},
                        '%d seconds': {de: '%d Sekunden', ru: '%d секунд', pt: '%d segundos', nl: '%d seconden', fr: '%d secondes', it: '%d secondi', es: '%d segundos', pl: '%d sekund','zh-cn': '%d秒'},
                        'a minute': {de: 'eine Minute', ru: 'минута', pt: 'um minuto', nl: 'een minuut', fr: 'une minute', it: 'un minuto', es: 'un minuto', pl: 'minutę','zh-cn': '一分钟'},
                        '%d minutes': {de: '%d Minuten', ru: '%d минут', pt: '%d minutos', nl: '%d minuten', fr: '%d minutes', it: '%d minuti', es: '%d minutos', pl: '%d minut','zh-cn': '%d分钟'},
                        'an hour': {de: 'eine Stunde', ru: 'час', pt: 'uma hora', nl: 'een uur', fr: 'une heure', it: 'un\'ora', es: 'una hora', pl: 'godzina','zh-cn': '一小时'},
                        '%d hours': {de: '%d Stunden', ru: '%d часов', pt: '%d horas', nl: '%d uur', fr: '%d heures', it: '%d ore', es: '%d horas', pl: '%d godzin','zh-cn': '%d小时'},
                        'a day': {de: 'ein Tag', ru: 'день', pt: 'um dia', nl: 'een dag', fr: 'un jour', it: 'un giorno', es: 'un día', pl: 'dzień','zh-cn': '一天'},
                        '%d days': {de: '%d Tage', ru: '%d дней', pt: '%d dias', nl: '%d dagen', fr: '%d jours', it: '%d giorni', es: '%d días', pl: '%d dni','zh-cn': '%d天'},
                        'a week': {de: 'eine Woche', ru: 'неделя', pt: 'uma semana', nl: 'een week', fr: 'une semaine', it: 'una settimana', es: 'una semana', pl: 'tydzień','zh-cn': '一周'},
                        '%d weeks': {de: '%d Wochen', ru: '%d недель', pt: '%d semanas', nl: '%d weken', fr: '%d semaines', it: '%d settimane', es: '%d semanas', pl: '%d tygodni','zh-cn': '%d周'},
                        'a month': {de: 'ein Monat', ru: 'месяц', pt: 'um mês', nl: 'een maand', fr: 'un mois', it: 'un mese', es: 'un mes', pl: 'miesiąc','zh-cn': '一个月'},
                        '%d months': {de: '%d Monate', ru: '%d месяцев', pt: '%d meses', nl: '%d maanden', fr: '%d mois', it: '%d mesi', es: '%d meses', pl: '%d miesięcy','zh-cn': '%d个月'},
                        'a year': {de: 'ein Jahr', ru: 'год', pt: 'um ano', nl: 'een jaar', fr: 'une année', it: 'un anno', es: 'un año', pl: 'rok','zh-cn': '一年'},
                        '%d years': {de: '%d Jahre', ru: '%d лет', pt: '%d anos', nl: '%d jaar', fr: '%d années', it: '%d anni', es: '%d años', pl: '%d lat','zh-cn': '%d年'}
                     };
                     const translate = enText => (translationMap[enText] || {})[locale] || enText;
                  
                     moment.locale(locale);
                     moment.updateLocale(locale, {
                         relativeTime: {
                             future: translate('in %s'),
                             past: translate('since %s'), // Default for past is '%s ago'
                             s: translate('a few seconds'),
                             ss: translate('%d seconds'),
                             m: translate('a minute'),
                             mm: translate('%d minutes'),
                             h: translate('an hour'),
                             hh: translate('%d hours'),
                             d: translate('a day'),
                             dd: translate('%d days'),
                             w: translate('a week'),
                             ww: translate('%d weeks'),
                             M: translate('a month'),
                             MM: translate('%d months'),
                             y: translate('a year'),
                             yy: translate('%d years')
                         }
                     });
                  
                     // Create states
                     if (!existsState(statePrefix)) { // Check on prefix (the directory)
                         const sortItems = [
                             {
                                 text: translate('Name'),
                                 value: 'name',
                                 icon: 'sort-alphabetical'
                             },
                             {
                                 text: translate('IP address'),
                                 value: 'ip',
                                 icon: 'information-variant'
                             },
                             {
                                 text: translate('Connected'),
                                 value: 'connected',
                                 icon: 'check-network'
                             },
                             {
                                 text: translate('Received data'),
                                 value: 'received',
                                 icon: 'arrow-down'
                             },
                             {
                                 text: translate('Sent data'),
                                 value: 'sent',
                                 icon: 'arrow-up'
                             },
                             {
                                 text: translate('Experience'),
                                 value: 'experience',
                                 icon: 'speedometer'
                             },
                             {
                                 text: translate('Uptime'),
                                 value: 'uptime',
                                 icon: 'clock-check-outline'
                             }
                         ];
                  
                         const filterItems = [
                             {
                                 text: translate('connected'),
                                 value: 'connected',
                                 icon: 'check-network'
                             },
                             {
                                 text: translate('disconnected'),
                                 value: 'disconnected',
                                 icon: 'network-off'
                             },
                             {
                                 text: translate('LAN connection'),
                                 value: 'lan',
                                 icon: 'network'
                             },
                             {
                                 text: translate('WLAN connection'),
                                 value: 'wlan',
                                 icon: 'wifi'
                             }
                         ];
                  
                         const viewTranslations = {
                             'Sort by': translate('Sort by'),
                             'Filter by': translate('Filter by'),
                             'Device': translate('Device')
                         };
                  
                         createState(listState, '[]', {name: 'UniFi devices listing: jsonList', type: 'string'});
                         createState(sortModeState, sortReset, {name: 'UniFi device listing: sortMode', type: 'string'});
                         createState(filterModeState, '', {name: 'UniFi device listing: filterMode', type: 'string'});
                  
                         // Sorters, filters and some additional translations are saved in states to permit texts localization
                         createState(sortersListState, JSON.stringify(sortItems), {name: 'UniFi device listing: sortersJsonList', type: 'string', read: true, write: false});
                         createState(filtersListState, JSON.stringify(filterItems), {name: 'UniFi device listing: filtersJsonList', type: 'string', read: true, write: false});
                         createState(translationsState, JSON.stringify(viewTranslations), {name: 'UniFi device listing: viewTranslations', type: 'string', read: true, write: false});
                  
                         if (devicesView) {
                             createState(linksListState, '[]', {name: 'Device links listing: linksJsonList', type: 'string'});
                             createState(viewUrlState, '', {name: 'Selected device link: selectedUrl', type: 'string'});
                         }
                     }
                  }
                  

                  UniFiNetwork View:

                  {
                    "settings": {
                      "style": {
                        "background_class": ""
                      },
                      "theme": "redmond",
                      "sizex": "",
                      "sizey": "",
                      "gridSize": "",
                      "snapType": null,
                      "useBackground": false
                    },
                    "widgets": {
                      "e00001": {
                        "tpl": "tplVis-materialdesign-Icon-List",
                        "data": {
                          "g_fixed": false,
                          "g_visibility": false,
                          "g_css_font_text": false,
                          "g_css_background": false,
                          "g_css_shadow_padding": false,
                          "g_css_border": false,
                          "g_gestures": false,
                          "g_signals": false,
                          "g_last_change": false,
                          "visibility-cond": "==",
                          "visibility-val": 1,
                          "visibility-groups-action": "hide",
                          "wrapItems": true,
                          "listItemDataMethod": "jsonStringObject",
                          "countListItems": "1",
                          "vibrateOnMobilDevices": "50",
                          "listLayout": "card",
                          "itemLayout": "vertical",
                          "listType0": "text",
                          "showValueLabel0": "true",
                          "listType1": "text",
                          "showValueLabel1": "true",
                          "signals-cond-0": "==",
                          "signals-val-0": true,
                          "signals-icon-0": "/vis/signals/lowbattery.png",
                          "signals-icon-size-0": 0,
                          "signals-blink-0": false,
                          "signals-horz-0": 0,
                          "signals-vert-0": 0,
                          "signals-hide-edit-0": false,
                          "signals-cond-1": "==",
                          "signals-val-1": true,
                          "signals-icon-1": "/vis/signals/lowbattery.png",
                          "signals-icon-size-1": 0,
                          "signals-blink-1": false,
                          "signals-horz-1": 0,
                          "signals-vert-1": 0,
                          "signals-hide-edit-1": false,
                          "signals-cond-2": "==",
                          "signals-val-2": true,
                          "signals-icon-2": "/vis/signals/lowbattery.png",
                          "signals-icon-size-2": 0,
                          "signals-blink-2": false,
                          "signals-horz-2": 0,
                          "signals-vert-2": 0,
                          "signals-hide-edit-2": false,
                          "lc-type": "last-change",
                          "lc-is-interval": true,
                          "lc-is-moment": false,
                          "lc-format": "",
                          "lc-position-vert": "top",
                          "lc-position-horz": "right",
                          "lc-offset-vert": 0,
                          "lc-offset-horz": 0,
                          "lc-font-size": "12px",
                          "lc-font-family": "",
                          "lc-font-style": "",
                          "lc-bkg-color": "",
                          "lc-color": "",
                          "lc-border-width": "0",
                          "lc-border-style": "",
                          "lc-border-color": "",
                          "lc-border-radius": 10,
                          "lc-zindex": 0,
                          "json_string_oid": "0_userdata.0.vis.unifiNetworkState.jsonList",
                          "maxItemsperRow": "7",
                          "iconItemMinWidth": "280",
                          "iconHeight": "90",
                          "buttonHeight": "",
                          "labelFontSize": "22",
                          "subLabelFontSize": "18",
                          "subLabelFontColor": "#000000",
                          "labelFontFamily": "RobotoCondensed-Regular",
                          "subLabelFontFamily": "RobotoCondensed-Regular",
                          "horizontalIconContainerWidth": "",
                          "listImage0": "",
                          "autoLockAfter": "10",
                          "lockIconTop": "5",
                          "lockIconLeft": "5",
                          "lockFilterGrayscale": "30",
                          "lockApplyOnlyOnImage": "true",
                          "verticalIconContainerHeight": "",
                          "buttonLayout": "full",
                          "titleLayout": "headline6",
                          "itemGaps": "2"
                        },
                        "style": {
                          "left": "0px",
                          "top": "50px",
                          "width": "100%",
                          "height": "calc(100% - 50px)",
                          "overflow-x": "",
                          "overflow-y": "auto",
                          "z-index": "1"
                        },
                        "widgetSet": "materialdesign"
                      },
                      "e00002": {
                        "tpl": "tplHtml",
                        "data": {
                          "g_fixed": false,
                          "g_visibility": false,
                          "g_css_font_text": false,
                          "g_css_background": true,
                          "g_css_shadow_padding": false,
                          "g_css_border": false,
                          "g_gestures": false,
                          "g_signals": false,
                          "g_last_change": false,
                          "visibility-cond": "==",
                          "visibility-val": 1,
                          "visibility-groups-action": "hide",
                          "refreshInterval": "0",
                          "signals-cond-0": "==",
                          "signals-val-0": true,
                          "signals-icon-0": "/vis/signals/lowbattery.png",
                          "signals-icon-size-0": 0,
                          "signals-blink-0": false,
                          "signals-horz-0": 0,
                          "signals-vert-0": 0,
                          "signals-hide-edit-0": false,
                          "signals-cond-1": "==",
                          "signals-val-1": true,
                          "signals-icon-1": "/vis/signals/lowbattery.png",
                          "signals-icon-size-1": 0,
                          "signals-blink-1": false,
                          "signals-horz-1": 0,
                          "signals-vert-1": 0,
                          "signals-hide-edit-1": false,
                          "signals-cond-2": "==",
                          "signals-val-2": true,
                          "signals-icon-2": "/vis/signals/lowbattery.png",
                          "signals-icon-size-2": 0,
                          "signals-blink-2": false,
                          "signals-horz-2": 0,
                          "signals-vert-2": 0,
                          "signals-hide-edit-2": false,
                          "lc-type": "last-change",
                          "lc-is-interval": true,
                          "lc-is-moment": false,
                          "lc-format": "",
                          "lc-position-vert": "top",
                          "lc-position-horz": "right",
                          "lc-offset-vert": 0,
                          "lc-offset-horz": 0,
                          "lc-font-size": "12px",
                          "lc-font-family": "",
                          "lc-font-style": "",
                          "lc-bkg-color": "",
                          "lc-color": "",
                          "lc-border-width": "0",
                          "lc-border-style": "",
                          "lc-border-color": "",
                          "lc-border-radius": 10,
                          "lc-zindex": 0
                        },
                        "style": {
                          "left": "0",
                          "top": "0",
                          "width": "100%",
                          "height": "50px",
                          "background-color": "#44739e"
                        },
                        "widgetSet": "basic"
                      },
                      "e00003": {
                        "tpl": "tplVis-materialdesign-Select",
                        "data": {
                          "oid": "0_userdata.0.vis.unifiNetworkState.sortMode",
                          "g_fixed": false,
                          "g_visibility": false,
                          "g_css_font_text": false,
                          "g_css_background": false,
                          "g_css_shadow_padding": false,
                          "g_css_border": false,
                          "g_gestures": false,
                          "g_signals": false,
                          "g_last_change": false,
                          "visibility-cond": "==",
                          "visibility-val": 1,
                          "visibility-groups-action": "hide",
                          "inputType": "text",
                          "inputLayout": "regular",
                          "showInputMessageAlways": "true",
                          "showInputCounter": false,
                          "clearIconShow": false,
                          "listDataMethod": "jsonStringObject",
                          "countSelectItems": "1",
                          "listPosition": "bottom",
                          "showSelectedIcon": "prepend-inner",
                          "showValue": false,
                          "signals-cond-0": "==",
                          "signals-val-0": true,
                          "signals-icon-0": "/vis/signals/lowbattery.png",
                          "signals-icon-size-0": 0,
                          "signals-blink-0": false,
                          "signals-horz-0": 0,
                          "signals-vert-0": 0,
                          "signals-hide-edit-0": false,
                          "signals-cond-1": "==",
                          "signals-val-1": true,
                          "signals-icon-1": "/vis/signals/lowbattery.png",
                          "signals-icon-size-1": 0,
                          "signals-blink-1": false,
                          "signals-horz-1": 0,
                          "signals-vert-1": 0,
                          "signals-hide-edit-1": false,
                          "signals-cond-2": "==",
                          "signals-val-2": true,
                          "signals-icon-2": "/vis/signals/lowbattery.png",
                          "signals-icon-size-2": 0,
                          "signals-blink-2": false,
                          "signals-horz-2": 0,
                          "signals-vert-2": 0,
                          "signals-hide-edit-2": false,
                          "lc-type": "last-change",
                          "lc-is-interval": true,
                          "lc-is-moment": false,
                          "lc-format": "",
                          "lc-position-vert": "top",
                          "lc-position-horz": "right",
                          "lc-offset-vert": 0,
                          "lc-offset-horz": 0,
                          "lc-font-size": "12px",
                          "lc-font-family": "",
                          "lc-font-style": "",
                          "lc-bkg-color": "",
                          "lc-color": "",
                          "lc-border-width": "0",
                          "lc-border-style": "",
                          "lc-border-color": "",
                          "lc-border-radius": 10,
                          "lc-zindex": 0,
                          "inputLabelText": "{t:0_userdata.0.vis.unifiNetworkState.translations; t['Sort by'] || 'Sort by'}",
                          "inputLabelColor": "#ffffff",
                          "inputLabelFontFamily": "RobotoCondensed-LightItalic",
                          "collapseIconColor": "#ffffff",
                          "collapseIconSize": "",
                          "jsonStringObject": "{0_userdata.0.vis.unifiNetworkState.sortersJsonList}",
                          "listPositionOffset": true,
                          "inputLayoutBackgroundColor": "transparent",
                          "inputLabelColorSelected": "#ffffff",
                          "inputTranslateX": "-15",
                          "clearIcon": "",
                          "inputLayoutBorderColorHover": "#ffffff",
                          "inputLayoutBorderColorSelected": "#ffffff",
                          "inputLayoutBorderColor": "#a1a1a1",
                          "listItemFontColor": "",
                          "inputTextColor": "#ffffff",
                          "inputTextFontFamily": "RobotoCondensed-LightItalic",
                          "prepandIcon": "",
                          "prepandIconColor": "",
                          "prepandIconSize": "",
                          "prepandInnerIcon": "",
                          "prepandInnerIconColor": "#ffffff",
                          "prepandInnerIconSize": "18",
                          "collapseIcon": "",
                          "inputTranslateY": "-12",
                          "listIconSelectedColor": "#44739e",
                          "listIconColor": "",
                          "appendOuterIcon": "",
                          "appendOuterIconSize": "2",
                          "listItemFont": "RobotoCondensed-Regular",
                          "listItemRippleEffectColor": "",
                          "inputLayoutBackgroundColorSelected": "",
                          "inputLayoutBackgroundColorHover": "",
                          "vibrateOnMobilDevices": "50",
                          "inputLabelFontSize": "",
                          "inputMessageFontSize": "-10"
                        },
                        "style": {
                          "left": "10px",
                          "top": "0px",
                          "z-index": "1",
                          "width": "calc(50% - 20px)",
                          "height": "40px"
                        },
                        "widgetSet": "materialdesign"
                      },
                      "e00004": {
                        "tpl": "tplVis-materialdesign-Select",
                        "data": {
                          "oid": "0_userdata.0.vis.unifiNetworkState.filterMode",
                          "g_fixed": false,
                          "g_visibility": false,
                          "g_css_font_text": false,
                          "g_css_background": false,
                          "g_css_shadow_padding": false,
                          "g_css_border": false,
                          "g_gestures": false,
                          "g_signals": false,
                          "g_last_change": false,
                          "visibility-cond": "==",
                          "visibility-val": 1,
                          "visibility-groups-action": "hide",
                          "inputType": "text",
                          "inputLayout": "regular",
                          "showInputMessageAlways": "true",
                          "showInputCounter": false,
                          "clearIconShow": true,
                          "listDataMethod": "jsonStringObject",
                          "countSelectItems": "1",
                          "listPosition": "bottom",
                          "showSelectedIcon": "prepend-inner",
                          "showValue": false,
                          "signals-cond-0": "==",
                          "signals-val-0": true,
                          "signals-icon-0": "/vis/signals/lowbattery.png",
                          "signals-icon-size-0": 0,
                          "signals-blink-0": false,
                          "signals-horz-0": 0,
                          "signals-vert-0": 0,
                          "signals-hide-edit-0": false,
                          "signals-cond-1": "==",
                          "signals-val-1": true,
                          "signals-icon-1": "/vis/signals/lowbattery.png",
                          "signals-icon-size-1": 0,
                          "signals-blink-1": false,
                          "signals-horz-1": 0,
                          "signals-vert-1": 0,
                          "signals-hide-edit-1": false,
                          "signals-cond-2": "==",
                          "signals-val-2": true,
                          "signals-icon-2": "/vis/signals/lowbattery.png",
                          "signals-icon-size-2": 0,
                          "signals-blink-2": false,
                          "signals-horz-2": 0,
                          "signals-vert-2": 0,
                          "signals-hide-edit-2": false,
                          "lc-type": "last-change",
                          "lc-is-interval": true,
                          "lc-is-moment": false,
                          "lc-format": "",
                          "lc-position-vert": "top",
                          "lc-position-horz": "right",
                          "lc-offset-vert": 0,
                          "lc-offset-horz": 0,
                          "lc-font-size": "12px",
                          "lc-font-family": "",
                          "lc-font-style": "",
                          "lc-bkg-color": "",
                          "lc-color": "",
                          "lc-border-width": "0",
                          "lc-border-style": "",
                          "lc-border-color": "",
                          "lc-border-radius": 10,
                          "lc-zindex": 0,
                          "inputLabelText": "{t:0_userdata.0.vis.unifiNetworkState.translations; t['Filter by'] || 'Filter by'}",
                          "inputLabelColor": "#ffffff",
                          "inputLabelFontFamily": "RobotoCondensed-LightItalic",
                          "collapseIconColor": "#ffffff",
                          "collapseIconSize": "",
                          "jsonStringObject": "{0_userdata.0.vis.unifiNetworkState.filtersJsonList}",
                          "listPositionOffset": true,
                          "inputLayoutBackgroundColor": "transparent",
                          "inputLabelColorSelected": "#ffffff",
                          "inputTranslateX": "-15",
                          "clearIcon": "",
                          "inputLayoutBorderColorHover": "#ffffff",
                          "inputLayoutBorderColorSelected": "#ffffff",
                          "inputLayoutBorderColor": "#a1a1a1",
                          "listItemFontColor": "",
                          "inputTextColor": "#ffffff",
                          "inputTextFontFamily": "RobotoCondensed-LightItalic",
                          "prepandIcon": "",
                          "prepandIconColor": "",
                          "prepandIconSize": "",
                          "prepandInnerIcon": "",
                          "prepandInnerIconColor": "#ffffff",
                          "prepandInnerIconSize": "18",
                          "collapseIcon": "",
                          "inputTranslateY": "-12",
                          "listIconSelectedColor": "#44739e",
                          "listIconColor": "",
                          "appendOuterIcon": "",
                          "appendOuterIconSize": "2",
                          "listItemFont": "RobotoCondensed-Regular",
                          "listItemRippleEffectColor": "",
                          "inputLayoutBackgroundColorSelected": "",
                          "inputLayoutBackgroundColorHover": "",
                          "clearIconColor": "#ffffff",
                          "listItemBackgroundColor": "",
                          "listIcon0": "wifi",
                          "vibrateOnMobilDevices": "50",
                          "listIconSize": "-1",
                          "listItemFontSize": "-1"
                        },
                        "style": {
                          "left": "calc(50% + 10px)",
                          "top": "0px",
                          "z-index": "1",
                          "width": "calc(50% - 20px)",
                          "height": "40px"
                        },
                        "widgetSet": "materialdesign"
                      }
                    },
                    "name": "UnifiNetwork",
                    "filterList": []
                  }
                  

                  Devices View:

                  {
                    "settings": {
                      "style": {
                        "background_class": "no_background",
                        "color": ""
                      },
                      "theme": "redmond",
                      "sizex": "",
                      "sizey": "",
                      "gridSize": "",
                      "useBackground": false,
                      "snapType": null,
                      "comment": ""
                    },
                    "widgets": {
                      "e00001": {
                        "tpl": "tplIFrame",
                        "data": {
                          "g_fixed": true,
                          "g_visibility": false,
                          "g_css_font_text": false,
                          "g_css_background": false,
                          "g_css_shadow_padding": false,
                          "g_css_border": false,
                          "g_gestures": false,
                          "g_signals": false,
                          "g_last_change": false,
                          "visibility-cond": "==",
                          "visibility-val": 1,
                          "visibility-groups-action": "hide",
                          "refreshInterval": "0",
                          "seamless": false,
                          "signals-cond-0": "==",
                          "signals-val-0": true,
                          "signals-icon-0": "/vis/signals/lowbattery.png",
                          "signals-icon-size-0": 0,
                          "signals-blink-0": false,
                          "signals-horz-0": 0,
                          "signals-vert-0": 0,
                          "signals-hide-edit-0": false,
                          "signals-cond-1": "==",
                          "signals-val-1": true,
                          "signals-icon-1": "/vis/signals/lowbattery.png",
                          "signals-icon-size-1": 0,
                          "signals-blink-1": false,
                          "signals-horz-1": 0,
                          "signals-vert-1": 0,
                          "signals-hide-edit-1": false,
                          "signals-cond-2": "==",
                          "signals-val-2": true,
                          "signals-icon-2": "/vis/signals/lowbattery.png",
                          "signals-icon-size-2": 0,
                          "signals-blink-2": false,
                          "signals-horz-2": 0,
                          "signals-vert-2": 0,
                          "signals-hide-edit-2": false,
                          "lc-type": "last-change",
                          "lc-is-interval": true,
                          "lc-is-moment": false,
                          "lc-format": "",
                          "lc-position-vert": "top",
                          "lc-position-horz": "right",
                          "lc-offset-vert": 0,
                          "lc-offset-horz": 0,
                          "lc-font-size": "12px",
                          "lc-font-family": "",
                          "lc-font-style": "",
                          "lc-bkg-color": "",
                          "lc-color": "",
                          "lc-border-width": "0",
                          "lc-border-style": "",
                          "lc-border-color": "",
                          "lc-border-radius": 10,
                          "lc-zindex": 0,
                          "src": "{0_userdata.0.vis.unifiNetworkState.selectedUrl}",
                          "refreshOnViewChange": true,
                          "refreshWithNoQuery": false,
                          "refreshOnWakeUp": false,
                          "name": "iframe-shelly-device",
                          "noSandbox": false,
                          "class": "iframe-shelly-device"
                        },
                        "style": {
                          "left": "0",
                          "top": "50px",
                          "width": "100%",
                          "height": "calc(100% - 50px)"
                        },
                        "widgetSet": "basic"
                      },
                      "e00002": {
                        "tpl": "tplVis-materialdesign-Select",
                        "data": {
                          "oid": "0_userdata.0.vis.unifiNetworkState.selectedUrl",
                          "g_fixed": false,
                          "g_visibility": false,
                          "g_css_font_text": false,
                          "g_css_background": false,
                          "g_css_shadow_padding": false,
                          "g_css_border": false,
                          "g_gestures": false,
                          "g_signals": false,
                          "g_last_change": false,
                          "visibility-cond": "==",
                          "visibility-val": 1,
                          "visibility-groups-action": "hide",
                          "inputType": "text",
                          "inputLayout": "regular",
                          "showInputMessageAlways": "true",
                          "showInputCounter": false,
                          "clearIconShow": false,
                          "listDataMethod": "jsonStringObject",
                          "countSelectItems": "1",
                          "listPosition": "bottom",
                          "showSelectedIcon": "prepend-inner",
                          "showValue": false,
                          "signals-cond-0": "==",
                          "signals-val-0": true,
                          "signals-icon-0": "/vis/signals/lowbattery.png",
                          "signals-icon-size-0": 0,
                          "signals-blink-0": false,
                          "signals-horz-0": 0,
                          "signals-vert-0": 0,
                          "signals-hide-edit-0": false,
                          "signals-cond-1": "==",
                          "signals-val-1": true,
                          "signals-icon-1": "/vis/signals/lowbattery.png",
                          "signals-icon-size-1": 0,
                          "signals-blink-1": false,
                          "signals-horz-1": 0,
                          "signals-vert-1": 0,
                          "signals-hide-edit-1": false,
                          "signals-cond-2": "==",
                          "signals-val-2": true,
                          "signals-icon-2": "/vis/signals/lowbattery.png",
                          "signals-icon-size-2": 0,
                          "signals-blink-2": false,
                          "signals-horz-2": 0,
                          "signals-vert-2": 0,
                          "signals-hide-edit-2": false,
                          "lc-type": "last-change",
                          "lc-is-interval": true,
                          "lc-is-moment": false,
                          "lc-format": "",
                          "lc-position-vert": "top",
                          "lc-position-horz": "right",
                          "lc-offset-vert": 0,
                          "lc-offset-horz": 0,
                          "lc-font-size": "12px",
                          "lc-font-family": "",
                          "lc-font-style": "",
                          "lc-bkg-color": "",
                          "lc-color": "",
                          "lc-border-width": "0",
                          "lc-border-style": "",
                          "lc-border-color": "",
                          "lc-border-radius": 10,
                          "lc-zindex": 0,
                          "inputLabelText": "{t:0_userdata.0.vis.unifiNetworkState.translations; t['Device'] || 'Device'}",
                          "inputLabelColor": "#ffffff",
                          "inputLabelFontFamily": "RobotoCondensed-LightItalic",
                          "collapseIconColor": "#ffffff",
                          "collapseIconSize": "",
                          "jsonStringObject": "{0_userdata.0.vis.unifiNetworkState.linksJsonList}",
                          "listPositionOffset": true,
                          "inputLayoutBackgroundColor": "transparent",
                          "inputLabelColorSelected": "#ffffff",
                          "inputTranslateX": "-15",
                          "clearIcon": "",
                          "inputLayoutBorderColorHover": "#ffffff",
                          "inputLayoutBorderColorSelected": "#ffffff",
                          "inputLayoutBorderColor": "#a1a1a1",
                          "listItemFontColor": "",
                          "inputTextColor": "#ffffff",
                          "inputTextFontFamily": "RobotoCondensed-LightItalic",
                          "prepandIcon": "",
                          "prepandIconColor": "",
                          "prepandIconSize": "",
                          "prepandInnerIcon": "",
                          "prepandInnerIconColor": "#ffffff",
                          "prepandInnerIconSize": "18",
                          "collapseIcon": "",
                          "inputTranslateY": "-12",
                          "listIconSelectedColor": "#44739e",
                          "listIconColor": "",
                          "appendOuterIcon": "",
                          "appendOuterIconSize": "2",
                          "listItemFont": "RobotoCondensed-Regular",
                          "listItemRippleEffectColor": "",
                          "inputLayoutBackgroundColorSelected": "",
                          "inputLayoutBackgroundColorHover": "",
                          "vibrateOnMobilDevices": "50",
                          "exportData": "true",
                          "inputCounterFontSize": "-1",
                          "listItemHeight": "3",
                          "listIconSize": "-2"
                        },
                        "style": {
                          "left": "10px",
                          "top": "0px",
                          "z-index": "2",
                          "width": "calc(50% - 20px)",
                          "height": "40px"
                        },
                        "widgetSet": "materialdesign"
                      },
                      "e00003": {
                        "tpl": "tplHtml",
                        "data": {
                          "g_fixed": false,
                          "g_visibility": false,
                          "g_css_font_text": false,
                          "g_css_background": true,
                          "g_css_shadow_padding": false,
                          "g_css_border": false,
                          "g_gestures": false,
                          "g_signals": false,
                          "g_last_change": false,
                          "visibility-cond": "==",
                          "visibility-val": 1,
                          "visibility-groups-action": "hide",
                          "refreshInterval": "0",
                          "signals-cond-0": "==",
                          "signals-val-0": true,
                          "signals-icon-0": "/vis/signals/lowbattery.png",
                          "signals-icon-size-0": 0,
                          "signals-blink-0": false,
                          "signals-horz-0": 0,
                          "signals-vert-0": 0,
                          "signals-hide-edit-0": false,
                          "signals-cond-1": "==",
                          "signals-val-1": true,
                          "signals-icon-1": "/vis/signals/lowbattery.png",
                          "signals-icon-size-1": 0,
                          "signals-blink-1": false,
                          "signals-horz-1": 0,
                          "signals-vert-1": 0,
                          "signals-hide-edit-1": false,
                          "signals-cond-2": "==",
                          "signals-val-2": true,
                          "signals-icon-2": "/vis/signals/lowbattery.png",
                          "signals-icon-size-2": 0,
                          "signals-blink-2": false,
                          "signals-horz-2": 0,
                          "signals-vert-2": 0,
                          "signals-hide-edit-2": false,
                          "lc-type": "last-change",
                          "lc-is-interval": true,
                          "lc-is-moment": false,
                          "lc-format": "",
                          "lc-position-vert": "top",
                          "lc-position-horz": "right",
                          "lc-offset-vert": 0,
                          "lc-offset-horz": 0,
                          "lc-font-size": "12px",
                          "lc-font-family": "",
                          "lc-font-style": "",
                          "lc-bkg-color": "",
                          "lc-color": "",
                          "lc-border-width": "0",
                          "lc-border-style": "",
                          "lc-border-color": "",
                          "lc-border-radius": 10,
                          "lc-zindex": 0
                        },
                        "style": {
                          "left": "0",
                          "top": "0",
                          "width": "100%",
                          "height": "50px",
                          "background-color": "#44739e",
                          "z-index": 0
                        },
                        "widgetSet": "basic"
                      },
                      "e00004": {
                        "tpl": "tplVis-materialdesign-Select",
                        "data": {
                          "oid": "0_userdata.0.vis.unifiNetworkState.sortMode",
                          "g_fixed": false,
                          "g_visibility": false,
                          "g_css_font_text": false,
                          "g_css_background": false,
                          "g_css_shadow_padding": false,
                          "g_css_border": false,
                          "g_gestures": false,
                          "g_signals": false,
                          "g_last_change": false,
                          "visibility-cond": "==",
                          "visibility-val": 1,
                          "visibility-groups-action": "hide",
                          "inputType": "text",
                          "inputLayout": "regular",
                          "showInputMessageAlways": "true",
                          "showInputCounter": false,
                          "clearIconShow": false,
                          "listDataMethod": "jsonStringObject",
                          "countSelectItems": "1",
                          "listPosition": "bottom",
                          "showSelectedIcon": "prepend-inner",
                          "showValue": false,
                          "signals-cond-0": "==",
                          "signals-val-0": true,
                          "signals-icon-0": "/vis/signals/lowbattery.png",
                          "signals-icon-size-0": 0,
                          "signals-blink-0": false,
                          "signals-horz-0": 0,
                          "signals-vert-0": 0,
                          "signals-hide-edit-0": false,
                          "signals-cond-1": "==",
                          "signals-val-1": true,
                          "signals-icon-1": "/vis/signals/lowbattery.png",
                          "signals-icon-size-1": 0,
                          "signals-blink-1": false,
                          "signals-horz-1": 0,
                          "signals-vert-1": 0,
                          "signals-hide-edit-1": false,
                          "signals-cond-2": "==",
                          "signals-val-2": true,
                          "signals-icon-2": "/vis/signals/lowbattery.png",
                          "signals-icon-size-2": 0,
                          "signals-blink-2": false,
                          "signals-horz-2": 0,
                          "signals-vert-2": 0,
                          "signals-hide-edit-2": false,
                          "lc-type": "last-change",
                          "lc-is-interval": true,
                          "lc-is-moment": false,
                          "lc-format": "",
                          "lc-position-vert": "top",
                          "lc-position-horz": "right",
                          "lc-offset-vert": 0,
                          "lc-offset-horz": 0,
                          "lc-font-size": "12px",
                          "lc-font-family": "",
                          "lc-font-style": "",
                          "lc-bkg-color": "",
                          "lc-color": "",
                          "lc-border-width": "0",
                          "lc-border-style": "",
                          "lc-border-color": "",
                          "lc-border-radius": 10,
                          "lc-zindex": 0,
                          "inputLabelText": "{t:0_userdata.0.vis.unifiNetworkState.translations; t['Sort by'] || 'Sort by'}",
                          "inputLabelColor": "#ffffff",
                          "inputLabelFontFamily": "RobotoCondensed-LightItalic",
                          "collapseIconColor": "#ffffff",
                          "collapseIconSize": "",
                          "jsonStringObject": "{0_userdata.0.vis.unifiNetworkState.sortersJsonList}",
                          "listPositionOffset": true,
                          "inputLayoutBackgroundColor": "transparent",
                          "inputLabelColorSelected": "#ffffff",
                          "inputTranslateX": "-15",
                          "clearIcon": "",
                          "inputLayoutBorderColorHover": "#ffffff",
                          "inputLayoutBorderColorSelected": "#ffffff",
                          "inputLayoutBorderColor": "#a1a1a1",
                          "listItemFontColor": "",
                          "inputTextColor": "#ffffff",
                          "inputTextFontFamily": "RobotoCondensed-LightItalic",
                          "prepandIcon": "",
                          "prepandIconColor": "",
                          "prepandIconSize": "",
                          "prepandInnerIcon": "",
                          "prepandInnerIconColor": "#ffffff",
                          "prepandInnerIconSize": "18",
                          "collapseIcon": "",
                          "inputTranslateY": "-12",
                          "listIconSelectedColor": "#44739e",
                          "listIconColor": "",
                          "appendOuterIcon": "",
                          "appendOuterIconSize": "2",
                          "listItemFont": "RobotoCondensed-Regular",
                          "listItemRippleEffectColor": "",
                          "inputLayoutBackgroundColorSelected": "",
                          "inputLayoutBackgroundColorHover": "",
                          "vibrateOnMobilDevices": "50",
                          "inputLabelFontSize": "",
                          "inputMessageFontSize": "-10"
                        },
                        "style": {
                          "left": "calc(50% + 10px)",
                          "top": "0px",
                          "z-index": "1",
                          "width": "calc(50% - 20px)",
                          "height": "40px"
                        },
                        "widgetSet": "materialdesign"
                      }
                    },
                    "name": "Devices",
                    "filterList": []
                  }
                  

                  (Diese sind aktuell auch in meinen GitHub backup repo zu finden)

                  Viel Spaß damit 😉

                  Scrounger tobasium 2 Replies Last reply Reply Quote 2
                  • Scrounger
                    Scrounger Developer @cdellasanta last edited by

                    @cdellasanta sagte in Material Design Widgets: UniFi Netzwerk Status:

                    Ich habe jetzt folgendes gemacht:

                    • Ganze Code in englisch übersetzt (Kommentare und Variablen)
                    • Code cleanup und uniformiert
                    • Mehrsprachigkeit implementiert (EDIT: alle Sprachen dank https://translator.iobroker.in/)
                    • Automatische Erstellung der Datenpunkte
                    • Einsetzen von moment.fromNow() für die on/off Zeit Darstellung (anstatt die moment-duration-format library)
                    • Zusätzliche/optionale View für die Darstellung der "links" in einen iFrame (statt neue Fenster)

                    Vielen Dank! Hab deinen PR gemerged.

                    1 Reply Last reply Reply Quote 0
                    • tobasium
                      tobasium @cdellasanta last edited by tobasium

                      Hat sich geklärt hatte hier einen Z-Indes der sich darüber geschoben hat außerhalb dieser view

                      @cdellasanta Hast du mir einen Tipp was ich machen kann:

                      wen das Drop down Menü immer im Hintergrund ist? Habe das auf allen views.

                      Komme aktuell absolut nicht dahinter

                      unifiview.jpg

                      cdellasanta 1 Reply Last reply Reply Quote 0
                      • tobasium
                        tobasium last edited by tobasium

                        Hi,

                        also irgendwie spinnt bei mir etwas mit dem skript und versteh es einfach nicht mehr woran es liegt:

                        javascript.0	2020-11-09 23:49:01.944	warn	(32212) at processTimers (internal/timers.js:497:7)
                        javascript.0	2020-11-09 23:49:01.944	warn	(32212) at listOnTimeout (internal/timers.js:554:17)
                        javascript.0	2020-11-09 23:49:01.944	warn	(32212) at Timeout._onTimeout (/opt/iobroker/node_modules/node-schedule/lib/schedule.js:510:7)
                        javascript.0	2020-11-09 23:49:01.943	warn	(32212) at /opt/iobroker/node_modules/node-schedule/lib/schedule.js:552:11
                        javascript.0	2020-11-09 23:49:01.943	warn	(32212) at Job.invoke (/opt/iobroker/node_modules/node-schedule/lib/schedule.js:173:10)
                        javascript.0	2020-11-09 23:49:01.943	warn	(32212) at Job.job (/opt/iobroker/node_modules/iobroker.javascript/lib/sandbox.js:1291:34)
                        javascript.0	2020-11-09 23:49:01.943	warn	(32212) at Object.createList (script.js.Smarthome_Tobi.System.Unifi-Status:109:29)
                        javascript.0	2020-11-09 23:49:01.941	warn	(32212) getState "unifi.0.default.devices.null.port_table.port_null.speed" not found (3)
                        javascript.0	2020-11-09 23:49:01.941	warn	(32212) at processTimers (internal/timers.js:497:7)
                        javascript.0	2020-11-09 23:49:01.941	warn	(32212) at listOnTimeout (internal/timers.js:554:17)
                        javascript.0	2020-11-09 23:49:01.940	warn	(32212) at Timeout._onTimeout (/opt/iobroker/node_modules/node-schedule/lib/schedule.js:510:7)
                        javascript.0	2020-11-09 23:49:01.940	warn	(32212) at /opt/iobroker/node_modules/node-schedule/lib/schedule.js:552:11
                        javascript.0	2020-11-09 23:49:01.939	warn	(32212) at Job.invoke (/opt/iobroker/node_modules/node-schedule/lib/schedule.js:173:10)
                        javascript.0	2020-11-09 23:49:01.939	warn	(32212) at Job.job (/opt/iobroker/node_modules/iobroker.javascript/lib/sandbox.js:1291:34)
                        javascript.0	2020-11-09 23:49:01.939	warn	(32212) at Object.createList (script.js.Smarthome_Tobi.System.Unifi-Status:109:65)
                        javascript.0	2020-11-09 23:49:01.937	warn	(32212) getState "unifi.0.default.clients.fe:71:da:57:ff:1f.sw_mac" not found (3)
                        javascript.0	2020-11-09 23:49:01.937	warn	(32212) at processTimers (internal/timers.js:497:7)
                        javascript.0	2020-11-09 23:49:01.937	warn	(32212) at listOnTimeout (internal/timers.js:554:17)
                        javascript.0	2020-11-09 23:49:01.937	warn	(32212) at Timeout._onTimeout (/opt/iobroker/node_modules/node-schedule/lib/schedule.js:510:7)
                        javascript.0	2020-11-09 23:49:01.936	warn	(32212) at /opt/iobroker/node_modules/node-schedule/lib/schedule.js:552:11
                        javascript.0	2020-11-09 23:49:01.936	warn	(32212) at Job.invoke (/opt/iobroker/node_modules/node-schedule/lib/schedule.js:173:10)
                        javascript.0	2020-11-09 23:49:01.936	warn	(32212) at Job.job (/opt/iobroker/node_modules/iobroker.javascript/lib/sandbox.js:1291:34)
                        javascript.0	2020-11-09 23:49:01.935	warn	(32212) at Object.createList (script.js.Smarthome_Tobi.System.Unifi-Status:102:38)
                        javascript.0	2020-11-09 23:49:01.934	warn	(32212) getState "unifi.0.default.clients.fe:71:da:57:ff:1f.sw_port" not found (3)
                        javascript.0	2020-11-09 23:49:01.933	warn	(32212) at processTimers (internal/timers.js:497:7)
                        javascript.0	2020-11-09 23:49:01.933	warn	(32212) at listOnTimeout (internal/timers.js:554:17)
                        javascript.0	2020-11-09 23:49:01.933	warn	(32212) at Timeout._onTimeout (/opt/iobroker/node_modules/node-schedule/lib/schedule.js:510:7)
                        javascript.0	2020-11-09 23:49:01.932	warn	(32212) at /opt/iobroker/node_modules/node-schedule/lib/schedule.js:552:11
                        javascript.0	2020-11-09 23:49:01.932	warn	(32212) at Job.invoke (/opt/iobroker/node_modules/node-schedule/lib/schedule.js:173:10)
                        javascript.0	2020-11-09 23:49:01.932	warn	(32212) at Job.job (/opt/iobroker/node_modules/iobroker.javascript/lib/sandbox.js:1291:34)
                        javascript.0	2020-11-09 23:49:01.932	warn	(32212) at Object.createList (script.js.Smarthome_Tobi.System.Unifi-Status:81:31)
                        javascript.0	2020-11-09 23:49:01.930	warn	(32212) getState "unifi.0.default.clients.fe:71:da:57:ff:1f.is_guest" not found (3)
                        javascript.0	2020-11-09 23:49:01.930	warn	(32212) at processTimers (internal/timers.js:497:7)
                        

                        Danke für jede Hilfe

                        cdellasanta 1 Reply Last reply Reply Quote 0
                        • Nashra
                          Nashra Most Active Forum Testing last edited by Nashra

                          Hallo @cdellasanta, ersmal Danke für des neue Script.
                          Leider habe ich aber ein Problem mit den Shelly HT, da diese sich nur im Netz befinden
                          wenn sich die Temperatur ändert d.h. ich bekomme im Minutentakt folgende Warn:

                          javascript.0	2020-11-22 14:28:06.490	warn	(30409) at processImmediate (internal/timers.js:461:21)
                          javascript.0	2020-11-22 14:28:06.490	warn	(30409) at Immediate._onImmediate (/opt/iobroker/node_modules/iobroker.js-controller/lib/adapter.js:5384:37)
                          javascript.0	2020-11-22 14:28:06.490	warn	(30409) at Object.stateChange (/opt/iobroker/node_modules/iobroker.javascript/main.js:472:25)
                          javascript.0	2020-11-22 14:28:06.490	warn	(30409) at Object.callback (/opt/iobroker/node_modules/iobroker.javascript/lib/sandbox.js:1055:38)
                          javascript.0	2020-11-22 14:28:06.490	warn	(30409) at Object.<anonymous> (script.js.Meine_Geräte.Unifi:68:48)
                          javascript.0	2020-11-22 14:28:06.489	warn	(30409) at createList (script.js.Meine_Geräte.Unifi:123:29)
                          javascript.0	2020-11-22 14:28:06.489	warn	(30409) getState "unifi.0.default.clients.98:f4:ab:b8:94:57.uptime_by_usw" not found (3)
                          javascript.0	2020-11-22 14:28:06.489	warn	(30409) at processImmediate (internal/timers.js:461:21)
                          javascript.0	2020-11-22 14:28:06.489	warn	(30409) at Immediate._onImmediate (/opt/iobroker/node_modules/iobroker.js-controller/lib/adapter.js:5384:37)
                          javascript.0	2020-11-22 14:28:06.489	warn	(30409) at Object.stateChange (/opt/iobroker/node_modules/iobroker.javascript/main.js:472:25)
                          javascript.0	2020-11-22 14:28:06.488	warn	(30409) at Object.callback (/opt/iobroker/node_modules/iobroker.javascript/lib/sandbox.js:1055:38)
                          javascript.0	2020-11-22 14:28:06.488	warn	(30409) at Object.<anonymous> (script.js.Meine_Geräte.Unifi:68:48)
                          javascript.0	2020-11-22 14:28:06.488	warn	(30409) at createList (script.js.Meine_Geräte.Unifi:122:28)
                          javascript.0	2020-11-22 14:28:06.488	warn	(30409) getState "unifi.0.default.devices.null.port_table.port_null.speed" not found (3)
                          javascript.0	2020-11-22 14:28:06.487	warn	(30409) at processImmediate (internal/timers.js:461:21)
                          javascript.0	2020-11-22 14:28:06.487	warn	(30409) at Immediate._onImmediate (/opt/iobroker/node_modules/iobroker.js-controller/lib/adapter.js:5384:37)
                          javascript.0	2020-11-22 14:28:06.487	warn	(30409) at Object.stateChange (/opt/iobroker/node_modules/iobroker.javascript/main.js:472:25)
                          javascript.0	2020-11-22 14:28:06.487	warn	(30409) at Object.callback (/opt/iobroker/node_modules/iobroker.javascript/lib/sandbox.js:1055:38)
                          javascript.0	2020-11-22 14:28:06.487	warn	(30409) at Object.<anonymous> (script.js.Meine_Geräte.Unifi:68:48)
                          javascript.0	2020-11-22 14:28:06.487	warn	(30409) at createList (script.js.Meine_Geräte.Unifi:122:64)
                          javascript.0	2020-11-22 14:28:06.486	warn	(30409) getState "unifi.0.default.clients.98:f4:ab:b8:94:57.sw_mac" not found (3)
                          javascript.0	2020-11-22 14:28:06.486	warn	(30409) at processImmediate (internal/timers.js:461:21)
                          javascript.0	2020-11-22 14:28:06.486	warn	(30409) at Immediate._onImmediate (/opt/iobroker/node_modules/iobroker.js-controller/lib/adapter.js:5384:37)
                          javascript.0	2020-11-22 14:28:06.486	warn	(30409) at Object.stateChange (/opt/iobroker/node_modules/iobroker.javascript/main.js:472:25)
                          javascript.0	2020-11-22 14:28:06.486	warn	(30409) at Object.callback (/opt/iobroker/node_modules/iobroker.javascript/lib/sandbox.js:1055:38)
                          javascript.0	2020-11-22 14:28:06.486	warn	(30409) at Object.<anonymous> (script.js.Meine_Geräte.Unifi:68:48)
                          javascript.0	2020-11-22 14:28:06.486	warn	(30409) at createList (script.js.Meine_Geräte.Unifi:115:33)
                          javascript.0	2020-11-22 14:28:06.485	warn	(30409) getState "unifi.0.default.clients.98:f4:ab:b8:94:57.sw_port" not found (3)
                          javascript.0	2020-11-22 14:28:00.028	warn	(30409) at processTimers (internal/timers.js:497:7)
                          javascript.0	2020-11-22 14:28:00.028	warn	(30409) at listOnTimeout (internal/timers.js:554:17)
                          javascript.0	2020-11-22 14:28:00.028	warn	(30409) at Timeout._onTimeout (/opt/iobroker/node_modules/node-schedule/lib/schedule.js:510:7)
                          javascript.0	2020-11-22 14:28:00.028	warn	(30409) at /opt/iobroker/node_modules/node-schedule/lib/schedule.js:552:11
                          javascript.0	2020-11-22 14:28:00.028	warn	(30409) at Job.invoke (/opt/iobroker/node_modules/node-schedule/lib/schedule.js:173:10)
                          javascript.0	2020-11-22 14:28:00.028	warn	(30409) at Job.job (/opt/iobroker/node_modules/iobroker.javascript/lib/sandbox.js:1273:34)
                          javascript.0	2020-11-22 14:28:00.028	warn	(30409) at Object.createList (script.js.Meine_Geräte.Unifi:123:29)
                          javascript.0	2020-11-22 14:28:00.026	warn	(30409) getState "unifi.0.default.clients.98:f4:ab:b8:94:57.uptime_by_usw" not found (3)
                          javascript.0	2020-11-22 14:28:00.026	warn	(30409) at processTimers (internal/timers.js:497:7)
                          javascript.0	2020-11-22 14:28:00.026	warn	(30409) at listOnTimeout (internal/timers.js:554:17)
                          javascript.0	2020-11-22 14:28:00.026	warn	(30409) at Timeout._onTimeout (/opt/iobroker/node_modules/node-schedule/lib/schedule.js:510:7)
                          javascript.0	2020-11-22 14:28:00.026	warn	(30409) at /opt/iobroker/node_modules/node-schedule/lib/schedule.js:552:11
                          javascript.0	2020-11-22 14:28:00.022	warn	(30409) at Job.invoke (/opt/iobroker/node_modules/node-schedule/lib/schedule.js:173:10)
                          javascript.0	2020-11-22 14:28:00.022	warn	(30409) at Job.job (/opt/iobroker/node_modules/iobroker.javascript/lib/sandbox.js:1273:34)
                          javascript.0	2020-11-22 14:28:00.022	warn	(30409) at Object.createList (script.js.Meine_Geräte.Unifi:122:28)
                          javascript.0	2020-11-22 14:28:00.021	warn	(30409) getState "unifi.0.default.devices.null.port_table.port_null.speed" not found (3)
                          javascript.0	2020-11-22 14:28:00.021	warn	(30409) at processTimers (internal/timers.js:497:7)
                          javascript.0	2020-11-22 14:28:00.021	warn	(30409) at listOnTimeout (internal/timers.js:554:17)
                          javascript.0	2020-11-22 14:28:00.021	warn	(30409) at Timeout._onTimeout (/opt/iobroker/node_modules/node-schedule/lib/schedule.js:510:7)
                          javascript.0	2020-11-22 14:28:00.021	warn	(30409) at /opt/iobroker/node_modules/node-schedule/lib/schedule.js:552:11
                          javascript.0	2020-11-22 14:28:00.021	warn	(30409) at Job.invoke (/opt/iobroker/node_modules/node-schedule/lib/schedule.js:173:10)
                          javascript.0	2020-11-22 14:28:00.020	warn	(30409) at Job.job (/opt/iobroker/node_modules/iobroker.javascript/lib/sandbox.js:1273:34)
                          javascript.0	2020-11-22 14:28:00.020	warn	(30409) at Object.createList (script.js.Meine_Geräte.Unifi:122:64)
                          javascript.0	2020-11-22 14:28:00.019	warn	(30409) getState "unifi.0.default.clients.98:f4:ab:b8:94:57.sw_mac" not found (3)
                          javascript.0	2020-11-22 14:28:00.019	warn	(30409) at processTimers (internal/timers.js:497:7)
                          javascript.0	2020-11-22 14:28:00.019	warn	(30409) at listOnTimeout (internal/timers.js:554:17)
                          javascript.0	2020-11-22 14:28:00.019	warn	(30409) at Timeout._onTimeout (/opt/iobroker/node_modules/node-schedule/lib/schedule.js:510:7)
                          javascript.0	2020-11-22 14:28:00.019	warn	(30409) at /opt/iobroker/node_modules/node-schedule/lib/schedule.js:552:11
                          javascript.0	2020-11-22 14:28:00.019	warn	(30409) at Job.invoke (/opt/iobroker/node_modules/node-schedule/lib/schedule.js:173:10)
                          javascript.0	2020-11-22 14:28:00.019	warn	(30409) at Job.job (/opt/iobroker/node_modules/iobroker.javascript/lib/sandbox.js:1273:34)
                          javascript.0	2020-11-22 14:28:00.019	warn	(30409) at Object.createList (script.js.Meine_Geräte.Unifi:115:33)
                          javascript.0	2020-11-22 14:28:00.018	warn	(30409) getState "unifi.0.default.clients.98:f4:ab:b8:94:57.sw_port" not found (3)
                          javascript.0	2020-11-22 14:27:48.762	warn	(30409) at processImmediate (internal/timers.js:461:21)
                          javascript.0	2020-11-22 14:27:48.762	warn	(30409) at Immediate._onImmediate (/opt/iobroker/node_modules/iobroker.js-controller/lib/adapter.js:5384:37)
                          javascript.0	2020-11-22 14:27:48.762	warn	(30409) at Object.stateChange (/opt/iobroker/node_modules/iobroker.javascript/main.js:472:25)
                          javascript.0	2020-11-22 14:27:48.762	warn	(30409) at Object.callback (/opt/iobroker/node_modules/iobroker.javascript/lib/sandbox.js:1055:38)
                          javascript.0	2020-11-22 14:27:48.762	warn	(30409) at Object.<anonymous> (script.js.Meine_Geräte.Unifi:71:50)
                          javascript.0	2020-11-22 14:27:48.761	warn	(30409) at createList (script.js.Meine_Geräte.Unifi:123:29)
                          javascript.0	2020-11-22 14:27:48.761	warn	(30409) getState "unifi.0.default.clients.98:f4:ab:b8:94:57.uptime_by_usw" not found (3)
                          javascript.0	2020-11-22 14:27:48.761	warn	(30409) at processImmediate (internal/timers.js:461:21)
                          javascript.0	2020-11-22 14:27:48.760	warn	(30409) at Immediate._onImmediate (/opt/iobroker/node_modules/iobroker.js-controller/lib/adapter.js:5384:37)
                          javascript.0	2020-11-22 14:27:48.760	warn	(30409) at Object.stateChange (/opt/iobroker/node_modules/iobroker.javascript/main.js:472:25)
                          javascript.0	2020-11-22 14:27:48.760	warn	(30409) at Object.callback (/opt/iobroker/node_modules/iobroker.javascript/lib/sandbox.js:1055:38)
                          javascript.0	2020-11-22 14:27:48.760	warn	(30409) at Object.<anonymous> (script.js.Meine_Geräte.Unifi:71:50)
                          javascript.0	2020-11-22 14:27:48.760	warn	(30409) at createList (script.js.Meine_Geräte.Unifi:122:28)
                          javascript.0	2020-11-22 14:27:48.759	warn	(30409) getState "unifi.0.default.devices.null.port_table.port_null.speed" not found (3)
                          javascript.0	2020-11-22 14:27:48.759	warn	(30409) at processImmediate (internal/timers.js:461:21)
                          javascript.0	2020-11-22 14:27:48.759	warn	(30409) at Immediate._onImmediate (/opt/iobroker/node_modules/iobroker.js-controller/lib/adapter.js:5384:37)
                          javascript.0	2020-11-22 14:27:48.759	warn	(30409) at Object.stateChange (/opt/iobroker/node_modules/iobroker.javascript/main.js:472:25)
                          javascript.0	2020-11-22 14:27:48.759	warn	(30409) at Object.callback (/opt/iobroker/node_modules/iobroker.javascript/lib/sandbox.js:1055:38)
                          javascript.0	2020-11-22 14:27:48.759	warn	(30409) at Object.<anonymous> (script.js.Meine_Geräte.Unifi:71:50)
                          javascript.0	2020-11-22 14:27:48.759	warn	(30409) at createList (script.js.Meine_Geräte.Unifi:122:64)
                          javascript.0	2020-11-22 14:27:48.758	warn	(30409) getState "unifi.0.default.clients.98:f4:ab:b8:94:57.sw_mac" not found (3)
                          javascript.0	2020-11-22 14:27:48.758	warn	(30409) at processImmediate (internal/timers.js:461:21)
                          javascript.0	2020-11-22 14:27:48.758	warn	(30409) at Immediate._onImmediate (/opt/iobroker/node_modules/iobroker.js-controller/lib/adapter.js:5384:37)
                          javascript.0	2020-11-22 14:27:48.758	warn	(30409) at Object.stateChange (/opt/iobroker/node_modules/iobroker.javascript/main.js:472:25)
                          javascript.0	2020-11-22 14:27:48.758	warn	(30409) at Object.callback (/opt/iobroker/node_modules/iobroker.javascript/lib/sandbox.js:1055:38)
                          javascript.0	2020-11-22 14:27:48.758	warn	(30409) at Object.<anonymous> (script.js.Meine_Geräte.Unifi:71:50)
                          javascript.0	2020-11-22 14:27:48.758	warn	(30409) at createList (script.js.Meine_Geräte.Unifi:115:33)
                          javascript.0	2020-11-22 14:27:48.756	warn	(30409) getState "unifi.0.default.clients.98:f4:ab:b8:94:57.sw_port" not found (3)
                          
                          1 Reply Last reply Reply Quote 0
                          • Nashra
                            Nashra Most Active Forum Testing last edited by Nashra

                            Wäre schön wenn wir die Fehler noch irgendwie beseitigen könnten.
                            Oder liegt es am Adapter?

                            1 Reply Last reply Reply Quote 0
                            • Nashra
                              Nashra Most Active Forum Testing last edited by

                              Moin @Scrounger @cdellasanta
                              Nur zur Info, die Fehler sind weg 😁
                              Die Tage kamen Firmware-Updates für die Switche und seitdem läuft alles durch
                              da die fehlenden Datenpunkte jetzt vorhanden sind die die Scriptfehler verursacht haben.

                              Gibt es auch ein Script für die Anzeige der Devices?
                              Mir geht es da eigentlich nur um das selbe Anzeigeformat wie bei den Clients.
                              Kenn mich da leider mit js nicht aus und es wäre Klasse wenn dies jemand
                              bereitstellen würde.

                              1 Reply Last reply Reply Quote 0
                              • cdellasanta
                                cdellasanta Developer @tobasium last edited by

                                Hallo Miteinander,

                                Ich war länger nicht mehr im Forum

                                @tobasium said in Material Design Widgets: UniFi Netzwerk Status:

                                Hat sich geklärt hatte hier einen Z-Indes der sich darüber geschoben hat außerhalb dieser view

                                Ja, ev hatte ich noch eine Fehler im Z-Index drin, bin auch neu im ioBroker und Vis, und manchmal bei "scrollen" in der Eigenschaften-Liste passt eine der Eigenschaften an ..

                                @tobasium said in Material Design Widgets: UniFi Netzwerk Status:

                                also irgendwie spinnt bei mir etwas mit dem skript und versteh es einfach nicht mehr woran es liegt:

                                Da bin ich auch nicht Experte .. ich würde mal anschauen im der Objekte den Pfad "unifi.0.default.clients.fe:71:da:57:ff:1f" .. ev. hast du bei der unifi-Adapter nicht alle checkbox selektiert?
                                aebbd42b-8806-4508-8b42-07343f482fcf-image.png

                                @Nashra said in Material Design Widgets: UniFi Netzwerk Status:

                                Hallo @cdellasanta, ersmal Danke für des neue Script.
                                Leider habe ich aber ein Problem mit den Shelly HT, da diese sich nur im Netz befinden
                                wenn sich die Temperatur ändert d.h. ich bekomme im Minutentakt folgende Warn:

                                Hem .. ich hatte auch nicht gesehen dass diese Fehler im error-log kommen ... war seit Monaten nicht mehr drin (leider müsste ich den Projekt temporär bei Seite legen, bis ich ein bisschen Zeit dafür finde)
                                .. Ich sehe die Fehler auch bei mir drin

                                @Nashra said in Material Design Widgets: UniFi Netzwerk Status:

                                Moin @Scrounger @cdellasanta
                                Nur zur Info, die Fehler sind weg

                                🤔 hab bei mir auch die letzten Versionen ... Fehler kommt trotzdem ... welche Firmware Version hast du denn bei der Sensor?
                                Ich werde während die Weihnachten-Ferien sicher diese korrigieren.

                                @Nashra said in Material Design Widgets: UniFi Netzwerk Status:

                                Gibt es auch ein Script für die Anzeige der Devices?

                                Nein kein zusätzliches Skript, für die anzeige der Devices ist nur einen zusätzliche View zu importieren (Code ist oben) der einen "materialdesign-Select" enthält der den Json-Listing "0_userdata.0.vis.unifiNetworkState.linksJsonList" anzeigt.

                                👋

                                Nashra 1 Reply Last reply Reply Quote 0
                                • Nashra
                                  Nashra Most Active Forum Testing @cdellasanta last edited by

                                  @cdellasanta sagte in Material Design Widgets: UniFi Netzwerk Status:

                                  @Nashra said in Material Design Widgets: UniFi Netzwerk Status:

                                  Moin @Scrounger @cdellasanta
                                  Nur zur Info, die Fehler sind weg

                                  🤔 hab bei mir auch die letzten Versionen ... Fehler kommt trotzdem ... welche Firmware Version hast du denn bei der Sensor?
                                  Ich werde während die Weihnachten-Ferien sicher diese korrigieren.

                                  ShellyHT Firmware: 20201124-091711/v1.9.0

                                  @Nashra said in Material Design Widgets: UniFi Netzwerk Status:

                                  Gibt es auch ein Script für die Anzeige der Devices?

                                  Nein kein zusätzliches Skript, für die anzeige der Devices ist nur einen zusätzliche View zu importieren (Code ist oben) der einen "materialdesign-Select" enthält der den Json-Listing "0_userdata.0.vis.unifiNetworkState.linksJsonList" anzeigt.

                                  Das hatte ich gesehen, meine aber so eine Anzeige wie bei den Clients mit den wichtigsten Daten
                                  und NUR die von den AP's, USG, Switche, CloudKey usw. Also die die im Unifi-Adapter unter Devices
                                  angelegt sind.

                                  cdellasanta 1 Reply Last reply Reply Quote 0
                                  • cdellasanta
                                    cdellasanta Developer @Nashra last edited by cdellasanta

                                    @Nashra said in Material Design Widgets: UniFi Netzwerk Status:

                                    Das hatte ich gesehen, meine aber so eine Anzeige wie bei den Clients mit den wichtigsten Daten
                                    und NUR die von den AP's, USG, Switche, CloudKey usw. Also die die im Unifi-Adapter unter Devices
                                    angelegt sind.

                                    Aha Verstehe, macht durchaus Sinn, meinst diese da:
                                    22da130a-8396-49c0-8a45-ca417b819ca1-image.png

                                    Die Daten sind Vorhanden:
                                    b0c63670-7df3-4aa8-bd46-245d6dd82b50-image.png

                                    2 Optionen:

                                    • Entweder integrieren wir alles in den glichen Listing
                                    • Separate Sicht

                                    Ich tendiere für die erste, da im UniFi Controller selber macht schon Sinn diese zu trennen, aber "Sicht Haus" gehören zusammen ... deiner Meinung?

                                    Ich werde es machen, sobald ich ein bisschen Zeit habe (Weihnachten-Ferien) .. sollte nicht kompliziert sein.

                                    Nashra 1 Reply Last reply Reply Quote 0
                                    • Nashra
                                      Nashra Most Active Forum Testing @cdellasanta last edited by Nashra

                                      @cdellasanta sagte in Material Design Widgets: UniFi Netzwerk Status:

                                      @Nashra said in Material Design Widgets: UniFi Netzwerk Status:

                                      Das hatte ich gesehen, meine aber so eine Anzeige wie bei den Clients mit den wichtigsten Daten
                                      und NUR die von den AP's, USG, Switche, CloudKey usw. Also die die im Unifi-Adapter unter Devices
                                      angelegt sind.

                                      Aha Verstehe, macht durchaus Sinn, meinst diese da:
                                      22da130a-8396-49c0-8a45-ca417b819ca1-image.png

                                      Ja, genau dies meinte ich

                                      2 Optionen:

                                      • Entweder integrieren wir alles in den glichen Listing
                                      • Separate Sicht

                                      Ich tendiere für die erste, da im UniFi Controller selber macht schon Sinn diese zu trennen, aber "Sicht Haus" gehören zusammen ... deiner Meinung?

                                      Also du meinst alles zusammen in eine Liste, wobei ich eher zu 2 Listen tendiere. Oder könnte man dies
                                      im Script mit einem true/false versehen. Also wenn true dann in Liste, wenn false in einer eigenen Liste.

                                      Ich werde es machen, sobald ich ein bisschen Zeit habe (Weihnachten-Ferien) .. sollte nicht kompliziert sein.

                                      Toll wenn du das umsetzen würdest und keine Eile. 👍

                                      cdellasanta 1 Reply Last reply Reply Quote 0
                                      • cdellasanta
                                        cdellasanta Developer @tobasium last edited by cdellasanta

                                        @tobasium said in Material Design Widgets: UniFi Netzwerk Status:

                                        Hi,
                                        also irgendwie spinnt bei mir etwas mit dem skript und versteh es einfach nicht mehr woran es liegt:
                                        javascript.0 2020-11-09 23:49:01.944 warn (32212) at processTimers (internal/timers.js:497:7) javascript.0 2020-11-09 23:49:01.944 warn (32212) at listOnTimeout (internal/timers.js:554:17) javascript.0 2020-11-09 23:49:01.944 warn (32212) at Timeout._onTimeout (/opt/iobroker/node_modules/node-schedule/lib/schedule.js:510:7) javascript.0 2020-11-09 23:49:01.943 warn (32212) at /opt/iobroker/node_modules/node-schedule/lib/schedule.js:552:11 javascript.0 2020-11-09 23:49:01.943 warn (32212) at Job.invoke (/opt/iobroker/node_modules/node-schedule/lib/schedule.js:173:10) javascript.0 2020-11-09 23:49:01.943 warn (32212) at Job.job (/opt/iobroker/node_modules/iobroker.javascript/lib/sandbox.js:1291:34) javascript.0 2020-11-09 23:49:01.943 warn (32212) at Object.createList (script.js.Smarthome_Tobi.System.Unifi-Status:109:29) javascript.0 2020-11-09 23:49:01.941 warn (32212) getState "unifi.0.default.devices.null.port_table.port_null.speed" not found (3) javascript.0 2020-11-09 23:49:01.941 warn (32212) at processTimers (internal/timers.js:497:7) javascript.0 2020-11-09 23:49:01.941 warn (32212) at listOnTimeout (internal/timers.js:554:17) javascript.0 2020-11-09 23:49:01.940 warn (32212) at Timeout._onTimeout (/opt/iobroker/node_modules/node-schedule/lib/schedule.js:510:7) javascript.0 2020-11-09 23:49:01.940 warn (32212) at /opt/iobroker/node_modules/node-schedule/lib/schedule.js:552:11 javascript.0 2020-11-09 23:49:01.939 warn (32212) at Job.invoke (/opt/iobroker/node_modules/node-schedule/lib/schedule.js:173:10) javascript.0 2020-11-09 23:49:01.939 warn (32212) at Job.job (/opt/iobroker/node_modules/iobroker.javascript/lib/sandbox.js:1291:34) javascript.0 2020-11-09 23:49:01.939 warn (32212) at Object.createList (script.js.Smarthome_Tobi.System.Unifi-Status:109:65) javascript.0 2020-11-09 23:49:01.937 warn (32212) getState "unifi.0.default.clients.fe:71:da:57:ff:1f.sw_mac" not found (3) javascript.0 2020-11-09 23:49:01.937 warn (32212) at processTimers (internal/timers.js:497:7) javascript.0 2020-11-09 23:49:01.937 warn (32212) at listOnTimeout (internal/timers.js:554:17) javascript.0 2020-11-09 23:49:01.937 warn (32212) at Timeout._onTimeout (/opt/iobroker/node_modules/node-schedule/lib/schedule.js:510:7) javascript.0 2020-11-09 23:49:01.936 warn (32212) at /opt/iobroker/node_modules/node-schedule/lib/schedule.js:552:11 javascript.0 2020-11-09 23:49:01.936 warn (32212) at Job.invoke (/opt/iobroker/node_modules/node-schedule/lib/schedule.js:173:10) javascript.0 2020-11-09 23:49:01.936 warn (32212) at Job.job (/opt/iobroker/node_modules/iobroker.javascript/lib/sandbox.js:1291:34) javascript.0 2020-11-09 23:49:01.935 warn (32212) at Object.createList (script.js.Smarthome_Tobi.System.Unifi-Status:102:38) javascript.0 2020-11-09 23:49:01.934 warn (32212) getState "unifi.0.default.clients.fe:71:da:57:ff:1f.sw_port" not found (3) javascript.0 2020-11-09 23:49:01.933 warn (32212) at processTimers (internal/timers.js:497:7) javascript.0 2020-11-09 23:49:01.933 warn (32212) at listOnTimeout (internal/timers.js:554:17) javascript.0 2020-11-09 23:49:01.933 warn (32212) at Timeout._onTimeout (/opt/iobroker/node_modules/node-schedule/lib/schedule.js:510:7) javascript.0 2020-11-09 23:49:01.932 warn (32212) at /opt/iobroker/node_modules/node-schedule/lib/schedule.js:552:11 javascript.0 2020-11-09 23:49:01.932 warn (32212) at Job.invoke (/opt/iobroker/node_modules/node-schedule/lib/schedule.js:173:10) javascript.0 2020-11-09 23:49:01.932 warn (32212) at Job.job (/opt/iobroker/node_modules/iobroker.javascript/lib/sandbox.js:1291:34) javascript.0 2020-11-09 23:49:01.932 warn (32212) at Object.createList (script.js.Smarthome_Tobi.System.Unifi-Status:81:31) javascript.0 2020-11-09 23:49:01.930 warn (32212) getState "unifi.0.default.clients.fe:71:da:57:ff:1f.is_guest" not found (3) javascript.0 2020-11-09 23:49:01.930 warn (32212) at processTimers (internal/timers.js:497:7)
                                        Danke für jede Hilfe

                                        Ich hasse Fehler im Logdatei, darum dies habe ich sofort korrigiert ..

                                        Nun aber den Code ist vermutlich bei mir ein bisschen gewachsen, du kannst diese funktion komplett ersetzen:

                                        function createList() {
                                            try {
                                                let devices = $('[id=unifi\.0\.default\.clients\.*\.mac]'); // Query every time function is called (for new devices)
                                                let deviceList = [];
                                        
                                                for (var i = 0; i <= devices.length - 1; i++) {
                                                    let idDevice = devices[i].replace('.mac', '');
                                                    let isWired = getState(`${idDevice}.is_wired`).val;
                                                    let lastSeen = new Date(getState(`${idDevice}.last_seen`).val);
                                        
                                                    if (isInRange(lastSeen)) {
                                                        // Values for both WLAN and LAN
                                                        let isConnected = getState(`${idDevice}.is_online`).val;
                                                        let ip = existsState(`${idDevice}.ip`) ? getState(`${idDevice}.ip`).val : '';
                                                        let mac = idDevice;
                                                        let name = getName(idDevice, ip, mac);
                                                        let isGuest = getState(`${idDevice}.is_guest`).val;
                                                        let experience = (existsState(`${idDevice}.satisfaction`) && isConnected) ? (getState(`${idDevice}.satisfaction`).val || 100) : 0; // For LAN devices I got null as expirience .. file a bug?
                                                        let note = parseNote(idDevice, name, mac, ip);
                                                        let icon = (note && note.icon) || '';
                                        
                                                        let listType = 'text';
                                                        let buttonLink = '';
                                                        setLink();
                                        
                                                        // Variables for values that are fetched differently depending on device wiring
                                                        let receivedRaw = getTraffic(isWired, idDevice)
                                                        let received = formatTraffic(receivedRaw).replace('.', ',');
                                                        let sentRaw = getTraffic(isWired, idDevice, true);
                                                        let sent = formatTraffic(sentRaw).replace('.', ',');
                                                        let image = imagePath + ((note && note.image) ? note.image : ((isWired ? 'lan' : 'wlan') + '_noImage')) + '.png';
                                        
                                                        let uptime = getState(`${idDevice}.uptime`).val;
                                                        let speed = '';
                                                        let wlanSignal = '';
                                        
                                                        if (isWired) {  
                                                            // If exists prefer uptime on switch port
                                                            uptime = existsState(`${idDevice}.uptime_by_usw`) ? getState(`${idDevice}.uptime_by_usw`).val : uptime;
                                        
                                                            let switchMac = existsState(`${idDevice}.sw_mac`) ? getState(`${idDevice}.sw_mac`).val : false;
                                                            let switchPort = existsState(`${idDevice}.sw_port`) ? getState(`${idDevice}.sw_port`).val : false;
                                        
                                                            if (switchMac && switchPort) {
                                                                speed = getState(`unifi.0.default.devices.${switchMac}.port_table.port_${switchPort}.speed`).val.toString();
                                                            }
                                        
                                                            // Do not consider fiber ports
                                                            if (switchPort > 24) {
                                                                continue; // Skip add
                                                            }
                                                        } else {
                                                            speed = existsState(`${idDevice}.channel`) ? (getState(`${idDevice}.channel`).val > 13) ? '5G' : '2G' : '';
                                                            wlanSignal = getState(`${idDevice}.signal`).val;
                                                        }
                                        
                                                        addToList();
                                        
                                                        function setLink() {
                                                            if (note && note.link) {
                                                                listType = 'buttonLink';
                                        
                                                                if (note.link === 'http') {
                                                                    buttonLink = `http://${ip}`;
                                                                } else if (note.link === 'https') {
                                                                    buttonLink = `https://${ip}`;
                                                                } else {
                                                                    buttonLink = note.link;
                                                                }
                                                            }
                                                        }
                                        
                                                        function addToList() {
                                                            let statusBarColor = isConnected ? 'green' : 'FireBrick';
                                                            let text = isGuest ? `<span class="mdi mdi-account-box" style="color: #ff9800;"> ${name}</span>` : name;
                                                            let speedElement;
                                        
                                                            if (speed === '1000' || speed === '100') {
                                                                speedElement = `<div style="display: flex; flex: 1; text-align: left; align-items: center; position: relative;">
                                                                                    ${getLanSpeed(speed, speedIconSize, isConnected)}
                                                                                    <span style="color: gray; font-family: RobotoCondensed-LightItalic; font-size: ${speedTextSize}px; margin-left: 4px;">${speed.replace('1000', '1.000')} MBit/s</span>
                                                                                </div>`
                                                            } else {
                                                                speedElement = `<div style="display: flex; flex: 1; text-align: left; align-items: center; position: relative;">
                                                                                    ${getWifiStrength(wlanSignal, speedIconSize, isConnected)}
                                                                                    <span style="color: gray; font-family: RobotoCondensed-LightItalic; font-size: ${speedTextSize}px; margin-left: 4px;">${speed}</span>
                                                                                </div>`;
                                                            }
                                        
                                                            let receivedElement = `<span class="mdi mdi-arrow-down" style="font-size: ${trafficIconSize}px; color: #44739e;"></span><span style="color: gray; font-family: RobotoCondensed-LightItalic; font-size: ${trafficTextSize}px; margin-left: 2px; margin-right: 4px">${received}</span>`
                                                            let sentElement = `<span class="mdi mdi-arrow-up" style="font-size: ${trafficIconSize}px; color: #44739e;"></span><span style="color: gray; font-family: RobotoCondensed-LightItalic; font-size: ${trafficTextSize}px; margin-left: 2px;">${sent}</span>`
                                        
                                                            let experienceElement = `<div style="display: flex; margin-left: 8px; align-items: center;">${getExperience(experience, experienceIconSize, isConnected)}<span style="color: gray; font-family: RobotoCondensed-LightItalic; font-size: ${experienceTextSize}px; margin-left: 4px;">${experience} %</span></div>`
                                        
                                                            let subText = `
                                                                        ${ip}
                                                                        <div style="display: flex; flex-direction: row; padding-left: 8px; padding-right: 8px; align-items: center; justify-content: center;">
                                                                            ${getOnOffTime(isConnected, uptime, lastSeen)}
                                                                        </div>
                                                                        <div style="display: flex; flex-direction: row; padding-left: 8px; padding-right: 8px; margin-top: 10px; align-items: center;">
                                                                            ${speedElement}${receivedElement}${sentElement}${experienceElement}
                                                                        </div>
                                                                        `
                                        
                                                            deviceList.push({
                                                                text: text,
                                                                subText: subText,
                                                                listType: listType,
                                                                buttonLink: buttonLink,
                                                                image: image,
                                                                icon: icon,
                                                                statusBarColor: statusBarColor,
                                                                name: name,
                                                                ip: ip,
                                                                connected: isConnected,
                                                                received: receivedRaw,
                                                                sent: sentRaw,
                                                                experience: experience,
                                                                uptime: uptime,
                                                                isWired: isWired
                                                            });
                                                        }
                                                    }
                                                }
                                        
                                                // Sorting
                                                let sortMode = existsState(`${prefix}.sortMode`) ? getState(`${prefix}.sortMode`).val : defaultSortMode;
                                        
                                                deviceList.sort((a, b) => {
                                                    switch (sortMode) {
                                                        case 'ip':
                                                            const na = Number(a['ip'].split(".").map(v => `000${v}`.slice(-3)).join(''));
                                                            const nb = Number(b['ip'].split(".").map(v => `000${v}`.slice(-3)).join(''));
                                                            return na - nb;
                                                        case 'connected':
                                                        case 'received':
                                                        case 'sent':
                                                        case 'experience':
                                                        case 'uptime':
                                                            return a[sortMode] === b[sortMode] ? 0 : +(a[sortMode] < b[sortMode]) || -1;
                                                        case 'name':
                                                        default:
                                                            return a['name'].localeCompare(b['name'], locale, {sensitivity: 'base'});
                                                    }
                                                });
                                        
                                                if (devicesView) {
                                                    // Create links list (before filtering)
                                                    let linkList = [];
                                        
                                                    deviceList.forEach(obj => {
                                                        if (obj.listType === 'buttonLink') {
                                                            linkList.push({
                                                                text: obj.name, /** @todo Add some props (connected, ip, received, sent, experience, ...)? */
                                                                value: obj.buttonLink,
                                                                icon: obj.icon
                                                            });
                                        
                                                            // Change behaviour to buttonState, a listener on the state change on objectId will trigger the jump to that view
                                                            obj['listType'] = 'buttonState';
                                                            obj['objectId'] = `${prefix}.selectedUrl`;
                                                            obj['showValueLabel'] = false;
                                                            obj['buttonStateValue'] = obj.buttonLink;
                                                            delete obj['buttonLink'];
                                                        }
                                                    });
                                        
                                                    let linkListString = JSON.stringify(linkList);
                                        
                                                    if (existsState(`${prefix}.linksJsonList`) && getState(`${prefix}.linksJsonList`).val !== linkListString) {
                                                        setState(`${prefix}.linksJsonList`, linkListString, true);
                                                    }
                                                }
                                        
                                                // Filtering
                                                let filterMode = existsState(`${prefix}.filterMode`) ? getState(`${prefix}.filterMode`).val : '';
                                        
                                                if (filterMode && filterMode !== '') {
                                                    deviceList = deviceList.filter(item => {
                                                        switch (filterMode) {
                                                            case 'connected':
                                                                return item.connected;
                                                            case 'disconnected':
                                                                return !item.connected;
                                                            case 'lan':
                                                                return item.isWired;
                                                            case 'wlan':
                                                                return !item.isWired;
                                                            default:
                                                                return false; // Unknown filter, return no item
                                                        }
                                                    });
                                                }
                                        
                                                let result = JSON.stringify(deviceList);
                                        
                                                if (existsState(`${prefix}.jsonList`) && getState(`${prefix}.jsonList`).val !== result) {
                                                    setState(`${prefix}.jsonList`, result, true);
                                                }
                                            } catch (err) {
                                                console.error(`[createList] error: ${err.message}`);
                                                console.error(`[createList] stack: ${err.stack}`);
                                            }
                                        
                                            // Functions **************************************************************************************************************************************
                                            function getTraffic(isWired, idDevice, isSent = false) {
                                                if (!isSent) {
                                                    // Received
                                                    if (isWired) {
                                                        if (existsState(`${idDevice}.wired-tx_bytes`)) {
                                                            return getState(`${idDevice}.wired-tx_bytes`).val;
                                                        }
                                                    } else {
                                                        if (existsState(`${idDevice}.tx_bytes`)) {
                                                            return getState(`${idDevice}.tx_bytes`).val;
                                                        }
                                                    }
                                                } else {
                                                    // Sent
                                                    if (isWired) {
                                                        if (existsState(`${idDevice}.wired-rx_bytes`)) {
                                                            return getState(`${idDevice}.wired-rx_bytes`).val;
                                                        }
                                                    } else {
                                                        if (existsState(`${idDevice}.rx_bytes`)) {
                                                            return getState(`${idDevice}.rx_bytes`).val;
                                                        }
                                                    }
                                                }
                                        
                                                return 0;
                                            }
                                        
                                            function formatTraffic(traffic) {
                                                if (traffic > 0) {
                                                    traffic = parseFloat(traffic) / 1048576;
                                                    if (traffic < 100) {
                                                        return `${mathjs.round(traffic, 0)} MB`
                                                    } else {
                                                        return `${mathjs.round(traffic / 1024, 2)} GB`
                                                    }
                                                }
                                        
                                                return 'N/A';
                                            }
                                        
                                            function getName(idDevice, ip, mac) {
                                                let deviceName = '';
                                        
                                                if (existsState(`${idDevice}.name`)) {
                                                    deviceName = getState(`${idDevice}.name`).val;
                                                }
                                        
                                                if (deviceName === null || deviceName === undefined || deviceName === '') {
                                                    if (existsState(`${idDevice}.hostname`)) {
                                                        deviceName = getState(`${idDevice}.hostname`).val;
                                                    }
                                                }
                                        
                                                if (deviceName === null || deviceName === undefined || deviceName === '') {
                                                    if (ip !== null && ip !== undefined && ip !== '') {
                                                        deviceName = ip;
                                                    } else {
                                                        deviceName = mac;
                                                    }
                                                }
                                        
                                                return deviceName;
                                            }
                                        
                                            function isInRange(lastSeen) {
                                                let diff = new Date().getTime() - lastSeen.getTime() * 1000;
                                        
                                                return (diff < lastDays * 86400 * 1000) ? true : false;
                                            }
                                        
                                            function getWifiStrength(signal, size, isConnected) {
                                                if (!isConnected) {
                                                    return `<span class="mdi mdi-wifi-off" style="color: gray; font-size: ${size}px"></span>`
                                                }
                                        
                                                if (signal < -70) {
                                                    return `<span class="mdi mdi-signal-cellular-1" style="color: FireBrick; font-size: ${size}px"></span>`
                                                } else if (signal >= -70 && signal < -55) {
                                                    return `<span class="mdi mdi-signal-cellular-2" style="color: #ff9800; font-size: ${size}px"></span>`
                                                } else {
                                                    return `<span class="mdi mdi-signal-cellular-3" style="color: green; font-size: ${size}px"></span>`
                                                }
                                            }
                                        
                                            function getLanSpeed(speed, size, isConnected) {
                                                if (!isConnected) {
                                                    return `<span class="mdi mdi-network-off" style="color: gray; font-size: ${size}px;"></span>`
                                                }
                                        
                                                if (speed === '1000') {
                                                    return `<span class="mdi mdi-network" style="color: green; font-size: ${size}px;"></span>`
                                                } else {
                                                    return `<span class="mdi mdi-network" style="color: #ff9800; font-size: ${size}px;"></span>`
                                                }
                                            }
                                        
                                            function getExperience(experience, size, isConnected) {
                                                let color = 'gray';
                                                let icon = 'mdi-speedometer';
                                        
                                                if (isConnected) {
                                                    if (experience >= 70) {
                                                        color = 'green';
                                                    } else if (experience >= 40) {
                                                        color = '#ff9800';
                                                        icon += '-medium';
                                                    } else {
                                                        color = 'FireBrick';
                                                        icon += '-slow';
                                                    }
                                                }
                                        
                                                return `<span class="mdi ${icon}" style="color: ${color}; font-size: ${size}px;"></span>`;
                                            }
                                        
                                            function parseNote(idDevice, name, mac, ip) {
                                                try {
                                                    if (existsState(`${idDevice}.note`)) {
                                                        return JSON.parse(getState(`${idDevice}.note`).val);
                                                    }
                                                } catch (ex) {
                                                    console.error(`${name} (ip: ${ip}, mac: ${mac}): ${ex.message}`);
                                                }
                                        
                                                return undefined;
                                            }
                                        
                                            function getOnOffTime(isConnected, uptime, lastSeen) {
                                                return `<span style="color: gray; font-size: ${offlineTextSize}px; line-height: 1.3; font-family: RobotoCondensed-LightItalic;">
                                                       ${translate(isConnected ? 'online' : 'offline')} ${(isConnected ? moment().subtract(uptime, 's') : moment(lastSeen)).fromNow()}
                                                       </span>`;
                                            }
                                        }
                                        

                                        Oder in meinen GitHub backup repo alles nehmen ..
                                        Hinweis, ich habe neu eine globale Skript mit Funktionen für die initialisierung der Stati

                                        tobasium 1 Reply Last reply Reply Quote 1
                                        • tobasium
                                          tobasium @cdellasanta last edited by

                                          @cdellasanta Danke. Werde das die Tage mal testen.

                                          1 Reply Last reply Reply Quote 0
                                          • cdellasanta
                                            cdellasanta Developer @Nashra last edited by cdellasanta

                                            @Nashra said in Material Design Widgets: UniFi Netzwerk Status:

                                            Toll wenn du das umsetzen würdest und keine Eile.

                                            Also, ich habe mal ein "bisschen" 🙄 Zeit investiert und hab folgendes resultat erzogen:
                                            preview.gif

                                            Hab alles bei @Scrounger als PR gesendet.

                                            Hab folgendes gemacht:

                                            • Skript vom Javascript zu TypeScript konvertiert
                                            • Verschiedene korrekturen im bezug der handlung der Stati
                                            • Listen der UniFi Hardware (inklusive CPU und RAM Prozentwerte)
                                            • Sichten angepasst für die benützung der neue Theme Funktion (vis-materialdseign 0.4.x)
                                            • Update der Listen nachdem den unifi adapter die Daten gesammelt hat (anstatt Timer/Scheduler)

                                            Hier den angepassten Skript und Views:

                                            Code (ich nenne es unifi-list) :

                                            /**
                                            * Listings for UniFi devices (to use with Material Design Widgets)
                                            *
                                            * Requirements:
                                            *  - UniFi controller permanently running on your network
                                            *  - UniFi ioBroker adapter >= 0.5.8 (https://www.npmjs.com/package/iobroker.unifi)
                                            *  - Library "moment" in the "Additional npm modules" of the javascript.0 adapter configuration
                                            *  - Some programming skills
                                            *
                                            * @license http://www.opensource.org/licenses/mit-license.html  MIT License
                                            * @author  Scrounger <Scrounger@gmx.net>
                                            * @author  web4wasch @WEB4WASCH
                                            * @author  cdellasanta <70055566+cdellasanta@users.noreply.github.com>
                                            * @link    https://forum.iobroker.net/topic/30875/material-design-widgets-unifi-netzwerk-status
                                            */
                                            
                                            // Script configuration
                                            const statePrefix = '0_userdata.0.vis.NetzwerkDevicesStatus'; // Might be better to use an english statePrefix (e.g. '0_userdata.0.vis.unifiNetworkState'), but then remember to adapt the Views too
                                            const defaultLocale = 'de';
                                            
                                            const lastDays = 7;       // Show devices that have been seen in the network within the last X days
                                            
                                            const byteUnits = 'SI'; // SI units use the Metric representation based on 10^3 (1'000) as a order of magnitude
                                                                   // IEC units use 2^10 (1'024) as an order of magnitude
                                            
                                            const defaultSortMode = 'name'; // Value for default and reset sort
                                            const sortResetAfter = 120;     // Reset sort value after X seconds (0=disabled)
                                            const filterResetAfter = 120;   // Reset filter after X seconds (0=disabled)
                                            
                                            const imagesPath = '/vis.0/myImages/networkDevices/'; // Path for images
                                            
                                            // Optional: Path prefix for UniFi device images (see getUnifiImage function for deeper information on how to extract it for your network)
                                            // @todo Could take controller host and port from the unifi adapter configuration, but thene there is still the angular subdirectory that needs to be configured ..
                                            const unifiImagesUrlPrefix = 'https://<your-controller-ip-or-host>:<controller-port>/manage/angular/g7989b19/images/devices/';
                                            // const unifiImagesUrlPrefix = null; // Use the 'lan_noImage.png' for all devices
                                            // const unifiImagesUrlPrefix = false; // Use '<device model>.png' from your imagesPath
                                            
                                            // Optional: display links into a separate view, instead of new navigation window (set false to disable this feature)
                                            const devicesView = {currentViewState: '0_userdata.0.vis.currentView', devicesViewKey: 1};
                                            
                                            const offlineTextSize = 14;
                                            const infoIconSize = 20;
                                            const infoTextSize = 14;
                                            const performances = {
                                               none: {
                                                   color: 'grey',
                                                   experience: 'speedometer',
                                                   speedLan: 'network-off',
                                                   speedWifi: 'wifi-off'
                                               },
                                               good: {
                                                   color: 'green',
                                                   experience: 'speedometer',
                                                   speedLan: 'network',
                                                   speedWifi: 'signal-cellular-3'
                                               },
                                               low: {
                                                   color: '#ff9800',
                                                   experience: 'speedometer-medium',
                                                   speedLan: 'network',
                                                   speedWifi: 'signal-cellular-2'
                                               },
                                               bad: {
                                                   color: 'FireBrick',
                                                   experience: 'speedometer-slow',
                                                   speedLan: 'network',
                                                   speedWifi: 'signal-cellular-1'
                                               }
                                            };
                                            
                                            // **********************************************************************************************************************************************************************
                                            // Modules: should not need to 'import' them (ref: https://github.com/ioBroker/ioBroker.javascript/blob/c2725dcd9772627402d0e5bc74bf69b5ed6fe375/docs/en/javascript.md#require---load-some-module),
                                            // but to avoid TypeScript inspection errors, doing it anyway ...
                                            // import * as moment from "moment"; // Should work, but typescript raises exception ...
                                            const moment = require('moment');
                                            
                                            // Initialization create/delete states, register listeners
                                            // Using my global functions (see global script common-states-handling )
                                            /** For this script to work as standalone, the following 4 functions have been inlined at the end of script,
                                            *  if you place them in a global script, then you need to uncomment following "declare" statements **/
                                            // declare function runAfterInitialization(callback: CallableFunction): void;
                                            // declare function initializeState(stateId: string, defaultValue: any, common: object, listenerChangeType?: string, listenerCallback?: CallableFunction): void;
                                            // declare function getStateIfExists(stateId: string): any;
                                            // declare function getStateValue(stateId: string): any;
                                            
                                            const getLocale = () => getStateValue('0_userdata.0.vis.locale') || defaultLocale;
                                            
                                            
                                            initializeState(`${statePrefix}.jsonList`, '[]', {name: 'UniFi devices listing: jsonList', type: 'string'});
                                            
                                            // Change on sort mode triggers list generation and reset of sort-timer-reset
                                            initializeState(`${statePrefix}.sortMode`, defaultSortMode, {name: 'UniFi device listing: sortMode', type: 'string'}, 'any', () => { updateDeviceLists(); resetSortTimer(); });
                                            
                                            // Change on filter mode triggers list generation and reset of filter-timer-reset
                                            initializeState(`${statePrefix}.filterMode`, '', {name: 'UniFi device listing: filterMode', type: 'string'}, 'any', () => { updateDeviceLists(); resetFilterTimer(); });
                                            
                                            // Sorters, filters and some additional translations are saved in states to permit texts localization
                                            initializeState(`${statePrefix}.sortersJsonList`, '{}', {name: 'UniFi device listing: sortersJsonList', type: 'string', read: true, write: false});
                                            initializeState(`${statePrefix}.filtersJsonList`, '{}', {name: 'UniFi device listing: filtersJsonList', type: 'string', read: true, write: false});
                                            initializeState(`${statePrefix}.translations`, '{}', {name: 'UniFi device listing: viewTranslations', type: 'string', read: true, write: false});
                                            
                                            if (devicesView) {
                                               initializeState(`${statePrefix}.linksJsonList`, '[]', {name: 'Device links listing: linksJsonList', type: 'string'});
                                               initializeState(`${statePrefix}.selectedUrl`, '', {name: 'Selected device link: selectedUrl', type: 'string'}, 'any', () => { setState(devicesView.currentViewState, devicesView.devicesViewKey); }); // On selected device change, go to "Devices" view
                                            }
                                            
                                            // On locale change, setup correct listings
                                            if (existsState('0_userdata.0.vis.locale')) {
                                               runAfterInitialization(() => on('0_userdata.0.vis.locale', 'ne', setup));
                                            }
                                            
                                            runAfterInitialization(() => {
                                               setup();
                                            
                                               // Refresh lists every time the unifi adapter has updated its data
                                               on('unifi.0.info.connection','any', updateDeviceLists);
                                            });
                                            
                                            function setup(): void {
                                               setTimeLocale();
                                               setSortItems();
                                               setFilterItems();
                                               setViewTranslations();
                                            
                                               // Fill lists
                                               updateDeviceLists();
                                            }
                                            
                                            function updateDeviceLists() {
                                               const getNote = (idDevice, name, mac, ip) => {
                                                   try {
                                                       return JSON.parse(getStateValue(`${idDevice}.note`) || '{}');
                                                   } catch (ex) {
                                                       console.error(`${name} (ip: ${ip}, mac: ${mac}): ${ex.message}`);
                                                   }
                                            
                                                   return {};
                                               }
                                            
                                               try {
                                                   // Selector help: https://github.com/ioBroker/ioBroker.javascript/blob/master/docs/en/javascript.md#---selector
                                                   let devices = $('state[id=unifi\.0\.default\.*\.*\.mac]'); // Query every time function is called (for new devices)
                                                   let deviceList = [];
                                            
                                                   for (var i = 0; i <= devices.length - 1; i++) {
                                                       let [,,, deviceType, mac] = devices[i].split('.');
                                            
                                                       // Only 'clients' and 'devices' are allowed (not 'alerts' ... can't exclude direclty on selector ...)
                                                       if (!['clients', 'devices'].includes(deviceType)) {
                                                           continue;
                                                       }
                                            
                                                       let idDevice = devices[i].replace('.mac', '');
                                                       let unifiDevice = deviceType === 'devices';
                                                       let isWired = getStateValue(`${idDevice}.is_wired`) || unifiDevice;
                                                       let lastSeen = new Date(getStateValue(`${idDevice}.last_seen`));
                                            
                                                       // For clients, if lastSeen difference is bigger than lastDays, then skip the device
                                                       if (!unifiDevice && (new Date().getTime() - lastSeen.getTime()) > lastDays * 86400 * 1000) {
                                                           continue;
                                                       }
                                            
                                                       // Values for all device types and connection
                                                       let isConnected = getStateValue(`${idDevice}.is_online`) || unifiDevice;
                                                       let ip = getStateValue(`${idDevice}.ip`) || '';
                                                       let name = getStateValue(`${idDevice}.name`) || getStateValue(`${idDevice}.hostname`) || ip || mac;
                                                       let isGuest = getStateValue(`${idDevice}.is_guest`);
                                                       let note = getNote(idDevice, name, mac, ip);
                                                       let received = getStateValue(`${idDevice}.${unifiDevice || !isWired ? '' : 'wired-'}tx_bytes`) || 0;
                                                       let sent = getStateValue(`${idDevice}.${unifiDevice || !isWired ? '' : 'wired-'}rx_bytes`) || 0;
                                                       let uptime = getStateValue(`${idDevice}.uptime`);
                                                       let experience = getStateValue(`${idDevice}.satisfaction`) || (isConnected ? 100 : 0); // For LAN devices I got null as expirience .. file a bug?
                                            
                                                       let additionalInfoItems = '';
                                                       const infoItem = (icon, color, text) => `<span style="margin: 0 2px">
                                                           <span class="mdi mdi-${icon}" style="color: ${color}; font-size: ${infoIconSize}px; "></span>
                                                           <span style="color: grey; font-family: RobotoCondensed-LightItalic; font-size: ${infoTextSize}px; margin-left: 2px;">${text}</span>
                                                           </span>`;
                                            
                                                       if (unifiDevice) {
                                                           let cpu = getStateValue(`${idDevice}.system-stats.cpu`) || 0;
                                                           let mem = getStateValue(`${idDevice}.system-stats.mem`) || 0;
                                                           let cpuPerformance = !isConnected ? 'none' : (cpu <= 70 ? 'good' : (cpu <= 90 ? 'low' : 'bad'));
                                                           let memPerformance = !isConnected ? 'none' : (mem <= 70 ? 'good' : (mem <= 90 ? 'low' : 'bad'));
                                            
                                                           // The icons do not really fit, there is no good option for a "ram memory bank" in https://materialdesignicons.com/
                                                           additionalInfoItems += infoItem(/*'cpu-64-bit'*/ 'memory', performances[cpuPerformance].color, `${cpu}%`);
                                                           additionalInfoItems += infoItem(/*'memory' 'expansion-card-variant'*/ 'sd', performances[memPerformance].color, `${mem}%`);
                                                       } else {
                                                           let experiencePerformance = !isConnected ? 'none' : (experience >= 70 ? 'good' : (experience >= 40 ? 'low' : 'bad'));
                                                           let speedText = '';
                                                           let speedPerformance = 'none';
                                            
                                                           if (isWired) {
                                                               // If exists prefer uptime on switch port
                                                               uptime = getStateValue(`${idDevice}.uptime_by_usw`) || uptime;
                                            
                                                               let switchMac = getStateValue(`${idDevice}.sw_mac`) || false;
                                                               let switchPort = getStateValue(`${idDevice}.sw_port`) || false;
                                            
                                                               if (switchMac && switchPort) {
                                                                   let speed = getStateValue(`unifi.0.default.devices.${switchMac}.port_table.port_${switchPort}.speed`) || 0;
                                                                   speedText = speed === 0 ? '' : (speed < 1000 ? (speed + ' Mbit/s') : (speed/1000 + ' Gbit/s'));
                                                                   speedPerformance = !isConnected ? 'none' : (speed == 1000 ? 'good' : 'low');
                                                               }
                                            
                                                               // Do not consider fiber ports
                                                               if (switchPort > 24) { // @todo  On some switches the fiber port is already on port 9 .. there are surely better ways to recognise a fiber port
                                                                   // @todo This is legacy code, why are devices connected to fiber ports not of interest?
                                                                   continue; // Skip device
                                                               }
                                                           } else {
                                                               let channel = getStateValue(`${idDevice}.channel`);
                                                               let signal = getStateValue(`${idDevice}.signal`);
                                            
                                                               speedText = channel === null ? '' : (channel > 13 ? '5G' : '2G');
                                                               speedPerformance = !isConnected ? 'none' : (signal >= -55 ? 'good' : (signal >= -70 ? 'low' : 'bad'));
                                                           }
                                            
                                                           additionalInfoItems += infoItem(performances[speedPerformance][isWired ? 'speedLan' : 'speedWifi'], performances[speedPerformance].color, speedText);
                                                           additionalInfoItems += infoItem(performances[experiencePerformance].experience, performances[experiencePerformance].color, `${experience}%`);
                                                       }
                                            
                                                       deviceList.push({
                                                           // Visualization data (tplVis-materialdesign-Icon-List)
                                                           statusBarColor: isConnected ? 'green' : 'FireBrick',
                                                           text: isGuest ? `<span class="mdi mdi-account-box" style="color: #ff9800;">${name}</span>` : name,
                                                           subText: `
                                                               ${ip}
                                                               <div style="display: flex; flex-direction: row; padding-left: 8px; padding-right: 8px; align-items: center; justify-content: center;">
                                                                   <span style="color: grey; font-size: ${offlineTextSize}px; line-height: 1.3; font-family: RobotoCondensed-LightItalic;">
                                                                       ${translate(isConnected ? 'online' : 'offline')} ${(isConnected ? moment().subtract(uptime, 's') : moment(lastSeen)).fromNow()}
                                                                   </span>
                                                               </div>
                                                               <div style="display: flex; flex-direction: row; padding-left: 4px; padding-right: 4px; margin-top: 10px; align-items: center;">
                                                                   <div style="display: flex; flex: 1; text-align: left; align-items: center; position: relative;">
                                                                       ${infoItem('arrow-down', '#44739e', formatBytes(received, byteUnits))}
                                                                       ${infoItem('arrow-up', '#44739e', formatBytes(sent, byteUnits))}
                                                                   </div>                       
                                                                   <div style="display: flex; margin-left: 8px; align-items: center;">
                                                                       ${additionalInfoItems}
                                                                   </div>
                                                               </div>
                                                           `,
                                                           listType: !note.link ? 'text' : 'buttonLink',
                                                           buttonLink: !note.link ? '' : (['http', 'https'].includes(note.link) ? `${note.link}://${ip}` : note.link),
                                                           image: unifiDevice ? getUnifiImage(getStateValue(`${idDevice}.model`)) : (imagesPath + (note.image ? note.image : ((isWired ? 'lan' : 'wlan') + '_noImage')) + '.png'),
                                                           icon: note.icon || '',
                                            
                                                           // Additional data used for list sorting
                                                           name: name,
                                                           ip: ip,
                                                           connected: isConnected,
                                                           received: received,
                                                           sent: sent,
                                                           experience: experience,
                                                           uptime: uptime,
                                                           isWired: isWired,
                                                           isUnifi: unifiDevice
                                                       });
                                                   }
                                            
                                                   // Sorting
                                                   let sortMode = getStateValue(`${statePrefix}.sortMode`);
                                            
                                                   deviceList.sort((a, b) => {
                                                       switch (sortMode) {
                                                           case 'ip':
                                                               const na = Number(a['ip'].split(".").map(v => `000${v}`.slice(-3)).join(''));
                                                               const nb = Number(b['ip'].split(".").map(v => `000${v}`.slice(-3)).join(''));
                                                               return na - nb;
                                                           case 'connected':
                                                           case 'received':
                                                           case 'sent':
                                                           case 'experience':
                                                           case 'uptime':
                                                               return a[sortMode] === b[sortMode] ? 0 : +(a[sortMode] < b[sortMode]) || -1;
                                                           case 'name':
                                                           default:
                                                               return a['name'].localeCompare(b['name'], getLocale(), {sensitivity: 'base'});
                                                       }
                                                   });
                                            
                                                   if (devicesView) {
                                                       // Create links list (before filtering)
                                                       let linkList = [];
                                            
                                                       deviceList.forEach(obj => {
                                                           if (obj.listType === 'buttonLink') {
                                                               linkList.push({
                                                                   // Visualization data (tplVis-materialdesign-Select)
                                                                   text: obj.name,
                                                                   value: obj.buttonLink,
                                                                   icon: obj.icon
                                                                   /** @todo Add some properties (connected, ip, received, sent, experience, ...)? */
                                                               });
                                            
                                                               // Change behaviour from 'buttonLink' to 'buttonState',
                                                               // a listener on the state change of the objectId will trigger the jump to the devices view
                                                               obj['listType'] = 'buttonState';
                                                               obj['objectId'] = `${statePrefix}.selectedUrl`;
                                                               obj['showValueLabel'] = false;
                                                               obj['buttonStateValue'] = obj.buttonLink;
                                                               delete obj['buttonLink'];
                                                           }
                                                       });
                                            
                                                       let linkListString = JSON.stringify(linkList);
                                            
                                                       if (getStateValue(`${statePrefix}.linksJsonList`) !== linkListString) {
                                                           setState(`${statePrefix}.linksJsonList`, linkListString, true);
                                                       }
                                                   }
                                            
                                                   // Filtering
                                                   let filterMode = getStateValue(`${statePrefix}.filterMode`) || '';
                                            
                                                   if (filterMode && filterMode !== '') {
                                                       deviceList = deviceList.filter(item => {
                                                           switch (filterMode) {
                                                               case 'connected':
                                                                   return item.connected;
                                                               case 'disconnected':
                                                                   return !item.connected;
                                                               case 'lan':
                                                                   return item.isWired;
                                                               case 'wlan':
                                                                   return !item.isWired;
                                                               case 'unifi':
                                                                   return item.isUnifi;
                                                               default:
                                                                   return false; // Unknown filter, return no item
                                                           }
                                                       });
                                                   }
                                            
                                                   let result = JSON.stringify(deviceList);
                                            
                                                   if (getStateValue(`${statePrefix}.jsonList`) !== result) {
                                                       setState(`${statePrefix}.jsonList`, result, true);
                                                   }
                                               } catch (err) {
                                                   console.error(`[updateDeviceLists] error: ${err.message}`);
                                                   console.error(`[updateDeviceLists] stack: ${err.stack}`);
                                               }
                                            
                                               log(`Updated lists`, 'debug');
                                            }
                                            
                                            let sortTimeoutID;
                                            
                                            function resetSortTimer() {
                                               if (sortResetAfter > 0) {
                                                   clearTimeout(sortTimeoutID); // If set then clear previous timer
                                            
                                                   sortTimeoutID = setTimeout(() => setState(`${statePrefix}.sortMode`, defaultSortMode), sortResetAfter * 1000);
                                               }
                                            }
                                            
                                            let filterTimeoutID;
                                            
                                            function resetFilterTimer() {
                                               if (filterResetAfter > 0) {
                                                   clearTimeout(filterTimeoutID); // If set then clear previous timer
                                            
                                                   filterTimeoutID = setTimeout(() => setState(`${statePrefix}.filterMode`, ''), filterResetAfter * 1000);
                                               }
                                            }
                                            
                                            function setTimeLocale(): void {
                                               let locale = getLocale();
                                            
                                               moment.locale(locale);
                                               moment.updateLocale(locale, {
                                                   relativeTime: {
                                                       future: translate('in %s'),
                                                       past: translate('since %s'), // Default for past is '%s ago'
                                                       s: translate('a few seconds'),
                                                       ss: translate('%d seconds'),
                                                       m: translate('a minute'),
                                                       mm: translate('%d minutes'),
                                                       h: translate('an hour'),
                                                       hh: translate('%d hours'),
                                                       d: translate('a day'),
                                                       dd: translate('%d days'),
                                                       w: translate('a week'),
                                                       ww: translate('%d weeks'),
                                                       M: translate('a month'),
                                                       MM: translate('%d months'),
                                                       y: translate('a year'),
                                                       yy: translate('%d years')
                                                   }
                                               });
                                            }
                                            
                                            function setSortItems(): void {
                                               setState(
                                                   `${statePrefix}.sortersJsonList`,
                                                   JSON.stringify([
                                                       {
                                                           text: translate('Name'),
                                                           value: 'name',
                                                           icon: 'sort-alphabetical-variant'
                                                       },
                                                       {
                                                           text: translate('IP address'),
                                                           value: 'ip',
                                                           icon: 'information-variant'
                                                       },
                                                       {
                                                           text: translate('Connected'),
                                                           value: 'connected',
                                                           icon: 'check-network'
                                                       },
                                                       {
                                                           text: translate('Received data'),
                                                           value: 'received',
                                                           icon: 'arrow-down'
                                                       },
                                                       {
                                                           text: translate('Sent data'),
                                                           value: 'sent',
                                                           icon: 'arrow-up'
                                                       },
                                                       {
                                                           text: translate('Experience'),
                                                           value: 'experience',
                                                           icon: 'speedometer'
                                                       },
                                                       {
                                                           text: translate('Uptime'),
                                                           value: 'uptime',
                                                           icon: 'clock-check-outline'
                                                       }
                                                   ]),
                                                   true
                                               );
                                            }
                                            
                                            function setFilterItems(): void {
                                               setState(
                                                   `${statePrefix}.filtersJsonList`,
                                                   JSON.stringify([
                                                       {
                                                           text: translate('connected'),
                                                           value: 'connected',
                                                           icon: 'check-network'
                                                       },
                                                       {
                                                           text: translate('disconnected'),
                                                           value: 'disconnected',
                                                           icon: 'network-off'
                                                       },
                                                       {
                                                           text: translate('LAN connection'),
                                                           value: 'lan',
                                                           icon: 'network'
                                                       },
                                                       {
                                                           text: translate('WLAN connection'),
                                                           value: 'wlan',
                                                           icon: 'wifi'
                                                       },
                                                       {
                                                           text: translate('UniFi network devices'),
                                                           value: 'unifi',
                                                           icon: 'router-network'
                                                       }
                                                   ]),
                                                   true
                                               );
                                            }
                                            
                                            function setViewTranslations(): void {
                                               setState(
                                                   `${statePrefix}.translations`,
                                                   JSON.stringify([
                                                       'Sort by',
                                                       'Filter by',
                                                       'Device'
                                                   ].reduce((o, key) => ({...o, [key]: translate(key)}), {})),
                                                   true
                                               );
                                            }
                                            
                                            function translate(enText) {
                                               const map = { // For translations used https://translator.iobroker.in (that uses Google translator)
                                                   // Sort items
                                                   'Name': {de: 'Name', ru: 'имя', pt: 'Nome', nl: 'Naam', fr: 'Nom', it: 'Nome', es: 'Nombre', pl: 'Nazwa','zh-cn': '名称'},
                                                   'IP address': {de: 'IP Adresse', ru: 'Aйпи адрес', pt: 'Endereço de IP', nl: 'IP adres', fr: 'Adresse IP', it: 'Indirizzo IP', es: 'Dirección IP', pl: 'Adres IP','zh-cn': 'IP地址'},
                                                   'Connected': {de: 'Verbunden', ru: 'Связано', pt: 'Conectado', nl: 'Verbonden', fr: 'Connecté', it: 'Collegato', es: 'Conectado', pl: 'Połączony','zh-cn': '连接的'},
                                                   'Received data': {de: 'Daten empfangen', ru: 'Полученные данные', pt: 'Dados recebidos', nl: 'Ontvangen data', fr: 'Données reçues', it: 'Dati ricevuti', es: 'Datos recibidos', pl: 'Otrzymane dane','zh-cn': '收到资料'},
                                                   'Sent data': {de: 'Daten gesendet', ru: 'Отправленные данные', pt: 'Dados enviados', nl: 'Verzonden gegevens', fr: 'Données envoyées', it: 'Dati inviati', es: 'Datos enviados', pl: 'Wysłane dane','zh-cn': '发送数据'},
                                                   'Experience': {de: 'Erlebnis', ru: 'Опыт', pt: 'Experiência', nl: 'Ervaring', fr: 'Expérience', it: 'Esperienza', es: 'Experiencia', pl: 'Doświadczenie','zh-cn': '经验'},
                                                   'Uptime': {de: 'Betriebszeit', ru: 'Время безотказной работы', pt: 'Tempo de atividade', nl: 'Uptime', fr: 'Disponibilité', it: 'Disponibilità', es: 'Tiempo de actividad', pl: 'Dostępność','zh-cn': '正常运行时间'},
                                                   // Filter Items
                                                   'connected': {de: 'verbunden', ru: 'связано', pt: 'conectado', nl: 'verbonden', fr: 'connecté', it: 'collegato', es: 'conectado', pl: 'połączony','zh-cn': '连接的'},
                                                   'disconnected': {de: 'nicht verbunden', ru: 'отключен', pt: 'desconectado', nl: 'losgekoppeld', fr: 'débranché', it: 'disconnesso', es: 'desconectado', pl: 'niepowiązany','zh-cn': '断开连接'},
                                                   'LAN connection': {de: 'LAN Verbindungen', ru: 'подключение по локальной сети', pt: 'conexão LAN', nl: 'LAN-verbinding', fr: 'connexion LAN', it: 'connessione LAN', es: 'coneccion LAN', pl: 'połączenie LAN','zh-cn': '局域网连接'},
                                                   'WLAN connection': {de: 'WLAN Verbindungen', ru: 'поединение WLAN', pt: 'conexão WLAN', nl: 'WLAN-verbinding', fr: 'connexion WLAN', it: 'connessione WLAN', es: 'conexión WLAN', pl: 'połączenie WLAN','zh-cn': 'WLAN连接'},
                                                   'UniFi network devices': {de: 'UniFi-Netzwerkgeräte', ru: 'Сетевые устройства UniFi', pt: 'Dispositivos de rede UniFi', nl: 'UniFi-netwerkapparaten', fr: 'Périphériques réseau UniFi', it: 'Dispositivi di rete UniFi', es: 'Dispositivos de red UniFi', pl: 'Urządzenia sieciowe UniFi', 'zh-cn': 'UniFi网络设备'},
                                                   // Additional view translations
                                                   'Sort by': {de: 'Sortieren nach', ru: 'Сортировать по', pt: 'Ordenar por', nl: 'Sorteer op', fr: 'Trier par', it: 'Ordina per', es: 'Ordenar por', pl: 'Sortuj według', 'zh-cn': '排序方式'},
                                                   'Filter by': {de: 'Filtern nach', ru: 'Сортировать по', pt: 'Filtrar por', nl: 'Filteren op', fr: 'Filtrer par', it: 'Filtra per', es: 'Filtrado por', pl: 'Filtruj według','zh-cn': '过滤'},
                                                   'Device': {de: 'Gerät', ru: 'Устройство', pt: 'Dispositivo', nl: 'Apparaat', fr: 'Dispositif', it: 'Dispositivo', es: 'Dispositivo', pl: 'Urządzenie','zh-cn': '设备'},
                                                   // On/off times
                                                   'online': {de: 'online', ru: 'онлайн', pt: 'conectados', nl: 'online', fr: 'en ligne', it: 'in linea', es: 'en línea', pl: 'online', 'zh-cn': "线上"},
                                                   'offline': {de: 'offline', ru: 'не в сети', pt: 'desligada', nl: 'offline', fr: 'hors ligne', it: 'disconnesso', es: 'desconectado', pl: 'offline', 'zh-cn': "离线"},
                                                   // Relative times
                                                   'in %s': {de: 'in %s', ru: 'через %s', pt: 'em %s', nl: 'in %s', fr: 'en %s', it: 'in %s', es: 'en %s', pl: 'w %s','zh-cn': '在%s中'},
                                                   'since %s': {de: 'seit %s', ru: 'поскольку %s', pt: 'desde %s', nl: 'sinds %s', fr: 'depuis %s', it: 'da %s', es: 'desde %s', pl: 'od %s','zh-cn': '自%s'},
                                                   'a few seconds': {de: 'ein paar Sekunden', ru: 'несколько секунд', pt: 'alguns segundos', nl: 'een paar seconden', fr: 'quelques secondes', it: 'pochi secondi', es: 'unos pocos segundos', pl: 'kilka sekund','zh-cn': '几秒钟'},
                                                   '%d seconds': {de: '%d Sekunden', ru: '%d секунд', pt: '%d segundos', nl: '%d seconden', fr: '%d secondes', it: '%d secondi', es: '%d segundos', pl: '%d sekund','zh-cn': '%d秒'},
                                                   'a minute': {de: 'eine Minute', ru: 'минута', pt: 'um minuto', nl: 'een minuut', fr: 'une minute', it: 'un minuto', es: 'un minuto', pl: 'minutę','zh-cn': '一分钟'},
                                                   '%d minutes': {de: '%d Minuten', ru: '%d минут', pt: '%d minutos', nl: '%d minuten', fr: '%d minutes', it: '%d minuti', es: '%d minutos', pl: '%d minut','zh-cn': '%d分钟'},
                                                   'an hour': {de: 'eine Stunde', ru: 'час', pt: 'uma hora', nl: 'een uur', fr: 'une heure', it: 'un\'ora', es: 'una hora', pl: 'godzina','zh-cn': '一小时'},
                                                   '%d hours': {de: '%d Stunden', ru: '%d часов', pt: '%d horas', nl: '%d uur', fr: '%d heures', it: '%d ore', es: '%d horas', pl: '%d godzin','zh-cn': '%d小时'},
                                                   'a day': {de: 'ein Tag', ru: 'день', pt: 'um dia', nl: 'een dag', fr: 'un jour', it: 'un giorno', es: 'un día', pl: 'dzień','zh-cn': '一天'},
                                                   '%d days': {de: '%d Tage', ru: '%d дней', pt: '%d dias', nl: '%d dagen', fr: '%d jours', it: '%d giorni', es: '%d días', pl: '%d dni','zh-cn': '%d天'},
                                                   'a week': {de: 'eine Woche', ru: 'неделя', pt: 'uma semana', nl: 'een week', fr: 'une semaine', it: 'una settimana', es: 'una semana', pl: 'tydzień','zh-cn': '一周'},
                                                   '%d weeks': {de: '%d Wochen', ru: '%d недель', pt: '%d semanas', nl: '%d weken', fr: '%d semaines', it: '%d settimane', es: '%d semanas', pl: '%d tygodni','zh-cn': '%d周'},
                                                   'a month': {de: 'ein Monat', ru: 'месяц', pt: 'um mês', nl: 'een maand', fr: 'un mois', it: 'un mese', es: 'un mes', pl: 'miesiąc','zh-cn': '一个月'},
                                                   '%d months': {de: '%d Monate', ru: '%d месяцев', pt: '%d meses', nl: '%d maanden', fr: '%d mois', it: '%d mesi', es: '%d meses', pl: '%d miesięcy','zh-cn': '%d个月'},
                                                   'a year': {de: 'ein Jahr', ru: 'год', pt: 'um ano', nl: 'een jaar', fr: 'une année', it: 'un anno', es: 'un año', pl: 'rok','zh-cn': '一年'},
                                                   '%d years': {de: '%d Jahre', ru: '%d лет', pt: '%d anos', nl: '%d jaar', fr: '%d années', it: '%d anni', es: '%d años', pl: '%d lat','zh-cn': '%d年'}
                                               };
                                            
                                               return (map[enText] || {})[getLocale()] || enText;
                                            }
                                            
                                            function formatBytes(bytes, unit?: 'SI' | 'IEC') : string  {
                                               if (bytes === 0) return 'N/A';
                                            
                                               const orderOfMagnitude = unit === 'SI' ? Math.pow(10, 3) : Math.pow(2, 10);
                                               const abbreviations = unit === 'SI' ?
                                                   ['Bytes', 'kB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'] :
                                                   ['Bytes', 'KiB', 'MiB', 'GiB', 'TiB', 'PiB', 'EiB', 'ZiB', 'YiB'];
                                               const i = Math.floor(Math.log(bytes) / Math.log(orderOfMagnitude));
                                            
                                               return parseFloat((bytes / Math.pow(orderOfMagnitude, i)).toFixed(3).substring(0, 4)) + ' ' + abbreviations[i];
                                            }
                                            
                                            function getUnifiImage(deviceModel: string): string {
                                               // For unifi devices, there is no 'note' where an image information can be stored, but we have the
                                               // device 'model' that provides enough information for the choice of the correct image.
                                               // The images themselves are on your network, hosted by the UniFi controller for its devices grid view.
                                               // Example for my 3 device models (extract using developer console: see backround-image of element):
                                               //  * US16P150: https://10.10.10.5:8443/manage/angular/g7989b19/images/devices/usw/US16/grid.png
                                               //  * U7LT:     https://10.10.10.5:8443/manage/angular/g7989b19/images/devices/uap/default/grid.png
                                               //  * UGW3:     https://10.10.10.5:8443/manage/angular/g7989b19/images/devices/ugw/UGW3/grid.png
                                               // From the divice model we need some insight to get to the image URL, this is provided by the app.css
                                               // of the Unifi Controller (I used mine with version 5.13.29)
                                               // Following list is obtained with some reverse engeeniring: downloaded minified app.css, reformatted code with Phpstorm, then regex-replace: "\.unifiDeviceIcon--([^.]+)\.is-grid[^{]+\{\s+background-image: url\("\.\./images/devices/([^"]+)grid\.png\"\)" with "deviceModel['$1'] = '$2';", ant then some additional parsing ..
                                               const unifiControllerimagesPaths = {BZ2: 'uap/BZ2', BZ2LR: 'uap/BZ2', p2N: 'uap/p2N', U2HSR: 'uap/U2HSR', U2IW: 'uap/U2IW', U2L48: 'uap/BZ2', U2Lv2: 'uap/BZ2', U2M: 'uap/default', U2O: 'uap/U2O', U2S48: 'uap/BZ2', U2Sv2: 'uap/BZ2', U5O: 'uap/U2O', U7E: 'uap/U7E', U7EDU: 'uap/U7EDU', U7Ev2: 'uap/U7E', U7HD: 'uap/default', U7IW: 'uap/U7IW', U7IWP: 'uap/U7IW', U7LR: 'uap/default', U7LT: 'uap/default', U7MP: 'uap/U7O', U7MSH: 'uap/U7MSH', U7NHD: 'uap/U7NHD', U7O: 'uap/U7O', UFLHD: 'uap/UFLHD', U7P: 'uap/default', U7PG2: 'uap/default', U7SHD: 'uap/default', UCMSH: 'uap/default', UCXG: 'uap/default', UHDIW: 'uap/U7IW', ULTE: 'uap/ULTE', UXSDM: 'uap/UXSDM', UXBSDM: 'uap/UXBSDM', UDMB: 'uap/UDMB', UP1: 'uap/UP1', UBB: 'ubb/UBB', UGW3: 'ugw/UGW3', UGW4: 'ugw/UGW4', UGWXG: 'ugw/UGWXG', S216150: 'usw/US16', S224250: 'usw/US24', S224500: 'usw/US24', S248500: 'usw/US48', S248750: 'usw/US48', S28150: 'usw/US8P150', UDC48X6: 'usw/UDC48X6', US16P150: 'usw/US16', US24: 'usw/US24', US24P250: 'usw/US24', US24P500: 'usw/US24', US24PL2: 'usw/US24', US24PRO: 'usw/US24PRO', US24PRO2: 'usw/US24PRO2', US48: 'usw/US48', US48P500: 'usw/US48', US48P750: 'usw/US48', US48PL2: 'usw/US48', US48PRO: 'usw/US48PRO', US48PRO2: 'usw/US48PRO2', US6XG150: 'usw/US6XG150', US8: 'usw/US8', US8P150: 'usw/US8P150', US8P60: 'usw/US8P60', USC8: 'usw/US8', USC8P450: 'usw/USC8P450', USF5P: 'usw/USF5P', USXG: 'usw/USXG', USL8LP: 'usw/USL8LP', USL16LP: 'usw/USL16LP', USL16P: 'usw/USL16P', USL24: 'usw/USL24', USL48: 'usw/USL48', USL24P: 'usw/USL24P', USL48P: 'usw/USL48P', USMINI: 'usw/USMINI', USPRPS: 'usw/USPRPS', UAS: 'uas/UAS', UCK: 'uas/UCK', UCKG2: 'uas/UCKG2', UCKP: 'uas/UCKP', UMAD: 'ua/UMAD', UDM: 'udm/UDM', 'UDM-UAP': 'udm/UDM-UAP', 'UDM-USW': 'udm/UDM-USW', 'UDM-UGW': 'udm/UDM-UGW', UDMSE: 'udm/UDMSE', 'UDMSE-UAP': 'udm/UDM-UAP', 'UDMSE-USW': 'udm/UDM-USW', 'UDMSE-UGW': 'udm/UDM-UGW', UDMPRO: 'udm/UDMPRO', 'UDMPRO-USW': 'udm/UDMPRO-USW', 'UDMPRO-UGW': 'udm/UDMPRO-UGW'};
                                            
                                               // If prefix set to null return the 'lan_noImage.png' for all devices, if set to false return '<device model>.png'
                                               if (!unifiImagesUrlPrefix) {
                                                   return imagesPath + (unifiImagesUrlPrefix === null ? 'lan_noImage' : deviceModel) + '.png';
                                               }
                                            
                                               return unifiImagesUrlPrefix + unifiControllerimagesPaths[deviceModel] + '/grid.png';
                                            }
                                            
                                            /** Global functions ********************************************************************************/
                                            // My global functions for state and listener initialization
                                            // see doc https://github.com/ioBroker/ioBroker.javascript/blob/master/docs/en/javascript.md#global-functions
                                            const resetStatesOnReload = false; // Enable only when actively developing
                                            
                                            let statesInitializing = 0; // Semaphore for runAfterInitialization, handled by initializeState
                                            
                                            // Helper function for states setup
                                            function runAfterInitialization(callback) {
                                               log(`States initializing: ${statesInitializing}`, 'silly');
                                            
                                               if (statesInitializing <= 0) {
                                                   callback();
                                                   return;
                                               }
                                            
                                               // Important: use timout instead of wait!
                                               setTimeout(() => runAfterInitialization(callback), 100);
                                            }
                                            
                                            function initializeState(stateId, defaultValue, common, listenerChangeType?: string, listenerCallback?: CallableFunction) {
                                               const registerListener = () => {
                                                   if (listenerChangeType) {
                                                       // Register listener only after all states are initialized
                                                       runAfterInitialization(() => {
                                                           on(stateId, listenerChangeType, listenerCallback);
                                                           log(`Registered listener on ${stateId}`, 'debug');
                                                       });
                                                   }
                                               };
                                               const myCreateState = () => {
                                                   statesInitializing++;
                                                   log(`myCreateState: increased states initializing: ${statesInitializing}`, 'silly');
                                            
                                                   createState(stateId, defaultValue , common, () => {
                                                       log(`Created state ${stateId}`, 'debug');
                                            
                                                       registerListener();
                                            
                                                       statesInitializing--;
                                                       log(`myCreateState: reduced states initializing: ${statesInitializing}`, 'silly');
                                                   });
                                               };
                                               const resetState = () => {
                                                   statesInitializing++;
                                                   log(`resetState: increased states initializing: ${statesInitializing}`, 'silly');
                                            
                                                   deleteState(stateId, () => {
                                                       log(`Deleted state ${stateId}`, 'debug');
                                            
                                                       myCreateState();
                                            
                                                       statesInitializing--;
                                                       log(`resetState: reduced states initializing: ${statesInitializing}`, 'silly');
                                                   });
                                               }
                                            
                                               if (!existsState(stateId)) {
                                                   myCreateState();
                                               } else if (resetStatesOnReload) {
                                                   resetState();
                                               } else {
                                                   registerListener();
                                               }
                                            }
                                            
                                            function getStateIfExists(stateId) {
                                               // Avoid warning when state does not exists
                                               if (!existsState(stateId)) {
                                                   return null;
                                               }
                                            
                                               return getState(stateId);
                                            }
                                            
                                            function getStateValue(stateId) {
                                               return (getStateIfExists(stateId) || {}).val || null;
                                            }
                                            

                                            UniFiNetwork View:

                                            {
                                              "settings": {
                                                "style": {
                                                  "background_class": ""
                                                },
                                                "theme": "redmond",
                                                "sizex": "",
                                                "sizey": "",
                                                "gridSize": "",
                                                "snapType": null,
                                                "useBackground": false
                                              },
                                              "widgets": {
                                                "e00001": {
                                                  "tpl": "tplVis-materialdesign-Icon-List",
                                                  "data": {
                                                    "g_fixed": false,
                                                    "g_visibility": false,
                                                    "g_css_font_text": false,
                                                    "g_css_background": false,
                                                    "g_css_shadow_padding": false,
                                                    "g_css_border": false,
                                                    "g_gestures": false,
                                                    "g_signals": false,
                                                    "g_last_change": false,
                                                    "visibility-cond": "==",
                                                    "visibility-val": 1,
                                                    "visibility-groups-action": "hide",
                                                    "wrapItems": true,
                                                    "listItemDataMethod": "jsonStringObject",
                                                    "countListItems": "1",
                                                    "vibrateOnMobilDevices": "50",
                                                    "listLayout": "card",
                                                    "itemLayout": "vertical",
                                                    "listType0": "text",
                                                    "showValueLabel0": "true",
                                                    "listType1": "text",
                                                    "showValueLabel1": "true",
                                                    "signals-cond-0": "==",
                                                    "signals-val-0": true,
                                                    "signals-icon-0": "/vis/signals/lowbattery.png",
                                                    "signals-icon-size-0": 0,
                                                    "signals-blink-0": false,
                                                    "signals-horz-0": 0,
                                                    "signals-vert-0": 0,
                                                    "signals-hide-edit-0": false,
                                                    "signals-cond-1": "==",
                                                    "signals-val-1": true,
                                                    "signals-icon-1": "/vis/signals/lowbattery.png",
                                                    "signals-icon-size-1": 0,
                                                    "signals-blink-1": false,
                                                    "signals-horz-1": 0,
                                                    "signals-vert-1": 0,
                                                    "signals-hide-edit-1": false,
                                                    "signals-cond-2": "==",
                                                    "signals-val-2": true,
                                                    "signals-icon-2": "/vis/signals/lowbattery.png",
                                                    "signals-icon-size-2": 0,
                                                    "signals-blink-2": false,
                                                    "signals-horz-2": 0,
                                                    "signals-vert-2": 0,
                                                    "signals-hide-edit-2": false,
                                                    "lc-type": "last-change",
                                                    "lc-is-interval": true,
                                                    "lc-is-moment": false,
                                                    "lc-format": "",
                                                    "lc-position-vert": "top",
                                                    "lc-position-horz": "right",
                                                    "lc-offset-vert": 0,
                                                    "lc-offset-horz": 0,
                                                    "lc-font-size": "12px",
                                                    "lc-font-family": "",
                                                    "lc-font-style": "",
                                                    "lc-bkg-color": "",
                                                    "lc-color": "",
                                                    "lc-border-width": "0",
                                                    "lc-border-style": "",
                                                    "lc-border-color": "",
                                                    "lc-border-radius": 10,
                                                    "lc-zindex": 0,
                                                    "json_string_oid": "0_userdata.0.vis.NetzwerkDevicesStatus.jsonList",
                                                    "maxItemsperRow": "7",
                                                    "iconItemMinWidth": "280",
                                                    "iconHeight": "90",
                                                    "buttonHeight": "",
                                                    "labelFontSize": "{vis-materialdesign.0.fontSizes.icon_list.text}",
                                                    "subLabelFontSize": "{vis-materialdesign.0.fontSizes.icon_list.subText}",
                                                    "subLabelFontColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.icon_list.subText;dark:vis-materialdesign.0.colors.dark.icon_list.subText; mode === \"true\" ? dark : light}",
                                                    "labelFontFamily": "{vis-materialdesign.0.fonts.icon_list.text}",
                                                    "subLabelFontFamily": "{vis-materialdesign.0.fonts.icon_list.subText}",
                                                    "horizontalIconContainerWidth": "",
                                                    "listImage0": "",
                                                    "autoLockAfter": "10",
                                                    "lockIconTop": "5",
                                                    "lockIconLeft": "5",
                                                    "lockFilterGrayscale": "30",
                                                    "lockApplyOnlyOnImage": "true",
                                                    "verticalIconContainerHeight": "-3",
                                                    "buttonLayout": "full",
                                                    "titleLayout": "{vis-materialdesign.0.fontSizes.card.title}",
                                                    "itemGaps": "2",
                                                    "containerBackgroundColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.icon_list.background;dark:vis-materialdesign.0.colors.dark.icon_list.background; mode === \"true\" ? dark : light}",
                                                    "itemBackgroundColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.icon_list.background_items;dark:vis-materialdesign.0.colors.dark.icon_list.background_items; mode === \"true\" ? dark : light}",
                                                    "buttonColorPress": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.icon_list.button_hover;dark:vis-materialdesign.0.colors.dark.icon_list.button_hover; mode === \"true\" ? dark : light}",
                                                    "labelFontColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.icon_list.text;dark:vis-materialdesign.0.colors.dark.icon_list.text; mode === \"true\" ? dark : light}",
                                                    "valueFontSize": "{vis-materialdesign.0.fontSizes.icon_list.value}",
                                                    "valueFontFamily": "{vis-materialdesign.0.fonts.icon_list.value}",
                                                    "valueFontColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.icon_list.value_text;dark:vis-materialdesign.0.colors.dark.icon_list.value_text; mode === \"true\" ? dark : light}",
                                                    "showScrollbar": "true",
                                                    "titleFontFamily": "{vis-materialdesign.0.fonts.card.title}",
                                                    "colorBackground": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.card.background;dark:vis-materialdesign.0.colors.dark.card.background; mode === \"true\" ? dark : light}",
                                                    "colorTitleSectionBackground": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.card.background_title;dark:vis-materialdesign.0.colors.dark.card.background_title; mode === \"true\" ? dark : light}",
                                                    "colorTextSectionBackground": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.card.background_body;dark:vis-materialdesign.0.colors.dark.card.background_body; mode === \"true\" ? dark : light}",
                                                    "colorTitle": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.card.title;dark:vis-materialdesign.0.colors.dark.card.title; mode === \"true\" ? dark : light}",
                                                    "lockIconColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.icon_list.lock_icon;dark:vis-materialdesign.0.colors.dark.icon_list.lock_icon; mode === \"true\" ? dark : light}",
                                                    "buttonBgColor0": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.icon_list.button;dark:vis-materialdesign.0.colors.dark.icon_list.button; mode === \"true\" ? dark : light}",
                                                    "listImageColor0": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.icon_list.icon;dark:vis-materialdesign.0.colors.dark.icon_list.icon; mode === \"true\" ? dark : light}",
                                                    "buttonBgColor1": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.icon_list.button;dark:vis-materialdesign.0.colors.dark.icon_list.button; mode === \"true\" ? dark : light}",
                                                    "listImageColor1": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.icon_list.icon;dark:vis-materialdesign.0.colors.dark.icon_list.icon; mode === \"true\" ? dark : light}"
                                                  },
                                                  "style": {
                                                    "left": "0px",
                                                    "top": "50px",
                                                    "width": "100%",
                                                    "height": "calc(100% - 50px)",
                                                    "overflow-x": "",
                                                    "overflow-y": "auto",
                                                    "z-index": "1"
                                                  },
                                                  "widgetSet": "materialdesign"
                                                },
                                                "e00002": {
                                                  "tpl": "tplHtml",
                                                  "data": {
                                                    "g_fixed": false,
                                                    "g_visibility": false,
                                                    "g_css_font_text": false,
                                                    "g_css_background": true,
                                                    "g_css_shadow_padding": false,
                                                    "g_css_border": false,
                                                    "g_gestures": false,
                                                    "g_signals": false,
                                                    "g_last_change": false,
                                                    "visibility-cond": "==",
                                                    "visibility-val": 1,
                                                    "visibility-groups-action": "hide",
                                                    "refreshInterval": "0",
                                                    "signals-cond-0": "==",
                                                    "signals-val-0": true,
                                                    "signals-icon-0": "/vis/signals/lowbattery.png",
                                                    "signals-icon-size-0": 0,
                                                    "signals-blink-0": false,
                                                    "signals-horz-0": 0,
                                                    "signals-vert-0": 0,
                                                    "signals-hide-edit-0": false,
                                                    "signals-cond-1": "==",
                                                    "signals-val-1": true,
                                                    "signals-icon-1": "/vis/signals/lowbattery.png",
                                                    "signals-icon-size-1": 0,
                                                    "signals-blink-1": false,
                                                    "signals-horz-1": 0,
                                                    "signals-vert-1": 0,
                                                    "signals-hide-edit-1": false,
                                                    "signals-cond-2": "==",
                                                    "signals-val-2": true,
                                                    "signals-icon-2": "/vis/signals/lowbattery.png",
                                                    "signals-icon-size-2": 0,
                                                    "signals-blink-2": false,
                                                    "signals-horz-2": 0,
                                                    "signals-vert-2": 0,
                                                    "signals-hide-edit-2": false,
                                                    "lc-type": "last-change",
                                                    "lc-is-interval": true,
                                                    "lc-is-moment": false,
                                                    "lc-format": "",
                                                    "lc-position-vert": "top",
                                                    "lc-position-horz": "right",
                                                    "lc-offset-vert": 0,
                                                    "lc-offset-horz": 0,
                                                    "lc-font-size": "12px",
                                                    "lc-font-family": "",
                                                    "lc-font-style": "",
                                                    "lc-bkg-color": "",
                                                    "lc-color": "",
                                                    "lc-border-width": "0",
                                                    "lc-border-style": "",
                                                    "lc-border-color": "",
                                                    "lc-border-radius": 10,
                                                    "lc-zindex": 0
                                                  },
                                                  "style": {
                                                    "left": "0",
                                                    "top": "0",
                                                    "width": "100%",
                                                    "height": "100%",
                                                    "background-color": "#44739e",
                                                    "z-index": 0
                                                  },
                                                  "widgetSet": "basic"
                                                },
                                                "e00003": {
                                                  "tpl": "tplVis-materialdesign-Select",
                                                  "data": {
                                                    "oid": "0_userdata.0.vis.NetzwerkDevicesStatus.sortMode",
                                                    "g_fixed": false,
                                                    "g_visibility": false,
                                                    "g_css_font_text": false,
                                                    "g_css_background": false,
                                                    "g_css_shadow_padding": false,
                                                    "g_css_border": false,
                                                    "g_gestures": false,
                                                    "g_signals": false,
                                                    "g_last_change": false,
                                                    "visibility-cond": "==",
                                                    "visibility-val": 1,
                                                    "visibility-groups-action": "hide",
                                                    "inputType": "text",
                                                    "inputLayout": "regular",
                                                    "showInputMessageAlways": "true",
                                                    "showInputCounter": false,
                                                    "clearIconShow": false,
                                                    "listDataMethod": "jsonStringObject",
                                                    "countSelectItems": "1",
                                                    "listPosition": "bottom",
                                                    "showSelectedIcon": "prepend-inner",
                                                    "showValue": false,
                                                    "signals-cond-0": "==",
                                                    "signals-val-0": true,
                                                    "signals-icon-0": "/vis/signals/lowbattery.png",
                                                    "signals-icon-size-0": 0,
                                                    "signals-blink-0": false,
                                                    "signals-horz-0": 0,
                                                    "signals-vert-0": 0,
                                                    "signals-hide-edit-0": false,
                                                    "signals-cond-1": "==",
                                                    "signals-val-1": true,
                                                    "signals-icon-1": "/vis/signals/lowbattery.png",
                                                    "signals-icon-size-1": 0,
                                                    "signals-blink-1": false,
                                                    "signals-horz-1": 0,
                                                    "signals-vert-1": 0,
                                                    "signals-hide-edit-1": false,
                                                    "signals-cond-2": "==",
                                                    "signals-val-2": true,
                                                    "signals-icon-2": "/vis/signals/lowbattery.png",
                                                    "signals-icon-size-2": 0,
                                                    "signals-blink-2": false,
                                                    "signals-horz-2": 0,
                                                    "signals-vert-2": 0,
                                                    "signals-hide-edit-2": false,
                                                    "lc-type": "last-change",
                                                    "lc-is-interval": true,
                                                    "lc-is-moment": false,
                                                    "lc-format": "",
                                                    "lc-position-vert": "top",
                                                    "lc-position-horz": "right",
                                                    "lc-offset-vert": 0,
                                                    "lc-offset-horz": 0,
                                                    "lc-font-size": "12px",
                                                    "lc-font-family": "",
                                                    "lc-font-style": "",
                                                    "lc-bkg-color": "",
                                                    "lc-color": "",
                                                    "lc-border-width": "0",
                                                    "lc-border-style": "",
                                                    "lc-border-color": "",
                                                    "lc-border-radius": 10,
                                                    "lc-zindex": 0,
                                                    "inputLabelText": "{t:0_userdata.0.vis.NetzwerkDevicesStatus.translations; t['Sort by'] || 'Sort by'}",
                                                    "inputLabelColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.label;dark:vis-materialdesign.0.colors.dark.input.label; mode === \"true\" ? dark : light}",
                                                    "inputLabelFontFamily": "{vis-materialdesign.0.fonts.input.label}",
                                                    "collapseIconColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.icon_collapse;dark:vis-materialdesign.0.colors.dark.input.icon_collapse; mode === \"true\" ? dark : light}",
                                                    "collapseIconSize": "",
                                                    "jsonStringObject": "{0_userdata.0.vis.NetzwerkDevicesStatus.sortersJsonList}",
                                                    "listPositionOffset": true,
                                                    "inputLayoutBackgroundColor": "transparent",
                                                    "inputLabelColorSelected": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.label_selected;dark:vis-materialdesign.0.colors.dark.input.label_selected; mode === \"true\" ? dark : light}",
                                                    "inputTranslateX": "-15",
                                                    "clearIcon": "",
                                                    "inputLayoutBorderColorHover": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.border_hover;dark:vis-materialdesign.0.colors.dark.input.border_hover; mode === \"true\" ? dark : light}",
                                                    "inputLayoutBorderColorSelected": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.border_selected;dark:vis-materialdesign.0.colors.dark.input.border_selected; mode === \"true\" ? dark : light}",
                                                    "inputLayoutBorderColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.border;dark:vis-materialdesign.0.colors.dark.input.border; mode === \"true\" ? dark : light}",
                                                    "listItemFontColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.menu.text;dark:vis-materialdesign.0.colors.dark.input.menu.text; mode === \"true\" ? dark : light}",
                                                    "inputTextColor": "{mode:vis-materialdesign.0.colors.darkTheme; mode === \"true\" ? \"#303030\" : \"#ffffff\" }",
                                                    "inputTextFontFamily": "{vis-materialdesign.0.fonts.input.text}",
                                                    "prepandIcon": "",
                                                    "prepandIconColor": "",
                                                    "prepandIconSize": "",
                                                    "prepandInnerIcon": "",
                                                    "prepandInnerIconColor": "{mode:vis-materialdesign.0.colors.darkTheme; mode === \"true\" ? \"#303030\" : \"#ffffff\" }",
                                                    "prepandInnerIconSize": "18",
                                                    "collapseIcon": "",
                                                    "inputTranslateY": "-12",
                                                    "listIconSelectedColor": "#44739e",
                                                    "listIconColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.menu.icon;dark:vis-materialdesign.0.colors.dark.input.menu.icon; mode === \"true\" ? dark : light}",
                                                    "appendOuterIcon": "",
                                                    "appendOuterIconSize": "2",
                                                    "listItemFont": "{vis-materialdesign.0.fonts.input.dropdown.text}",
                                                    "listItemRippleEffectColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.menu.effect;dark:vis-materialdesign.0.colors.dark.input.menu.effect; mode === \"true\" ? dark : light}",
                                                    "inputLayoutBackgroundColorSelected": "",
                                                    "inputLayoutBackgroundColorHover": "",
                                                    "vibrateOnMobilDevices": "50",
                                                    "inputLabelFontSize": "{vis-materialdesign.0.fontSizes.input.label}",
                                                    "inputMessageFontSize": "{vis-materialdesign.0.fontSizes.input.message}",
                                                    "inputAlignment": "left",
                                                    "inputTextFontSize": "{vis-materialdesign.0.fontSizes.input.text}",
                                                    "inputAppendixColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.appendix;dark:vis-materialdesign.0.colors.dark.input.appendix; mode === \"true\" ? dark : light}",
                                                    "inputAppendixFontSize": "{vis-materialdesign.0.fontSizes.input.appendix}",
                                                    "inputAppendixFontFamily": "{vis-materialdesign.0.fonts.input.appendix}",
                                                    "inputMessageFontFamily": "{vis-materialdesign.0.fonts.input.message}",
                                                    "inputMessageColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.message;dark:vis-materialdesign.0.colors.dark.input.message; mode === \"true\" ? dark : light}",
                                                    "inputCounterColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.counter;dark:vis-materialdesign.0.colors.dark.input.counter; mode === \"true\" ? dark : light}",
                                                    "inputCounterFontSize": "{vis-materialdesign.0.fontSizes.input.counter}",
                                                    "inputCounterFontFamily": "{vis-materialdesign.0.fonts.input.counter}",
                                                    "listItemBackgroundColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.menu.background;dark:vis-materialdesign.0.colors.dark.input.menu.background; mode === \"true\" ? dark : light}",
                                                    "listItemBackgroundHoverColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.menu.hover;dark:vis-materialdesign.0.colors.dark.input.menu.hover; mode === \"true\" ? dark : light}",
                                                    "listItemBackgroundSelectedColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.menu.selected;dark:vis-materialdesign.0.colors.dark.input.menu.selected; mode === \"true\" ? dark : light}",
                                                    "listItemFontSize": "{vis-materialdesign.0.fontSizes.input.dropdown.text}",
                                                    "listItemSubFontSize": "{vis-materialdesign.0.fontSizes.input.dropdown.subText}",
                                                    "listItemSubFont": "{vis-materialdesign.0.fonts.input.dropdown.subText}",
                                                    "listItemSubFontColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.menu.subText;dark:vis-materialdesign.0.colors.dark.input.menu.subText; mode === \"true\" ? dark : light}",
                                                    "listItemValueFontSize": "{vis-materialdesign.0.fontSizes.input.dropdown.value}",
                                                    "listItemValueFont": "{vis-materialdesign.0.fonts.input.dropdown.value}",
                                                    "listItemValueFontColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.menu.value;dark:vis-materialdesign.0.colors.dark.input.menu.value; mode === \"true\" ? dark : light}",
                                                    "clearIconColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.icon_clear;dark:vis-materialdesign.0.colors.dark.input.icon_clear; mode === \"true\" ? dark : light}"
                                                  },
                                                  "style": {
                                                    "left": "10px",
                                                    "top": "0px",
                                                    "z-index": "1",
                                                    "width": "calc(50% - 20px)",
                                                    "height": "40px"
                                                  },
                                                  "widgetSet": "materialdesign"
                                                },
                                                "e00004": {
                                                  "tpl": "tplVis-materialdesign-Select",
                                                  "data": {
                                                    "oid": "0_userdata.0.vis.NetzwerkDevicesStatus.filterMode",
                                                    "g_fixed": false,
                                                    "g_visibility": false,
                                                    "g_css_font_text": false,
                                                    "g_css_background": false,
                                                    "g_css_shadow_padding": false,
                                                    "g_css_border": false,
                                                    "g_gestures": false,
                                                    "g_signals": false,
                                                    "g_last_change": false,
                                                    "visibility-cond": "==",
                                                    "visibility-val": 1,
                                                    "visibility-groups-action": "hide",
                                                    "inputType": "text",
                                                    "inputLayout": "regular",
                                                    "showInputMessageAlways": "true",
                                                    "showInputCounter": false,
                                                    "clearIconShow": true,
                                                    "listDataMethod": "jsonStringObject",
                                                    "countSelectItems": "1",
                                                    "listPosition": "bottom",
                                                    "showSelectedIcon": "prepend-inner",
                                                    "showValue": false,
                                                    "signals-cond-0": "==",
                                                    "signals-val-0": true,
                                                    "signals-icon-0": "/vis/signals/lowbattery.png",
                                                    "signals-icon-size-0": 0,
                                                    "signals-blink-0": false,
                                                    "signals-horz-0": 0,
                                                    "signals-vert-0": 0,
                                                    "signals-hide-edit-0": false,
                                                    "signals-cond-1": "==",
                                                    "signals-val-1": true,
                                                    "signals-icon-1": "/vis/signals/lowbattery.png",
                                                    "signals-icon-size-1": 0,
                                                    "signals-blink-1": false,
                                                    "signals-horz-1": 0,
                                                    "signals-vert-1": 0,
                                                    "signals-hide-edit-1": false,
                                                    "signals-cond-2": "==",
                                                    "signals-val-2": true,
                                                    "signals-icon-2": "/vis/signals/lowbattery.png",
                                                    "signals-icon-size-2": 0,
                                                    "signals-blink-2": false,
                                                    "signals-horz-2": 0,
                                                    "signals-vert-2": 0,
                                                    "signals-hide-edit-2": false,
                                                    "lc-type": "last-change",
                                                    "lc-is-interval": true,
                                                    "lc-is-moment": false,
                                                    "lc-format": "",
                                                    "lc-position-vert": "top",
                                                    "lc-position-horz": "right",
                                                    "lc-offset-vert": 0,
                                                    "lc-offset-horz": 0,
                                                    "lc-font-size": "12px",
                                                    "lc-font-family": "",
                                                    "lc-font-style": "",
                                                    "lc-bkg-color": "",
                                                    "lc-color": "",
                                                    "lc-border-width": "0",
                                                    "lc-border-style": "",
                                                    "lc-border-color": "",
                                                    "lc-border-radius": 10,
                                                    "lc-zindex": 0,
                                                    "inputLabelText": "{t:0_userdata.0.vis.NetzwerkDevicesStatus.translations; t['Filter by'] || 'Filter by'}",
                                                    "inputLabelColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.label;dark:vis-materialdesign.0.colors.dark.input.label; mode === \"true\" ? dark : light}",
                                                    "inputLabelFontFamily": "{vis-materialdesign.0.fonts.input.label}",
                                                    "collapseIconColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.icon_collapse;dark:vis-materialdesign.0.colors.dark.input.icon_collapse; mode === \"true\" ? dark : light}",
                                                    "collapseIconSize": "",
                                                    "jsonStringObject": "{0_userdata.0.vis.NetzwerkDevicesStatus.filtersJsonList}",
                                                    "listPositionOffset": true,
                                                    "inputLayoutBackgroundColor": "transparent",
                                                    "inputLabelColorSelected": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.label_selected;dark:vis-materialdesign.0.colors.dark.input.label_selected; mode === \"true\" ? dark : light}",
                                                    "inputTranslateX": "-15",
                                                    "clearIcon": "",
                                                    "inputLayoutBorderColorHover": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.border_hover;dark:vis-materialdesign.0.colors.dark.input.border_hover; mode === \"true\" ? dark : light}",
                                                    "inputLayoutBorderColorSelected": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.border_selected;dark:vis-materialdesign.0.colors.dark.input.border_selected; mode === \"true\" ? dark : light}",
                                                    "inputLayoutBorderColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.border;dark:vis-materialdesign.0.colors.dark.input.border; mode === \"true\" ? dark : light}",
                                                    "listItemFontColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.menu.text;dark:vis-materialdesign.0.colors.dark.input.menu.text; mode === \"true\" ? dark : light}",
                                                    "inputTextColor": "{mode:vis-materialdesign.0.colors.darkTheme; mode === \"true\" ? \"#303030\" : \"#ffffff\" }",
                                                    "inputTextFontFamily": "{vis-materialdesign.0.fonts.input.text}",
                                                    "prepandIcon": "",
                                                    "prepandIconColor": "",
                                                    "prepandIconSize": "",
                                                    "prepandInnerIcon": "",
                                                    "prepandInnerIconColor": "{mode:vis-materialdesign.0.colors.darkTheme; mode === \"true\" ? \"#303030\" : \"#ffffff\" }",
                                                    "prepandInnerIconSize": "18",
                                                    "collapseIcon": "",
                                                    "inputTranslateY": "-12",
                                                    "listIconSelectedColor": "#44739e",
                                                    "listIconColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.menu.icon;dark:vis-materialdesign.0.colors.dark.input.menu.icon; mode === \"true\" ? dark : light}",
                                                    "appendOuterIcon": "",
                                                    "appendOuterIconSize": "2",
                                                    "listItemFont": "{vis-materialdesign.0.fonts.input.dropdown.text}",
                                                    "listItemRippleEffectColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.menu.effect;dark:vis-materialdesign.0.colors.dark.input.menu.effect; mode === \"true\" ? dark : light}",
                                                    "inputLayoutBackgroundColorSelected": "",
                                                    "inputLayoutBackgroundColorHover": "",
                                                    "clearIconColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.icon_clear;dark:vis-materialdesign.0.colors.dark.input.icon_clear; mode === \"true\" ? dark : light}",
                                                    "listItemBackgroundColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.menu.background;dark:vis-materialdesign.0.colors.dark.input.menu.background; mode === \"true\" ? dark : light}",
                                                    "listIcon0": "wifi",
                                                    "vibrateOnMobilDevices": "50",
                                                    "listIconSize": "-1",
                                                    "listItemFontSize": "{vis-materialdesign.0.fontSizes.input.dropdown.text}",
                                                    "inputAlignment": "left",
                                                    "inputTextFontSize": "{vis-materialdesign.0.fontSizes.input.text}",
                                                    "inputLabelFontSize": "{vis-materialdesign.0.fontSizes.input.label}",
                                                    "inputAppendixColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.appendix;dark:vis-materialdesign.0.colors.dark.input.appendix; mode === \"true\" ? dark : light}",
                                                    "inputAppendixFontSize": "{vis-materialdesign.0.fontSizes.input.appendix}",
                                                    "inputAppendixFontFamily": "{vis-materialdesign.0.fonts.input.appendix}",
                                                    "inputMessageFontFamily": "{vis-materialdesign.0.fonts.input.message}",
                                                    "inputMessageFontSize": "{vis-materialdesign.0.fontSizes.input.message}",
                                                    "inputMessageColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.message;dark:vis-materialdesign.0.colors.dark.input.message; mode === \"true\" ? dark : light}",
                                                    "inputCounterColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.counter;dark:vis-materialdesign.0.colors.dark.input.counter; mode === \"true\" ? dark : light}",
                                                    "inputCounterFontSize": "{vis-materialdesign.0.fontSizes.input.counter}",
                                                    "inputCounterFontFamily": "{vis-materialdesign.0.fonts.input.counter}",
                                                    "listItemBackgroundHoverColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.menu.hover;dark:vis-materialdesign.0.colors.dark.input.menu.hover; mode === \"true\" ? dark : light}",
                                                    "listItemBackgroundSelectedColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.menu.selected;dark:vis-materialdesign.0.colors.dark.input.menu.selected; mode === \"true\" ? dark : light}",
                                                    "listItemSubFontSize": "{vis-materialdesign.0.fontSizes.input.dropdown.subText}",
                                                    "listItemSubFont": "{vis-materialdesign.0.fonts.input.dropdown.subText}",
                                                    "listItemSubFontColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.menu.subText;dark:vis-materialdesign.0.colors.dark.input.menu.subText; mode === \"true\" ? dark : light}",
                                                    "listItemValueFontSize": "{vis-materialdesign.0.fontSizes.input.dropdown.value}",
                                                    "listItemValueFont": "{vis-materialdesign.0.fonts.input.dropdown.value}",
                                                    "listItemValueFontColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.menu.value;dark:vis-materialdesign.0.colors.dark.input.menu.value; mode === \"true\" ? dark : light}"
                                                  },
                                                  "style": {
                                                    "left": "calc(50% + 10px)",
                                                    "top": "0px",
                                                    "z-index": "1",
                                                    "width": "calc(50% - 20px)",
                                                    "height": "40px"
                                                  },
                                                  "widgetSet": "materialdesign"
                                                }
                                              },
                                              "name": "UnifiNetworkState",
                                              "filterList": []
                                            }
                                            

                                            Devices View:

                                            {
                                              "settings": {
                                                "style": {
                                                  "background_class": "no_background",
                                                  "color": ""
                                                },
                                                "theme": "redmond",
                                                "sizex": "",
                                                "sizey": "",
                                                "gridSize": "",
                                                "useBackground": false,
                                                "snapType": null,
                                                "comment": ""
                                              },
                                              "widgets": {
                                                "e00001": {
                                                  "tpl": "tplIFrame",
                                                  "data": {
                                                    "g_fixed": true,
                                                    "g_visibility": false,
                                                    "g_css_font_text": false,
                                                    "g_css_background": false,
                                                    "g_css_shadow_padding": false,
                                                    "g_css_border": false,
                                                    "g_gestures": false,
                                                    "g_signals": false,
                                                    "g_last_change": false,
                                                    "visibility-cond": "==",
                                                    "visibility-val": 1,
                                                    "visibility-groups-action": "hide",
                                                    "refreshInterval": "0",
                                                    "seamless": false,
                                                    "signals-cond-0": "==",
                                                    "signals-val-0": true,
                                                    "signals-icon-0": "/vis/signals/lowbattery.png",
                                                    "signals-icon-size-0": 0,
                                                    "signals-blink-0": false,
                                                    "signals-horz-0": 0,
                                                    "signals-vert-0": 0,
                                                    "signals-hide-edit-0": false,
                                                    "signals-cond-1": "==",
                                                    "signals-val-1": true,
                                                    "signals-icon-1": "/vis/signals/lowbattery.png",
                                                    "signals-icon-size-1": 0,
                                                    "signals-blink-1": false,
                                                    "signals-horz-1": 0,
                                                    "signals-vert-1": 0,
                                                    "signals-hide-edit-1": false,
                                                    "signals-cond-2": "==",
                                                    "signals-val-2": true,
                                                    "signals-icon-2": "/vis/signals/lowbattery.png",
                                                    "signals-icon-size-2": 0,
                                                    "signals-blink-2": false,
                                                    "signals-horz-2": 0,
                                                    "signals-vert-2": 0,
                                                    "signals-hide-edit-2": false,
                                                    "lc-type": "last-change",
                                                    "lc-is-interval": true,
                                                    "lc-is-moment": false,
                                                    "lc-format": "",
                                                    "lc-position-vert": "top",
                                                    "lc-position-horz": "right",
                                                    "lc-offset-vert": 0,
                                                    "lc-offset-horz": 0,
                                                    "lc-font-size": "12px",
                                                    "lc-font-family": "",
                                                    "lc-font-style": "",
                                                    "lc-bkg-color": "",
                                                    "lc-color": "",
                                                    "lc-border-width": "0",
                                                    "lc-border-style": "",
                                                    "lc-border-color": "",
                                                    "lc-border-radius": 10,
                                                    "lc-zindex": 0,
                                                    "src": "{0_userdata.0.vis.NetzwerkDevicesStatus.selectedUrl}",
                                                    "refreshOnViewChange": true,
                                                    "refreshWithNoQuery": false,
                                                    "refreshOnWakeUp": false,
                                                    "name": "iframe-shelly-device",
                                                    "noSandbox": false,
                                                    "class": "iframe-shelly-device"
                                                  },
                                                  "style": {
                                                    "left": "0",
                                                    "top": "50px",
                                                    "width": "100%",
                                                    "height": "calc(100% - 50px)",
                                                    "z-index": "1"
                                                  },
                                                  "widgetSet": "basic"
                                                },
                                                "e00002": {
                                                  "tpl": "tplVis-materialdesign-Select",
                                                  "data": {
                                                    "oid": "0_userdata.0.vis.NetzwerkDevicesStatus.selectedUrl",
                                                    "g_fixed": false,
                                                    "g_visibility": false,
                                                    "g_css_font_text": false,
                                                    "g_css_background": false,
                                                    "g_css_shadow_padding": false,
                                                    "g_css_border": false,
                                                    "g_gestures": false,
                                                    "g_signals": false,
                                                    "g_last_change": false,
                                                    "visibility-cond": "==",
                                                    "visibility-val": 1,
                                                    "visibility-groups-action": "hide",
                                                    "inputType": "text",
                                                    "inputLayout": "regular",
                                                    "showInputMessageAlways": "true",
                                                    "showInputCounter": false,
                                                    "clearIconShow": false,
                                                    "listDataMethod": "jsonStringObject",
                                                    "countSelectItems": "1",
                                                    "listPosition": "bottom",
                                                    "showSelectedIcon": "prepend-inner",
                                                    "showValue": false,
                                                    "signals-cond-0": "==",
                                                    "signals-val-0": true,
                                                    "signals-icon-0": "/vis/signals/lowbattery.png",
                                                    "signals-icon-size-0": 0,
                                                    "signals-blink-0": false,
                                                    "signals-horz-0": 0,
                                                    "signals-vert-0": 0,
                                                    "signals-hide-edit-0": false,
                                                    "signals-cond-1": "==",
                                                    "signals-val-1": true,
                                                    "signals-icon-1": "/vis/signals/lowbattery.png",
                                                    "signals-icon-size-1": 0,
                                                    "signals-blink-1": false,
                                                    "signals-horz-1": 0,
                                                    "signals-vert-1": 0,
                                                    "signals-hide-edit-1": false,
                                                    "signals-cond-2": "==",
                                                    "signals-val-2": true,
                                                    "signals-icon-2": "/vis/signals/lowbattery.png",
                                                    "signals-icon-size-2": 0,
                                                    "signals-blink-2": false,
                                                    "signals-horz-2": 0,
                                                    "signals-vert-2": 0,
                                                    "signals-hide-edit-2": false,
                                                    "lc-type": "last-change",
                                                    "lc-is-interval": true,
                                                    "lc-is-moment": false,
                                                    "lc-format": "",
                                                    "lc-position-vert": "top",
                                                    "lc-position-horz": "right",
                                                    "lc-offset-vert": 0,
                                                    "lc-offset-horz": 0,
                                                    "lc-font-size": "12px",
                                                    "lc-font-family": "",
                                                    "lc-font-style": "",
                                                    "lc-bkg-color": "",
                                                    "lc-color": "",
                                                    "lc-border-width": "0",
                                                    "lc-border-style": "",
                                                    "lc-border-color": "",
                                                    "lc-border-radius": 10,
                                                    "lc-zindex": 0,
                                                    "inputLabelText": "{t:0_userdata.0.vis.NetzwerkDevicesStatus.translations; t['Device'] || 'Device'}",
                                                    "inputLabelColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.label;dark:vis-materialdesign.0.colors.dark.input.label; mode === \"true\" ? dark : light}",
                                                    "inputLabelFontFamily": "{vis-materialdesign.0.fonts.input.label}",
                                                    "collapseIconColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.icon_collapse;dark:vis-materialdesign.0.colors.dark.input.icon_collapse; mode === \"true\" ? dark : light}",
                                                    "collapseIconSize": "",
                                                    "jsonStringObject": "{0_userdata.0.vis.NetzwerkDevicesStatus.linksJsonList}",
                                                    "listPositionOffset": true,
                                                    "inputLayoutBackgroundColor": "transparent",
                                                    "inputLabelColorSelected": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.label_selected;dark:vis-materialdesign.0.colors.dark.input.label_selected; mode === \"true\" ? dark : light}",
                                                    "inputTranslateX": "-15",
                                                    "clearIcon": "",
                                                    "inputLayoutBorderColorHover": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.border_hover;dark:vis-materialdesign.0.colors.dark.input.border_hover; mode === \"true\" ? dark : light}",
                                                    "inputLayoutBorderColorSelected": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.border_selected;dark:vis-materialdesign.0.colors.dark.input.border_selected; mode === \"true\" ? dark : light}",
                                                    "inputLayoutBorderColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.border;dark:vis-materialdesign.0.colors.dark.input.border; mode === \"true\" ? dark : light}",
                                                    "listItemFontColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.menu.text;dark:vis-materialdesign.0.colors.dark.input.menu.text; mode === \"true\" ? dark : light}",
                                                    "inputTextColor": "{mode:vis-materialdesign.0.colors.darkTheme; mode === \"true\" ? \"#303030\" : \"#ffffff\" }",
                                                    "inputTextFontFamily": "{vis-materialdesign.0.fonts.input.text}",
                                                    "prepandIcon": "",
                                                    "prepandIconColor": "",
                                                    "prepandIconSize": "",
                                                    "prepandInnerIcon": "",
                                                    "prepandInnerIconColor": "{mode:vis-materialdesign.0.colors.darkTheme; mode === \"true\" ? \"#303030\" : \"#ffffff\" }",
                                                    "prepandInnerIconSize": "18",
                                                    "collapseIcon": "",
                                                    "inputTranslateY": "-12",
                                                    "listIconSelectedColor": "#44739e",
                                                    "listIconColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.menu.icon;dark:vis-materialdesign.0.colors.dark.input.menu.icon; mode === \"true\" ? dark : light}",
                                                    "appendOuterIcon": "",
                                                    "appendOuterIconSize": "2",
                                                    "listItemFont": "{vis-materialdesign.0.fonts.input.dropdown.text}",
                                                    "listItemRippleEffectColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.menu.effect;dark:vis-materialdesign.0.colors.dark.input.menu.effect; mode === \"true\" ? dark : light}",
                                                    "inputLayoutBackgroundColorSelected": "",
                                                    "inputLayoutBackgroundColorHover": "",
                                                    "vibrateOnMobilDevices": "50",
                                                    "exportData": "true",
                                                    "inputCounterFontSize": "{vis-materialdesign.0.fontSizes.input.counter}",
                                                    "listItemHeight": "3",
                                                    "listIconSize": "-2",
                                                    "inputAlignment": "left",
                                                    "inputTextFontSize": "{vis-materialdesign.0.fontSizes.input.text}",
                                                    "inputLabelFontSize": "{vis-materialdesign.0.fontSizes.input.label}",
                                                    "inputAppendixColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.appendix;dark:vis-materialdesign.0.colors.dark.input.appendix; mode === \"true\" ? dark : light}",
                                                    "inputAppendixFontSize": "{vis-materialdesign.0.fontSizes.input.appendix}",
                                                    "inputAppendixFontFamily": "{vis-materialdesign.0.fonts.input.appendix}",
                                                    "inputMessageFontFamily": "{vis-materialdesign.0.fonts.input.message}",
                                                    "inputMessageFontSize": "{vis-materialdesign.0.fontSizes.input.message}",
                                                    "inputMessageColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.message;dark:vis-materialdesign.0.colors.dark.input.message; mode === \"true\" ? dark : light}",
                                                    "inputCounterColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.counter;dark:vis-materialdesign.0.colors.dark.input.counter; mode === \"true\" ? dark : light}",
                                                    "inputCounterFontFamily": "{vis-materialdesign.0.fonts.input.counter}",
                                                    "listItemBackgroundColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.menu.background;dark:vis-materialdesign.0.colors.dark.input.menu.background; mode === \"true\" ? dark : light}",
                                                    "listItemBackgroundHoverColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.menu.hover;dark:vis-materialdesign.0.colors.dark.input.menu.hover; mode === \"true\" ? dark : light}",
                                                    "listItemBackgroundSelectedColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.menu.selected;dark:vis-materialdesign.0.colors.dark.input.menu.selected; mode === \"true\" ? dark : light}",
                                                    "listItemFontSize": "{vis-materialdesign.0.fontSizes.input.dropdown.text}",
                                                    "listItemSubFontSize": "{vis-materialdesign.0.fontSizes.input.dropdown.subText}",
                                                    "listItemSubFont": "{vis-materialdesign.0.fonts.input.dropdown.subText}",
                                                    "listItemSubFontColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.menu.subText;dark:vis-materialdesign.0.colors.dark.input.menu.subText; mode === \"true\" ? dark : light}",
                                                    "listItemValueFontSize": "{vis-materialdesign.0.fontSizes.input.dropdown.value}",
                                                    "listItemValueFont": "{vis-materialdesign.0.fonts.input.dropdown.value}",
                                                    "listItemValueFontColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.menu.value;dark:vis-materialdesign.0.colors.dark.input.menu.value; mode === \"true\" ? dark : light}",
                                                    "clearIconColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.icon_clear;dark:vis-materialdesign.0.colors.dark.input.icon_clear; mode === \"true\" ? dark : light}"
                                                  },
                                                  "style": {
                                                    "left": "10px",
                                                    "top": "0px",
                                                    "z-index": "2",
                                                    "width": "calc(50% - 20px)",
                                                    "height": "40px"
                                                  },
                                                  "widgetSet": "materialdesign"
                                                },
                                                "e00003": {
                                                  "tpl": "tplHtml",
                                                  "data": {
                                                    "g_fixed": false,
                                                    "g_visibility": false,
                                                    "g_css_font_text": false,
                                                    "g_css_background": true,
                                                    "g_css_shadow_padding": false,
                                                    "g_css_border": false,
                                                    "g_gestures": false,
                                                    "g_signals": false,
                                                    "g_last_change": false,
                                                    "visibility-cond": "==",
                                                    "visibility-val": 1,
                                                    "visibility-groups-action": "hide",
                                                    "refreshInterval": "0",
                                                    "signals-cond-0": "==",
                                                    "signals-val-0": true,
                                                    "signals-icon-0": "/vis/signals/lowbattery.png",
                                                    "signals-icon-size-0": 0,
                                                    "signals-blink-0": false,
                                                    "signals-horz-0": 0,
                                                    "signals-vert-0": 0,
                                                    "signals-hide-edit-0": false,
                                                    "signals-cond-1": "==",
                                                    "signals-val-1": true,
                                                    "signals-icon-1": "/vis/signals/lowbattery.png",
                                                    "signals-icon-size-1": 0,
                                                    "signals-blink-1": false,
                                                    "signals-horz-1": 0,
                                                    "signals-vert-1": 0,
                                                    "signals-hide-edit-1": false,
                                                    "signals-cond-2": "==",
                                                    "signals-val-2": true,
                                                    "signals-icon-2": "/vis/signals/lowbattery.png",
                                                    "signals-icon-size-2": 0,
                                                    "signals-blink-2": false,
                                                    "signals-horz-2": 0,
                                                    "signals-vert-2": 0,
                                                    "signals-hide-edit-2": false,
                                                    "lc-type": "last-change",
                                                    "lc-is-interval": true,
                                                    "lc-is-moment": false,
                                                    "lc-format": "",
                                                    "lc-position-vert": "top",
                                                    "lc-position-horz": "right",
                                                    "lc-offset-vert": 0,
                                                    "lc-offset-horz": 0,
                                                    "lc-font-size": "12px",
                                                    "lc-font-family": "",
                                                    "lc-font-style": "",
                                                    "lc-bkg-color": "",
                                                    "lc-color": "",
                                                    "lc-border-width": "0",
                                                    "lc-border-style": "",
                                                    "lc-border-color": "",
                                                    "lc-border-radius": 10,
                                                    "lc-zindex": 0
                                                  },
                                                  "style": {
                                                    "left": "0",
                                                    "top": "0",
                                                    "width": "100%",
                                                    "height": "100%",
                                                    "background-color": "#44739e",
                                                    "z-index": 0
                                                  },
                                                  "widgetSet": "basic"
                                                },
                                                "e00004": {
                                                  "tpl": "tplVis-materialdesign-Select",
                                                  "data": {
                                                    "oid": "0_userdata.0.vis.NetzwerkDevicesStatus.sortMode",
                                                    "g_fixed": false,
                                                    "g_visibility": false,
                                                    "g_css_font_text": false,
                                                    "g_css_background": false,
                                                    "g_css_shadow_padding": false,
                                                    "g_css_border": false,
                                                    "g_gestures": false,
                                                    "g_signals": false,
                                                    "g_last_change": false,
                                                    "visibility-cond": "==",
                                                    "visibility-val": 1,
                                                    "visibility-groups-action": "hide",
                                                    "inputType": "text",
                                                    "inputLayout": "regular",
                                                    "showInputMessageAlways": "true",
                                                    "showInputCounter": false,
                                                    "clearIconShow": false,
                                                    "listDataMethod": "jsonStringObject",
                                                    "countSelectItems": "1",
                                                    "listPosition": "bottom",
                                                    "showSelectedIcon": "prepend-inner",
                                                    "showValue": false,
                                                    "signals-cond-0": "==",
                                                    "signals-val-0": true,
                                                    "signals-icon-0": "/vis/signals/lowbattery.png",
                                                    "signals-icon-size-0": 0,
                                                    "signals-blink-0": false,
                                                    "signals-horz-0": 0,
                                                    "signals-vert-0": 0,
                                                    "signals-hide-edit-0": false,
                                                    "signals-cond-1": "==",
                                                    "signals-val-1": true,
                                                    "signals-icon-1": "/vis/signals/lowbattery.png",
                                                    "signals-icon-size-1": 0,
                                                    "signals-blink-1": false,
                                                    "signals-horz-1": 0,
                                                    "signals-vert-1": 0,
                                                    "signals-hide-edit-1": false,
                                                    "signals-cond-2": "==",
                                                    "signals-val-2": true,
                                                    "signals-icon-2": "/vis/signals/lowbattery.png",
                                                    "signals-icon-size-2": 0,
                                                    "signals-blink-2": false,
                                                    "signals-horz-2": 0,
                                                    "signals-vert-2": 0,
                                                    "signals-hide-edit-2": false,
                                                    "lc-type": "last-change",
                                                    "lc-is-interval": true,
                                                    "lc-is-moment": false,
                                                    "lc-format": "",
                                                    "lc-position-vert": "top",
                                                    "lc-position-horz": "right",
                                                    "lc-offset-vert": 0,
                                                    "lc-offset-horz": 0,
                                                    "lc-font-size": "12px",
                                                    "lc-font-family": "",
                                                    "lc-font-style": "",
                                                    "lc-bkg-color": "",
                                                    "lc-color": "",
                                                    "lc-border-width": "0",
                                                    "lc-border-style": "",
                                                    "lc-border-color": "",
                                                    "lc-border-radius": 10,
                                                    "lc-zindex": 0,
                                                    "inputLabelText": "{t:0_userdata.0.vis.NetzwerkDevicesStatus.translations; t['Sort by'] || 'Sort by'}",
                                                    "inputLabelColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.label;dark:vis-materialdesign.0.colors.dark.input.label; mode === \"true\" ? dark : light}",
                                                    "inputLabelFontFamily": "{vis-materialdesign.0.fonts.input.label}",
                                                    "collapseIconColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.icon_collapse;dark:vis-materialdesign.0.colors.dark.input.icon_collapse; mode === \"true\" ? dark : light}",
                                                    "collapseIconSize": "",
                                                    "jsonStringObject": "{0_userdata.0.vis.NetzwerkDevicesStatus.sortersJsonList}",
                                                    "listPositionOffset": true,
                                                    "inputLayoutBackgroundColor": "transparent",
                                                    "inputLabelColorSelected": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.label_selected;dark:vis-materialdesign.0.colors.dark.input.label_selected; mode === \"true\" ? dark : light}",
                                                    "inputTranslateX": "-15",
                                                    "clearIcon": "",
                                                    "inputLayoutBorderColorHover": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.border_hover;dark:vis-materialdesign.0.colors.dark.input.border_hover; mode === \"true\" ? dark : light}",
                                                    "inputLayoutBorderColorSelected": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.border_selected;dark:vis-materialdesign.0.colors.dark.input.border_selected; mode === \"true\" ? dark : light}",
                                                    "inputLayoutBorderColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.border;dark:vis-materialdesign.0.colors.dark.input.border; mode === \"true\" ? dark : light}",
                                                    "listItemFontColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.menu.text;dark:vis-materialdesign.0.colors.dark.input.menu.text; mode === \"true\" ? dark : light}",
                                                    "inputTextColor": "{mode:vis-materialdesign.0.colors.darkTheme; mode === \"true\" ? \"#303030\" : \"#ffffff\" }",
                                                    "inputTextFontFamily": "{vis-materialdesign.0.fonts.input.text}",
                                                    "prepandIcon": "",
                                                    "prepandIconColor": "",
                                                    "prepandIconSize": "",
                                                    "prepandInnerIcon": "",
                                                    "prepandInnerIconColor": "{mode:vis-materialdesign.0.colors.darkTheme; mode === \"true\" ? \"#303030\" : \"#ffffff\" }",
                                                    "prepandInnerIconSize": "18",
                                                    "collapseIcon": "",
                                                    "inputTranslateY": "-12",
                                                    "listIconSelectedColor": "#44739e",
                                                    "listIconColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.menu.icon;dark:vis-materialdesign.0.colors.dark.input.menu.icon; mode === \"true\" ? dark : light}",
                                                    "appendOuterIcon": "",
                                                    "appendOuterIconSize": "2",
                                                    "listItemFont": "{vis-materialdesign.0.fonts.input.dropdown.text}",
                                                    "listItemRippleEffectColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.menu.effect;dark:vis-materialdesign.0.colors.dark.input.menu.effect; mode === \"true\" ? dark : light}",
                                                    "inputLayoutBackgroundColorSelected": "",
                                                    "inputLayoutBackgroundColorHover": "",
                                                    "vibrateOnMobilDevices": "50",
                                                    "inputLabelFontSize": "{vis-materialdesign.0.fontSizes.input.label}",
                                                    "inputMessageFontSize": "{vis-materialdesign.0.fontSizes.input.message}",
                                                    "inputAlignment": "left",
                                                    "inputTextFontSize": "{vis-materialdesign.0.fontSizes.input.text}",
                                                    "inputAppendixColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.appendix;dark:vis-materialdesign.0.colors.dark.input.appendix; mode === \"true\" ? dark : light}",
                                                    "inputAppendixFontSize": "{vis-materialdesign.0.fontSizes.input.appendix}",
                                                    "inputAppendixFontFamily": "{vis-materialdesign.0.fonts.input.appendix}",
                                                    "inputMessageFontFamily": "{vis-materialdesign.0.fonts.input.message}",
                                                    "inputMessageColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.message;dark:vis-materialdesign.0.colors.dark.input.message; mode === \"true\" ? dark : light}",
                                                    "inputCounterColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.counter;dark:vis-materialdesign.0.colors.dark.input.counter; mode === \"true\" ? dark : light}",
                                                    "inputCounterFontSize": "{vis-materialdesign.0.fontSizes.input.counter}",
                                                    "inputCounterFontFamily": "{vis-materialdesign.0.fonts.input.counter}",
                                                    "listItemBackgroundColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.menu.background;dark:vis-materialdesign.0.colors.dark.input.menu.background; mode === \"true\" ? dark : light}",
                                                    "listItemBackgroundHoverColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.menu.hover;dark:vis-materialdesign.0.colors.dark.input.menu.hover; mode === \"true\" ? dark : light}",
                                                    "listItemBackgroundSelectedColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.menu.selected;dark:vis-materialdesign.0.colors.dark.input.menu.selected; mode === \"true\" ? dark : light}",
                                                    "listItemFontSize": "{vis-materialdesign.0.fontSizes.input.dropdown.text}",
                                                    "listItemSubFontSize": "{vis-materialdesign.0.fontSizes.input.dropdown.subText}",
                                                    "listItemSubFont": "{vis-materialdesign.0.fonts.input.dropdown.subText}",
                                                    "listItemSubFontColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.menu.subText;dark:vis-materialdesign.0.colors.dark.input.menu.subText; mode === \"true\" ? dark : light}",
                                                    "listItemValueFontSize": "{vis-materialdesign.0.fontSizes.input.dropdown.value}",
                                                    "listItemValueFont": "{vis-materialdesign.0.fonts.input.dropdown.value}",
                                                    "listItemValueFontColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.menu.value;dark:vis-materialdesign.0.colors.dark.input.menu.value; mode === \"true\" ? dark : light}",
                                                    "clearIconColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.icon_clear;dark:vis-materialdesign.0.colors.dark.input.icon_clear; mode === \"true\" ? dark : light}"
                                                  },
                                                  "style": {
                                                    "left": "calc(50% + 10px)",
                                                    "top": "0px",
                                                    "z-index": "1",
                                                    "width": "calc(50% - 20px)",
                                                    "height": "40px"
                                                  },
                                                  "widgetSet": "materialdesign"
                                                }
                                              },
                                              "name": "Devices",
                                              "filterList": []
                                            }
                                            

                                            (Diese sind aktuell auch in meinen GitHub backup repo zu finden)

                                            Viel Spaß damit 😉

                                            EDIT 31.12.2020: Initializierung der Stati korrigiert, ihr müsst mich entschuldigen, ich benutze einen leicht unterschiedlichen Skript (wegen globale Funktionen), daher muss ich jede Änderung/Korrektur doppelt führen (und dieses da hab nur einmal laufen lassen) .. währe froh ob jemand testen kann ob alles nun korrekt ist ..

                                            EDIT 02.01.20201: this.setTimeout(...) zu setTimeout(...) und this.clearTimeout(...) zu clearTimeout(...) geändert.

                                            tobasium 1 Reply Last reply Reply Quote 3
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            1.1k
                                            Online

                                            31.7k
                                            Users

                                            79.7k
                                            Topics

                                            1.3m
                                            Posts

                                            iconlist material design widgets statusanzeige unifi vis
                                            31
                                            109
                                            14630
                                            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