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

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    18
    1
    621

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

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

Material Design Widets: Netzwerk Status

Geplant Angeheftet Gesperrt Verschoben Praktische Anwendungen (Showcase)
280 Beiträge 50 Kommentatoren 52.3k 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.
  • M micklafisch

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

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

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

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

    ? Offline
    ? Offline
    Ein ehemaliger Benutzer
    schrieb am zuletzt editiert von
    #136

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

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

    1 Antwort Letzte Antwort
    1
    • Stephan SchleichS Stephan Schleich

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

      M Offline
      M Offline
      micklafisch
      schrieb am zuletzt editiert von
      #137

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

      1 Antwort Letzte Antwort
      1
      • sigi234S sigi234

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

        Thats it...

        Jupp...

        Screenshot (1956).png

        NegaleinN Offline
        NegaleinN Offline
        Negalein
        Global Moderator
        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
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          757

                                          Online

                                          32.5k

                                          Benutzer

                                          81.6k

                                          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