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.9k
  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    2.3k
  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    16
    1
    3.5k

Material Design Widets: Netzwerk Status

Geplant Angeheftet Gesperrt Verschoben Praktische Anwendungen (Showcase)
280 Beiträge 50 Kommentatoren 52.1k 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.
  • ? Ein ehemaliger Benutzer

    @D3ltoroxp
    Für gemischte mal Material Design Icon mal Png bei ca Zeile 110 suchen nach: image = device.image;
    und ersetzten durch:

                    image = device.image;
                if (image.search(".png") > 0) {
                    image = imagePath + device.image;
                }

    Desweiteren bei allem was ein .png bild ist bei der deviceNames liste ein .png hinter den Namen.

    @Stephan-Schleich
    Leider finde ich den Fehler im Moment nicht zu der Fehlermeldungen.
    Egal was ich bei mir anstelle ich kann sie nicht reproduzieren, gebe aber bescheid wenn ich dennoch was finde oder es eine neue Version gibt.

    @AxelF1977
    Ganz eigenartig dort sollte kein Fehler sein solange Inhalt in der deviceList[sortMode] ist. In diesem Fall wohl im name oder ipAddress. Da davor ein Fehler mit der IP war nehme ich das an das es die IP ist.
    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")
    AxelF1977A Offline
    AxelF1977A Offline
    AxelF1977
    schrieb am zuletzt editiert von
    #123

    @Nickel sagte in Material Design Widets: Netzwerk Status:

    @AxelF1977
    Ganz eigenartig dort sollte kein Fehler sein solange Inhalt in der deviceList[sortMode] ist. In diesem Fall wohl im name oder ipAddress. Da davor ein Fehler mit der IP war nehme ich das an das es die IP ist.
    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")

    Nabend,

    Danke @Nickel. Der Fehler ist weg. ich gucke es mir morgen alles nochmal genauer an und berichte Dir dann.

    Schönen Abend

    ASROCK Deskmini Intel I3 8100 16GB mit Proxmox VM ioBroker VM DIYHue| CCU piVCCU + FHEM auf Raspberry | Maria DB mit Grafana und Prometheus auf Tinker Board

    1 Antwort Letzte Antwort
    0
    • ? Ein ehemaliger Benutzer

      @D3ltoroxp
      Für gemischte mal Material Design Icon mal Png bei ca Zeile 110 suchen nach: image = device.image;
      und ersetzten durch:

                      image = device.image;
                if (image.search(".png") > 0) {
                    image = imagePath + device.image;
                }

      Desweiteren bei allem was ein .png bild ist bei der deviceNames liste ein .png hinter den Namen.

      @Stephan-Schleich
      Leider finde ich den Fehler im Moment nicht zu der Fehlermeldungen.
      Egal was ich bei mir anstelle ich kann sie nicht reproduzieren, gebe aber bescheid wenn ich dennoch was finde oder es eine neue Version gibt.

      @AxelF1977
      Ganz eigenartig dort sollte kein Fehler sein solange Inhalt in der deviceList[sortMode] ist. In diesem Fall wohl im name oder ipAddress. Da davor ein Fehler mit der IP war nehme ich das an das es die IP ist.
      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")
      D3ltoroxpD Online
      D3ltoroxpD Online
      D3ltoroxp
      schrieb am zuletzt editiert von
      #124

      @Nickel said in Material Design Widets: Netzwerk Status:

      @D3ltoroxp
      Für gemischte mal Material Design Icon mal Png bei ca Zeile 110 suchen nach: image = device.image;
      und ersetzten durch:
      image = device.image;
      if (image.search(".png")) {
      image = imagePath + device.image;
      }

      Desweiteren bei allem was ein .png bild ist bei der deviceNames liste ein .png hinter den Namen.

      Vielen Dank Nickel, das hat geholfen !!

      1 Antwort Letzte Antwort
      0
      • Stephan SchleichS Stephan Schleich

        @Nickel Hab mein Screen vergessen ^^
        ddab2e52-8cda-4fe7-bb2e-ff313de6b163-image.png

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

        @Stephan-Schleich sagte in Material Design Widets: Netzwerk Status:

        @Nickel Hab mein Screen vergessen ^^
        ddab2e52-8cda-4fe7-bb2e-ff313de6b163-image.png

        @Nickel hast du dafür auch ne Lösung?

        ? 1 Antwort Letzte Antwort
        0
        • Stephan SchleichS Stephan Schleich

          @Stephan-Schleich sagte in Material Design Widets: Netzwerk Status:

          @Nickel Hab mein Screen vergessen ^^
          ddab2e52-8cda-4fe7-bb2e-ff313de6b163-image.png

          @Nickel hast du dafür auch ne Lösung?

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

          @Stephan-Schleich
          Falls Zeile 86 das mit den speed ist ersetz sie mal durch:

                       let mbits = myHelper().getStateValueIfExist(id + '.speed', "0");
             let speed = (mbits != "0") ? mbits + ' MBit/s' : '-';

          Wenn nein kannst du bitte Zeile 86 Posten?

          Stephan SchleichS 1 Antwort Letzte Antwort
          1
          • ? Ein ehemaliger Benutzer

            @Stephan-Schleich
            Falls Zeile 86 das mit den speed ist ersetz sie mal durch:

                         let mbits = myHelper().getStateValueIfExist(id + '.speed', "0");
             let speed = (mbits != "0") ? mbits + ' MBit/s' : '-';

            Wenn nein kannst du bitte Zeile 86 Posten?

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

            @Nickel Danke funktioniert nun wunderbar :+1:

            Was mir noch aufgefallen ist, ist das die Online/Offline Anzeige beim Router immer auf Offline steht

            M 1 Antwort Letzte Antwort
            0
            • Stephan SchleichS Stephan Schleich

              @Nickel Danke funktioniert nun wunderbar :+1:

              Was mir noch aufgefallen ist, ist das die Online/Offline Anzeige beim Router immer auf Offline steht

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

              @Stephan-Schleich sagte in Material Design Widets: Netzwerk Status:

              Was mir noch aufgefallen ist, ist das die Online/Offline Anzeige beim Router immer auf Offline steht

              Das Problem habe ich auch. Der Router ist angeblich immer offline :thinking_face:

              Zusätzlich passt die Sortierung nach IP nicht:

              netzwerkstatus.png

              1 Antwort Letzte Antwort
              0
              • M Online
                M Online
                micklafisch
                schrieb am zuletzt editiert von micklafisch
                #129

                nebem der Erkennung des Routers ist auch die Erkennung der VPN Verbindungen fehlgeschlagen. Die Verbindung wird korrekt mit grün oder rot angezeigt aber auch dort erscheint "offline"

                netzwerkstatus2.png

                1 Antwort Letzte Antwort
                0
                • ? Offline
                  ? Offline
                  Ein ehemaliger Benutzer
                  schrieb am zuletzt editiert von Ein ehemaliger Benutzer
                  #130

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

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

                  /* FritzBox Presence Check
* created by Nickel - based on Network Status from Machinima
* 
* Vorraussetztungen
*  - Material Design Widgets
*  - fb-checkpresence
* 
* Versionshistorie:
* 1.0.0:
* - Initial Release
*/
// Skript Einstellungen *************************************************************************************************************************************************
let dpList = '0_userdata.0.vis.NetzwerkStatus.jsonList';            // Datenpunkt für IconList Widget (Typ: Zeichenkette (String))

