Skip to content
  • 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
  1. ioBroker Community Home
  2. Deutsch
  3. Praktische Anwendungen (Showcase)
  4. Material Design Widets: Netzwerk Status

NEWS

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

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

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

Material Design Widets: Netzwerk Status

Geplant Angeheftet Gesperrt Verschoben Praktische Anwendungen (Showcase)
280 Beiträge 50 Kommentatoren 51.6k 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.
  • Stephan SchleichS Stephan Schleich

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

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

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

    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 Online
                GlasfaserG Online
                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 Online
                    GlasfaserG Online
                    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 Online
                        GlasfaserG Online
                        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 Offline
                              D3ltoroxpD Offline
                              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 Nicht stören
                                  KnallochseK Nicht stören
                                  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 Online
                                      GlasfaserG Online
                                      Glasfaser
                                      schrieb am zuletzt editiert von
                                      #154

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

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

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

                                      1 Antwort Letzte Antwort
                                      0
                                      • D3ltoroxpD D3ltoroxp

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

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

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

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

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

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

                                          Servus,

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

                                          Bildschirmfoto 2021-01-20 um 13.34.07.png

                                          Mit noobischen Grüßen & Danke

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

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


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          713

                                          Online

                                          32.4k

                                          Benutzer

                                          81.4k

                                          Themen

                                          1.3m

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

                                          • Du hast noch kein Konto? Registrieren

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