Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor
  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum
  1. ioBroker Community Home
  2. Deutsch
  3. Praktische Anwendungen (Showcase)
  4. Material Design Widgets: UniFi Netzwerk Status

NEWS

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.3k
  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    1.9k
  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    15
    1
    2.3k

Material Design Widgets: UniFi Netzwerk Status

Geplant Angeheftet Gesperrt Verschoben Praktische Anwendungen (Showcase)
material design widgetsvisiconlistunifistatusanzeige
109 Beiträge 31 Kommentatoren 18.7k Aufrufe 35 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • NashraN Nashra

    @cdellasanta
    danke für die Erklärung aber es will nicht. Bei mir sieht der Pfad
    so aus: https://192.168.1.15/app-assets/network/angular/gf2f1a60/images/devices/
    Muß dazu sagen das es heute Morgen ein Update gab vom Controller usw.
    vielleicht hängt es damit zusammen.

    Nachtrag: das Bild wird nicht angezeigt weil der Zugriff verweigert wird.

    Nachtrag2: eingeloggt im Controller und Anzeige der VIS im selber Browser, dann werden die Bilder angezeigt

    cdellasantaC Offline
    cdellasantaC Offline
    cdellasanta
    Developer
    schrieb am zuletzt editiert von
    #55

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

    Nachtrag: das Bild wird nicht angezeigt weil der Zugriff verweigert wird.
    Nachtrag2: eingeloggt im Controller und Anzeige der VIS im selber Browser, dann werden die Bilder angezeigt

    Ist vermutlich wegen den self-signiertes Zertifikat des UniFi controller (ich müsste es auch bei mir es erstmal akzeptieren).

    Als alternative, jetzt dass du die Bilder siehst, kannst du die einzeln herunterladen und bei deine Lokale vis Bilder als device-model.png pflegen, und dann im Skript die Konfigurationvariabel unifiImagesUrlPrefix zu false ändern. Somit können die Bilder nicht wegen Zertifikatprobleme gestoppt werden. Nachteil ist dass für jede neue UniFi device model, muss man den Bild selber pflegen.

    NashraN 1 Antwort Letzte Antwort
    1
    • cdellasantaC cdellasanta

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

      Nachtrag: das Bild wird nicht angezeigt weil der Zugriff verweigert wird.
      Nachtrag2: eingeloggt im Controller und Anzeige der VIS im selber Browser, dann werden die Bilder angezeigt

      Ist vermutlich wegen den self-signiertes Zertifikat des UniFi controller (ich müsste es auch bei mir es erstmal akzeptieren).

      Als alternative, jetzt dass du die Bilder siehst, kannst du die einzeln herunterladen und bei deine Lokale vis Bilder als device-model.png pflegen, und dann im Skript die Konfigurationvariabel unifiImagesUrlPrefix zu false ändern. Somit können die Bilder nicht wegen Zertifikatprobleme gestoppt werden. Nachteil ist dass für jede neue UniFi device model, muss man den Bild selber pflegen.

      NashraN Offline
      NashraN Offline
      Nashra
      Most Active Forum Testing
      schrieb am zuletzt editiert von
      #56

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

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

      Nachtrag: das Bild wird nicht angezeigt weil der Zugriff verweigert wird.
      Nachtrag2: eingeloggt im Controller und Anzeige der VIS im selber Browser, dann werden die Bilder angezeigt

      Ist vermutlich wegen den self-signiertes Zertifikat des UniFi controller (ich müsste es auch bei mir es erstmal akzeptieren).

      Als alternative, jetzt dass du die Bilder siehst, kannst du die einzeln herunterladen und bei deine Lokale vis Bilder als device-model.png pflegen, und dann im Skript die Konfigurationvariabel unifiImagesUrlPrefix zu false ändern. Somit
      können die Bilder nicht wegen Zertifikatprobleme gestoppt werden. Nachteil ist dass für jede neue UniFi device model, muss man den Bild selber pflegen.

      Erstmal ein frohes und gesundes neues Jahr @cdellasanta
      Skript habe ich geändert und die Bilder liegen jetzt im angegebenen Pfad und werden angezeigt :-)
      Wegen dem Nachteil die jetzt manuell einzupflegen sehe ich kein Problem, ist in 5 Minuten erledigt.
      Vielen Dank nochmal für die Hilfen und das tolle Skript :+1:

      Gruß Ralf
      Mir egal, wer Dein Vater ist! Wenn ich hier angel, wird nicht übers Wasser gelaufen!!

      Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

      1 Antwort Letzte Antwort
      0
      • cdellasantaC 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" :face_with_rolling_eyes: 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 :wink:

        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.

        tobasiumT Offline
        tobasiumT Offline
        tobasium
        schrieb am zuletzt editiert von
        #57

        @cdellasanta ich bekomme leider einen Fehler wen ich dein script nutze:

        javascript.0	2021-01-01 19:00:30.452	error	(1936) at processTicksAndRejections (internal/process/task_queues.js:97:5)