let dpSortMode = '0_userdata.0.vis.NetzwerkStatus.sortMode';        // Datenpunkt für Sortieren (Typ: Zeichenkette (String))
let dpFilterMode = '0_userdata.0.vis.NetzwerkStatus.filterMode';    // Datenpunkt für Filter (Typ: Zeichenkette (String))

const checkInterval = 30;                                           // Interval wie oft Status der Skripte aktualisiert werden soll (in Sekunden)

let imagePath = '/vis.0/main/icons/'                                // Pfad zu den verwendeten Bildern (bitte über den VIS Dateimanager hochladen)
                                                                   // Das Bild (Dateiformat png) in der Mapping-Liste hinterlegen
let defaultImage1 = 'ip-network-outline';                           // Standardbild, Ethernet (Material Design Icons)
let defaultImage2 = 'wifi';                                         // Standardbild, Wifi (Material Design Icons)
let defaultImage3 = 'network-off-outline';                          // Standardbild, Offline (Material Design Icons)

let farbeGeraetOnline = 'green';                                    // Status Bar Farbe wenn Geräte online ist
let farbeGeraetOffline = 'FireBrick';                               // Status Bar Farbe wenn Geräte offline ist

let sortResetAfter = 120;                                           // Sortierung nach X Sekunden auf sortReset zurücksetzen (0=deaktiviert)
let sortReset = 'name'                                              // Sortierung auf die zurückgesetzt werden soll
let filterResetAfter = 120;                                         // Filter nach X Sekunden zurücksetzen (0=deaktiviert)

