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

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

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

Material Design Widets: Netzwerk Status

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

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

    Netzwerkgeräte VIS.png

    Github: Link

    Voraussetzung:

    • Material Design Widgets v0.2.66

    Funktionen:

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

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

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

    Skript (mit Material Design Icons):

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

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

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

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

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

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

    GlasfaserG 1 Antwort Letzte Antwort
    0
    • W Werner303

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

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

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

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

      @Werner303

      Dies in Javascript-Instanz eingetragen !?

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

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

      W 1 Antwort Letzte Antwort
      0
      • GlasfaserG Glasfaser

        @Werner303

        Dies in Javascript-Instanz eingetragen !?

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

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

        Javascript.jpg

        GlasfaserG 1 Antwort Letzte Antwort
        0
        • W Werner303

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

          Javascript.jpg

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

          @Werner303

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

          Link Text

          und hier die Antwort dazu
          Link Text

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

          W 1 Antwort Letzte Antwort
          1
          • GlasfaserG Glasfaser

            @Werner303

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

            Link Text

            und hier die Antwort dazu
            Link Text

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

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

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

            Nochmals vielen Dank

            GlasfaserG 1 Antwort Letzte Antwort
            0
            • W Werner303

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

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

              Nochmals vielen Dank

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

              @Werner303 sagte in Material Design Widets: Netzwerk Status:

              Nochmals vielen Dank

              Kein Problem ... sehr gerne ;)

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

              1 Antwort Letzte Antwort
              1
              • ? Ein ehemaliger Benutzer

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

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

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

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

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

                @Nickel

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

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

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

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

                  1 Antwort Letzte Antwort
                  0
                  • D3ltoroxpD Offline
                    D3ltoroxpD Offline
                    D3ltoroxp
                    schrieb am zuletzt editiert von D3ltoroxp
                    #150

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

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

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

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

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

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

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

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

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

                      KnallochseK 1 Antwort Letzte Antwort
                      0
                      • V vsa

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

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

                        @vsa Script mal neu starten

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

                        1 Antwort Letzte Antwort
                        0
                        • M Machinima

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

                          Netzwerkgeräte VIS.png

                          Github: Link

                          Voraussetzung:

                          • Material Design Widgets v0.2.66

                          Funktionen:

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

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

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

                          Skript (mit Material Design Icons):

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

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

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

                          @Machinima
                          Bin mal am probieren deines View/Script.

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

                          GlasfaserG 1 Antwort Letzte Antwort
                          0
                          • K KHK

                            @Machinima
                            Bin mal am probieren deines View/Script.

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

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

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

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

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

                            1 Antwort Letzte Antwort
                            0
                            • D3ltoroxpD D3ltoroxp

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

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

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

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

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

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

                                Servus,

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

                                Bildschirmfoto 2021-01-20 um 13.34.07.png

                                Mit noobischen Grüßen & Danke

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

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

                                  @rehmosch sagte in Material Design Widets: Netzwerk Status:

                                  da ich alle meine Skripte angezeigt bekomme

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

                                  Schau mal hier :

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

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

                                  R 1 Antwort Letzte Antwort
                                  1
                                  • GlasfaserG Glasfaser

                                    @rehmosch sagte in Material Design Widets: Netzwerk Status:

                                    da ich alle meine Skripte angezeigt bekomme

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

                                    Schau mal hier :

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

                                    R Offline
                                    R Offline
                                    rehmosch
                                    schrieb am zuletzt editiert von
                                    #158

                                    @glasfaser Danke für die schnelle Antwort ;) Da bin ich wohl beim Kopieren ein bisschen im Tab verrutscht ;)

                                    jetzt erhalte ich diesen error:

                                    14:54:56.905	info	javascript.0 (30195) Start javascript script.js.netzwerk
                                    14:54:56.924	error	javascript.0 (30195) script.js.netzwerk: no result for selector '[id=tr-064.*.devices.*.active]'
                                    14:54:56.927	info	javascript.0 (30195) script.js.netzwerk: registered 4 subscriptions and 1 schedule
                                    

                                    Wo verlinke ich denn meinen id-tr064?

                                    Danke

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

                                    GlasfaserG 1 Antwort Letzte Antwort
                                    0
                                    • R rehmosch

                                      @glasfaser Danke für die schnelle Antwort ;) Da bin ich wohl beim Kopieren ein bisschen im Tab verrutscht ;)

                                      jetzt erhalte ich diesen error:

                                      14:54:56.905	info	javascript.0 (30195) Start javascript script.js.netzwerk
                                      14:54:56.924	error	javascript.0 (30195) script.js.netzwerk: no result for selector '[id=tr-064.*.devices.*.active]'
                                      14:54:56.927	info	javascript.0 (30195) script.js.netzwerk: registered 4 subscriptions and 1 schedule
                                      

                                      Wo verlinke ich denn meinen id-tr064?

                                      Danke

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

                                      @rehmosch

                                      Da brauchst du nicht verlinken , die Daten werden durch das Script geholt.

                                      Du mußt nur schauen ob die Datenpunkte stimmen vom tr064 Adapter , kenne deine Version nicht .

                                      Das Script holt sich hier alles :

                                      // auf Änderungen aktiver Skripts hören
                                      
                                      let activeSelector = `[id=tr-064.*.devices.*.active]`;
                                      

                                      oder ist es bei dir so ...

                                      https://forum.iobroker.net/topic/30812/material-design-widets-netzwerk-status/21

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

                                      R 1 Antwort Letzte Antwort
                                      1
                                      • GlasfaserG Glasfaser

                                        @rehmosch

                                        Da brauchst du nicht verlinken , die Daten werden durch das Script geholt.

                                        Du mußt nur schauen ob die Datenpunkte stimmen vom tr064 Adapter , kenne deine Version nicht .

                                        Das Script holt sich hier alles :

                                        // auf Änderungen aktiver Skripts hören
                                        
                                        let activeSelector = `[id=tr-064.*.devices.*.active]`;
                                        

                                        oder ist es bei dir so ...

                                        https://forum.iobroker.net/topic/30812/material-design-widets-netzwerk-status/21

                                        R Offline
                                        R Offline
                                        rehmosch
                                        schrieb am zuletzt editiert von
                                        #160

                                        @glasfaser

                                        hmmmm, jetzt keine Fehlermeldung mehr aber die Listen bleiben leer ;(

                                        Bildschirmfoto 2021-01-20 um 18.46.27.png
                                        Bildschirmfoto 2021-01-20 um 18.49.45.png
                                        Bildschirmfoto 2021-01-20 um 18.45.55.png

                                        host.raspberrypi	2021-01-20 18:36:56.213	info	instance system.adapter.tr-064.0 started with pid 12034
                                        host.raspberrypi	2021-01-20 18:36:53.760	info	instance system.adapter.tr-064.0 terminated with code 11 (ADAPTER_REQUESTED_TERMINATION)
                                        tr-064.0	2021-01-20 18:36:53.164	info	(7499) Terminated (ADAPTER_REQUESTED_TERMINATION): Without reason
                                        tr-064.0	2021-01-20 18:36:53.161	info	(7499) terminating
                                        tr-064.0	2021-01-20 18:36:53.159	info	(7499) Got terminate signal TERMINATE_YOURSELF
                                        host.raspberrypi	2021-01-20 18:36:53.153	info	stopInstance system.adapter.tr-064.0 send kill signal
                                        host.raspberrypi	2021-01-20 18:36:53.152	info	stopInstance system.adapter.tr-064.0 (force=false, process=true)
                                        web.0	2021-01-20 18:35:54.388	info	(3657) ==>Connected system.user.admin from ::ffff:192.168.1.223
                                        tr-064.0	2021-01-20 18:37:00.900	info	(12034) starting. Version 4.2.3 in /opt/iobroker/node_modules/iobroker.tr-064, node: v10.23.1, js-controller: 3.1.6
                                        

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

                                        GlasfaserG 1 Antwort Letzte Antwort
                                        0
                                        • R rehmosch

                                          @glasfaser

                                          hmmmm, jetzt keine Fehlermeldung mehr aber die Listen bleiben leer ;(

                                          Bildschirmfoto 2021-01-20 um 18.46.27.png
                                          Bildschirmfoto 2021-01-20 um 18.49.45.png
                                          Bildschirmfoto 2021-01-20 um 18.45.55.png

                                          host.raspberrypi	2021-01-20 18:36:56.213	info	instance system.adapter.tr-064.0 started with pid 12034
                                          host.raspberrypi	2021-01-20 18:36:53.760	info	instance system.adapter.tr-064.0 terminated with code 11 (ADAPTER_REQUESTED_TERMINATION)
                                          tr-064.0	2021-01-20 18:36:53.164	info	(7499) Terminated (ADAPTER_REQUESTED_TERMINATION): Without reason
                                          tr-064.0	2021-01-20 18:36:53.161	info	(7499) terminating
                                          tr-064.0	2021-01-20 18:36:53.159	info	(7499) Got terminate signal TERMINATE_YOURSELF
                                          host.raspberrypi	2021-01-20 18:36:53.153	info	stopInstance system.adapter.tr-064.0 send kill signal
                                          host.raspberrypi	2021-01-20 18:36:53.152	info	stopInstance system.adapter.tr-064.0 (force=false, process=true)
                                          web.0	2021-01-20 18:35:54.388	info	(3657) ==>Connected system.user.admin from ::ffff:192.168.1.223
                                          tr-064.0	2021-01-20 18:37:00.900	info	(12034) starting. Version 4.2.3 in /opt/iobroker/node_modules/iobroker.tr-064, node: v10.23.1, js-controller: 3.1.6
                                          
                                          GlasfaserG Offline
                                          GlasfaserG Offline
                                          Glasfaser
                                          schrieb am zuletzt editiert von
                                          #161

                                          @rehmosch

                                          ich sehe keinen Ordner devices bei dir .

                                          Hast du überhaupt in der Instanz tr-064 Geräte angelegt .

                                          So sieht das aus :
                                          .
                                          1.JPG

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

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


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          852

                                          Online

                                          32.4k

                                          Benutzer

                                          81.5k

                                          Themen

                                          1.3m

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

                                          • Du hast noch kein Konto? Registrieren

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