javascript.0	2021-01-01 19:00:30.452	error	(1936) at runMicrotasks (<anonymous>)
javascript.0	2021-01-01 19:00:30.452	error	(1936) at /opt/iobroker/node_modules/standard-as-callback/built/index.js:19:49
javascript.0	2021-01-01 19:00:30.451	error	(1936) at tryCatcher (/opt/iobroker/node_modules/standard-as-callback/built/utils.js:11:23)
javascript.0	2021-01-01 19:00:30.450	error	(1936) at /opt/iobroker/node_modules/iobroker.js-controller/lib/states/statesInRedis.js:608:33
javascript.0	2021-01-01 19:00:30.450	error	(1936) at /opt/iobroker/node_modules/iobroker.javascript/main.js:1219:17
javascript.0	2021-01-01 19:00:30.449	error	(1936) at /opt/iobroker/node_modules/iobroker.javascript/main.js:1681:17
javascript.0	2021-01-01 19:00:30.449	error	(1936) at prepareScript (/opt/iobroker/node_modules/iobroker.javascript/main.js:1587:37)
javascript.0	2021-01-01 19:00:30.448	error	(1936) at createVM (/opt/iobroker/node_modules/iobroker.javascript/main.js:1364:28)
javascript.0	2021-01-01 19:00:30.447	error	(1936) at Object.createScript (vm.js:261:10)
javascript.0	2021-01-01 19:00:30.446	error	(1936) at new Script (vm.js:88:7)
javascript.0	2021-01-01 19:00:30.444	error	(1936) SyntaxError: Unexpected token ':'
javascript.0	2021-01-01 19:00:30.444	error	(1936) ^
javascript.0	2021-01-01 19:00:30.443	error	(1936) function setup(): void {
javascript.0	2021-01-01 19:00:30.442	error	at script.js.Smarthome_Tobi.System.Unifi-Status:119
javascript.0	2021-01-01 19:00:30.442	error	(1936) script.js.Smarthome_Tobi.System.Unifi-Status compile failed:

        Siehst du woran es liegt? Vielen Dank Vorab.

        cdellasantaC 1 Antwort Letzte Antwort
        0
        • tobasiumT tobasium

          @cdellasanta ich bekomme leider einen Fehler wen ich dein script nutze:

          javascript.0	2021-01-01 19:00:30.452	error	(1936) at processTicksAndRejections (internal/process/task_queues.js:97:5)
javascript.0	2021-01-01 19:00:30.452	error	(1936) at runMicrotasks (<anonymous>)
javascript.0	2021-01-01 19:00:30.452	error	(1936) at /opt/iobroker/node_modules/standard-as-callback/built/index.js:19:49
javascript.0	2021-01-01 19:00:30.451	error	(1936) at tryCatcher (/opt/iobroker/node_modules/standard-as-callback/built/utils.js:11:23)
javascript.0	2021-01-01 19:00:30.450	error	(1936) at /opt/iobroker/node_modules/iobroker.js-controller/lib/states/statesInRedis.js:608:33
javascript.0	2021-01-01 19:00:30.450	error	(1936) at /opt/iobroker/node_modules/iobroker.javascript/main.js:1219:17
javascript.0	2021-01-01 19:00:30.449	error	(1936) at /opt/iobroker/node_modules/iobroker.javascript/main.js:1681:17
javascript.0	2021-01-01 19:00:30.449	error	(1936) at prepareScript (/opt/iobroker/node_modules/iobroker.javascript/main.js:1587:37)
javascript.0	2021-01-01 19:00:30.448	error	(1936) at createVM (/opt/iobroker/node_modules/iobroker.javascript/main.js:1364:28)
javascript.0	2021-01-01 19:00:30.447	error	(1936) at Object.createScript (vm.js:261:10)
javascript.0	2021-01-01 19:00:30.446	error	(1936) at new Script (vm.js:88:7)
javascript.0	2021-01-01 19:00:30.444	error	(1936) SyntaxError: Unexpected token ':'
javascript.0	2021-01-01 19:00:30.444	error	(1936) ^
javascript.0	2021-01-01 19:00:30.443	error	(1936) function setup(): void {
javascript.0	2021-01-01 19:00:30.442	error	at script.js.Smarthome_Tobi.System.Unifi-Status:119
javascript.0	2021-01-01 19:00:30.442	error	(1936) script.js.Smarthome_Tobi.System.Unifi-Status compile failed:

          Siehst du woran es liegt? Vielen Dank Vorab.

          cdellasantaC Offline
          cdellasantaC Offline
          cdellasanta
          Developer
          schrieb am zuletzt editiert von
          #58

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

          Erstmal ein frohes und gesundes neues Jahr @cdellasanta

          Danke gleichfalls :wink:

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

          Siehst du woran es liegt? Vielen Dank Vorab.

          Ich glaube ich sehe wo den Problem ist: script.js

          .. du musst es als TypeScript (neu)erstellen:
          9e3a945c-3734-4a4b-aaa8-7a5452284812-image.png

          tobasiumT 1 Antwort Letzte Antwort
          0
          • cdellasantaC cdellasanta

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

            Erstmal ein frohes und gesundes neues Jahr @cdellasanta

            Danke gleichfalls :wink:

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

            Siehst du woran es liegt? Vielen Dank Vorab.

            Ich glaube ich sehe wo den Problem ist: script.js

            .. du musst es als TypeScript (neu)erstellen:
            9e3a945c-3734-4a4b-aaa8-7a5452284812-image.png

            tobasiumT Offline
            tobasiumT Offline
            tobasium
            schrieb am zuletzt editiert von
            #59

            @cdellasanta Danke schonmal leider immer noch errors im log:

            javascript.0	2021-01-01 23:09:15.310	error	(1936) at Script.runInContext (vm.js:130:18)
javascript.0	2021-01-01 23:09:15.310	error	(1936) at script.js.Smarthome_Tobi.System.Unifi-Netzwerk:107:1
javascript.0	2021-01-01 23:09:15.310	error	(1936) at initializeState (script.js.Smarthome_Tobi.System.Unifi-Netzwerk:549:9)
javascript.0	2021-01-01 23:09:15.309	error	(1936) at registerListener (script.js.Smarthome_Tobi.System.Unifi-Netzwerk:516:13)
javascript.0	2021-01-01 23:09:15.309	error	(1936) at runAfterInitialization (script.js.Smarthome_Tobi.System.Unifi-Netzwerk:510:10)
javascript.0	2021-01-01 23:09:15.308	error	(1936) TypeError: Cannot read property 'setTimeout' of undefined
javascript.0	2021-01-01 23:09:15.308	error	(1936) ^
javascript.0	2021-01-01 23:09:15.307	error	(1936) this.setTimeout(function () { return runAfterInitialization(callback); }, 100);
javascript.0	2021-01-01 23:09:15.307	error	(1936) script.js.Smarthome_Tobi.System.Unifi-Netzwerk: script.js.Smarthome_Tobi.System.Unifi-Netzwerk:510
            cdellasantaC 1 Antwort Letzte Antwort
            0
            • tobasiumT tobasium

              @cdellasanta Danke schonmal leider immer noch errors im log:

              javascript.0	2021-01-01 23:09:15.310	error	(1936) at Script.runInContext (vm.js:130:18)
javascript.0	2021-01-01 23:09:15.310	error	(1936) at script.js.Smarthome_Tobi.System.Unifi-Netzwerk:107:1
javascript.0	2021-01-01 23:09:15.310	error	(1936) at initializeState (script.js.Smarthome_Tobi.System.Unifi-Netzwerk:549:9)
javascript.0	2021-01-01 23:09:15.309	error	(1936) at registerListener (script.js.Smarthome_Tobi.System.Unifi-Netzwerk:516:13)
javascript.0	2021-01-01 23:09:15.309	error	(1936) at runAfterInitialization (script.js.Smarthome_Tobi.System.Unifi-Netzwerk:510:10)
javascript.0	2021-01-01 23:09:15.308	error	(1936) TypeError: Cannot read property 'setTimeout' of undefined
javascript.0	2021-01-01 23:09:15.308	error	(1936) ^
javascript.0	2021-01-01 23:09:15.307	error	(1936) this.setTimeout(function () { return runAfterInitialization(callback); }, 100);
javascript.0	2021-01-01 23:09:15.307	error	(1936) script.js.Smarthome_Tobi.System.Unifi-Netzwerk: script.js.Smarthome_Tobi.System.Unifi-Netzwerk:510
              cdellasantaC Offline
              cdellasantaC Offline
              cdellasanta
              Developer
              schrieb am zuletzt editiert von cdellasanta
              #60

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

              this.setTimeout(function ....

              Hmmm .. ändere alle this.setTimeout(..) einfach zu setTimeout(...) ...

              Ich habe den this prefixed (und es funktioniert bei mir) weil beim lesen der Beschreibung der Befehl fand ich es besser, und es gab damit keinen "Inspection Fehler" ..

              Edit: .. ich sehe jetzt dass es auch ohne this kein "Code Fehler" mehr gezeigt wird .. ich ändere den Code im oberen Abschnitt (und im PR).

              tobasiumT 1 Antwort Letzte Antwort
              0
              • cdellasantaC cdellasanta

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

                this.setTimeout(function ....

                Hmmm .. ändere alle this.setTimeout(..) einfach zu setTimeout(...) ...

                Ich habe den this prefixed (und es funktioniert bei mir) weil beim lesen der Beschreibung der Befehl fand ich es besser, und es gab damit keinen "Inspection Fehler" ..

                Edit: .. ich sehe jetzt dass es auch ohne this kein "Code Fehler" mehr gezeigt wird .. ich ändere den Code im oberen Abschnitt (und im PR).

                tobasiumT Offline
                tobasiumT Offline
                tobasium
                schrieb am zuletzt editiert von
                #61

                @cdellasanta

                Also das sieht schon deutlich besser aus. Danke.

                Nächste Fehler tauchen jetzt auf sobald ich Sortierung ändere:

                javascript.0	2021-01-02 15:59:30.915	error	(1936) at processImmediate (internal/timers.js:461:21)
javascript.0	2021-01-02 15:59:30.915	error	(1936) at Immediate._onImmediate (/opt/iobroker/node_modules/iobroker.js-controller/lib/adapter.js:5384:37)
javascript.0	2021-01-02 15:59:30.914	error	(1936) at Object.stateChange (/opt/iobroker/node_modules/iobroker.javascript/main.js:472:25)
javascript.0	2021-01-02 15:59:30.914	error	(1936) at Object.callback (/opt/iobroker/node_modules/iobroker.javascript/lib/sandbox.js:1070:38)
javascript.0	2021-01-02 15:59:30.914	error	(1936) at Object.<anonymous> (script.js.Smarthome_Tobi.System.Unifi-Netzwerk:107:163)
javascript.0	2021-01-02 15:59:30.913	error	(1936) at resetSortTimer (script.js.Smarthome_Tobi.System.Unifi-Netzwerk:313:14)
javascript.0	2021-01-02 15:59:30.912	error	(1936) Error in callback: TypeError: Cannot read property 'clearTimeout' of undefined

                Aber zumindestens läuft es jetzt schonmal.

                Danke für deine ganze Arbeit.

                cdellasantaC 1 Antwort Letzte Antwort
                0
                • tobasiumT tobasium

                  @cdellasanta

                  Also das sieht schon deutlich besser aus. Danke.

                  Nächste Fehler tauchen jetzt auf sobald ich Sortierung ändere:

                  javascript.0	2021-01-02 15:59:30.915	error	(1936) at processImmediate (internal/timers.js:461:21)
javascript.0	2021-01-02 15:59:30.915	error	(1936) at Immediate._onImmediate (/opt/iobroker/node_modules/iobroker.js-controller/lib/adapter.js:5384:37)
javascript.0	2021-01-02 15:59:30.914	error	(1936) at Object.stateChange (/opt/iobroker/node_modules/iobroker.javascript/main.js:472:25)
javascript.0	2021-01-02 15:59:30.914	error	(1936) at Object.callback (/opt/iobroker/node_modules/iobroker.javascript/lib/sandbox.js:1070:38)
javascript.0	2021-01-02 15:59:30.914	error	(1936) at Object.<anonymous> (script.js.Smarthome_Tobi.System.Unifi-Netzwerk:107:163)
javascript.0	2021-01-02 15:59:30.913	error	(1936) at resetSortTimer (script.js.Smarthome_Tobi.System.Unifi-Netzwerk:313:14)
javascript.0	2021-01-02 15:59:30.912	error	(1936) Error in callback: TypeError: Cannot read property 'clearTimeout' of undefined

                  Aber zumindestens läuft es jetzt schonmal.

                  Danke für deine ganze Arbeit.

                  cdellasantaC Offline
                  cdellasantaC Offline
                  cdellasanta
                  Developer
                  schrieb am zuletzt editiert von
                  #62

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

                  clearTimeout

                  :anguished: hätte ich sehen müssen ... ändere zusätzlich alle this.clearTimeout(...) zu clearTimeout(...) ...

                  tobasiumT 1 Antwort Letzte Antwort
                  1
                  • cdellasantaC cdellasanta

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

                    clearTimeout

                    :anguished: hätte ich sehen müssen ... ändere zusätzlich alle this.clearTimeout(...) zu clearTimeout(...) ...

                    tobasiumT Offline
                    tobasiumT Offline
                    tobasium
                    schrieb am zuletzt editiert von tobasium
                    #63

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

                    clearTimeout(...)

                    Perfekt. jetzt läuft es ohne error.

                    Was mich nur wundert warum gibt es die Fehler bei mir und bei dir gab es die nicht?

                    Danke

                    cdellasantaC 1 Antwort Letzte Antwort
                    0
                    • tobasiumT tobasium

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

                      clearTimeout(...)

                      Perfekt. jetzt läuft es ohne error.

                      Was mich nur wundert warum gibt es die Fehler bei mir und bei dir gab es die nicht?

                      Danke

                      cdellasantaC Offline
                      cdellasantaC Offline
                      cdellasanta
                      Developer
                      schrieb am zuletzt editiert von
                      #64

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

                      Was mich nur wundert warum gibt es die Fehler bei mir und bei dir gab es die nicht?

                      Es hat sicher zu tun mit unterschiedliche Versionen, ich habe bei mir aktuell:

                      • Admin-controller: 4.1.12
                      • JS-Controller version: 4.10.8
                      • Node version: v12.18.4
                      • Operating system: linux (Raspbian)

                      Du hast vermutlich andere Versionen, ich vermute die Node Version ist da verantwortlich .. aber eben .. ist jetzt kein Problem mehr :wink:

                      tobasiumT 1 Antwort Letzte Antwort
                      0
                      • cdellasantaC cdellasanta

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

                        Was mich nur wundert warum gibt es die Fehler bei mir und bei dir gab es die nicht?

                        Es hat sicher zu tun mit unterschiedliche Versionen, ich habe bei mir aktuell:

                        • Admin-controller: 4.1.12
                        • JS-Controller version: 4.10.8
                        • Node version: v12.18.4
                        • Operating system: linux (Raspbian)

                        Du hast vermutlich andere Versionen, ich vermute die Node Version ist da verantwortlich .. aber eben .. ist jetzt kein Problem mehr :wink:

                        tobasiumT Offline
                        tobasiumT Offline
                        tobasium
                        schrieb am zuletzt editiert von
                        #65

                        @cdellasanta

                        Hier mal meine Infos:

                        Node.js: v12.20.0
                        NPM: 6.14.8
                        JS-Controller version: 4.10.8
                        Operating system: buanet docker image synology

                        lobomauL 1 Antwort Letzte Antwort
                        0
                        • tobasiumT tobasium

                          @cdellasanta

                          Hier mal meine Infos:

                          Node.js: v12.20.0
                          NPM: 6.14.8
                          JS-Controller version: 4.10.8
                          Operating system: buanet docker image synology

                          lobomauL Offline
                          lobomauL Offline
                          lobomau
                          schrieb am zuletzt editiert von
                          #66

                          @tobasium @cdellasanta ihr redet wahrscheinlich von der Admin Version und nicht js-controller,oder?
                          Ich habe js-controller 3.1.6 und bin da eigentlich aktuell,dachte ich.

                          Host: NUC8i3 mit Proxmox:

                          • ioBroker CT Debian 13, npm 10.9.3, nodejs 22.20.0
                          • Slave: Pi4
                          tobasiumT 1 Antwort Letzte Antwort
                          0
                          • lobomauL lobomau

                            @tobasium @cdellasanta ihr redet wahrscheinlich von der Admin Version und nicht js-controller,oder?
                            Ich habe js-controller 3.1.6 und bin da eigentlich aktuell,dachte ich.

                            tobasiumT Offline
                            tobasiumT Offline
                            tobasium
                            schrieb am zuletzt editiert von tobasium
                            #67

                            @lobomau Wir reden schon vom Script Engine -> https://github.com/iobroker/ioBroker.javascript/blob/master/README.md

                            lobomauL 1 Antwort Letzte Antwort
                            0
                            • tobasiumT tobasium

                              @lobomau Wir reden schon vom Script Engine -> https://github.com/iobroker/ioBroker.javascript/blob/master/README.md

                              lobomauL Offline
                              lobomauL Offline
                              lobomau
                              schrieb am zuletzt editiert von
                              #68

                              @tobasium ihr redet vom Javascript Adapter und nicht vom js-controller.
                              Der Vergleich des js-controller ist auch ganz hilfreich, findet man unter Hosts:
                              Screenshot_20210103-230654.png

                              Host: NUC8i3 mit Proxmox:

                              • ioBroker CT Debian 13, npm 10.9.3, nodejs 22.20.0
                              • Slave: Pi4
                              tobasiumT 1 Antwort Letzte Antwort
                              0
                              • lobomauL lobomau

                                @tobasium ihr redet vom Javascript Adapter und nicht vom js-controller.
                                Der Vergleich des js-controller ist auch ganz hilfreich, findet man unter Hosts:
                                Screenshot_20210103-230654.png

                                tobasiumT Offline
                                tobasiumT Offline
                                tobasium
                                schrieb am zuletzt editiert von
                                #69

                                @lobomau oh ok 3.1.6 also ebenfalls aktuell unterwegs

                                lobomauL 1 Antwort Letzte Antwort
                                0
                                • tobasiumT tobasium

                                  @lobomau oh ok 3.1.6 also ebenfalls aktuell unterwegs

                                  lobomauL Offline
                                  lobomauL Offline
                                  lobomau
                                  schrieb am zuletzt editiert von
                                  #70

                                  @tobasium und ihr habt mit dem Javascript Adapter 4.10.x eine Beta Version. Das kann zu Problemen führen.
                                  Bei mir läuft 4.8.x stable Version.

                                  Host: NUC8i3 mit Proxmox:

                                  • ioBroker CT Debian 13, npm 10.9.3, nodejs 22.20.0
                                  • Slave: Pi4
                                  1 Antwort Letzte Antwort
                                  0
                                  • NashraN Nashra

                                    Hallo @cdellasanta , erstmal Danke für die tolle Arbeit von dir :+1:
                                    Bis jetzt läuft alles einwandfrei. Eine Frage habe ich dennoch,
                                    wie bekomme ich die Bilder von den Switchen und AP's angezeigt?
                                    Bei den Geräten kann man es ja über Anmerkung mit {"image": "dot", "link": "http"}
                                    machen, aber bei den Switchen usw. finde ich dies nicht :thinking_face:

                                    efxzE Offline
                                    efxzE Offline
                                    efxz
                                    schrieb am zuletzt editiert von
                                    #71

                                    @Nashra
                                    Ich versuche schon den ganzen Tag meinen Geräten Bilder zuzuordnen, leider erfolglos. Wie und wo im script kommen die Zuweisungen "image":"bildname.png", link"ip?" hin?

                                    tobasiumT NashraN 2 Antworten Letzte Antwort
                                    0
                                    • efxzE efxz

                                      @Nashra
                                      Ich versuche schon den ganzen Tag meinen Geräten Bilder zuzuordnen, leider erfolglos. Wie und wo im script kommen die Zuweisungen "image":"bildname.png", link"ip?" hin?

                                      tobasiumT Offline
                                      tobasiumT Offline
                                      tobasium
                                      schrieb am zuletzt editiert von
                                      #72

                                      @efxz das musst du im unifi controller eintragen:

                                      1.Du logst dich im unfi controler ein.
                                      2. Klickst auf Endgeräte.
                                      3. Wählst hier das Gerät für welches du ein Bild im IoBroker hinterlegt hast.
                                      4. Nach dem öffnen des Ger#tes hier auf das Zahnrad (Konfiguration.
                                      5. Unter Anmerkung die Info hinterlge:

                                      f5c2106a-5729-4def-8917-b41c6cb99012-image.png
                                      Format wie folgt:

                                      {
    "image": "CCU2",
    "icon": "",   
    "link": "http"
}
                                      efxzE 1 Antwort Letzte Antwort
                                      0
                                      • efxzE efxz

                                        @Nashra
                                        Ich versuche schon den ganzen Tag meinen Geräten Bilder zuzuordnen, leider erfolglos. Wie und wo im script kommen die Zuweisungen "image":"bildname.png", link"ip?" hin?

                                        NashraN Offline
                                        NashraN Offline
                                        Nashra
                                        Most Active Forum Testing
                                        schrieb am zuletzt editiert von Nashra
                                        #73

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

                                        @Nashra
                                        Ich versuche schon den ganzen Tag meinen Geräten Bilder zuzuordnen, leider erfolglos. Wie und wo im script kommen die Zuweisungen "image":"bildname.png", link"ip?" hin?

                                        Hey, @tobasium hat es ja oben schon beschrieben. Wenn Du alles so machst werden die einzelnen Bilder angezeigt.

                                        Gruß Ralf
                                        Mir egal, wer Dein Vater ist! Wenn ich hier angel, wird nicht übers Wasser gelaufen!!

                                        Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                                        1 Antwort Letzte Antwort
                                        0
                                        • tobasiumT tobasium

                                          @efxz das musst du im unifi controller eintragen:

                                          1.Du logst dich im unfi controler ein.
                                          2. Klickst auf Endgeräte.
                                          3. Wählst hier das Gerät für welches du ein Bild im IoBroker hinterlegt hast.
                                          4. Nach dem öffnen des Ger#tes hier auf das Zahnrad (Konfiguration.
                                          5. Unter Anmerkung die Info hinterlge:

                                          f5c2106a-5729-4def-8917-b41c6cb99012-image.png
                                          Format wie folgt:

                                          {
    "image": "CCU2",
    "icon": "",   
    "link": "http"
}
                                          efxzE Offline
                                          efxzE Offline
                                          efxz
                                          schrieb am zuletzt editiert von
                                          #74

                                          @tobasium
                                          Vielen Dank

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

                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          278

                                          Online

                                          32.4k

                                          Benutzer

                                          81.4k

                                          Themen

                                          1.3m

                                          Beiträge
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Anmelden
                                          • Du hast noch kein Konto? Registrieren
                                          • Anmelden oder registrieren, um zu suchen
                                          • Erster Beitrag
                                            Letzter Beitrag
                                          0
                                          • Home
                                          • Aktuell
                                          • Tags
                                          • Ungelesen 0
                                          • Kategorien
                                          • Unreplied
                                          • Beliebt
                                          • GitHub
                                          • Docu
                                          • Hilfe