const deviceNames = 
[
 { ip: "192.168.20.1",   alias: "FritzBox",              image: "fritzbox.png",            link: "http"}
];

// **********************************************************************************************************************************************************************

// Selector für LAN & WLAN Devices
let devices = $(`[id=fb-checkpresence.*.fb-devices.*.active]`);

// Funktion adapterStatus alle x Sekunden ausführen
schedule('*/' + checkInterval + ' * * * * *', netzwerkStatus);

// auf Änderungen der Sortieung hören
on({ id: dpSortMode, change: 'any' }, netzwerkStatus);
on({ id: dpSortMode, change: 'any' }, resetSort);

// // auf Änderungen der Filter hören
on({ id: dpFilterMode, change: 'any' }, netzwerkStatus);
on({ id: dpFilterMode, change: 'any' }, resetFilter);

// Hauptfunktion
function netzwerkStatus() {
   try {
       let deviceList = [];

       for (var i = 0; i <= devices.length - 1; i++) {
           let idDevice = devices[i].replace('.active', '');
           let isConn = (getStateIfExist(devices[i]) == '1') ? true : false;
           let ipAddress = getStateIfExist(idDevice + ".ipaddress", '-');
           let mac = getStateIfExist(idDevice + ".macaddress");
           let name = idDevice.replace(/fb-checkpresence\.[0-9]\.fb-devices\./i, "");
           let connection = getStateIfExist(idDevice + '.interfacetype', '-');
           let speed = getStateIfExist(idDevice + '.speed', '0');
           speed = (speed == "0") ? '-' : speed + ' MBit/s';
           let isGuest = getState(idDevice + ".guest").val;
           let isWired = true;

           let listType = 'text';
           let image = defaultImage3;
           let buttonLink = '';
           let statusBarColor = farbeGeraetOffline;

           if (isConn === true) {
               statusBarColor = farbeGeraetOnline;
               image = (connection == "802.11") ? defaultImage2 : defaultImage1
           }

           if (connection == "802.11") {
               connection = "Wireless-Lan";
               isWired = false;
           }

           let device = deviceNames.find(element => element.ip == ipAddress);
           if (device) {
               name = device.alias;
               if (device.image.search("png") > 0) {
                   image = imagePath + device.image;
               } 
               if (device.link) {
                   listType = 'buttonLink';
                   name = `<span style="text-decoration: underline">${name}</span>`
                   buttonLink = (device.link == 'http') ?  'http://${ipAddress}' : device.link
               }
           }

           let text = name;
           if (isGuest === true) {
               text = '<span class="mdi mdi-account-box" style="color: #ff9800;"> ${name}</span>';
           }
           let subText = `<div style="display: flex; flex-direction: row; line-height: 1.3; padding-left: 1px; padding-right: 8px; align-items: center;">
                               <div style="flex: 1; width: 1px; text-overflow: ellipsis; overflow: hidden;">IP-Addresse</div>
                               <div style="color: grey; font-size: 14px; font-family: RobotoCondensed-LightItalic; text-align: right;">${ipAddress}</div>
                           </div>
                           <div style="display: flex; flex-direction: row; line-height: 1.3; padding-left: 1px; padding-right: 8px; align-items: center;">
                               <div style="flex: 1; width: 1px; text-overflow: ellipsis; overflow: hidden;">Verbindung</div>
                               <div style="color: grey; font-size: 14px; font-family: RobotoCondensed-LightItalic; text-align: right;">${connection}</div>
                           </div><div style="display: flex; flex-direction: row; line-height: 1.3; padding-left: 1px; padding-right: 8px; align-items: center;">
                               <div style="flex: 1; width: 1px; text-overflow: ellipsis; overflow: hidden;">Geschwindigkeit</div>
                               <div style="color: grey; font-size: 14px; font-family: RobotoCondensed-LightItalic; text-align: right;">${speed}</div>
                           </div>`
               
           deviceList.push({
               text: text,
               subText: subText,
               listType: listType,
               buttonLink: buttonLink,
               image: image,
               statusBarColor: statusBarColor,
               name: name,
               ipAddress: ipAddress,
               speed: parseFloat(getStateIfExist(idDevice + '.speed', '0')),
               status: isConn,
               isWired: isWired
           });
       }

       let sortMode = existsState(dpSortMode) ? getState(dpSortMode).val : 'ipAddress';

       if (sortMode === 'name') {
           deviceList.sort(function (a, b) {
               return a[sortMode].toLowerCase() == b[sortMode].toLowerCase() ? 0 : +(a[sortMode].toLowerCase() > b[sortMode].toLowerCase()) || -1;
           });
       } else if (sortMode === 'ipAddress') {
           deviceList.sort(function (a, b) {
               return a[sortMode].split('.')[0] - b[sortMode].split('.')[0] || a[sortMode].split('.')[1] - b[sortMode].split('.')[1] || a[sortMode].split('.')[2] - b[sortMode].split('.')[2] || a[sortMode].split('.')[3] - b[sortMode].split('.')[3]
           });
       } else if (sortMode === 'status' || sortMode === 'speed') {
           deviceList.sort(function (a, b) {
               return a[sortMode] == b[sortMode] ? 0 : +(a[sortMode] < b[sortMode]) || -1;
           });
       } else {
           // default: nach name sortieren
           sortMode = 'name'
           deviceList.sort(function (a, b) {
               return a[sortMode].toLowerCase() == b[sortMode].toLowerCase() ? 0 : +(a[sortMode].toLowerCase() > b[sortMode].toLowerCase()) || -1;
           });
       }

       let filterMode = existsState(dpFilterMode) ? getState(dpFilterMode).val : '';

       if (filterMode && filterMode !== null && filterMode !== '') {
           if (filterMode === 'offline') {
               deviceList = deviceList.filter(function (item) {
                   return item.status === false;
               });
           } else if (filterMode === 'online') {
               deviceList = deviceList.filter(function (item) {
                   return item.status === true;
               });
           }
       }

       let result = JSON.stringify(deviceList);
       if (existsState(dpList) && getState(dpList).val !== result) {
           setState(dpList, result, true);
       } else {
           setState(dpList, result, true);
       }

   } catch (err) {
       console.error(`[netzwerkStatus] error: ${err.message}, stack: ${err.stack}`);
   }

   // Funktionen
   function getStateIfExist(id, nullValue = '', prepand = '', append = '') {
       if (existsState(id)) {
           return prepand + getState(id).val + append;
       } else {
           return nullValue;
       }
   }
}

