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

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

Community Forum

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

NEWS

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

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

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

Material Design Widets: Netzwerk Status

Geplant Angeheftet Gesperrt Verschoben Praktische Anwendungen (Showcase)
280 Beiträge 50 Kommentatoren 52.0k Aufrufe 65 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • sigi234S sigi234

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

    Thats it...

    Jupp...

    Screenshot (1956).png

    NegaleinN Offline
    NegaleinN Offline
    Negalein
    Global Moderator
    schrieb am zuletzt editiert von
    #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: 20.17.0 NPM: 10.8.2
    ° Proxmox, Ubuntu 22.04.3 LTS
    ° Fixer ---> iob fix

    sigi234S 1 Antwort Letzte Antwort
    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
      schrieb am zuletzt editiert von
      #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 Antwort Letzte Antwort
      1
      • ? Ein ehemaliger Benutzer

        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
        schrieb am zuletzt editiert von 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: 20.17.0 NPM: 10.8.2
        ° Proxmox, Ubuntu 22.04.3 LTS
        ° Fixer ---> iob fix

        1 Antwort Letzte Antwort
        0
        • NegaleinN Offline
          NegaleinN Offline
          Negalein
          Global Moderator
          schrieb am zuletzt editiert von
          #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: 20.17.0 NPM: 10.8.2
          ° Proxmox, Ubuntu 22.04.3 LTS
          ° Fixer ---> iob fix

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

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

                Javascript.jpg

                GlasfaserG 1 Antwort Letzte Antwort
                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
                  schrieb am zuletzt editiert von
                  #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 Antwort Letzte Antwort
                  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
                    schrieb am zuletzt editiert von
                    #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 Antwort Letzte Antwort
                    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
                      schrieb am zuletzt editiert von
                      #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 Antwort Letzte Antwort
                      1
                      • ? Ein ehemaliger Benutzer

                        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
                        schrieb am zuletzt editiert von
                        #148

                        @Nickel

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

                        1 Antwort Letzte Antwort
                        0
                        • AlmixxA Offline
                          AlmixxA Offline
                          Almixx
                          schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                          0
                          • D3ltoroxpD Online
                            D3ltoroxpD Online
                            D3ltoroxp
                            schrieb am zuletzt editiert von D3ltoroxp
                            #150

                            Hm, komisch. Seit glaube gestern oder heute habe ich hier folgende Errors in der Log..

                            0e9978dd-ba1d-4932-a0a2-b5886cf50939-image.png

                            Habe an dem Script, dem tr 064 Adapter und Co nichts geändert. Die Tage auch kein Update von irgendwas gemacht. Aber auf einmal sehe ich diese Fehler in der Log.
                            Könnt ihr sehen, was hier los ist ?

                            (29672) script.js.VIS.Netzwerkstatus_für_VIS: [netzwerkStatus] error: Cannot read property '0' of null, stack: TypeError: Cannot read property '0' of null
                            
                            V J 2 Antworten Letzte Antwort
                            0
                            • D3ltoroxpD D3ltoroxp

                              Hm, komisch. Seit glaube gestern oder heute habe ich hier folgende Errors in der Log..

                              0e9978dd-ba1d-4932-a0a2-b5886cf50939-image.png

                              Habe an dem Script, dem tr 064 Adapter und Co nichts geändert. Die Tage auch kein Update von irgendwas gemacht. Aber auf einmal sehe ich diese Fehler in der Log.
                              Könnt ihr sehen, was hier los ist ?

                              (29672) script.js.VIS.Netzwerkstatus_für_VIS: [netzwerkStatus] error: Cannot read property '0' of null, stack: TypeError: Cannot read property '0' of null
                              
                              V Offline
                              V Offline
                              vsa
                              schrieb am zuletzt editiert von
                              #151

                              Hallo Zusammen,
                              ich habe leider die gleichen Fehlermeldungen wie D3ltoroxp. Script frisch installiert, alle Adapter / ioBroker / JS auf dem neusten Stand.
                              Hat jemand schon eine Lösung dafür?
                              VG und schöne Feiertage
                              vsa

                              KnallochseK 1 Antwort Letzte Antwort
                              0
                              • V vsa

                                Hallo Zusammen,
                                ich habe leider die gleichen Fehlermeldungen wie D3ltoroxp. Script frisch installiert, alle Adapter / ioBroker / JS auf dem neusten Stand.
                                Hat jemand schon eine Lösung dafür?
                                VG und schöne Feiertage
                                vsa

                                KnallochseK Offline
                                KnallochseK Offline
                                Knallochse
                                schrieb am zuletzt editiert von
                                #152

                                @vsa Script mal neu starten

                                HM&HMIP über 100 Geräte + IoBroker auf DS918+ uvm.

                                1 Antwort Letzte Antwort
                                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

                                  K Offline
                                  K Offline
                                  KHK
                                  schrieb am zuletzt editiert von
                                  #153

                                  @Machinima
                                  Bin mal am probieren deines View/Script.

                                  Im Script steht" Das Bild (Dateiformat png) in der Mapping-Liste hinterlegen" - Was deutet das, wo ist das zu hinterlegen?

                                  GlasfaserG 1 Antwort Letzte Antwort
                                  0
                                  • K KHK

                                    @Machinima
                                    Bin mal am probieren deines View/Script.

                                    Im Script steht" Das Bild (Dateiformat png) in der Mapping-Liste hinterlegen" - Was deutet das, wo ist das zu hinterlegen?

                                    GlasfaserG Offline
                                    GlasfaserG Offline
                                    Glasfaser
                                    schrieb am zuletzt editiert von
                                    #154

                                    @KHK
                                    1 .Hier ist deine Hauptquelle von den Bildern einzutragen :

                                    let imagePath = '/vis.0/myImages/networkDevices/'                 // Pfad zu den verwendeten Bildern (bitte über den VIS Dateimanager hochladen)
                                    
                                    1. hier dein Bild rein... bei : image:"meinBild.png"
                                    const deviceNames = 
                                    [{ ip: "192.168.178.11", alias: "Your Computer", 	  image: "desktop-classic" },
                                    

                                    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 Antwort Letzte Antwort
                                    0
                                    • D3ltoroxpD D3ltoroxp

                                      Hm, komisch. Seit glaube gestern oder heute habe ich hier folgende Errors in der Log..

                                      0e9978dd-ba1d-4932-a0a2-b5886cf50939-image.png

                                      Habe an dem Script, dem tr 064 Adapter und Co nichts geändert. Die Tage auch kein Update von irgendwas gemacht. Aber auf einmal sehe ich diese Fehler in der Log.
                                      Könnt ihr sehen, was hier los ist ?

                                      (29672) script.js.VIS.Netzwerkstatus_für_VIS: [netzwerkStatus] error: Cannot read property '0' of null, stack: TypeError: Cannot read property '0' of null
                                      
                                      J Offline
                                      J Offline
                                      jwerlsdf
                                      schrieb am zuletzt editiert von
                                      #155

                                      @D3ltoroxp
                                      Diesen Fehler hatte ich auch. Abhilfe schafft den tr.064 Adapter neuzustarten, danach die Tabelle aus dem Datenpunkt (Netzwerkstatus Skript) zu löschen und Netzwerkstatus neuzustarten.

                                      1 Antwort Letzte Antwort
                                      0
                                      • R Offline
                                        R Offline
                                        rehmosch
                                        schrieb am zuletzt editiert von
                                        #156

                                        Servus,

                                        kann mir Bitte jemand weiterhelfen, da ich alle meine Skripte angezeigt bekomme und nicht meine Netzwerkgeräte ;(

                                        Bildschirmfoto 2021-01-20 um 13.34.07.png

                                        Mit noobischen Grüßen & Danke

                                        RP4/Conbee II/Pihilips Hue/HarmonyHub/Sonos/Alexa/Aqara Sensoren/Tradfri/ZigbeeThermostate/Xiaomi Saugroboter/Smarte Türklingel & Briefkasten ...

                                        1 Antwort Letzte Antwort
                                        0
                                        • GlasfaserG Offline
                                          GlasfaserG Offline
                                          Glasfaser
                                          schrieb am zuletzt editiert von
                                          #157

                                          @rehmosch sagte in Material Design Widets: Netzwerk Status:

                                          da ich alle meine Skripte angezeigt bekomme

                                          Du hast ein falsches Script hinterlegt bzw. angewählt zum anzeigen , dieses hier im Thread würde niemals JS abfragen.

                                          Schau mal hier :

                                          https://forum.iobroker.net/topic/30662/material-design-widgets-skript-status

                                          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 ..

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


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          410

                                          Online

                                          32.4k

                                          Benutzer

                                          81.5k

                                          Themen

                                          1.3m

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

                                          • Du hast noch kein Konto? Registrieren

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