Skip to content
  • Home
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Praktische Anwendungen (Showcase)
  4. Material Design Widets: Netzwerk Status

NEWS

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

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

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.2k

Material Design Widets: Netzwerk Status

Scheduled Pinned Locked Moved Praktische Anwendungen (Showcase)
280 Posts 50 Posters 55.5k Views 65 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • ? Offline
    ? Offline
    A Former User
    wrote on last edited by A Former User
    #130

    Das mit den Router habe ich schon ne Lösung und bei den VPN Verbindungen kann ich es leider nicht reproduzieren da ich keine einrichten kann bei meinem Setup.
    Hier mal zum testen ein etwas um modifiziertes Script ob alles Funktioniert.

    Hinweis: Dieser Code ist nicht für den TR-064 Adapter

    /* FritzBox Presence Check
    * created by Nickel - based on Network Status from Machinima
    * 
    * Vorraussetztungen
    *  - Material Design Widgets
    *  - fb-checkpresence
    * 
    * Versionshistorie:
    * 1.0.0:
    * - Initial Release
    */
    // Skript Einstellungen *************************************************************************************************************************************************
    let dpList = '0_userdata.0.vis.NetzwerkStatus.jsonList';            // Datenpunkt für IconList Widget (Typ: Zeichenkette (String))
    
    let dpSortMode = '0_userdata.0.vis.NetzwerkStatus.sortMode';        // Datenpunkt für Sortieren (Typ: Zeichenkette (String))
    let dpFilterMode = '0_userdata.0.vis.NetzwerkStatus.filterMode';    // Datenpunkt für Filter (Typ: Zeichenkette (String))
    
    const checkInterval = 30;                                           // Interval wie oft Status der Skripte aktualisiert werden soll (in Sekunden)
    
    let imagePath = '/vis.0/main/icons/'                                // Pfad zu den verwendeten Bildern (bitte über den VIS Dateimanager hochladen)
                                                                       // Das Bild (Dateiformat png) in der Mapping-Liste hinterlegen
    let defaultImage1 = 'ip-network-outline';                           // Standardbild, Ethernet (Material Design Icons)
    let defaultImage2 = 'wifi';                                         // Standardbild, Wifi (Material Design Icons)
    let defaultImage3 = 'network-off-outline';                          // Standardbild, Offline (Material Design Icons)
    
    let farbeGeraetOnline = 'green';                                    // Status Bar Farbe wenn Geräte online ist
    let farbeGeraetOffline = 'FireBrick';                               // Status Bar Farbe wenn Geräte offline ist
    
    let sortResetAfter = 120;                                           // Sortierung nach X Sekunden auf sortReset zurücksetzen (0=deaktiviert)
    let sortReset = 'name'                                              // Sortierung auf die zurückgesetzt werden soll
    let filterResetAfter = 120;                                         // Filter nach X Sekunden zurücksetzen (0=deaktiviert)
    
    const deviceNames = 
    [
     { ip: "192.168.20.1",   alias: "FritzBox",              image: "fritzbox.png",            link: "http"}
    ];
    
    // **********************************************************************************************************************************************************************
    
    // Selector für LAN & WLAN Devices
    let devices = $(`[id=fb-checkpresence.*.fb-devices.*.active]`);
    
    // Funktion adapterStatus alle x Sekunden ausführen
    schedule('*/' + checkInterval + ' * * * * *', netzwerkStatus);
    
    // auf Änderungen der Sortieung hören
    on({ id: dpSortMode, change: 'any' }, netzwerkStatus);
    on({ id: dpSortMode, change: 'any' }, resetSort);
    
    // // auf Änderungen der Filter hören
    on({ id: dpFilterMode, change: 'any' }, netzwerkStatus);
    on({ id: dpFilterMode, change: 'any' }, resetFilter);
    
    // Hauptfunktion
    function netzwerkStatus() {
       try {
           let deviceList = [];
    
           for (var i = 0; i <= devices.length - 1; i++) {
               let idDevice = devices[i].replace('.active', '');
               let isConn = (getStateIfExist(devices[i]) == '1') ? true : false;
               let ipAddress = getStateIfExist(idDevice + ".ipaddress", '-');
               let mac = getStateIfExist(idDevice + ".macaddress");
               let name = idDevice.replace(/fb-checkpresence\.[0-9]\.fb-devices\./i, "");
               let connection = getStateIfExist(idDevice + '.interfacetype', '-');
               let speed = getStateIfExist(idDevice + '.speed', '0');
               speed = (speed == "0") ? '-' : speed + ' MBit/s';
               let isGuest = getState(idDevice + ".guest").val;
               let isWired = true;
    
               let listType = 'text';
               let image = defaultImage3;
               let buttonLink = '';
               let statusBarColor = farbeGeraetOffline;
    
               if (isConn === true) {
                   statusBarColor = farbeGeraetOnline;
                   image = (connection == "802.11") ? defaultImage2 : defaultImage1
               }
    
               if (connection == "802.11") {
                   connection = "Wireless-Lan";
                   isWired = false;
               }
    
               let device = deviceNames.find(element => element.ip == ipAddress);
               if (device) {
                   name = device.alias;
                   if (device.image.search("png") > 0) {
                       image = imagePath + device.image;
                   } 
                   if (device.link) {
                       listType = 'buttonLink';
                       name = `<span style="text-decoration: underline">${name}</span>`
                       buttonLink = (device.link == 'http') ?  'http://${ipAddress}' : device.link
                   }
               }
    
               let text = name;
               if (isGuest === true) {
                   text = '<span class="mdi mdi-account-box" style="color: #ff9800;"> ${name}</span>';
               }
               let subText = `<div style="display: flex; flex-direction: row; line-height: 1.3; padding-left: 1px; padding-right: 8px; align-items: center;">
                                   <div style="flex: 1; width: 1px; text-overflow: ellipsis; overflow: hidden;">IP-Addresse</div>
                                   <div style="color: grey; font-size: 14px; font-family: RobotoCondensed-LightItalic; text-align: right;">${ipAddress}</div>
                               </div>
                               <div style="display: flex; flex-direction: row; line-height: 1.3; padding-left: 1px; padding-right: 8px; align-items: center;">
                                   <div style="flex: 1; width: 1px; text-overflow: ellipsis; overflow: hidden;">Verbindung</div>
                                   <div style="color: grey; font-size: 14px; font-family: RobotoCondensed-LightItalic; text-align: right;">${connection}</div>
                               </div><div style="display: flex; flex-direction: row; line-height: 1.3; padding-left: 1px; padding-right: 8px; align-items: center;">
                                   <div style="flex: 1; width: 1px; text-overflow: ellipsis; overflow: hidden;">Geschwindigkeit</div>
                                   <div style="color: grey; font-size: 14px; font-family: RobotoCondensed-LightItalic; text-align: right;">${speed}</div>
                               </div>`
                   
               deviceList.push({
                   text: text,
                   subText: subText,
                   listType: listType,
                   buttonLink: buttonLink,
                   image: image,
                   statusBarColor: statusBarColor,
                   name: name,
                   ipAddress: ipAddress,
                   speed: parseFloat(getStateIfExist(idDevice + '.speed', '0')),
                   status: isConn,
                   isWired: isWired
               });
           }
    
           let sortMode = existsState(dpSortMode) ? getState(dpSortMode).val : 'ipAddress';
    
           if (sortMode === 'name') {
               deviceList.sort(function (a, b) {
                   return a[sortMode].toLowerCase() == b[sortMode].toLowerCase() ? 0 : +(a[sortMode].toLowerCase() > b[sortMode].toLowerCase()) || -1;
               });
           } else if (sortMode === 'ipAddress') {
               deviceList.sort(function (a, b) {
                   return a[sortMode].split('.')[0] - b[sortMode].split('.')[0] || a[sortMode].split('.')[1] - b[sortMode].split('.')[1] || a[sortMode].split('.')[2] - b[sortMode].split('.')[2] || a[sortMode].split('.')[3] - b[sortMode].split('.')[3]
               });
           } else if (sortMode === 'status' || sortMode === 'speed') {
               deviceList.sort(function (a, b) {
                   return a[sortMode] == b[sortMode] ? 0 : +(a[sortMode] < b[sortMode]) || -1;
               });
           } else {
               // default: nach name sortieren
               sortMode = 'name'
               deviceList.sort(function (a, b) {
                   return a[sortMode].toLowerCase() == b[sortMode].toLowerCase() ? 0 : +(a[sortMode].toLowerCase() > b[sortMode].toLowerCase()) || -1;
               });
           }
    
           let filterMode = existsState(dpFilterMode) ? getState(dpFilterMode).val : '';
    
           if (filterMode && filterMode !== null && filterMode !== '') {
               if (filterMode === 'offline') {
                   deviceList = deviceList.filter(function (item) {
                       return item.status === false;
                   });
               } else if (filterMode === 'online') {
                   deviceList = deviceList.filter(function (item) {
                       return item.status === true;
                   });
               }
           }
    
           let result = JSON.stringify(deviceList);
           if (existsState(dpList) && getState(dpList).val !== result) {
               setState(dpList, result, true);
           } else {
               setState(dpList, result, true);
           }
    
       } catch (err) {
           console.error(`[netzwerkStatus] error: ${err.message}, stack: ${err.stack}`);
       }
    
       // Funktionen
       function getStateIfExist(id, nullValue = '', prepand = '', append = '') {
           if (existsState(id)) {
               return prepand + getState(id).val + append;
           } else {
               return nullValue;
           }
       }
    }
    
    // Beim Staren des Skriptes Status abrufen
    netzwerkStatus();
    
    
    function resetSort() {
       let sortMode = existsState(dpSortMode) ? getState(dpSortMode).val : '';
    
       if (sortResetAfter > 0) {
           setTimeout(function () {
               if (existsState(dpSortMode) && sortMode === getState(dpSortMode).val) {
                   setState(dpSortMode, sortReset);
               }
           }, sortResetAfter * 1000);
       }
    }
    
    function resetFilter() {
       let filterMode = existsState(dpFilterMode) ? getState(dpFilterMode).val : '';
    
       if (filterResetAfter > 0) {
           setTimeout(function () {
               if (existsState(dpFilterMode) && filterMode === getState(dpFilterMode).val) {
                   setState(dpFilterMode, '');
               }
           }, filterResetAfter * 1000);
       }
    }
    

    Falls noch andere interessiert sind es ist für den Adapter: FritzBox CheckPresence (fb-checkpresence), einfach melden.

    M NegaleinN A 3 Replies Last reply
    2
    • tobasiumT Offline
      tobasiumT Offline
      tobasium
      wrote on last edited by
      #131

      Hallo Zusammen,

      irgendwo hänge ich leider noch. Habe das script gestartet Datenpunkte erstellt aber erhalte folgenden Fehler:

      javascript.0 (24900) script.js.java.TR064-Status: [netzwerkStatus] error: deviceNames.find is not a function, stack: TypeError: deviceNames.find is not a function at Object.netzwerkStatus (script.js.java.TR064-Status:92:38) at Job.job (/opt/iobroker/node_modules/iobroker.javascript/lib/sandbox.js:1270:34) at Job.invoke (/opt/iobroker/node_modules/iobroker.javascript/node_modules/node-schedule/lib/schedule.js:173:10) at /opt/iobroker/node_modules/iobroker.javascript/node_modules/node-schedule/lib/schedule.js:543:11 at Timeout._onTimeout (/opt/iobroker/node_modules/iobroker.javascript/node_modules/node-schedule/lib/schedule.js:501:7) at listOnTimeout (internal/timers.js:549:17) at processTimers (internal/timers.js:492:7)
      

      Hat mir hier jemand einen Ansatz wo ich den Fehler finde.

      Danke

      1 Reply Last reply
      0
      • ? A Former User

        Das mit den Router habe ich schon ne Lösung und bei den VPN Verbindungen kann ich es leider nicht reproduzieren da ich keine einrichten kann bei meinem Setup.
        Hier mal zum testen ein etwas um modifiziertes Script ob alles Funktioniert.

        Hinweis: Dieser Code ist nicht für den TR-064 Adapter

        /* FritzBox Presence Check
        * created by Nickel - based on Network Status from Machinima
        * 
        * Vorraussetztungen
        *  - Material Design Widgets
        *  - fb-checkpresence
        * 
        * Versionshistorie:
        * 1.0.0:
        * - Initial Release
        */
        // Skript Einstellungen *************************************************************************************************************************************************
        let dpList = '0_userdata.0.vis.NetzwerkStatus.jsonList';            // Datenpunkt für IconList Widget (Typ: Zeichenkette (String))
        
        let dpSortMode = '0_userdata.0.vis.NetzwerkStatus.sortMode';        // Datenpunkt für Sortieren (Typ: Zeichenkette (String))
        let dpFilterMode = '0_userdata.0.vis.NetzwerkStatus.filterMode';    // Datenpunkt für Filter (Typ: Zeichenkette (String))
        
        const checkInterval = 30;                                           // Interval wie oft Status der Skripte aktualisiert werden soll (in Sekunden)
        
        let imagePath = '/vis.0/main/icons/'                                // Pfad zu den verwendeten Bildern (bitte über den VIS Dateimanager hochladen)
                                                                           // Das Bild (Dateiformat png) in der Mapping-Liste hinterlegen
        let defaultImage1 = 'ip-network-outline';                           // Standardbild, Ethernet (Material Design Icons)
        let defaultImage2 = 'wifi';                                         // Standardbild, Wifi (Material Design Icons)
        let defaultImage3 = 'network-off-outline';                          // Standardbild, Offline (Material Design Icons)
        
        let farbeGeraetOnline = 'green';                                    // Status Bar Farbe wenn Geräte online ist
        let farbeGeraetOffline = 'FireBrick';                               // Status Bar Farbe wenn Geräte offline ist
        
        let sortResetAfter = 120;                                           // Sortierung nach X Sekunden auf sortReset zurücksetzen (0=deaktiviert)
        let sortReset = 'name'                                              // Sortierung auf die zurückgesetzt werden soll
        let filterResetAfter = 120;                                         // Filter nach X Sekunden zurücksetzen (0=deaktiviert)
        
        const deviceNames = 
        [
         { ip: "192.168.20.1",   alias: "FritzBox",              image: "fritzbox.png",            link: "http"}
        ];
        
        // **********************************************************************************************************************************************************************
        
        // Selector für LAN & WLAN Devices
        let devices = $(`[id=fb-checkpresence.*.fb-devices.*.active]`);
        
        // Funktion adapterStatus alle x Sekunden ausführen
        schedule('*/' + checkInterval + ' * * * * *', netzwerkStatus);
        
        // auf Änderungen der Sortieung hören
        on({ id: dpSortMode, change: 'any' }, netzwerkStatus);
        on({ id: dpSortMode, change: 'any' }, resetSort);
        
        // // auf Änderungen der Filter hören
        on({ id: dpFilterMode, change: 'any' }, netzwerkStatus);
        on({ id: dpFilterMode, change: 'any' }, resetFilter);
        
        // Hauptfunktion
        function netzwerkStatus() {
           try {
               let deviceList = [];
        
               for (var i = 0; i <= devices.length - 1; i++) {
                   let idDevice = devices[i].replace('.active', '');
                   let isConn = (getStateIfExist(devices[i]) == '1') ? true : false;
                   let ipAddress = getStateIfExist(idDevice + ".ipaddress", '-');
                   let mac = getStateIfExist(idDevice + ".macaddress");
                   let name = idDevice.replace(/fb-checkpresence\.[0-9]\.fb-devices\./i, "");
                   let connection = getStateIfExist(idDevice + '.interfacetype', '-');
                   let speed = getStateIfExist(idDevice + '.speed', '0');
                   speed = (speed == "0") ? '-' : speed + ' MBit/s';
                   let isGuest = getState(idDevice + ".guest").val;
                   let isWired = true;
        
                   let listType = 'text';
                   let image = defaultImage3;
                   let buttonLink = '';
                   let statusBarColor = farbeGeraetOffline;
        
                   if (isConn === true) {
                       statusBarColor = farbeGeraetOnline;
                       image = (connection == "802.11") ? defaultImage2 : defaultImage1
                   }
        
                   if (connection == "802.11") {
                       connection = "Wireless-Lan";
                       isWired = false;
                   }
        
                   let device = deviceNames.find(element => element.ip == ipAddress);
                   if (device) {
                       name = device.alias;
                       if (device.image.search("png") > 0) {
                           image = imagePath + device.image;
                       } 
                       if (device.link) {
                           listType = 'buttonLink';
                           name = `<span style="text-decoration: underline">${name}</span>`
                           buttonLink = (device.link == 'http') ?  'http://${ipAddress}' : device.link
                       }
                   }
        
                   let text = name;
                   if (isGuest === true) {
                       text = '<span class="mdi mdi-account-box" style="color: #ff9800;"> ${name}</span>';
                   }
                   let subText = `<div style="display: flex; flex-direction: row; line-height: 1.3; padding-left: 1px; padding-right: 8px; align-items: center;">
                                       <div style="flex: 1; width: 1px; text-overflow: ellipsis; overflow: hidden;">IP-Addresse</div>
                                       <div style="color: grey; font-size: 14px; font-family: RobotoCondensed-LightItalic; text-align: right;">${ipAddress}</div>
                                   </div>
                                   <div style="display: flex; flex-direction: row; line-height: 1.3; padding-left: 1px; padding-right: 8px; align-items: center;">
                                       <div style="flex: 1; width: 1px; text-overflow: ellipsis; overflow: hidden;">Verbindung</div>
                                       <div style="color: grey; font-size: 14px; font-family: RobotoCondensed-LightItalic; text-align: right;">${connection}</div>
                                   </div><div style="display: flex; flex-direction: row; line-height: 1.3; padding-left: 1px; padding-right: 8px; align-items: center;">
                                       <div style="flex: 1; width: 1px; text-overflow: ellipsis; overflow: hidden;">Geschwindigkeit</div>
                                       <div style="color: grey; font-size: 14px; font-family: RobotoCondensed-LightItalic; text-align: right;">${speed}</div>
                                   </div>`
                       
                   deviceList.push({
                       text: text,
                       subText: subText,
                       listType: listType,
                       buttonLink: buttonLink,
                       image: image,
                       statusBarColor: statusBarColor,
                       name: name,
                       ipAddress: ipAddress,
                       speed: parseFloat(getStateIfExist(idDevice + '.speed', '0')),
                       status: isConn,
                       isWired: isWired
                   });
               }
        
               let sortMode = existsState(dpSortMode) ? getState(dpSortMode).val : 'ipAddress';
        
               if (sortMode === 'name') {
                   deviceList.sort(function (a, b) {
                       return a[sortMode].toLowerCase() == b[sortMode].toLowerCase() ? 0 : +(a[sortMode].toLowerCase() > b[sortMode].toLowerCase()) || -1;
                   });
               } else if (sortMode === 'ipAddress') {
                   deviceList.sort(function (a, b) {
                       return a[sortMode].split('.')[0] - b[sortMode].split('.')[0] || a[sortMode].split('.')[1] - b[sortMode].split('.')[1] || a[sortMode].split('.')[2] - b[sortMode].split('.')[2] || a[sortMode].split('.')[3] - b[sortMode].split('.')[3]
                   });
               } else if (sortMode === 'status' || sortMode === 'speed') {
                   deviceList.sort(function (a, b) {
                       return a[sortMode] == b[sortMode] ? 0 : +(a[sortMode] < b[sortMode]) || -1;
                   });
               } else {
                   // default: nach name sortieren
                   sortMode = 'name'
                   deviceList.sort(function (a, b) {
                       return a[sortMode].toLowerCase() == b[sortMode].toLowerCase() ? 0 : +(a[sortMode].toLowerCase() > b[sortMode].toLowerCase()) || -1;
                   });
               }
        
               let filterMode = existsState(dpFilterMode) ? getState(dpFilterMode).val : '';
        
               if (filterMode && filterMode !== null && filterMode !== '') {
                   if (filterMode === 'offline') {
                       deviceList = deviceList.filter(function (item) {
                           return item.status === false;
                       });
                   } else if (filterMode === 'online') {
                       deviceList = deviceList.filter(function (item) {
                           return item.status === true;
                       });
                   }
               }
        
               let result = JSON.stringify(deviceList);
               if (existsState(dpList) && getState(dpList).val !== result) {
                   setState(dpList, result, true);
               } else {
                   setState(dpList, result, true);
               }
        
           } catch (err) {
               console.error(`[netzwerkStatus] error: ${err.message}, stack: ${err.stack}`);
           }
        
           // Funktionen
           function getStateIfExist(id, nullValue = '', prepand = '', append = '') {
               if (existsState(id)) {
                   return prepand + getState(id).val + append;
               } else {
                   return nullValue;
               }
           }
        }
        
        // Beim Staren des Skriptes Status abrufen
        netzwerkStatus();
        
        
        function resetSort() {
           let sortMode = existsState(dpSortMode) ? getState(dpSortMode).val : '';
        
           if (sortResetAfter > 0) {
               setTimeout(function () {
                   if (existsState(dpSortMode) && sortMode === getState(dpSortMode).val) {
                       setState(dpSortMode, sortReset);
                   }
               }, sortResetAfter * 1000);
           }
        }
        
        function resetFilter() {
           let filterMode = existsState(dpFilterMode) ? getState(dpFilterMode).val : '';
        
           if (filterResetAfter > 0) {
               setTimeout(function () {
                   if (existsState(dpFilterMode) && filterMode === getState(dpFilterMode).val) {
                       setState(dpFilterMode, '');
                   }
               }, filterResetAfter * 1000);
           }
        }
        

        Falls noch andere interessiert sind es ist für den Adapter: FritzBox CheckPresence (fb-checkpresence), einfach melden.

        M Online
        M Online
        micklafisch
        wrote on last edited by
        #132

        @Nickel
        ja sieht gut aus. Die Verbindung bei Router und VPN wird jetzt nichts angezeigt und nicht mehr "offline". Anhand der Farbe wird der Status korrekt dargestellt.

        Die Sortierung nach IP Adresssen sieht nun auch sehr gut aus.

        Von meiner Seite aus aktuell keine Anmerkungen oder Fehler feststellbar.

        Danke!

        1 Reply Last reply
        0
        • Stephan SchleichS Offline
          Stephan SchleichS Offline
          Stephan Schleich
          wrote on last edited by Stephan Schleich
          #133

          @Nickel kann ich bestätigen, top Vielen Dank.
          Einen Wunsch hätte ich noch und zwar eine Sortierung nach Status (online/offline) und eine Frage wie ich in der Zeile 101 die Schriftgröße ändern kann

          M 1 Reply Last reply
          0
          • Stephan SchleichS Stephan Schleich

            @Nickel kann ich bestätigen, top Vielen Dank.
            Einen Wunsch hätte ich noch und zwar eine Sortierung nach Status (online/offline) und eine Frage wie ich in der Zeile 101 die Schriftgröße ändern kann

            M Online
            M Online
            micklafisch
            wrote on last edited by micklafisch
            #134

            @Stephan-Schleich
            ich hab das bereits bei mir hinzugefügt:

            Du musst den JSON String im Widget "sortMode" in der VIS anpassen. Ich habe meinen JSON String wie folgt ergänzt:

            [
            	{
            		"text": "Gerätename",
            		"value": "name",
            		"icon": "alphabet-latin"
            	},
            	{
            		"text": "IP Adresse",
            		"value": "ipAddress",
            		"icon": "ip"
            	},
            	{
            		"text": "Geschwindigkeit",
            		"value": "speed",
            		"icon": "speedometer"
            	},
            	{
            		"text": "Status",
            		"value": "status",
            		"icon": "state-machine"
            	}
            ]
            
            

            Bezüglich der Schriftgröße: du willst nur die angezeigte Geschwindigkeit größer darstellen? Schau mal in die Zeile 147, da wird die Schriftgröße für "Speed" definiert.

            Stephan SchleichS ? 2 Replies Last reply
            0
            • M micklafisch

              @Stephan-Schleich
              ich hab das bereits bei mir hinzugefügt:

              Du musst den JSON String im Widget "sortMode" in der VIS anpassen. Ich habe meinen JSON String wie folgt ergänzt:

              [
              	{
              		"text": "Gerätename",
              		"value": "name",
              		"icon": "alphabet-latin"
              	},
              	{
              		"text": "IP Adresse",
              		"value": "ipAddress",
              		"icon": "ip"
              	},
              	{
              		"text": "Geschwindigkeit",
              		"value": "speed",
              		"icon": "speedometer"
              	},
              	{
              		"text": "Status",
              		"value": "status",
              		"icon": "state-machine"
              	}
              ]
              
              

              Bezüglich der Schriftgröße: du willst nur die angezeigte Geschwindigkeit größer darstellen? Schau mal in die Zeile 147, da wird die Schriftgröße für "Speed" definiert.

              Stephan SchleichS Offline
              Stephan SchleichS Offline
              Stephan Schleich
              wrote on last edited by
              #135

              @micklafisch danke, Werd ich testen, ne ich mein schon den namen des Gerätes

              M 1 Reply Last reply
              0
              • M micklafisch

                @Stephan-Schleich
                ich hab das bereits bei mir hinzugefügt:

                Du musst den JSON String im Widget "sortMode" in der VIS anpassen. Ich habe meinen JSON String wie folgt ergänzt:

                [
                	{
                		"text": "Gerätename",
                		"value": "name",
                		"icon": "alphabet-latin"
                	},
                	{
                		"text": "IP Adresse",
                		"value": "ipAddress",
                		"icon": "ip"
                	},
                	{
                		"text": "Geschwindigkeit",
                		"value": "speed",
                		"icon": "speedometer"
                	},
                	{
                		"text": "Status",
                		"value": "status",
                		"icon": "state-machine"
                	}
                ]
                
                

                Bezüglich der Schriftgröße: du willst nur die angezeigte Geschwindigkeit größer darstellen? Schau mal in die Zeile 147, da wird die Schriftgröße für "Speed" definiert.

                ? Offline
                ? Offline
                A Former User
                wrote on last edited by
                #136

                @micklafisch
                Finde ja lustig das du die weitere Sortiermethode gefunden hast, da ich noch nicht gesagt habe das sie existiert, weil ich damit noch teste. Nächste Planung jetzt für das Wochenende ist Filtern (W-Lan, Lan etc).
                Komme nach und mach immer mehr in Javascript als Sprache rein.

                @Stephan-Schleich
                Die Schriftgröße kannst du im Vis Editor ändern.
                1ddfc7cc-2943-4062-af94-3a2e54cdd394-image.png Die Werte auf der Rechten Seite sind aktuell noch im Code versuche es aber auch auf den Untertext umzustellen im nächsten Update.

                1 Reply Last reply
                1
                • Stephan SchleichS Stephan Schleich

                  @micklafisch danke, Werd ich testen, ne ich mein schon den namen des Gerätes

                  M Online
                  M Online
                  micklafisch
                  wrote on last edited by
                  #137

                  @Stephan-Schleich
                  sorry, wollte nicht spoilern :blush:
                  Hatte mich auf die Suche nach sinnvollen weiteren Sortierungen begeben und ich muss sagen das funktioniert bisher sehr gut :blush:

                  1 Reply Last reply
                  1
                  • sigi234S sigi234

                    @ub-privat sagte in Material Design Widets: Netzwerk Status:

                    Thats it...

                    Jupp...

                    Screenshot (1956).png

                    NegaleinN Offline
                    NegaleinN Offline
                    Negalein
                    Global Moderator
                    wrote on last edited by
                    #138

                    @sigi234 sagte in Material Design Widets: Netzwerk Status:

                    @ub-privat sagte in Material Design Widets: Netzwerk Status:

                    Thats it...

                    Jupp...

                    Screenshot (1956).png

                    Griasde Sigi!

                    Hast du die PNG's zufällig noch?

                    ° Node.js & System Update ---> sudo apt update, iob stop, sudo apt full-upgrade
                    ° Node.js Fixer ---> iob nodejs-update
                    ° Fixer ---> iob fix

                    sigi234S 1 Reply Last reply
                    0
                    • NegaleinN Negalein

                      @sigi234 sagte in Material Design Widets: Netzwerk Status:

                      @ub-privat sagte in Material Design Widets: Netzwerk Status:

                      Thats it...

                      Jupp...

                      Screenshot (1956).png

                      Griasde Sigi!

                      Hast du die PNG's zufällig noch?

                      sigi234S Online
                      sigi234S Online
                      sigi234
                      Forum Testing Most Active
                      wrote on last edited by
                      #139

                      @Negalein sagte in Material Design Widets: Netzwerk Status:

                      @sigi234 sagte in Material Design Widets: Netzwerk Status:

                      @ub-privat sagte in Material Design Widets: Netzwerk Status:

                      Griasde Sigi!

                      Hast du die PNG's zufällig noch?

                      Icons_Netzwerkstatus.zip

                      Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                      Immer Daten sichern!

                      1 Reply Last reply
                      1
                      • ? A Former User

                        Das mit den Router habe ich schon ne Lösung und bei den VPN Verbindungen kann ich es leider nicht reproduzieren da ich keine einrichten kann bei meinem Setup.
                        Hier mal zum testen ein etwas um modifiziertes Script ob alles Funktioniert.

                        Hinweis: Dieser Code ist nicht für den TR-064 Adapter

                        /* FritzBox Presence Check
                        * created by Nickel - based on Network Status from Machinima
                        * 
                        * Vorraussetztungen
                        *  - Material Design Widgets
                        *  - fb-checkpresence
                        * 
                        * Versionshistorie:
                        * 1.0.0:
                        * - Initial Release
                        */
                        // Skript Einstellungen *************************************************************************************************************************************************
                        let dpList = '0_userdata.0.vis.NetzwerkStatus.jsonList';            // Datenpunkt für IconList Widget (Typ: Zeichenkette (String))
                        
                        let dpSortMode = '0_userdata.0.vis.NetzwerkStatus.sortMode';        // Datenpunkt für Sortieren (Typ: Zeichenkette (String))
                        let dpFilterMode = '0_userdata.0.vis.NetzwerkStatus.filterMode';    // Datenpunkt für Filter (Typ: Zeichenkette (String))
                        
                        const checkInterval = 30;                                           // Interval wie oft Status der Skripte aktualisiert werden soll (in Sekunden)
                        
                        let imagePath = '/vis.0/main/icons/'                                // Pfad zu den verwendeten Bildern (bitte über den VIS Dateimanager hochladen)
                                                                                           // Das Bild (Dateiformat png) in der Mapping-Liste hinterlegen
                        let defaultImage1 = 'ip-network-outline';                           // Standardbild, Ethernet (Material Design Icons)
                        let defaultImage2 = 'wifi';                                         // Standardbild, Wifi (Material Design Icons)
                        let defaultImage3 = 'network-off-outline';                          // Standardbild, Offline (Material Design Icons)
                        
                        let farbeGeraetOnline = 'green';                                    // Status Bar Farbe wenn Geräte online ist
                        let farbeGeraetOffline = 'FireBrick';                               // Status Bar Farbe wenn Geräte offline ist
                        
                        let sortResetAfter = 120;                                           // Sortierung nach X Sekunden auf sortReset zurücksetzen (0=deaktiviert)
                        let sortReset = 'name'                                              // Sortierung auf die zurückgesetzt werden soll
                        let filterResetAfter = 120;                                         // Filter nach X Sekunden zurücksetzen (0=deaktiviert)
                        
                        const deviceNames = 
                        [
                         { ip: "192.168.20.1",   alias: "FritzBox",              image: "fritzbox.png",            link: "http"}
                        ];
                        
                        // **********************************************************************************************************************************************************************
                        
                        // Selector für LAN & WLAN Devices
                        let devices = $(`[id=fb-checkpresence.*.fb-devices.*.active]`);
                        
                        // Funktion adapterStatus alle x Sekunden ausführen
                        schedule('*/' + checkInterval + ' * * * * *', netzwerkStatus);
                        
                        // auf Änderungen der Sortieung hören
                        on({ id: dpSortMode, change: 'any' }, netzwerkStatus);
                        on({ id: dpSortMode, change: 'any' }, resetSort);
                        
                        // // auf Änderungen der Filter hören
                        on({ id: dpFilterMode, change: 'any' }, netzwerkStatus);
                        on({ id: dpFilterMode, change: 'any' }, resetFilter);
                        
                        // Hauptfunktion
                        function netzwerkStatus() {
                           try {
                               let deviceList = [];
                        
                               for (var i = 0; i <= devices.length - 1; i++) {
                                   let idDevice = devices[i].replace('.active', '');
                                   let isConn = (getStateIfExist(devices[i]) == '1') ? true : false;
                                   let ipAddress = getStateIfExist(idDevice + ".ipaddress", '-');
                                   let mac = getStateIfExist(idDevice + ".macaddress");
                                   let name = idDevice.replace(/fb-checkpresence\.[0-9]\.fb-devices\./i, "");
                                   let connection = getStateIfExist(idDevice + '.interfacetype', '-');
                                   let speed = getStateIfExist(idDevice + '.speed', '0');
                                   speed = (speed == "0") ? '-' : speed + ' MBit/s';
                                   let isGuest = getState(idDevice + ".guest").val;
                                   let isWired = true;
                        
                                   let listType = 'text';
                                   let image = defaultImage3;
                                   let buttonLink = '';
                                   let statusBarColor = farbeGeraetOffline;
                        
                                   if (isConn === true) {
                                       statusBarColor = farbeGeraetOnline;
                                       image = (connection == "802.11") ? defaultImage2 : defaultImage1
                                   }
                        
                                   if (connection == "802.11") {
                                       connection = "Wireless-Lan";
                                       isWired = false;
                                   }
                        
                                   let device = deviceNames.find(element => element.ip == ipAddress);
                                   if (device) {
                                       name = device.alias;
                                       if (device.image.search("png") > 0) {
                                           image = imagePath + device.image;
                                       } 
                                       if (device.link) {
                                           listType = 'buttonLink';
                                           name = `<span style="text-decoration: underline">${name}</span>`
                                           buttonLink = (device.link == 'http') ?  'http://${ipAddress}' : device.link
                                       }
                                   }
                        
                                   let text = name;
                                   if (isGuest === true) {
                                       text = '<span class="mdi mdi-account-box" style="color: #ff9800;"> ${name}</span>';
                                   }
                                   let subText = `<div style="display: flex; flex-direction: row; line-height: 1.3; padding-left: 1px; padding-right: 8px; align-items: center;">
                                                       <div style="flex: 1; width: 1px; text-overflow: ellipsis; overflow: hidden;">IP-Addresse</div>
                                                       <div style="color: grey; font-size: 14px; font-family: RobotoCondensed-LightItalic; text-align: right;">${ipAddress}</div>
                                                   </div>
                                                   <div style="display: flex; flex-direction: row; line-height: 1.3; padding-left: 1px; padding-right: 8px; align-items: center;">
                                                       <div style="flex: 1; width: 1px; text-overflow: ellipsis; overflow: hidden;">Verbindung</div>
                                                       <div style="color: grey; font-size: 14px; font-family: RobotoCondensed-LightItalic; text-align: right;">${connection}</div>
                                                   </div><div style="display: flex; flex-direction: row; line-height: 1.3; padding-left: 1px; padding-right: 8px; align-items: center;">
                                                       <div style="flex: 1; width: 1px; text-overflow: ellipsis; overflow: hidden;">Geschwindigkeit</div>
                                                       <div style="color: grey; font-size: 14px; font-family: RobotoCondensed-LightItalic; text-align: right;">${speed}</div>
                                                   </div>`
                                       
                                   deviceList.push({
                                       text: text,
                                       subText: subText,
                                       listType: listType,
                                       buttonLink: buttonLink,
                                       image: image,
                                       statusBarColor: statusBarColor,
                                       name: name,
                                       ipAddress: ipAddress,
                                       speed: parseFloat(getStateIfExist(idDevice + '.speed', '0')),
                                       status: isConn,
                                       isWired: isWired
                                   });
                               }
                        
                               let sortMode = existsState(dpSortMode) ? getState(dpSortMode).val : 'ipAddress';
                        
                               if (sortMode === 'name') {
                                   deviceList.sort(function (a, b) {
                                       return a[sortMode].toLowerCase() == b[sortMode].toLowerCase() ? 0 : +(a[sortMode].toLowerCase() > b[sortMode].toLowerCase()) || -1;
                                   });
                               } else if (sortMode === 'ipAddress') {
                                   deviceList.sort(function (a, b) {
                                       return a[sortMode].split('.')[0] - b[sortMode].split('.')[0] || a[sortMode].split('.')[1] - b[sortMode].split('.')[1] || a[sortMode].split('.')[2] - b[sortMode].split('.')[2] || a[sortMode].split('.')[3] - b[sortMode].split('.')[3]
                                   });
                               } else if (sortMode === 'status' || sortMode === 'speed') {
                                   deviceList.sort(function (a, b) {
                                       return a[sortMode] == b[sortMode] ? 0 : +(a[sortMode] < b[sortMode]) || -1;
                                   });
                               } else {
                                   // default: nach name sortieren
                                   sortMode = 'name'
                                   deviceList.sort(function (a, b) {
                                       return a[sortMode].toLowerCase() == b[sortMode].toLowerCase() ? 0 : +(a[sortMode].toLowerCase() > b[sortMode].toLowerCase()) || -1;
                                   });
                               }
                        
                               let filterMode = existsState(dpFilterMode) ? getState(dpFilterMode).val : '';
                        
                               if (filterMode && filterMode !== null && filterMode !== '') {
                                   if (filterMode === 'offline') {
                                       deviceList = deviceList.filter(function (item) {
                                           return item.status === false;
                                       });
                                   } else if (filterMode === 'online') {
                                       deviceList = deviceList.filter(function (item) {
                                           return item.status === true;
                                       });
                                   }
                               }
                        
                               let result = JSON.stringify(deviceList);
                               if (existsState(dpList) && getState(dpList).val !== result) {
                                   setState(dpList, result, true);
                               } else {
                                   setState(dpList, result, true);
                               }
                        
                           } catch (err) {
                               console.error(`[netzwerkStatus] error: ${err.message}, stack: ${err.stack}`);
                           }
                        
                           // Funktionen
                           function getStateIfExist(id, nullValue = '', prepand = '', append = '') {
                               if (existsState(id)) {
                                   return prepand + getState(id).val + append;
                               } else {
                                   return nullValue;
                               }
                           }
                        }
                        
                        // Beim Staren des Skriptes Status abrufen
                        netzwerkStatus();
                        
                        
                        function resetSort() {
                           let sortMode = existsState(dpSortMode) ? getState(dpSortMode).val : '';
                        
                           if (sortResetAfter > 0) {
                               setTimeout(function () {
                                   if (existsState(dpSortMode) && sortMode === getState(dpSortMode).val) {
                                       setState(dpSortMode, sortReset);
                                   }
                               }, sortResetAfter * 1000);
                           }
                        }
                        
                        function resetFilter() {
                           let filterMode = existsState(dpFilterMode) ? getState(dpFilterMode).val : '';
                        
                           if (filterResetAfter > 0) {
                               setTimeout(function () {
                                   if (existsState(dpFilterMode) && filterMode === getState(dpFilterMode).val) {
                                       setState(dpFilterMode, '');
                                   }
                               }, filterResetAfter * 1000);
                           }
                        }
                        

                        Falls noch andere interessiert sind es ist für den Adapter: FritzBox CheckPresence (fb-checkpresence), einfach melden.

                        NegaleinN Offline
                        NegaleinN Offline
                        Negalein
                        Global Moderator
                        wrote on last edited by Negalein
                        #140

                        @Nickel sagte in Material Design Widets: Netzwerk Status:

                        Hier mal zum testen ein etwas um modifiziertes Script ob alles Funktioniert.

                        Hallo Nickel!

                        Ich bekomm beim starten des Scripts gleich mehrere Fehler.
                        Kannst du mal drüberschaun?

                        javascript.0	2020-09-02 23:34:08.997	error	(595) at process._tickCallback (internal/process/next_tick.js:68:7)
                        javascript.0	2020-09-02 23:34:08.997	error	(595) at promise.then (/opt/iobroker/node_modules/standard-as-callback/built/index.js:19:49)
                        javascript.0	2020-09-02 23:34:08.997	error	(595) at tryCatcher (/opt/iobroker/node_modules/standard-as-callback/built/utils.js:11:23)
                        javascript.0	2020-09-02 23:34:08.997	error	(595) at client.get (/opt/iobroker/node_modules/iobroker.js-controller/lib/states/statesInRedis.js:616:17)
                        javascript.0	2020-09-02 23:34:08.997	error	(595) at adapter.getForeignState (/opt/iobroker/node_modules/iobroker.javascript/main.js:1139:17)
                        javascript.0	2020-09-02 23:34:08.997	error	(595) at createProblemObject (/opt/iobroker/node_modules/iobroker.javascript/main.js:1555:17)
                        javascript.0	2020-09-02 23:34:08.997	error	(595) at prepareScript (/opt/iobroker/node_modules/iobroker.javascript/main.js:1502:37)
                        javascript.0	2020-09-02 23:34:08.997	error	(595) at compile (/opt/iobroker/node_modules/iobroker.javascript/main.js:1279:28)
                        javascript.0	2020-09-02 23:34:08.997	error	(595) at Object.createScript (vm.js:277:10)
                        javascript.0	2020-09-02 23:34:08.997	error	(595) at new Script (vm.js:83:7)
                        javascript.0	2020-09-02 23:34:08.996	error	(595) SyntaxError: Unexpected token {
                        javascript.0	2020-09-02 23:34:08.996	error	(595) ^
                        javascript.0	2020-09-02 23:34:08.996	error	(595) { ip: "10.0.1.1", alias: "FritzBox", image: "fritzbox_6590_left_de_640x400.png", link: "10.0.1.1"}
                        javascript.0	2020-09-02 23:34:08.996	error	at script.js.Fritz.Netzwerkgeraete:36
                        javascript.0	2020-09-02 23:34:08.996	error	(595) script.js.Fritz.Netzwerkgeraete compile failed:
                        javascript.0	2020-09-02 23:34:08.992	info	(595) Start javascript script.js.Fritz.Netzwerkgeraete
                        

                        /* FritzBox Presence Check
                        * created by Nickel - based on Network Status from Machinima
                        * 
                        * Vorraussetztungen
                        *  - Material Design Widgets
                        *  - fb-checkpresence
                        * 
                        * Versionshistorie:
                        * 1.0.0:
                        * - Initial Release
                        */
                        // Skript Einstellungen *************************************************************************************************************************************************
                        let dpList = '0_userdata.0.vis.NetzwerkStatus.jsonList';            // Datenpunkt für IconList Widget (Typ: Zeichenkette (String))
                         
                        let dpSortMode = '0_userdata.0.vis.NetzwerkStatus.sortMode';        // Datenpunkt für Sortieren (Typ: Zeichenkette (String))
                        let dpFilterMode = '0_userdata.0.vis.NetzwerkStatus.filterMode';    // Datenpunkt für Filter (Typ: Zeichenkette (String))
                         
                        const checkInterval = 30;                                           // Interval wie oft Status der Skripte aktualisiert werden soll (in Sekunden)
                         
                        let imagePath = '/vis.0/main/icons/'                                // Pfad zu den verwendeten Bildern (bitte über den VIS Dateimanager hochladen)
                                                                                           // Das Bild (Dateiformat png) in der Mapping-Liste hinterlegen
                        let defaultImage1 = 'ip-network-outline';                           // Standardbild, Ethernet (Material Design Icons)
                        let defaultImage2 = 'wifi';                                         // Standardbild, Wifi (Material Design Icons)
                        let defaultImage3 = 'network-off-outline';                          // Standardbild, Offline (Material Design Icons)
                         
                        let farbeGeraetOnline = 'green';                                    // Status Bar Farbe wenn Geräte online ist
                        let farbeGeraetOffline = 'FireBrick';                               // Status Bar Farbe wenn Geräte offline ist
                         
                        let sortResetAfter = 120;                                           // Sortierung nach X Sekunden auf sortReset zurücksetzen (0=deaktiviert)
                        let sortReset = 'name'                                              // Sortierung auf die zurückgesetzt werden soll
                        let filterResetAfter = 120;                                         // Filter nach X Sekunden zurücksetzen (0=deaktiviert)
                         
                        const deviceNames = 
                        [
                         { ip: "10.0.1.3",   alias: "Router-Daddy",              image: "router.png",            link: "10.0.1.3"}
                         { ip: "10.0.1.1",   alias: "FritzBox",              image: "fritzbox_6590_left_de_640x400.png",            link: "10.0.1.1"}
                         { ip: "10.0.1.2",   alias: "Router-Dina",              image: "router.png",            link: "10.0.1.2"}
                         { ip: "10.0.1.5",   alias: "Repeater-Gang-EG",              image: "router.png",            link: "10.0.1.5"}
                         { ip: "10.0.1.14",   alias: "Drucker-Color-LaserJet-Max",              image: "mfc9332cdw_main.png",            link: "10.0.1.14"}
                         { ip: "10.0.1.15",   alias: "Drucker-Nega",              image: "mfc9332cdw_main.png",            link: "10.0.1.15"}
                         { ip: "10.0.1.20",   alias: "Synology-Nega-1",              image: "ds718.png",            link: "10.0.1.20"}
                         { ip: "10.0.1.21",   alias: "Synology-Nega-2",              image: "ds718.png",            link: "10.0.1.21"}
                         { ip: "10.0.1.22",   alias: "Synology-Nega-3-1",              image: "ds718.png",            link: "10.0.1.22"}
                         { ip: "10.0.1.23",   alias: "Synology-Nega-3-2",              image: "ds718.png",            link: "10.0.1.23"}
                         { ip: "10.0.1.27",   alias: "Laptop-Margret",              image: "laptop.png",            link: "http"}
                         { ip: "10.0.1.31",   alias: "PC-Nega",              image: "Medion Akoya E 2070 D.png",            link: "http"}
                         { ip: "10.0.1.33",   alias: "Laptop-Max",              image: "laptop.png",            link: "http"}
                         { ip: "10.0.1.34",   alias: "Receiver-Max",              image: "vuplus.png",            link: "10.0.1.34"}
                         { ip: "10.0.1.35",   alias: "Receiver-Nega",              image: "vuplus.png",            link: "10.0.1.35"}
                         { ip: "10.0.1.36",   alias: "TV-Nega",              image: "LG_TV_2.png",            link: "http"}
                         { ip: "10.0.1.38",   alias: "Denon-AVR-2113",              image: "yamaha-rx-v481_klein.png",            link: "10.0.1.38"}
                         { ip: "10.0.1.51",   alias: "Handy-Nega",              image: "Galaxy_S6.png",            link: "http"}
                         { ip: "10.0.1.52",   alias: "Handy-Lisi",              image: "Galaxy_S6.png",            link: "http"}
                         { ip: "10.0.1.53",   alias: "Handy-Max",              image: "Galaxy_S6.png",            link: "http"}
                         { ip: "10.0.1.54",   alias: "Handy-Margret",              image: "Galaxy_S6.png",            link: "http"}
                         { ip: "10.0.1.56",   alias: "Handy-Dina",              image: "Galaxy_S6.png",            link: "http"}
                         { ip: "10.0.1.57",   alias: "Handy-Neli",              image: "Galaxy_S6.png",            link: "http"}
                         { ip: "10.0.1.59",   alias: "Handy-Buz",              image: "Galaxy_S6.png",            link: "http"}
                         { ip: "10.0.1.65",   alias: "Tablet-Nega",              image: "tablet.png",            link: "http"}
                         { ip: "10.0.1.69",   alias: "Philips-Hue",              image: "PHILIPS-51180000-Hue--Bridge--3-Watt.png",            link: "http"}
                         { ip: "10.0.1.70",   alias: "Harmony-Hub",              image: "logitechharmony.png",            link: "http"}
                         { ip: "10.0.1.71",   alias: "TV-Buz",              image: "LG_TV_2.png",            link: "http"}
                         { ip: "10.0.1.73",   alias: "Amazon-Echo-Schlafzimmer",              image: "echo_dot3.png",            link: "http"}
                         { ip: "10.0.1.76",   alias: "TP-LINK-Smart-Plug-Pelletsofen",              image: "TPLINK_HS110_01.png",            link: "http"}
                         { ip: "10.0.1.77",   alias: "TP-LINK-Smart-Plug-Aquarium",              image: "TPLINK_HS110_01.png",            link: "http"}
                         { ip: "10.0.1.78",   alias: "TP-LINK-Smart-Plug-Kinderzimmer",              image: "TPLINK_HS110_01.png",            link: "http"}
                         { ip: "10.0.1.79",   alias: "TP-LINK-Smart-Plug-PC",              image: "TPLINK_HS110_01.png",            link: "http"}
                         { ip: "10.0.1.80",   alias: "TP-LINK-Smart-Plug-Serverschrank",              image: "TPLINK_HS110_01.png",            link: "http"}
                         { ip: "10.0.1.81",   alias: "Xiaomi-Mijia-Gateway-1",              image: "Xiaomi-Mijia-Gateway.png",            link: "http"}
                         { ip: "10.0.1.83",   alias: "XboxOneS",              image: "XboxOneS.png",            link: "http"}
                         { ip: "10.0.1.84",   alias: "Doorbird",              image: "Doorbird.png",            link: "http"}
                         { ip: "10.0.1.85",   alias: "Handy-Laura",              image: "Galaxy_S6.png",            link: "http"}
                         { ip: "10.0.1.87",   alias: "Amazon-Echo-Küche",              image: "echo_dot3.png",            link: "http"}
                         { ip: "10.0.1.88",   alias: "Amazon-Echo-Kinderzimmer",              image: "echo_dot3.png",            link: "http"}
                         { ip: "10.0.1.89",   alias: "Amazon-Echo-Wohnzimmer",              image: "echostudio.png",            link: "http"}
                         { ip: "10.0.1.90",   alias: "Photovoltaik-Max",              image: "Photovoltaik.png",            link: "10.0.1.90"}
                         { ip: "10.0.1.93",   alias: "Volkszähler",              image: "Raspberry_Pi_3_Model_B.png",            link: "10.0.1.93"}
                         { ip: "10.0.1.94",   alias: "Photovoltaik-Buz-1-1",              image: "Photovoltaik.png",            link: "10.0.1.94"}
                         { ip: "10.0.1.95",   alias: "Photovoltaik-Buz-2-1",              image: "Photovoltaik.png",            link: "10.0.1.95"}
                         { ip: "10.0.1.97",   alias: "CCU3",              image: "ccu3-v_1.png",            link: "10.0.1.97"}
                         { ip: "10.0.1.100",   alias: "TV-Max",              image: "LG_TV_2.png",            link: "http"}
                         { ip: "10.0.1.101",   alias: "LAN-Switch-Buero-Max",              image: "TP-Link TL-SG105E.png",            link: "10.0.1.101"}
                         { ip: "10.0.1.112",   alias: "Photovoltaik-Akku-Buz",              image: "fronius-Akku.png",            link: "10.0.1.112"}
                         { ip: "10.0.1.150",   alias: "DietPi",              image: "DietPi.png",            link: "10.0.1.150"}
                         { ip: "10.0.1.167",   alias: "Froggit-WS4000",              image: "Froggit-WS4000.png",            link: "http"}
                         { ip: "10.0.1.200",   alias: "ioBroker-Admin",              image: "ioBroker-Admin.png",            link: "10.0.1.200"}
                         { ip: "10.0.1.4",   alias: "Router-Nega-Wohnzimmer",              image: "router.png",            link: "10.0.1.4"}
                         { ip: "10.0.1.12",   alias: "Drucker-Dina",              image: "mfc9332cdw_main.png",            link: "10.0.1.12"}
                         { ip: "10.0.1.30",   alias: "Laptop-Lisi",              image: "laptop.png",            link: "http"}
                         { ip: "10.0.1.37",   alias: "Laptop-Dina",              image: "laptop.png",            link: "http"}
                         { ip: "10.0.1.39",   alias: "Receiver-Nega-Schlafzimmer",              image: "vuplus.png",            link: "10.0.1.39"}
                         { ip: "10.0.1.55",   alias: "Handy-Emely",              image: "Galaxy_S6.png",            link: "http"}
                         { ip: "10.0.1.58",   alias: "Handy-Kloane",              image: "Galaxy_S6.png",            link: "http"}
                         { ip: "10.0.1.60",   alias: "Handy-Marcel",              image: "Galaxy_S6.png",            link: "http"}
                         { ip: "10.0.1.61",   alias: "Handy-Tamara",              image: "Galaxy_S6.png",            link: "http"}
                         { ip: "10.0.1.62",   alias: "Tablet-Buz",              image: "tablet.png",            link: "http"}
                         { ip: "10.0.1.63",   alias: "Laptop-Neli",              image: "laptop.png",            link: "http"}
                         { ip: "10.0.1.64",   alias: "Powerline-Nega",              image: "Powerline.png",            link: "10.0.1.64"}
                         { ip: "10.0.1.67",   alias: "Laptop-Nega",              image: "laptop.png",            link: "http"}
                         { ip: "10.0.1.68",   alias: "Tablet-Laura",              image: "tablet.png",            link: "http"}
                         { ip: "10.0.1.72",   alias: "LED-Controller-Aquarium",              image: "sunriser8.png",            link: "10.0.1.72"}
                         { ip: "10.0.1.82",   alias: "Xiaomi-Mijia-Gateway-2",              image: "Xiaomi-Mijia-Gateway.png",            link: "http"}
                         { ip: "10.0.1.86",   alias: "Laptop-Emely",              image: "laptop.png",            link: "http"}
                         { ip: "10.0.1.91",   alias: "Photovoltaik-Buz-1",              image: "Photovoltaik.png",            link: "10.0.1.91"}
                         { ip: "10.0.1.92",   alias: "Photovoltaik-Buz-2",              image: "Photovoltaik.png",            link: "10.0.1.92"}
                         { ip: "10.0.1.98",   alias: "Instar-3011",              image: "Instar-3011.png",            link: "10.0.1.98"}
                         { ip: "10.0.1.151",   alias: "PC-Marcel",              image: "Medion Akoya E 2070 D.png",            link: "http"}
                         { ip: "10.0.1.152",   alias: "Handy-Ramon",              image: "Galaxy_S6.png",            link: "http"}
                         { ip: "10.0.1.156",   alias: "Laptop-Ramon",              image: "laptop.png",            link: "http"}
                         { ip: "10.0.1.161",   alias: "Tablet-Lisi",              image: "tablet.png",            link: "http"}
                         { ip: "10.0.1.165",   alias: "Handy-Kloane-Arbeit",              image: "Galaxy_S6.png",            link: "http"}
                        ];
                         
                        // **********************************************************************************************************************************************************************
                         
                        // Selector für LAN & WLAN Devices
                        let devices = $(`[id=fb-checkpresence.*.fb-devices.*.active]`);
                         
                        // Funktion adapterStatus alle x Sekunden ausführen
                        schedule('*/' + checkInterval + ' * * * * *', netzwerkStatus);
                         
                        // auf Änderungen der Sortieung hören
                        on({ id: dpSortMode, change: 'any' }, netzwerkStatus);
                        on({ id: dpSortMode, change: 'any' }, resetSort);
                         
                        // // auf Änderungen der Filter hören
                        on({ id: dpFilterMode, change: 'any' }, netzwerkStatus);
                        on({ id: dpFilterMode, change: 'any' }, resetFilter);
                         
                        // Hauptfunktion
                        function netzwerkStatus() {
                           try {
                               let deviceList = [];
                         
                               for (var i = 0; i <= devices.length - 1; i++) {
                                   let idDevice = devices[i].replace('.active', '');
                                   let isConn = (getStateIfExist(devices[i]) == '1') ? true : false;
                                   let ipAddress = getStateIfExist(idDevice + ".ipaddress", '-');
                                   let mac = getStateIfExist(idDevice + ".macaddress");
                                   let name = idDevice.replace(/fb-checkpresence\.[0-9]\.fb-devices\./i, "");
                                   let connection = getStateIfExist(idDevice + '.interfacetype', '-');
                                   let speed = getStateIfExist(idDevice + '.speed', '0');
                                   speed = (speed == "0") ? '-' : speed + ' MBit/s';
                                   let isGuest = getState(idDevice + ".guest").val;
                                   let isWired = true;
                         
                                   let listType = 'text';
                                   let image = defaultImage3;
                                   let buttonLink = '';
                                   let statusBarColor = farbeGeraetOffline;
                         
                                   if (isConn === true) {
                                       statusBarColor = farbeGeraetOnline;
                                       image = (connection == "802.11") ? defaultImage2 : defaultImage1
                                   }
                         
                                   if (connection == "802.11") {
                                       connection = "Wireless-Lan";
                                       isWired = false;
                                   }
                         
                                   let device = deviceNames.find(element => element.ip == ipAddress);
                                   if (device) {
                                       name = device.alias;
                                       if (device.image.search("png") > 0) {
                                           image = imagePath + device.image;
                                       } 
                                       if (device.link) {
                                           listType = 'buttonLink';
                                           name = `<span style="text-decoration: underline">${name}</span>`
                                           buttonLink = (device.link == 'http') ?  'http://${ipAddress}' : device.link
                                       }
                                   }
                         
                                   let text = name;
                                   if (isGuest === true) {
                                       text = '<span class="mdi mdi-account-box" style="color: #ff9800;"> ${name}</span>';
                                   }
                                   let subText = `<div style="display: flex; flex-direction: row; line-height: 1.3; padding-left: 1px; padding-right: 8px; align-items: center;">
                                                       <div style="flex: 1; width: 1px; text-overflow: ellipsis; overflow: hidden;">IP-Addresse</div>
                                                       <div style="color: grey; font-size: 14px; font-family: RobotoCondensed-LightItalic; text-align: right;">${ipAddress}</div>
                                                   </div>
                                                   <div style="display: flex; flex-direction: row; line-height: 1.3; padding-left: 1px; padding-right: 8px; align-items: center;">
                                                       <div style="flex: 1; width: 1px; text-overflow: ellipsis; overflow: hidden;">Verbindung</div>
                                                       <div style="color: grey; font-size: 14px; font-family: RobotoCondensed-LightItalic; text-align: right;">${connection}</div>
                                                   </div><div style="display: flex; flex-direction: row; line-height: 1.3; padding-left: 1px; padding-right: 8px; align-items: center;">
                                                       <div style="flex: 1; width: 1px; text-overflow: ellipsis; overflow: hidden;">Geschwindigkeit</div>
                                                       <div style="color: grey; font-size: 14px; font-family: RobotoCondensed-LightItalic; text-align: right;">${speed}</div>
                                                   </div>`
                                       
                                   deviceList.push({
                                       text: text,
                                       subText: subText,
                                       listType: listType,
                                       buttonLink: buttonLink,
                                       image: image,
                                       statusBarColor: statusBarColor,
                                       name: name,
                                       ipAddress: ipAddress,
                                       speed: parseFloat(getStateIfExist(idDevice + '.speed', '0')),
                                       status: isConn,
                                       isWired: isWired
                                   });
                               }
                         
                               let sortMode = existsState(dpSortMode) ? getState(dpSortMode).val : 'ipAddress';
                         
                               if (sortMode === 'name') {
                                   deviceList.sort(function (a, b) {
                                       return a[sortMode].toLowerCase() == b[sortMode].toLowerCase() ? 0 : +(a[sortMode].toLowerCase() > b[sortMode].toLowerCase()) || -1;
                                   });
                               } else if (sortMode === 'ipAddress') {
                                   deviceList.sort(function (a, b) {
                                       return a[sortMode].split('.')[0] - b[sortMode].split('.')[0] || a[sortMode].split('.')[1] - b[sortMode].split('.')[1] || a[sortMode].split('.')[2] - b[sortMode].split('.')[2] || a[sortMode].split('.')[3] - b[sortMode].split('.')[3]
                                   });
                               } else if (sortMode === 'status' || sortMode === 'speed') {
                                   deviceList.sort(function (a, b) {
                                       return a[sortMode] == b[sortMode] ? 0 : +(a[sortMode] < b[sortMode]) || -1;
                                   });
                               } else {
                                   // default: nach name sortieren
                                   sortMode = 'name'
                                   deviceList.sort(function (a, b) {
                                       return a[sortMode].toLowerCase() == b[sortMode].toLowerCase() ? 0 : +(a[sortMode].toLowerCase() > b[sortMode].toLowerCase()) || -1;
                                   });
                               }
                         
                               let filterMode = existsState(dpFilterMode) ? getState(dpFilterMode).val : '';
                         
                               if (filterMode && filterMode !== null && filterMode !== '') {
                                   if (filterMode === 'offline') {
                                       deviceList = deviceList.filter(function (item) {
                                           return item.status === false;
                                       });
                                   } else if (filterMode === 'online') {
                                       deviceList = deviceList.filter(function (item) {
                                           return item.status === true;
                                       });
                                   }
                               }
                         
                               let result = JSON.stringify(deviceList);
                               if (existsState(dpList) && getState(dpList).val !== result) {
                                   setState(dpList, result, true);
                               } else {
                                   setState(dpList, result, true);
                               }
                         
                           } catch (err) {
                               console.error(`[netzwerkStatus] error: ${err.message}, stack: ${err.stack}`);
                           }
                         
                           // Funktionen
                           function getStateIfExist(id, nullValue = '', prepand = '', append = '') {
                               if (existsState(id)) {
                                   return prepand + getState(id).val + append;
                               } else {
                                   return nullValue;
                               }
                           }
                        }
                         
                        // Beim Staren des Skriptes Status abrufen
                        netzwerkStatus();
                         
                         
                        function resetSort() {
                           let sortMode = existsState(dpSortMode) ? getState(dpSortMode).val : '';
                         
                           if (sortResetAfter > 0) {
                               setTimeout(function () {
                                   if (existsState(dpSortMode) && sortMode === getState(dpSortMode).val) {
                                       setState(dpSortMode, sortReset);
                                   }
                               }, sortResetAfter * 1000);
                           }
                        }
                         
                        function resetFilter() {
                           let filterMode = existsState(dpFilterMode) ? getState(dpFilterMode).val : '';
                         
                           if (filterResetAfter > 0) {
                               setTimeout(function () {
                                   if (existsState(dpFilterMode) && filterMode === getState(dpFilterMode).val) {
                                       setState(dpFilterMode, '');
                                   }
                               }, filterResetAfter * 1000);
                           }
                        }
                        


                        EDIT: Kommando retour! Was so ein kleines ,ausmachen kann. :)

                        ° Node.js & System Update ---> sudo apt update, iob stop, sudo apt full-upgrade
                        ° Node.js Fixer ---> iob nodejs-update
                        ° Fixer ---> iob fix

                        1 Reply Last reply
                        0
                        • NegaleinN Offline
                          NegaleinN Offline
                          Negalein
                          Global Moderator
                          wrote on last edited by
                          #141

                          @All

                          Irgendwie mag mich das Script von @Nickel nicht so recht.

                          Es zeigt mir Geräte an, die nicht mehr existieren.
                          In der Fritz sind sie gelöscht, im FB-Checkpresence existieren sie nicht, in den Objekten nicht.
                          Aber das Script zeigt sie trotzdem an.

                          Hab das Script schon neu angelegt, den JSON Datenpunkt gelöscht, Maschine neu gestartet. Hat nichts geholfen.

                          Hat jemand eine Idee?

                          Screenshot_2020-09-03 vis.png objects - ioBroker.png FRITZ!Box 7580 (1).png FRITZ!Box 7580 (2).png

                          ° Node.js & System Update ---> sudo apt update, iob stop, sudo apt full-upgrade
                          ° Node.js Fixer ---> iob nodejs-update
                          ° Fixer ---> iob fix

                          1 Reply Last reply
                          0
                          • M Machinima

                            In Anlehnung an die Views Skript Status und Adapter Status mit den Material Design Widgets habe ich mir eine View mit den Geräten aus dem TR064-Adapter erstellt, siehe nachfolgender Screenshot.

                            Netzwerkgeräte VIS.png

                            Github: Link

                            Voraussetzung:

                            • Material Design Widgets v0.2.66

                            Funktionen:

                            • Anzeige des Netzwerkstatus euer Geräte aus dem TR064-Adapter (online, offline)
                            • Anzeige von Werten des Adapters (IP-Adresse, letzte An- und Abmeldung)
                            • Einträge, die mit einem Link hinterlegt wurden, können per Klick auf das Symbol in einem neuen Browser-Tab geöffnet werden
                            • Sortier und Filter Funktion
                            • Einstellungen, siehe im Skript Sektion Einstellungen, Funktion der Einstellungen ist dort als Kommentar beschrieben.

                            View zum Importieren (für Material Design Icons):

                            {
                              "settings": {
                                "style": {
                                  "background_class": ""
                                },
                                "theme": "redmond",
                                "sizex": "",
                                "sizey": "",
                                "gridSize": "",
                                "useBackground": false,
                                "snapType": null
                              },
                              "widgets": {
                                "e00001": {
                                  "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%",
                                    "background-color": "#44739e",
                                    "height": "50px",
                                    "z-index": "0"
                                  },
                                  "widgetSet": "basic"
                                },
                                "e00002": {
                                  "tpl": "tplVis-materialdesign-Select",
                                  "data": {
                                    "oid": "0_userdata.0.vis.NetzwerkStatus.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": "Sortieren nach",
                                    "inputLabelColor": "#ffffff",
                                    "inputLabelFontFamily": "RobotoCondensed-LightItalic",
                                    "collapseIconColor": "#ffffff",
                                    "collapseIconSize": "",
                                    "jsonStringObject": "[\n\t{\n\t\t\"text\": \"Gerätename\",\n\t\t\"value\": \"name\",\n\t\t\"icon\": \"sort-alphabetical\"\n\t},\n\t{\n\t\t\"text\": \"IP Adresse\",\n\t\t\"value\": \"ipAddress\",\n\t\t\"icon\": \"ip\"\n\t}\n]",
                                    "listPositionOffset": true,
                                    "inputLayoutBackgroundColor": "transparent",
                                    "inputLabelColorSelected": "#ffffff",
                                    "inputTranslateX": "-15",
                                    "clearIcon": "",
                                    "inputLayoutBorderColorHover": "#ffffff",
                                    "inputLayoutBorderColorSelected": "#ffffff",
                                    "inputLayoutBorderColor": "#a1a1a1",
                                    "listItemFontColor": "",
                                    "inputTextColor": "#ffffff",
                                    "inputTextFontFamily": "RobotoCondensed-LightItalic",
                                    "prepandIcon": "",
                                    "prepandIconColor": "",
                                    "prepandIconSize": "",
                                    "prepandInnerIcon": "",
                                    "prepandInnerIconColor": "#ffffff",
                                    "prepandInnerIconSize": "18",
                                    "collapseIcon": "",
                                    "inputTranslateY": "-12",
                                    "listIconSelectedColor": "#44739e",
                                    "listIconColor": "",
                                    "appendOuterIcon": "",
                                    "appendOuterIconSize": "2",
                                    "listItemFont": "RobotoCondensed-Regular",
                                    "listItemRippleEffectColor": "",
                                    "inputLayoutBackgroundColorSelected": "",
                                    "inputLayoutBackgroundColorHover": ""
                                  },
                                  "style": {
                                    "left": "10px",
                                    "top": "0px",
                                    "z-index": "1",
                                    "width": "calc(50% - 20px)",
                                    "height": "40px"
                                  },
                                  "widgetSet": "materialdesign"
                                },
                                "e00003": {
                                  "tpl": "tplVis-materialdesign-Select",
                                  "data": {
                                    "oid": "0_userdata.0.vis.NetzwerkStatus.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": "Filtern nach",
                                    "inputLabelColor": "#ffffff",
                                    "inputLabelFontFamily": "RobotoCondensed-LightItalic",
                                    "collapseIconColor": "#ffffff",
                                    "collapseIconSize": "",
                                    "jsonStringObject": "[\n\t{\n\t\t\"text\": \"online\",\n\t\t\"value\": \"online\",\n\t\t\"icon\": \"network\"\n\t},\n\t{\n\t\t\"text\": \"offline\",\n\t\t\"value\": \"offline\",\n\t\t\"icon\": \"network-off-outline\"\n\t}\n]",
                                    "listPositionOffset": true,
                                    "inputLayoutBackgroundColor": "transparent",
                                    "inputLabelColorSelected": "#ffffff",
                                    "inputTranslateX": "-15",
                                    "clearIcon": "",
                                    "inputLayoutBorderColorHover": "#ffffff",
                                    "inputLayoutBorderColorSelected": "#ffffff",
                                    "inputLayoutBorderColor": "#a1a1a1",
                                    "listItemFontColor": "",
                                    "inputTextColor": "#ffffff",
                                    "inputTextFontFamily": "RobotoCondensed-LightItalic",
                                    "prepandIcon": "",
                                    "prepandIconColor": "",
                                    "prepandIconSize": "",
                                    "prepandInnerIcon": "",
                                    "prepandInnerIconColor": "#ffffff",
                                    "prepandInnerIconSize": "18",
                                    "collapseIcon": "",
                                    "inputTranslateY": "-12",
                                    "listIconSelectedColor": "#44739e",
                                    "listIconColor": "",
                                    "appendOuterIcon": "",
                                    "appendOuterIconSize": "2",
                                    "listItemFont": "RobotoCondensed-Regular",
                                    "listItemRippleEffectColor": "",
                                    "inputLayoutBackgroundColorSelected": "",
                                    "inputLayoutBackgroundColorHover": "",
                                    "clearIconColor": "#ffffff"
                                  },
                                  "style": {
                                    "left": "calc(50% + 10px)",
                                    "top": "0px",
                                    "z-index": "1",
                                    "width": "calc(50% - 20px)",
                                    "height": "40px"
                                  },
                                  "widgetSet": "materialdesign"
                                },
                                "e00004": {
                                  "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": "horizontal",
                                    "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,
                                    "maxItemsperRow": "8",
                                    "json_string_oid": "0_userdata.0.vis.NetzwerkStatus.jsonList",
                                    "labelFontSize": "22",
                                    "subLabelFontSize": "14",
                                    "labelFontFamily": "RobotoCondensed-Regular",
                                    "horizontalIconContainerWidth": "70",
                                    "buttonHeight": "",
                                    "iconHeight": "35",
                                    "iconItemMinWidth": "300",
                                    "buttonLayout": "round",
                                    "autoLockAfter": "10",
                                    "lockIconTop": "5",
                                    "lockIconLeft": "5",
                                    "lockFilterGrayscale": "30",
                                    "lockApplyOnlyOnImage": "true",
                                    "subLabelFontFamily": "RobotoCondensed-BoldItalic",
                                    "subLabelFontColor": "black",
                                    "verticalIconContainerHeight": "70"
                                  },
                                  "style": {
                                    "left": "",
                                    "top": "50px",
                                    "width": "100%",
                                    "height": "calc(100% - 50px)",
                                    "overflow-y": "auto"
                                  },
                                  "widgetSet": "materialdesign"
                                }
                              },
                              "name": "330_System_NetzwerkStatus",
                              "filterList": []
                            }
                            

                            Skript (mit Material Design Icons):

                            /* Versionshistorie:
                             * 
                             * 1.0.2:
                             * - neu: Anzeige der letzten An- und Abmeldung
                             * - neu: Verwendung eigener Bilder möglich
                             * 
                             * 1.0.1:
                             * - neu: In dem Mapping der IP-Adressen kann jetzt eine URL vergeben werden ('http' oder direkt eine spezifische URL)
                             * - geändert: Styling der Details
                             * - entfernt: MAC-Adresse
                             * 
                             * 1.0.0:
                             * - Initial Release
                             */
                            
                            const moment = require("moment");
                             
                            // Skript Einstellungen *************************************************************************************************************************************************
                             
                            let dpList = '0_userdata.0.vis.NetzwerkStatus.jsonList';          // Datenpunkt für IconList Widget (Typ: Zeichenkette (String))
                             
                            let dpSortMode = '0_userdata.0.vis.NetzwerkStatus.sortMode';      // Datenpunkt für Sortieren (Typ: Zeichenkette (String))
                            let dpFilterMode = '0_userdata.0.vis.NetzwerkStatus.filterMode';  // Datenpunkt für Filter (Typ: Zeichenkette (String))
                             
                            const checkInterval = 30;                                         // Interval wie oft Status der Skripte aktualisiert werden soll (in Sekunden)
                             
                            let sprache = 'de';                                               // Sprache für formatierung letzte Änderung
                            let formatierungLastChange = "ddd DD.MM - HH:mm";                 // Formatierung letzte Änderung -> siehe momentjs library
                            
                            let imagePath = '/vis.0/myImages/networkDevices/'                 // Pfad zu den verwendeten Bildern (bitte über den VIS Dateimanager hochladen)
                                                                                              // nach Variable imagePath suchen und die entsprechenden Zeilen aus- bzw. einkommentieren
                                                                                              // Das Bild (Dateiformat png) in der Mapping-Liste hinterlegen
                            let defaultImage = 'ip-network-outline';                          // Standardbild, falls kein Bild angegeben wurde (Material Design Icons)
                            //let defaultImage = `${imagePath}default.png`;                   // Standardbild, falls kein Bild angegeben wurde (eigenes Bild)
                             
                            let farbeGeraetOnline = 'green';                                  // Status Bar Farbe wenn Geräte online ist
                            let farbeGeraetOffline = 'FireBrick';                             // Status Bar Farbe wenn Geräte offline ist
                             
                            let sortResetAfter = 120;                                         // Sortierung nach X Sekunden auf sortReset zurücksetzen (0=deaktiviert)
                            let sortReset = 'name'                                            // Sortierung auf die zurückgesetzt werden soll
                             
                            let filterResetAfter = 120;                                       // Filter nach X Sekunden zurücksetzen (0=deaktiviert)
                            
                            const deviceNames = 
                            [{ ip: "192.168.178.20", alias: "NAS",                           image: "nas",                   link: "http://diskstation:5000" },
                             { ip: "192.168.178.37", alias: "Gosund Küchenlicht",            image: "toggle-switch-outline", link: "http" },
                             { ip: "192.168.178.45", alias: "Homematic Raspi",               image: "server",                link: "http" },
                             { ip: "192.168.178.32", alias: "OnePlus 3T",                    image: "cellphone" }
                            ];
                             
                            // **********************************************************************************************************************************************************************
                             
                            // Fomate für moment Lib
                            moment.locale(sprache);
                            
                            // auf Änderungen aktiver Skripts hören
                            let activeSelector = `[id=tr-064.*.devices.*.active]`;
                            let deviceActiveList = $(activeSelector);
                            if (deviceActiveList.length === 0) {
                                // Fehlermeldung ausgeben, wenn selector kein result liefert
                                console.error(`no result for selector '${activeSelector}'`)
                            } else {
                                // listener nur für Änderung bei alive
                                deviceActiveList.on(netzwerkStatus);
                            } 
                             
                            // auf Änderungen der Sortieung hören
                            on({ id: dpSortMode, change: 'any' }, netzwerkStatus);
                            on({ id: dpSortMode, change: 'any' }, resetSort);
                             
                            // // auf Änderungen der Filter hören
                            on({ id: dpFilterMode, change: 'any' }, netzwerkStatus);
                            on({ id: dpFilterMode, change: 'any' }, resetFilter);
                             
                             
                            // Funktion adapterStatus alle x Sekunden ausführen
                            schedule('*/' + checkInterval + ' * * * * *', netzwerkStatus);
                             
                            function netzwerkStatus() {
                                try {
                                    let deviceList = [];
                             
                                    for (var i = 0; i <= deviceActiveList.length - 1; i++) {
                                        let id = deviceActiveList[i].replace('.active', '');
                                        let obj = getObject(id);
                             
                                        let pattern = /(?:\d{1,3}\.){3}\d{1,3}/i;
                            
                                        let ipAddress = obj.common.name.match(pattern)[0];
                                        let image = defaultImage;
                                        let deviceName = obj.common.name.replace(/ \((?:\d{1,3}\.){3}\d{1,3}\)/g, '');
                                        let device = deviceNames.find(element => element.ip == ipAddress);
                                        let listType = 'text';
                                        let buttonLink = '';
                            
                                        if(device) {
                                            deviceName = device.alias;
                                            image = device.image;
                                            //image = `${imagePath}${device.image}.png`;
                            
                                            if(device.link) {
                                                listType = 'buttonLink';
                            
                                                if(device.link == 'http') {
                                                    buttonLink = `http://${ipAddress}`;
                                                } else {
                                                    buttonLink = device.link;
                                                }
                                            }
                                        }
                            
                                        let macAddress = obj.native.mac;
                                        let imageColor = 'black';
                                        let statusBarColor = farbeGeraetOffline;
                                        let status = 2;
                             
                                        if (getState(deviceActiveList[i]).val) {
                                            statusBarColor = farbeGeraetOnline;
                                            status = 1;
                                        }
                            
                                        if(listType === 'buttonLink') {
                                            deviceName = `<span style="text-decoration: underline">${deviceName}</span>`                
                                        }
                            
                                        let lastSignIn = 'noch nicht angemeldet';
                                        let lastSignOff = 'noch nicht abgemeldet';
                            
                                        // Letzte Anmeldung auslesen
                                        if(existsState(id + '.lastActive')) {
                                            lastSignIn = 'angemeldet seit: ' + moment((getState(id + '.lastActive').val)).format("DD.MM.YY HH:mm:ss");
                                        }        
                            
                                        // Letzte Abmeldung auslesen
                                        if(existsState(id + '.lastInactive')) {
                                            lastSignOff = 'abgemeldet seit: ' + moment((getState(id + '.lastInactive').val)).format("DD.MM.YY HH:mm:ss");
                                        }
                            
                                        let subText = `<div style="color: black; font-family: RobotoCondensed-BoldItalic">${ipAddress}</div>
                                                       <div style="color: grey; font-family: RobotoCondensed-Regular">${lastSignIn}</div>
                                                       <div style="color: grey; font-family: RobotoCondensed-Regular">${lastSignOff}</div>`
                             
                                        deviceList.push({
                                            text: deviceName,
                                            subText: subText,
                                            statusBarColor: statusBarColor,
                                            image: image,
                                            imageColor: imageColor,
                                            listType: listType,
                                            buttonLink: buttonLink,
                                            showValueLabel: false,
                                            name: deviceName,
                                            ipAddress: ipAddress,
                                            status: status
                                        });
                                    }
                             
                                    let sortMode = myHelper().getStateValueIfExist(dpSortMode, 'name');
                             
                                    if (sortMode === 'name' || sortMode === 'ipAddress') {
                                        deviceList.sort(function (a, b) {
                                            return a[sortMode].toLowerCase() == b[sortMode].toLowerCase() ? 0 : +(a[sortMode].toLowerCase() > b[sortMode].toLowerCase()) || -1;
                                        });
                                    } else if (sortMode === 'status') {
                                        deviceList.sort(function (a, b) {
                                            return a[sortMode] == b[sortMode] ? 0 : +(a[sortMode] < b[sortMode]) || -1;
                                        });
                                    } else {
                                        // default: nach name sortieren
                                        sortMode = 'name'
                                        deviceList.sort(function (a, b) {
                                            return a[sortMode].toLowerCase() == b[sortMode].toLowerCase() ? 0 : +(a[sortMode].toLowerCase() > b[sortMode].toLowerCase()) || -1;
                                        });
                                    }
                             
                             
                                    let filterMode = myHelper().getStateValueIfExist(dpFilterMode, null);
                             
                                    if (filterMode && filterMode !== null && filterMode !== '') {
                                        if (filterMode === 'offline') {
                                            deviceList = deviceList.filter(function (item) {
                                                return item.status === 2;
                                            });
                                        } else if (filterMode === 'online') {
                                            deviceList = deviceList.filter(function (item) {
                                                return item.status === 1;
                                            });
                                        }
                                    }
                             
                             
                                    let result = JSON.stringify(deviceList);
                                    if (getState(dpList) !== result) {
                                        setState(dpList, result, true);
                                    }
                             
                                } catch (err) {
                                    console.error(`[netzwerkStatus] error: ${err.message}, stack: ${err.stack}`);
                                }
                            }
                             
                            function resetSort() {
                                let sortMode = myHelper().getStateValueIfExist(dpSortMode, null);
                             
                                if (sortResetAfter > 0) {
                                    setTimeout(function () {
                                        if (sortMode !== null && sortMode === myHelper().getStateValueIfExist(dpSortMode, null)) {
                                            setState(dpSortMode, sortReset);
                                        }
                                    }, sortResetAfter * 1000);
                                }
                            }
                             
                            function resetFilter() {
                                let filterMode = myHelper().getStateValueIfExist(dpFilterMode, null);
                             
                                if (filterResetAfter > 0) {
                                    setTimeout(function () {
                                        if (filterMode !== null && filterMode === myHelper().getStateValueIfExist(dpFilterMode, null)) {
                                            setState(dpFilterMode, '');
                                        }
                                    }, filterResetAfter * 1000);
                                }
                            }
                             
                            // Beim Staren des Skriptes Adapter Status abrufen
                            netzwerkStatus();
                             
                            function myHelper() {
                                return {
                                    getStateValueIfExist: function (id, nullValue = undefined, prepand = '', append = '') {
                                        if (existsState(id)) {
                                            return prepand + getState(id).val + append;
                                        } else {
                                            return nullValue;
                                        }
                                    },
                                    getCommonPropertyIfExist: function (object, prop, nullValue = undefined, prepand = '', append = '') {
                                        if (myHelper().checkCommonPropertyExist(object, prop)) {
                                            return prepand + object.common[prop] + append;
                                        } else {
                                            return nullValue;
                                        }
                                    },
                                    checkCommonPropertyExist: function (object, prop) {
                                        if (object && object.common && object.common[prop]) {
                                            return true;
                                        } else {
                                            return false;
                                        }
                                    }
                                }
                            }
                            

                            Folgende NPM-Module müsst ihr in eurer Javascript-Instanz hinzufügen: moment, moment-timezone, moment-duration-format
                            Außerdem bitte die Einstellung "Erlaube das Kommando setObject" in eurer Javascript-Instanz aktivieren

                            W Offline
                            W Offline
                            Werner303
                            wrote on last edited by Negalein
                            #142

                            @Machinima Ich habe Dein Script ausprobiert. Leider erhalte ich folgende Fehlermeldung beim Starten:

                            javascript.0	2020-09-08 13:07:49.274	error	at tryCatcher (/opt/iobroker/node_modules/standard-as-callback/built/utils.js:11:23)
                            javascript.0	2020-09-08 13:07:49.274	error	at /opt/iobroker/node_modules/iobroker.js-controller/lib/states/statesInRedis.js:608:33
                            javascript.0	2020-09-08 13:07:49.274	error	at /opt/iobroker/node_modules/iobroker.javascript/main.js:1137:17
                            javascript.0	2020-09-08 13:07:49.274	error	at /opt/iobroker/node_modules/iobroker.javascript/main.js:1556:17
                            javascript.0	2020-09-08 13:07:49.274	error	at prepareScript (/opt/iobroker/node_modules/iobroker.javascript/main.js:1501:38)
                            javascript.0	2020-09-08 13:07:49.274	error	at execute (/opt/iobroker/node_modules/iobroker.javascript/main.js:1317:27)
                            javascript.0	2020-09-08 13:07:49.274	error	at Script.runInNewContext (vm.js:135:17)
                            javascript.0	2020-09-08 13:07:49.274	error	at Script.runInContext (vm.js:130:18)
                            javascript.0	2020-09-08 13:07:49.274	error	at script.js.common.Abfragen.Netzwerk:227:1
                            javascript.0	2020-09-08 13:07:49.274	error	at netzwerkStatus (script.js.common.Abfragen.Netzwerk:89:59)
                            javascript.0	2020-09-08 13:07:49.274	error	(30995) script.js.common.Abfragen.Netzwerk: [netzwerkStatus] error: Cannot read property '0' of null, stack: TypeError: Cannot read property '0' of null
                            javascript.0	2020-09-08 13:07:49.215	info	(30995) Start javascript script.js.common.Abfragen.Netzwerk
                            

                            Wo liegt der Fehler? Ich habe keine Änderungen vorgenommen. Ich hatte auch schon eine andere Version probiert. Keine Fehlermeldung: keine IP Werte, die anderen Werte sind aber vorhanden. Was kann ich noch machen?

                            GlasfaserG 1 Reply Last reply
                            0
                            • W Werner303

                              @Machinima Ich habe Dein Script ausprobiert. Leider erhalte ich folgende Fehlermeldung beim Starten:

                              javascript.0	2020-09-08 13:07:49.274	error	at tryCatcher (/opt/iobroker/node_modules/standard-as-callback/built/utils.js:11:23)
                              javascript.0	2020-09-08 13:07:49.274	error	at /opt/iobroker/node_modules/iobroker.js-controller/lib/states/statesInRedis.js:608:33
                              javascript.0	2020-09-08 13:07:49.274	error	at /opt/iobroker/node_modules/iobroker.javascript/main.js:1137:17
                              javascript.0	2020-09-08 13:07:49.274	error	at /opt/iobroker/node_modules/iobroker.javascript/main.js:1556:17
                              javascript.0	2020-09-08 13:07:49.274	error	at prepareScript (/opt/iobroker/node_modules/iobroker.javascript/main.js:1501:38)
                              javascript.0	2020-09-08 13:07:49.274	error	at execute (/opt/iobroker/node_modules/iobroker.javascript/main.js:1317:27)
                              javascript.0	2020-09-08 13:07:49.274	error	at Script.runInNewContext (vm.js:135:17)
                              javascript.0	2020-09-08 13:07:49.274	error	at Script.runInContext (vm.js:130:18)
                              javascript.0	2020-09-08 13:07:49.274	error	at script.js.common.Abfragen.Netzwerk:227:1
                              javascript.0	2020-09-08 13:07:49.274	error	at netzwerkStatus (script.js.common.Abfragen.Netzwerk:89:59)
                              javascript.0	2020-09-08 13:07:49.274	error	(30995) script.js.common.Abfragen.Netzwerk: [netzwerkStatus] error: Cannot read property '0' of null, stack: TypeError: Cannot read property '0' of null
                              javascript.0	2020-09-08 13:07:49.215	info	(30995) Start javascript script.js.common.Abfragen.Netzwerk
                              

                              Wo liegt der Fehler? Ich habe keine Änderungen vorgenommen. Ich hatte auch schon eine andere Version probiert. Keine Fehlermeldung: keine IP Werte, die anderen Werte sind aber vorhanden. Was kann ich noch machen?

                              GlasfaserG Offline
                              GlasfaserG Offline
                              Glasfaser
                              wrote on last edited by
                              #143

                              @Werner303

                              Dies in Javascript-Instanz eingetragen !?

                              Folgende NPM-Module müsst ihr in eurer Javascript-Instanz hinzufügen: moment, moment-timezone, moment-duration-format
                              Außerdem bitte die Einstellung "Erlaube das Kommando setObject" in eurer Javascript-Instanz aktivieren
                              

                              Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

                              W 1 Reply Last reply
                              0
                              • GlasfaserG Glasfaser

                                @Werner303

                                Dies in Javascript-Instanz eingetragen !?

                                Folgende NPM-Module müsst ihr in eurer Javascript-Instanz hinzufügen: moment, moment-timezone, moment-duration-format
                                Außerdem bitte die Einstellung "Erlaube das Kommando setObject" in eurer Javascript-Instanz aktivieren
                                
                                W Offline
                                W Offline
                                Werner303
                                wrote on last edited by
                                #144

                                @Glasfaser
                                Vielen Dank für die Antwort. Aber ich habe es schon länger in der Instanz eingetragen.

                                Javascript.jpg

                                GlasfaserG 1 Reply Last reply
                                0
                                • W Werner303

                                  @Glasfaser
                                  Vielen Dank für die Antwort. Aber ich habe es schon länger in der Instanz eingetragen.

                                  Javascript.jpg

                                  GlasfaserG Offline
                                  GlasfaserG Offline
                                  Glasfaser
                                  wrote on last edited by
                                  #145

                                  @Werner303

                                  Siehe mal ganz oben , da hatte @AxelF1977 fast den gleichen Fehler .

                                  Link Text

                                  und hier die Antwort dazu
                                  Link Text

                                  Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

                                  W 1 Reply Last reply
                                  1
                                  • GlasfaserG Glasfaser

                                    @Werner303

                                    Siehe mal ganz oben , da hatte @AxelF1977 fast den gleichen Fehler .

                                    Link Text

                                    und hier die Antwort dazu
                                    Link Text

                                    W Offline
                                    W Offline
                                    Werner303
                                    wrote on last edited by
                                    #146

                                    @Glasfaser Ich kann mich nur bedanken. In solch kurzer Zeit eine Lösung zu vermitteln.
                                    Sie war:
                                    Zum testen die Zeile mit der IP wo der Fehler war (ca Zeile 85) ändern in:

                                    let ipAddress = myHelper().getStateValueIfExist(id + '.lastIP', "0.0.0.0")

                                    Nochmals vielen Dank

                                    GlasfaserG 1 Reply Last reply
                                    0
                                    • W Werner303

                                      @Glasfaser Ich kann mich nur bedanken. In solch kurzer Zeit eine Lösung zu vermitteln.
                                      Sie war:
                                      Zum testen die Zeile mit der IP wo der Fehler war (ca Zeile 85) ändern in:

                                      let ipAddress = myHelper().getStateValueIfExist(id + '.lastIP', "0.0.0.0")

                                      Nochmals vielen Dank

                                      GlasfaserG Offline
                                      GlasfaserG Offline
                                      Glasfaser
                                      wrote on last edited by
                                      #147

                                      @Werner303 sagte in Material Design Widets: Netzwerk Status:

                                      Nochmals vielen Dank

                                      Kein Problem ... sehr gerne ;)

                                      Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

                                      1 Reply Last reply
                                      1
                                      • ? A Former User

                                        Das mit den Router habe ich schon ne Lösung und bei den VPN Verbindungen kann ich es leider nicht reproduzieren da ich keine einrichten kann bei meinem Setup.
                                        Hier mal zum testen ein etwas um modifiziertes Script ob alles Funktioniert.

                                        Hinweis: Dieser Code ist nicht für den TR-064 Adapter

                                        /* FritzBox Presence Check
                                        * created by Nickel - based on Network Status from Machinima
                                        * 
                                        * Vorraussetztungen
                                        *  - Material Design Widgets
                                        *  - fb-checkpresence
                                        * 
                                        * Versionshistorie:
                                        * 1.0.0:
                                        * - Initial Release
                                        */
                                        // Skript Einstellungen *************************************************************************************************************************************************
                                        let dpList = '0_userdata.0.vis.NetzwerkStatus.jsonList';            // Datenpunkt für IconList Widget (Typ: Zeichenkette (String))
                                        
                                        let dpSortMode = '0_userdata.0.vis.NetzwerkStatus.sortMode';        // Datenpunkt für Sortieren (Typ: Zeichenkette (String))
                                        let dpFilterMode = '0_userdata.0.vis.NetzwerkStatus.filterMode';    // Datenpunkt für Filter (Typ: Zeichenkette (String))
                                        
                                        const checkInterval = 30;                                           // Interval wie oft Status der Skripte aktualisiert werden soll (in Sekunden)
                                        
                                        let imagePath = '/vis.0/main/icons/'                                // Pfad zu den verwendeten Bildern (bitte über den VIS Dateimanager hochladen)
                                                                                                           // Das Bild (Dateiformat png) in der Mapping-Liste hinterlegen
                                        let defaultImage1 = 'ip-network-outline';                           // Standardbild, Ethernet (Material Design Icons)
                                        let defaultImage2 = 'wifi';                                         // Standardbild, Wifi (Material Design Icons)
                                        let defaultImage3 = 'network-off-outline';                          // Standardbild, Offline (Material Design Icons)
                                        
                                        let farbeGeraetOnline = 'green';                                    // Status Bar Farbe wenn Geräte online ist
                                        let farbeGeraetOffline = 'FireBrick';                               // Status Bar Farbe wenn Geräte offline ist
                                        
                                        let sortResetAfter = 120;                                           // Sortierung nach X Sekunden auf sortReset zurücksetzen (0=deaktiviert)
                                        let sortReset = 'name'                                              // Sortierung auf die zurückgesetzt werden soll
                                        let filterResetAfter = 120;                                         // Filter nach X Sekunden zurücksetzen (0=deaktiviert)
                                        
                                        const deviceNames = 
                                        [
                                         { ip: "192.168.20.1",   alias: "FritzBox",              image: "fritzbox.png",            link: "http"}
                                        ];
                                        
                                        // **********************************************************************************************************************************************************************
                                        
                                        // Selector für LAN & WLAN Devices
                                        let devices = $(`[id=fb-checkpresence.*.fb-devices.*.active]`);
                                        
                                        // Funktion adapterStatus alle x Sekunden ausführen
                                        schedule('*/' + checkInterval + ' * * * * *', netzwerkStatus);
                                        
                                        // auf Änderungen der Sortieung hören
                                        on({ id: dpSortMode, change: 'any' }, netzwerkStatus);
                                        on({ id: dpSortMode, change: 'any' }, resetSort);
                                        
                                        // // auf Änderungen der Filter hören
                                        on({ id: dpFilterMode, change: 'any' }, netzwerkStatus);
                                        on({ id: dpFilterMode, change: 'any' }, resetFilter);
                                        
                                        // Hauptfunktion
                                        function netzwerkStatus() {
                                           try {
                                               let deviceList = [];
                                        
                                               for (var i = 0; i <= devices.length - 1; i++) {
                                                   let idDevice = devices[i].replace('.active', '');
                                                   let isConn = (getStateIfExist(devices[i]) == '1') ? true : false;
                                                   let ipAddress = getStateIfExist(idDevice + ".ipaddress", '-');
                                                   let mac = getStateIfExist(idDevice + ".macaddress");
                                                   let name = idDevice.replace(/fb-checkpresence\.[0-9]\.fb-devices\./i, "");
                                                   let connection = getStateIfExist(idDevice + '.interfacetype', '-');
                                                   let speed = getStateIfExist(idDevice + '.speed', '0');
                                                   speed = (speed == "0") ? '-' : speed + ' MBit/s';
                                                   let isGuest = getState(idDevice + ".guest").val;
                                                   let isWired = true;
                                        
                                                   let listType = 'text';
                                                   let image = defaultImage3;
                                                   let buttonLink = '';
                                                   let statusBarColor = farbeGeraetOffline;
                                        
                                                   if (isConn === true) {
                                                       statusBarColor = farbeGeraetOnline;
                                                       image = (connection == "802.11") ? defaultImage2 : defaultImage1
                                                   }
                                        
                                                   if (connection == "802.11") {
                                                       connection = "Wireless-Lan";
                                                       isWired = false;
                                                   }
                                        
                                                   let device = deviceNames.find(element => element.ip == ipAddress);
                                                   if (device) {
                                                       name = device.alias;
                                                       if (device.image.search("png") > 0) {
                                                           image = imagePath + device.image;
                                                       } 
                                                       if (device.link) {
                                                           listType = 'buttonLink';
                                                           name = `<span style="text-decoration: underline">${name}</span>`
                                                           buttonLink = (device.link == 'http') ?  'http://${ipAddress}' : device.link
                                                       }
                                                   }
                                        
                                                   let text = name;
                                                   if (isGuest === true) {
                                                       text = '<span class="mdi mdi-account-box" style="color: #ff9800;"> ${name}</span>';
                                                   }
                                                   let subText = `<div style="display: flex; flex-direction: row; line-height: 1.3; padding-left: 1px; padding-right: 8px; align-items: center;">
                                                                       <div style="flex: 1; width: 1px; text-overflow: ellipsis; overflow: hidden;">IP-Addresse</div>
                                                                       <div style="color: grey; font-size: 14px; font-family: RobotoCondensed-LightItalic; text-align: right;">${ipAddress}</div>
                                                                   </div>
                                                                   <div style="display: flex; flex-direction: row; line-height: 1.3; padding-left: 1px; padding-right: 8px; align-items: center;">
                                                                       <div style="flex: 1; width: 1px; text-overflow: ellipsis; overflow: hidden;">Verbindung</div>
                                                                       <div style="color: grey; font-size: 14px; font-family: RobotoCondensed-LightItalic; text-align: right;">${connection}</div>
                                                                   </div><div style="display: flex; flex-direction: row; line-height: 1.3; padding-left: 1px; padding-right: 8px; align-items: center;">
                                                                       <div style="flex: 1; width: 1px; text-overflow: ellipsis; overflow: hidden;">Geschwindigkeit</div>
                                                                       <div style="color: grey; font-size: 14px; font-family: RobotoCondensed-LightItalic; text-align: right;">${speed}</div>
                                                                   </div>`
                                                       
                                                   deviceList.push({
                                                       text: text,
                                                       subText: subText,
                                                       listType: listType,
                                                       buttonLink: buttonLink,
                                                       image: image,
                                                       statusBarColor: statusBarColor,
                                                       name: name,
                                                       ipAddress: ipAddress,
                                                       speed: parseFloat(getStateIfExist(idDevice + '.speed', '0')),
                                                       status: isConn,
                                                       isWired: isWired
                                                   });
                                               }
                                        
                                               let sortMode = existsState(dpSortMode) ? getState(dpSortMode).val : 'ipAddress';
                                        
                                               if (sortMode === 'name') {
                                                   deviceList.sort(function (a, b) {
                                                       return a[sortMode].toLowerCase() == b[sortMode].toLowerCase() ? 0 : +(a[sortMode].toLowerCase() > b[sortMode].toLowerCase()) || -1;
                                                   });
                                               } else if (sortMode === 'ipAddress') {
                                                   deviceList.sort(function (a, b) {
                                                       return a[sortMode].split('.')[0] - b[sortMode].split('.')[0] || a[sortMode].split('.')[1] - b[sortMode].split('.')[1] || a[sortMode].split('.')[2] - b[sortMode].split('.')[2] || a[sortMode].split('.')[3] - b[sortMode].split('.')[3]
                                                   });
                                               } else if (sortMode === 'status' || sortMode === 'speed') {
                                                   deviceList.sort(function (a, b) {
                                                       return a[sortMode] == b[sortMode] ? 0 : +(a[sortMode] < b[sortMode]) || -1;
                                                   });
                                               } else {
                                                   // default: nach name sortieren
                                                   sortMode = 'name'
                                                   deviceList.sort(function (a, b) {
                                                       return a[sortMode].toLowerCase() == b[sortMode].toLowerCase() ? 0 : +(a[sortMode].toLowerCase() > b[sortMode].toLowerCase()) || -1;
                                                   });
                                               }
                                        
                                               let filterMode = existsState(dpFilterMode) ? getState(dpFilterMode).val : '';
                                        
                                               if (filterMode && filterMode !== null && filterMode !== '') {
                                                   if (filterMode === 'offline') {
                                                       deviceList = deviceList.filter(function (item) {
                                                           return item.status === false;
                                                       });
                                                   } else if (filterMode === 'online') {
                                                       deviceList = deviceList.filter(function (item) {
                                                           return item.status === true;
                                                       });
                                                   }
                                               }
                                        
                                               let result = JSON.stringify(deviceList);
                                               if (existsState(dpList) && getState(dpList).val !== result) {
                                                   setState(dpList, result, true);
                                               } else {
                                                   setState(dpList, result, true);
                                               }
                                        
                                           } catch (err) {
                                               console.error(`[netzwerkStatus] error: ${err.message}, stack: ${err.stack}`);
                                           }
                                        
                                           // Funktionen
                                           function getStateIfExist(id, nullValue = '', prepand = '', append = '') {
                                               if (existsState(id)) {
                                                   return prepand + getState(id).val + append;
                                               } else {
                                                   return nullValue;
                                               }
                                           }
                                        }
                                        
                                        // Beim Staren des Skriptes Status abrufen
                                        netzwerkStatus();
                                        
                                        
                                        function resetSort() {
                                           let sortMode = existsState(dpSortMode) ? getState(dpSortMode).val : '';
                                        
                                           if (sortResetAfter > 0) {
                                               setTimeout(function () {
                                                   if (existsState(dpSortMode) && sortMode === getState(dpSortMode).val) {
                                                       setState(dpSortMode, sortReset);
                                                   }
                                               }, sortResetAfter * 1000);
                                           }
                                        }
                                        
                                        function resetFilter() {
                                           let filterMode = existsState(dpFilterMode) ? getState(dpFilterMode).val : '';
                                        
                                           if (filterResetAfter > 0) {
                                               setTimeout(function () {
                                                   if (existsState(dpFilterMode) && filterMode === getState(dpFilterMode).val) {
                                                       setState(dpFilterMode, '');
                                                   }
                                               }, filterResetAfter * 1000);
                                           }
                                        }
                                        

                                        Falls noch andere interessiert sind es ist für den Adapter: FritzBox CheckPresence (fb-checkpresence), einfach melden.

                                        A Offline
                                        A Offline
                                        aldoa1
                                        wrote on last edited by
                                        #148

                                        @Nickel

                                        könnte man Dein Script in einem eigenen Bereich auslagern?
                                        Es sind ja nun 2 Scripte aktiv. Ist etwas verwirrend

                                        1 Reply Last reply
                                        0
                                        • AlmixxA Offline
                                          AlmixxA Offline
                                          Almixx
                                          wrote on last edited by Almixx
                                          #149

                                          Hallo. Bitte jetzt nicht auslachen, bin mit Javascript nicht so vertraut...
                                          Meine Frage wäre, wie muss ich das Script einsetzten, dass ich etwas in der View sehe?
                                          In der View selber unter Scripte oder im Adminbereich der Vis unter Scripte?

                                          Habe soweit meine Vis erstellt, würde aber gerne eine View mit diesem Netzwerkstatus hinzufügen. Hab nur keinen blassen Schimmer wie? Vielleicht könnt ihr mir auch einen Link posten, wo ich das nachlesen könnte.
                                          Instanz Javascript mit passenden Einträgen und TR064 Adapter sind installiert.
                                          Vielen Dank schonmal vorab...

                                          1 Reply Last reply
                                          0
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          795

                                          Online

                                          32.6k

                                          Users

                                          82.2k

                                          Topics

                                          1.3m

                                          Posts
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Login

                                          • Don't have an account? Register

                                          • Login or register to search.
                                          • First post
                                            Last post
                                          0
                                          • Home
                                          • Recent
                                          • Tags
                                          • Unread 0
                                          • Categories
                                          • Unreplied
                                          • Popular
                                          • GitHub
                                          • Docu
                                          • Hilfe