// Beim Staren des Skriptes Status abrufen
netzwerkStatus();


function resetSort() {
   let sortMode = existsState(dpSortMode) ? getState(dpSortMode).val : '';

   if (sortResetAfter > 0) {
       setTimeout(function () {
           if (existsState(dpSortMode) && sortMode === getState(dpSortMode).val) {
               setState(dpSortMode, sortReset);
           }
       }, sortResetAfter * 1000);
   }
}

function resetFilter() {
   let filterMode = existsState(dpFilterMode) ? getState(dpFilterMode).val : '';

   if (filterResetAfter > 0) {
       setTimeout(function () {
           if (existsState(dpFilterMode) && filterMode === getState(dpFilterMode).val) {
               setState(dpFilterMode, '');
           }
       }, filterResetAfter * 1000);
   }
}

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

                  M NegaleinN A 3 Antworten Letzte Antwort
                  2
                  • tobasiumT Offline
                    tobasiumT Offline
                    tobasium
                    schrieb am zuletzt editiert von
                    #131

                    Hallo Zusammen,

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

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

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

                    Danke

                    1 Antwort Letzte Antwort
                    0
                    • ? 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.

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

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

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

                      Von meiner Seite aus aktuell keine Anmerkungen oder Fehler feststellbar.

                      Danke!

                      1 Antwort Letzte Antwort
                      0
                      • Stephan SchleichS Offline
                        Stephan SchleichS Offline
                        Stephan Schleich
                        schrieb am zuletzt editiert von Stephan Schleich
                        #133

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

                        M 1 Antwort Letzte Antwort
                        0
                        • Stephan SchleichS Stephan Schleich

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

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

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

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

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

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

                          Stephan SchleichS ? 2 Antworten 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.

                            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 Online
                                M Online
                                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
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen

                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          789

                                          Online

                                          32.5k

                                          Benutzer

                                          81.6k

                                          Themen

                                          1.3m

                                          Beiträge
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Anmelden
                                          • Du hast noch kein Konto? Registrieren
                                          • Anmelden oder registrieren, um zu suchen
                                          • Erster Beitrag
                                            Letzter Beitrag
                                          0
                                          • Home
                                          • Aktuell
                                          • Tags
                                          • Ungelesen 0
                                          • Kategorien
                                          • Unreplied
                                          • Beliebt
                                          • GitHub
                                          • Docu
                                          • Hilfe