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

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

Community Forum

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

NEWS

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

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

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

Material Design Widets: Netzwerk Status

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

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

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

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

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

    Stephan SchleichS Offline
    Stephan SchleichS Offline
    Stephan Schleich
    schrieb am zuletzt editiert von
    #135

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

    M 1 Antwort Letzte Antwort
    0
    • M micklafisch

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

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

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

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

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

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

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

      1 Antwort Letzte Antwort
      1
      • Stephan SchleichS Stephan Schleich

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

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

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

        1 Antwort Letzte Antwort
        1
        • sigi234S sigi234

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

          Thats it...

          Jupp...

          Screenshot (1956).png

          NegaleinN Offline
          NegaleinN Offline
          Negalein
          Global Moderator
          schrieb am zuletzt editiert von
          #138

          @sigi234 sagte in Material Design Widets: Netzwerk Status:

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

          Thats it...

          Jupp...

          Screenshot (1956).png

          Griasde Sigi!

          Hast du die PNG's zufällig noch?

          ° Node.js: 20.17.0 NPM: 10.8.2
          ° Proxmox, Ubuntu 22.04.3 LTS
          ° Fixer ---> iob fix

          sigi234S 1 Antwort Letzte Antwort
          0
          • NegaleinN Negalein

            @sigi234 sagte in Material Design Widets: Netzwerk Status:

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

            Thats it...

            Jupp...

            Screenshot (1956).png

            Griasde Sigi!

            Hast du die PNG's zufällig noch?

            sigi234S Online
            sigi234S Online
            sigi234
            Forum Testing Most Active
            schrieb am zuletzt editiert von
            #139

            @Negalein sagte in Material Design Widets: Netzwerk Status:

            @sigi234 sagte in Material Design Widets: Netzwerk Status:

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

            Griasde Sigi!

            Hast du die PNG's zufällig noch?

            Icons_Netzwerkstatus.zip

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

            1 Antwort Letzte Antwort
            1
            • ? Ein ehemaliger Benutzer

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

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

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

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

              NegaleinN Offline
              NegaleinN Offline
              Negalein
              Global Moderator
              schrieb am zuletzt editiert von Negalein
              #140

              @Nickel sagte in Material Design Widets: Netzwerk Status:

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

              Hallo Nickel!

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

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

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


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

              ° Node.js: 20.17.0 NPM: 10.8.2
              ° Proxmox, Ubuntu 22.04.3 LTS
              ° Fixer ---> iob fix

              1 Antwort Letzte Antwort
              0
              • NegaleinN Offline
                NegaleinN Offline
                Negalein
                Global Moderator
                schrieb am zuletzt editiert von
                #141

                @All

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

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

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

                Hat jemand eine Idee?

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

                ° Node.js: 20.17.0 NPM: 10.8.2
                ° Proxmox, Ubuntu 22.04.3 LTS
                ° Fixer ---> iob fix

                1 Antwort Letzte Antwort
                0
                • M Machinima

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

                  Netzwerkgeräte VIS.png

                  Github: Link

                  Voraussetzung:

                  • Material Design Widgets v0.2.66

                  Funktionen:

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

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

                  {
                    "settings": {
                      "style": {
                        "background_class": ""
                      },
                      "theme": "redmond",
                      "sizex": "",
                      "sizey": "",
                      "gridSize": "",
                      "useBackground": false,
                      "snapType": null
                    },
                    "widgets": {
                      "e00001": {
                        "tpl": "tplHtml",
                        "data": {
                          "g_fixed": false,
                          "g_visibility": false,
                          "g_css_font_text": false,
                          "g_css_background": true,
                          "g_css_shadow_padding": false,
                          "g_css_border": false,
                          "g_gestures": false,
                          "g_signals": false,
                          "g_last_change": false,
                          "visibility-cond": "==",
                          "visibility-val": 1,
                          "visibility-groups-action": "hide",
                          "refreshInterval": "0",
                          "signals-cond-0": "==",
                          "signals-val-0": true,
                          "signals-icon-0": "/vis/signals/lowbattery.png",
                          "signals-icon-size-0": 0,
                          "signals-blink-0": false,
                          "signals-horz-0": 0,
                          "signals-vert-0": 0,
                          "signals-hide-edit-0": false,
                          "signals-cond-1": "==",
                          "signals-val-1": true,
                          "signals-icon-1": "/vis/signals/lowbattery.png",
                          "signals-icon-size-1": 0,
                          "signals-blink-1": false,
                          "signals-horz-1": 0,
                          "signals-vert-1": 0,
                          "signals-hide-edit-1": false,
                          "signals-cond-2": "==",
                          "signals-val-2": true,
                          "signals-icon-2": "/vis/signals/lowbattery.png",
                          "signals-icon-size-2": 0,
                          "signals-blink-2": false,
                          "signals-horz-2": 0,
                          "signals-vert-2": 0,
                          "signals-hide-edit-2": false,
                          "lc-type": "last-change",
                          "lc-is-interval": true,
                          "lc-is-moment": false,
                          "lc-format": "",
                          "lc-position-vert": "top",
                          "lc-position-horz": "right",
                          "lc-offset-vert": 0,
                          "lc-offset-horz": 0,
                          "lc-font-size": "12px",
                          "lc-font-family": "",
                          "lc-font-style": "",
                          "lc-bkg-color": "",
                          "lc-color": "",
                          "lc-border-width": "0",
                          "lc-border-style": "",
                          "lc-border-color": "",
                          "lc-border-radius": 10,
                          "lc-zindex": 0
                        },
                        "style": {
                          "left": "0",
                          "top": "0",
                          "width": "100%",
                          "background-color": "#44739e",
                          "height": "50px",
                          "z-index": "0"
                        },
                        "widgetSet": "basic"
                      },
                      "e00002": {
                        "tpl": "tplVis-materialdesign-Select",
                        "data": {
                          "oid": "0_userdata.0.vis.NetzwerkStatus.sortMode",
                          "g_fixed": false,
                          "g_visibility": false,
                          "g_css_font_text": false,
                          "g_css_background": false,
                          "g_css_shadow_padding": false,
                          "g_css_border": false,
                          "g_gestures": false,
                          "g_signals": false,
                          "g_last_change": false,
                          "visibility-cond": "==",
                          "visibility-val": 1,
                          "visibility-groups-action": "hide",
                          "inputType": "text",
                          "inputLayout": "regular",
                          "showInputMessageAlways": "true",
                          "showInputCounter": false,
                          "clearIconShow": false,
                          "listDataMethod": "jsonStringObject",
                          "countSelectItems": "1",
                          "listPosition": "bottom",
                          "showSelectedIcon": "prepend-inner",
                          "showValue": false,
                          "signals-cond-0": "==",
                          "signals-val-0": true,
                          "signals-icon-0": "/vis/signals/lowbattery.png",
                          "signals-icon-size-0": 0,
                          "signals-blink-0": false,
                          "signals-horz-0": 0,
                          "signals-vert-0": 0,
                          "signals-hide-edit-0": false,
                          "signals-cond-1": "==",
                          "signals-val-1": true,
                          "signals-icon-1": "/vis/signals/lowbattery.png",
                          "signals-icon-size-1": 0,
                          "signals-blink-1": false,
                          "signals-horz-1": 0,
                          "signals-vert-1": 0,
                          "signals-hide-edit-1": false,
                          "signals-cond-2": "==",
                          "signals-val-2": true,
                          "signals-icon-2": "/vis/signals/lowbattery.png",
                          "signals-icon-size-2": 0,
                          "signals-blink-2": false,
                          "signals-horz-2": 0,
                          "signals-vert-2": 0,
                          "signals-hide-edit-2": false,
                          "lc-type": "last-change",
                          "lc-is-interval": true,
                          "lc-is-moment": false,
                          "lc-format": "",
                          "lc-position-vert": "top",
                          "lc-position-horz": "right",
                          "lc-offset-vert": 0,
                          "lc-offset-horz": 0,
                          "lc-font-size": "12px",
                          "lc-font-family": "",
                          "lc-font-style": "",
                          "lc-bkg-color": "",
                          "lc-color": "",
                          "lc-border-width": "0",
                          "lc-border-style": "",
                          "lc-border-color": "",
                          "lc-border-radius": 10,
                          "lc-zindex": 0,
                          "inputLabelText": "Sortieren nach",
                          "inputLabelColor": "#ffffff",
                          "inputLabelFontFamily": "RobotoCondensed-LightItalic",
                          "collapseIconColor": "#ffffff",
                          "collapseIconSize": "",
                          "jsonStringObject": "[\n\t{\n\t\t\"text\": \"Gerätename\",\n\t\t\"value\": \"name\",\n\t\t\"icon\": \"sort-alphabetical\"\n\t},\n\t{\n\t\t\"text\": \"IP Adresse\",\n\t\t\"value\": \"ipAddress\",\n\t\t\"icon\": \"ip\"\n\t}\n]",
                          "listPositionOffset": true,
                          "inputLayoutBackgroundColor": "transparent",
                          "inputLabelColorSelected": "#ffffff",
                          "inputTranslateX": "-15",
                          "clearIcon": "",
                          "inputLayoutBorderColorHover": "#ffffff",
                          "inputLayoutBorderColorSelected": "#ffffff",
                          "inputLayoutBorderColor": "#a1a1a1",
                          "listItemFontColor": "",
                          "inputTextColor": "#ffffff",
                          "inputTextFontFamily": "RobotoCondensed-LightItalic",
                          "prepandIcon": "",
                          "prepandIconColor": "",
                          "prepandIconSize": "",
                          "prepandInnerIcon": "",
                          "prepandInnerIconColor": "#ffffff",
                          "prepandInnerIconSize": "18",
                          "collapseIcon": "",
                          "inputTranslateY": "-12",
                          "listIconSelectedColor": "#44739e",
                          "listIconColor": "",
                          "appendOuterIcon": "",
                          "appendOuterIconSize": "2",
                          "listItemFont": "RobotoCondensed-Regular",
                          "listItemRippleEffectColor": "",
                          "inputLayoutBackgroundColorSelected": "",
                          "inputLayoutBackgroundColorHover": ""
                        },
                        "style": {
                          "left": "10px",
                          "top": "0px",
                          "z-index": "1",
                          "width": "calc(50% - 20px)",
                          "height": "40px"
                        },
                        "widgetSet": "materialdesign"
                      },
                      "e00003": {
                        "tpl": "tplVis-materialdesign-Select",
                        "data": {
                          "oid": "0_userdata.0.vis.NetzwerkStatus.filterMode",
                          "g_fixed": false,
                          "g_visibility": false,
                          "g_css_font_text": false,
                          "g_css_background": false,
                          "g_css_shadow_padding": false,
                          "g_css_border": false,
                          "g_gestures": false,
                          "g_signals": false,
                          "g_last_change": false,
                          "visibility-cond": "==",
                          "visibility-val": 1,
                          "visibility-groups-action": "hide",
                          "inputType": "text",
                          "inputLayout": "regular",
                          "showInputMessageAlways": "true",
                          "showInputCounter": false,
                          "clearIconShow": true,
                          "listDataMethod": "jsonStringObject",
                          "countSelectItems": "1",
                          "listPosition": "bottom",
                          "showSelectedIcon": "prepend-inner",
                          "showValue": false,
                          "signals-cond-0": "==",
                          "signals-val-0": true,
                          "signals-icon-0": "/vis/signals/lowbattery.png",
                          "signals-icon-size-0": 0,
                          "signals-blink-0": false,
                          "signals-horz-0": 0,
                          "signals-vert-0": 0,
                          "signals-hide-edit-0": false,
                          "signals-cond-1": "==",
                          "signals-val-1": true,
                          "signals-icon-1": "/vis/signals/lowbattery.png",
                          "signals-icon-size-1": 0,
                          "signals-blink-1": false,
                          "signals-horz-1": 0,
                          "signals-vert-1": 0,
                          "signals-hide-edit-1": false,
                          "signals-cond-2": "==",
                          "signals-val-2": true,
                          "signals-icon-2": "/vis/signals/lowbattery.png",
                          "signals-icon-size-2": 0,
                          "signals-blink-2": false,
                          "signals-horz-2": 0,
                          "signals-vert-2": 0,
                          "signals-hide-edit-2": false,
                          "lc-type": "last-change",
                          "lc-is-interval": true,
                          "lc-is-moment": false,
                          "lc-format": "",
                          "lc-position-vert": "top",
                          "lc-position-horz": "right",
                          "lc-offset-vert": 0,
                          "lc-offset-horz": 0,
                          "lc-font-size": "12px",
                          "lc-font-family": "",
                          "lc-font-style": "",
                          "lc-bkg-color": "",
                          "lc-color": "",
                          "lc-border-width": "0",
                          "lc-border-style": "",
                          "lc-border-color": "",
                          "lc-border-radius": 10,
                          "lc-zindex": 0,
                          "inputLabelText": "Filtern nach",
                          "inputLabelColor": "#ffffff",
                          "inputLabelFontFamily": "RobotoCondensed-LightItalic",
                          "collapseIconColor": "#ffffff",
                          "collapseIconSize": "",
                          "jsonStringObject": "[\n\t{\n\t\t\"text\": \"online\",\n\t\t\"value\": \"online\",\n\t\t\"icon\": \"network\"\n\t},\n\t{\n\t\t\"text\": \"offline\",\n\t\t\"value\": \"offline\",\n\t\t\"icon\": \"network-off-outline\"\n\t}\n]",
                          "listPositionOffset": true,
                          "inputLayoutBackgroundColor": "transparent",
                          "inputLabelColorSelected": "#ffffff",
                          "inputTranslateX": "-15",
                          "clearIcon": "",
                          "inputLayoutBorderColorHover": "#ffffff",
                          "inputLayoutBorderColorSelected": "#ffffff",
                          "inputLayoutBorderColor": "#a1a1a1",
                          "listItemFontColor": "",
                          "inputTextColor": "#ffffff",
                          "inputTextFontFamily": "RobotoCondensed-LightItalic",
                          "prepandIcon": "",
                          "prepandIconColor": "",
                          "prepandIconSize": "",
                          "prepandInnerIcon": "",
                          "prepandInnerIconColor": "#ffffff",
                          "prepandInnerIconSize": "18",
                          "collapseIcon": "",
                          "inputTranslateY": "-12",
                          "listIconSelectedColor": "#44739e",
                          "listIconColor": "",
                          "appendOuterIcon": "",
                          "appendOuterIconSize": "2",
                          "listItemFont": "RobotoCondensed-Regular",
                          "listItemRippleEffectColor": "",
                          "inputLayoutBackgroundColorSelected": "",
                          "inputLayoutBackgroundColorHover": "",
                          "clearIconColor": "#ffffff"
                        },
                        "style": {
                          "left": "calc(50% + 10px)",
                          "top": "0px",
                          "z-index": "1",
                          "width": "calc(50% - 20px)",
                          "height": "40px"
                        },
                        "widgetSet": "materialdesign"
                      },
                      "e00004": {
                        "tpl": "tplVis-materialdesign-Icon-List",
                        "data": {
                          "g_fixed": false,
                          "g_visibility": false,
                          "g_css_font_text": false,
                          "g_css_background": false,
                          "g_css_shadow_padding": false,
                          "g_css_border": false,
                          "g_gestures": false,
                          "g_signals": false,
                          "g_last_change": false,
                          "visibility-cond": "==",
                          "visibility-val": 1,
                          "visibility-groups-action": "hide",
                          "wrapItems": true,
                          "listItemDataMethod": "jsonStringObject",
                          "countListItems": "1",
                          "vibrateOnMobilDevices": "50",
                          "listLayout": "card",
                          "itemLayout": "horizontal",
                          "listType0": "text",
                          "showValueLabel0": "true",
                          "listType1": "text",
                          "showValueLabel1": "true",
                          "signals-cond-0": "==",
                          "signals-val-0": true,
                          "signals-icon-0": "/vis/signals/lowbattery.png",
                          "signals-icon-size-0": 0,
                          "signals-blink-0": false,
                          "signals-horz-0": 0,
                          "signals-vert-0": 0,
                          "signals-hide-edit-0": false,
                          "signals-cond-1": "==",
                          "signals-val-1": true,
                          "signals-icon-1": "/vis/signals/lowbattery.png",
                          "signals-icon-size-1": 0,
                          "signals-blink-1": false,
                          "signals-horz-1": 0,
                          "signals-vert-1": 0,
                          "signals-hide-edit-1": false,
                          "signals-cond-2": "==",
                          "signals-val-2": true,
                          "signals-icon-2": "/vis/signals/lowbattery.png",
                          "signals-icon-size-2": 0,
                          "signals-blink-2": false,
                          "signals-horz-2": 0,
                          "signals-vert-2": 0,
                          "signals-hide-edit-2": false,
                          "lc-type": "last-change",
                          "lc-is-interval": true,
                          "lc-is-moment": false,
                          "lc-format": "",
                          "lc-position-vert": "top",
                          "lc-position-horz": "right",
                          "lc-offset-vert": 0,
                          "lc-offset-horz": 0,
                          "lc-font-size": "12px",
                          "lc-font-family": "",
                          "lc-font-style": "",
                          "lc-bkg-color": "",
                          "lc-color": "",
                          "lc-border-width": "0",
                          "lc-border-style": "",
                          "lc-border-color": "",
                          "lc-border-radius": 10,
                          "lc-zindex": 0,
                          "maxItemsperRow": "8",
                          "json_string_oid": "0_userdata.0.vis.NetzwerkStatus.jsonList",
                          "labelFontSize": "22",
                          "subLabelFontSize": "14",
                          "labelFontFamily": "RobotoCondensed-Regular",
                          "horizontalIconContainerWidth": "70",
                          "buttonHeight": "",
                          "iconHeight": "35",
                          "iconItemMinWidth": "300",
                          "buttonLayout": "round",
                          "autoLockAfter": "10",
                          "lockIconTop": "5",
                          "lockIconLeft": "5",
                          "lockFilterGrayscale": "30",
                          "lockApplyOnlyOnImage": "true",
                          "subLabelFontFamily": "RobotoCondensed-BoldItalic",
                          "subLabelFontColor": "black",
                          "verticalIconContainerHeight": "70"
                        },
                        "style": {
                          "left": "",
                          "top": "50px",
                          "width": "100%",
                          "height": "calc(100% - 50px)",
                          "overflow-y": "auto"
                        },
                        "widgetSet": "materialdesign"
                      }
                    },
                    "name": "330_System_NetzwerkStatus",
                    "filterList": []
                  }
                  

                  Skript (mit Material Design Icons):

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

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

                  W Offline
                  W Offline
                  Werner303
                  schrieb am zuletzt editiert von Negalein
                  #142

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

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

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

                  GlasfaserG 1 Antwort Letzte Antwort
                  0
                  • W Werner303

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

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

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

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

                    @Werner303

                    Dies in Javascript-Instanz eingetragen !?

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

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

                    W 1 Antwort Letzte Antwort
                    0
                    • GlasfaserG Glasfaser

                      @Werner303

                      Dies in Javascript-Instanz eingetragen !?

                      Folgende NPM-Module müsst ihr in eurer Javascript-Instanz hinzufügen: moment, moment-timezone, moment-duration-format
                      Außerdem bitte die Einstellung "Erlaube das Kommando setObject" in eurer Javascript-Instanz aktivieren
                      
                      W Offline
                      W Offline
                      Werner303
                      schrieb am zuletzt editiert von
                      #144

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

                      Javascript.jpg

                      GlasfaserG 1 Antwort Letzte Antwort
                      0
                      • W Werner303

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

                        Javascript.jpg

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

                        @Werner303

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

                        Link Text

                        und hier die Antwort dazu
                        Link Text

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

                        W 1 Antwort Letzte Antwort
                        1
                        • GlasfaserG Glasfaser

                          @Werner303

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

                          Link Text

                          und hier die Antwort dazu
                          Link Text

                          W Offline
                          W Offline
                          Werner303
                          schrieb am zuletzt editiert von
                          #146

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

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

                          Nochmals vielen Dank

                          GlasfaserG 1 Antwort Letzte Antwort
                          0
                          • W Werner303

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

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

                            Nochmals vielen Dank

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

                            @Werner303 sagte in Material Design Widets: Netzwerk Status:

                            Nochmals vielen Dank

                            Kein Problem ... sehr gerne ;)

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

                            1 Antwort Letzte Antwort
                            1
                            • ? Ein ehemaliger Benutzer

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

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

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

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

                              A Offline
                              A Offline
                              aldoa1
                              schrieb am zuletzt editiert von
                              #148

                              @Nickel

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

                              1 Antwort Letzte Antwort
                              0
                              • AlmixxA Offline
                                AlmixxA Offline
                                Almixx
                                schrieb am zuletzt editiert von Almixx
                                #149

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

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

                                1 Antwort Letzte Antwort
                                0
                                • D3ltoroxpD 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 Offline
                                      KnallochseK Offline
                                      Knallochse
                                      schrieb am zuletzt editiert von
                                      #152

                                      @vsa Script mal neu starten

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

                                      1 Antwort Letzte Antwort
                                      0
                                      • M Machinima

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

                                        Netzwerkgeräte VIS.png

                                        Github: Link

                                        Voraussetzung:

                                        • Material Design Widgets v0.2.66

                                        Funktionen:

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

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

                                        {
                                          "settings": {
                                            "style": {
                                              "background_class": ""
                                            },
                                            "theme": "redmond",
                                            "sizex": "",
                                            "sizey": "",
                                            "gridSize": "",
                                            "useBackground": false,
                                            "snapType": null
                                          },
                                          "widgets": {
                                            "e00001": {
                                              "tpl": "tplHtml",
                                              "data": {
                                                "g_fixed": false,
                                                "g_visibility": false,
                                                "g_css_font_text": false,
                                                "g_css_background": true,
                                                "g_css_shadow_padding": false,
                                                "g_css_border": false,
                                                "g_gestures": false,
                                                "g_signals": false,
                                                "g_last_change": false,
                                                "visibility-cond": "==",
                                                "visibility-val": 1,
                                                "visibility-groups-action": "hide",
                                                "refreshInterval": "0",
                                                "signals-cond-0": "==",
                                                "signals-val-0": true,
                                                "signals-icon-0": "/vis/signals/lowbattery.png",
                                                "signals-icon-size-0": 0,
                                                "signals-blink-0": false,
                                                "signals-horz-0": 0,
                                                "signals-vert-0": 0,
                                                "signals-hide-edit-0": false,
                                                "signals-cond-1": "==",
                                                "signals-val-1": true,
                                                "signals-icon-1": "/vis/signals/lowbattery.png",
                                                "signals-icon-size-1": 0,
                                                "signals-blink-1": false,
                                                "signals-horz-1": 0,
                                                "signals-vert-1": 0,
                                                "signals-hide-edit-1": false,
                                                "signals-cond-2": "==",
                                                "signals-val-2": true,
                                                "signals-icon-2": "/vis/signals/lowbattery.png",
                                                "signals-icon-size-2": 0,
                                                "signals-blink-2": false,
                                                "signals-horz-2": 0,
                                                "signals-vert-2": 0,
                                                "signals-hide-edit-2": false,
                                                "lc-type": "last-change",
                                                "lc-is-interval": true,
                                                "lc-is-moment": false,
                                                "lc-format": "",
                                                "lc-position-vert": "top",
                                                "lc-position-horz": "right",
                                                "lc-offset-vert": 0,
                                                "lc-offset-horz": 0,
                                                "lc-font-size": "12px",
                                                "lc-font-family": "",
                                                "lc-font-style": "",
                                                "lc-bkg-color": "",
                                                "lc-color": "",
                                                "lc-border-width": "0",
                                                "lc-border-style": "",
                                                "lc-border-color": "",
                                                "lc-border-radius": 10,
                                                "lc-zindex": 0
                                              },
                                              "style": {
                                                "left": "0",
                                                "top": "0",
                                                "width": "100%",
                                                "background-color": "#44739e",
                                                "height": "50px",
                                                "z-index": "0"
                                              },
                                              "widgetSet": "basic"
                                            },
                                            "e00002": {
                                              "tpl": "tplVis-materialdesign-Select",
                                              "data": {
                                                "oid": "0_userdata.0.vis.NetzwerkStatus.sortMode",
                                                "g_fixed": false,
                                                "g_visibility": false,
                                                "g_css_font_text": false,
                                                "g_css_background": false,
                                                "g_css_shadow_padding": false,
                                                "g_css_border": false,
                                                "g_gestures": false,
                                                "g_signals": false,
                                                "g_last_change": false,
                                                "visibility-cond": "==",
                                                "visibility-val": 1,
                                                "visibility-groups-action": "hide",
                                                "inputType": "text",
                                                "inputLayout": "regular",
                                                "showInputMessageAlways": "true",
                                                "showInputCounter": false,
                                                "clearIconShow": false,
                                                "listDataMethod": "jsonStringObject",
                                                "countSelectItems": "1",
                                                "listPosition": "bottom",
                                                "showSelectedIcon": "prepend-inner",
                                                "showValue": false,
                                                "signals-cond-0": "==",
                                                "signals-val-0": true,
                                                "signals-icon-0": "/vis/signals/lowbattery.png",
                                                "signals-icon-size-0": 0,
                                                "signals-blink-0": false,
                                                "signals-horz-0": 0,
                                                "signals-vert-0": 0,
                                                "signals-hide-edit-0": false,
                                                "signals-cond-1": "==",
                                                "signals-val-1": true,
                                                "signals-icon-1": "/vis/signals/lowbattery.png",
                                                "signals-icon-size-1": 0,
                                                "signals-blink-1": false,
                                                "signals-horz-1": 0,
                                                "signals-vert-1": 0,
                                                "signals-hide-edit-1": false,
                                                "signals-cond-2": "==",
                                                "signals-val-2": true,
                                                "signals-icon-2": "/vis/signals/lowbattery.png",
                                                "signals-icon-size-2": 0,
                                                "signals-blink-2": false,
                                                "signals-horz-2": 0,
                                                "signals-vert-2": 0,
                                                "signals-hide-edit-2": false,
                                                "lc-type": "last-change",
                                                "lc-is-interval": true,
                                                "lc-is-moment": false,
                                                "lc-format": "",
                                                "lc-position-vert": "top",
                                                "lc-position-horz": "right",
                                                "lc-offset-vert": 0,
                                                "lc-offset-horz": 0,
                                                "lc-font-size": "12px",
                                                "lc-font-family": "",
                                                "lc-font-style": "",
                                                "lc-bkg-color": "",
                                                "lc-color": "",
                                                "lc-border-width": "0",
                                                "lc-border-style": "",
                                                "lc-border-color": "",
                                                "lc-border-radius": 10,
                                                "lc-zindex": 0,
                                                "inputLabelText": "Sortieren nach",
                                                "inputLabelColor": "#ffffff",
                                                "inputLabelFontFamily": "RobotoCondensed-LightItalic",
                                                "collapseIconColor": "#ffffff",
                                                "collapseIconSize": "",
                                                "jsonStringObject": "[\n\t{\n\t\t\"text\": \"Gerätename\",\n\t\t\"value\": \"name\",\n\t\t\"icon\": \"sort-alphabetical\"\n\t},\n\t{\n\t\t\"text\": \"IP Adresse\",\n\t\t\"value\": \"ipAddress\",\n\t\t\"icon\": \"ip\"\n\t}\n]",
                                                "listPositionOffset": true,
                                                "inputLayoutBackgroundColor": "transparent",
                                                "inputLabelColorSelected": "#ffffff",
                                                "inputTranslateX": "-15",
                                                "clearIcon": "",
                                                "inputLayoutBorderColorHover": "#ffffff",
                                                "inputLayoutBorderColorSelected": "#ffffff",
                                                "inputLayoutBorderColor": "#a1a1a1",
                                                "listItemFontColor": "",
                                                "inputTextColor": "#ffffff",
                                                "inputTextFontFamily": "RobotoCondensed-LightItalic",
                                                "prepandIcon": "",
                                                "prepandIconColor": "",
                                                "prepandIconSize": "",
                                                "prepandInnerIcon": "",
                                                "prepandInnerIconColor": "#ffffff",
                                                "prepandInnerIconSize": "18",
                                                "collapseIcon": "",
                                                "inputTranslateY": "-12",
                                                "listIconSelectedColor": "#44739e",
                                                "listIconColor": "",
                                                "appendOuterIcon": "",
                                                "appendOuterIconSize": "2",
                                                "listItemFont": "RobotoCondensed-Regular",
                                                "listItemRippleEffectColor": "",
                                                "inputLayoutBackgroundColorSelected": "",
                                                "inputLayoutBackgroundColorHover": ""
                                              },
                                              "style": {
                                                "left": "10px",
                                                "top": "0px",
                                                "z-index": "1",
                                                "width": "calc(50% - 20px)",
                                                "height": "40px"
                                              },
                                              "widgetSet": "materialdesign"
                                            },
                                            "e00003": {
                                              "tpl": "tplVis-materialdesign-Select",
                                              "data": {
                                                "oid": "0_userdata.0.vis.NetzwerkStatus.filterMode",
                                                "g_fixed": false,
                                                "g_visibility": false,
                                                "g_css_font_text": false,
                                                "g_css_background": false,
                                                "g_css_shadow_padding": false,
                                                "g_css_border": false,
                                                "g_gestures": false,
                                                "g_signals": false,
                                                "g_last_change": false,
                                                "visibility-cond": "==",
                                                "visibility-val": 1,
                                                "visibility-groups-action": "hide",
                                                "inputType": "text",
                                                "inputLayout": "regular",
                                                "showInputMessageAlways": "true",
                                                "showInputCounter": false,
                                                "clearIconShow": true,
                                                "listDataMethod": "jsonStringObject",
                                                "countSelectItems": "1",
                                                "listPosition": "bottom",
                                                "showSelectedIcon": "prepend-inner",
                                                "showValue": false,
                                                "signals-cond-0": "==",
                                                "signals-val-0": true,
                                                "signals-icon-0": "/vis/signals/lowbattery.png",
                                                "signals-icon-size-0": 0,
                                                "signals-blink-0": false,
                                                "signals-horz-0": 0,
                                                "signals-vert-0": 0,
                                                "signals-hide-edit-0": false,
                                                "signals-cond-1": "==",
                                                "signals-val-1": true,
                                                "signals-icon-1": "/vis/signals/lowbattery.png",
                                                "signals-icon-size-1": 0,
                                                "signals-blink-1": false,
                                                "signals-horz-1": 0,
                                                "signals-vert-1": 0,
                                                "signals-hide-edit-1": false,
                                                "signals-cond-2": "==",
                                                "signals-val-2": true,
                                                "signals-icon-2": "/vis/signals/lowbattery.png",
                                                "signals-icon-size-2": 0,
                                                "signals-blink-2": false,
                                                "signals-horz-2": 0,
                                                "signals-vert-2": 0,
                                                "signals-hide-edit-2": false,
                                                "lc-type": "last-change",
                                                "lc-is-interval": true,
                                                "lc-is-moment": false,
                                                "lc-format": "",
                                                "lc-position-vert": "top",
                                                "lc-position-horz": "right",
                                                "lc-offset-vert": 0,
                                                "lc-offset-horz": 0,
                                                "lc-font-size": "12px",
                                                "lc-font-family": "",
                                                "lc-font-style": "",
                                                "lc-bkg-color": "",
                                                "lc-color": "",
                                                "lc-border-width": "0",
                                                "lc-border-style": "",
                                                "lc-border-color": "",
                                                "lc-border-radius": 10,
                                                "lc-zindex": 0,
                                                "inputLabelText": "Filtern nach",
                                                "inputLabelColor": "#ffffff",
                                                "inputLabelFontFamily": "RobotoCondensed-LightItalic",
                                                "collapseIconColor": "#ffffff",
                                                "collapseIconSize": "",
                                                "jsonStringObject": "[\n\t{\n\t\t\"text\": \"online\",\n\t\t\"value\": \"online\",\n\t\t\"icon\": \"network\"\n\t},\n\t{\n\t\t\"text\": \"offline\",\n\t\t\"value\": \"offline\",\n\t\t\"icon\": \"network-off-outline\"\n\t}\n]",
                                                "listPositionOffset": true,
                                                "inputLayoutBackgroundColor": "transparent",
                                                "inputLabelColorSelected": "#ffffff",
                                                "inputTranslateX": "-15",
                                                "clearIcon": "",
                                                "inputLayoutBorderColorHover": "#ffffff",
                                                "inputLayoutBorderColorSelected": "#ffffff",
                                                "inputLayoutBorderColor": "#a1a1a1",
                                                "listItemFontColor": "",
                                                "inputTextColor": "#ffffff",
                                                "inputTextFontFamily": "RobotoCondensed-LightItalic",
                                                "prepandIcon": "",
                                                "prepandIconColor": "",
                                                "prepandIconSize": "",
                                                "prepandInnerIcon": "",
                                                "prepandInnerIconColor": "#ffffff",
                                                "prepandInnerIconSize": "18",
                                                "collapseIcon": "",
                                                "inputTranslateY": "-12",
                                                "listIconSelectedColor": "#44739e",
                                                "listIconColor": "",
                                                "appendOuterIcon": "",
                                                "appendOuterIconSize": "2",
                                                "listItemFont": "RobotoCondensed-Regular",
                                                "listItemRippleEffectColor": "",
                                                "inputLayoutBackgroundColorSelected": "",
                                                "inputLayoutBackgroundColorHover": "",
                                                "clearIconColor": "#ffffff"
                                              },
                                              "style": {
                                                "left": "calc(50% + 10px)",
                                                "top": "0px",
                                                "z-index": "1",
                                                "width": "calc(50% - 20px)",
                                                "height": "40px"
                                              },
                                              "widgetSet": "materialdesign"
                                            },
                                            "e00004": {
                                              "tpl": "tplVis-materialdesign-Icon-List",
                                              "data": {
                                                "g_fixed": false,
                                                "g_visibility": false,
                                                "g_css_font_text": false,
                                                "g_css_background": false,
                                                "g_css_shadow_padding": false,
                                                "g_css_border": false,
                                                "g_gestures": false,
                                                "g_signals": false,
                                                "g_last_change": false,
                                                "visibility-cond": "==",
                                                "visibility-val": 1,
                                                "visibility-groups-action": "hide",
                                                "wrapItems": true,
                                                "listItemDataMethod": "jsonStringObject",
                                                "countListItems": "1",
                                                "vibrateOnMobilDevices": "50",
                                                "listLayout": "card",
                                                "itemLayout": "horizontal",
                                                "listType0": "text",
                                                "showValueLabel0": "true",
                                                "listType1": "text",
                                                "showValueLabel1": "true",
                                                "signals-cond-0": "==",
                                                "signals-val-0": true,
                                                "signals-icon-0": "/vis/signals/lowbattery.png",
                                                "signals-icon-size-0": 0,
                                                "signals-blink-0": false,
                                                "signals-horz-0": 0,
                                                "signals-vert-0": 0,
                                                "signals-hide-edit-0": false,
                                                "signals-cond-1": "==",
                                                "signals-val-1": true,
                                                "signals-icon-1": "/vis/signals/lowbattery.png",
                                                "signals-icon-size-1": 0,
                                                "signals-blink-1": false,
                                                "signals-horz-1": 0,
                                                "signals-vert-1": 0,
                                                "signals-hide-edit-1": false,
                                                "signals-cond-2": "==",
                                                "signals-val-2": true,
                                                "signals-icon-2": "/vis/signals/lowbattery.png",
                                                "signals-icon-size-2": 0,
                                                "signals-blink-2": false,
                                                "signals-horz-2": 0,
                                                "signals-vert-2": 0,
                                                "signals-hide-edit-2": false,
                                                "lc-type": "last-change",
                                                "lc-is-interval": true,
                                                "lc-is-moment": false,
                                                "lc-format": "",
                                                "lc-position-vert": "top",
                                                "lc-position-horz": "right",
                                                "lc-offset-vert": 0,
                                                "lc-offset-horz": 0,
                                                "lc-font-size": "12px",
                                                "lc-font-family": "",
                                                "lc-font-style": "",
                                                "lc-bkg-color": "",
                                                "lc-color": "",
                                                "lc-border-width": "0",
                                                "lc-border-style": "",
                                                "lc-border-color": "",
                                                "lc-border-radius": 10,
                                                "lc-zindex": 0,
                                                "maxItemsperRow": "8",
                                                "json_string_oid": "0_userdata.0.vis.NetzwerkStatus.jsonList",
                                                "labelFontSize": "22",
                                                "subLabelFontSize": "14",
                                                "labelFontFamily": "RobotoCondensed-Regular",
                                                "horizontalIconContainerWidth": "70",
                                                "buttonHeight": "",
                                                "iconHeight": "35",
                                                "iconItemMinWidth": "300",
                                                "buttonLayout": "round",
                                                "autoLockAfter": "10",
                                                "lockIconTop": "5",
                                                "lockIconLeft": "5",
                                                "lockFilterGrayscale": "30",
                                                "lockApplyOnlyOnImage": "true",
                                                "subLabelFontFamily": "RobotoCondensed-BoldItalic",
                                                "subLabelFontColor": "black",
                                                "verticalIconContainerHeight": "70"
                                              },
                                              "style": {
                                                "left": "",
                                                "top": "50px",
                                                "width": "100%",
                                                "height": "calc(100% - 50px)",
                                                "overflow-y": "auto"
                                              },
                                              "widgetSet": "materialdesign"
                                            }
                                          },
                                          "name": "330_System_NetzwerkStatus",
                                          "filterList": []
                                        }
                                        

                                        Skript (mit Material Design Icons):

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

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

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

                                        @Machinima
                                        Bin mal am probieren deines View/Script.

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

                                        GlasfaserG 1 Antwort Letzte Antwort
                                        0
                                        • K KHK

                                          @Machinima
                                          Bin mal am probieren deines View/Script.

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

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

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

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

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

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


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          346

                                          Online

                                          32.4k

                                          Benutzer

                                          81.5k

                                          Themen

                                          1.3m

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

                                          • Du hast noch kein Konto? Registrieren

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