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.4k
  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    2.0k
  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    15
    1
    2.6k

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.
  • B bommel_030

    @Machinima
    Ich habe mal dein Skript um die letzte An- und Abmeldung erweitert. Die entsprechenden States werden im TR064-Adapter allerdings erst gesetzt wenn Sie benötigt werden. Also alle fehlenden An- / bzw. Abmeldungen abgefangen und das Widget füllt sich sauber.
    widget.png
    Leider schreibt er mir für jeden State den er nicht findet eine Warnung ins LOG. Hab mich auch mit existsState(id) beschäftigt, bin mit meinen rudimentären JavaScript-Fähigkeiten aber gescheitert... Vielleicht kannst du oder @Scrounger mit ja nen Tipp geben wie ich die Warnmeldungen abfangen kann.

    Und wenn wir schon dabei sind, gibt es eine Möglichkeit, die Dicke der StatusBar im Skript zu ändern? Also sinngemäß, bei grün = 4px, bei rot = 8 px?

    Wenn ich über CSS gehe, dann macht er mir ja immer alle entsprechend dick, oder?

    
const moment = require("moment");
 
// Skript Einstellungen *************************************************************************************************************************************************
 
let dpList = '0_userdata.0.VIS.Datenpunkte.TR064.jsonList';                    // Datenpunkt für IconList Widget (Typ: Zeichenkette (String))
 
let dpSortMode = '0_userdata.0.VIS.Datenpunkte.TR064.sortMode';                // Datenpunkt für Sortieren (Typ: Zeichenkette (String))
let dpFilterMode = '0_userdata.0.VIS.Datenpunkte.TR064.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 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)

//let farbeAdapterWerte = '#eceff1';                                       // Sekundärfarbe Adapterwerte, einer muss auskommentiert sein !
let farbeAdapterWerte = getState('0_userdata.0.VIS.Farben.Schrift_AdapterStatus_SubText').val;   // Sekundärfarbe aus Datenpunkt, einer muss auskommentiert sein !
let imageColor = '#eceff1';
// über die IP erfolgt das Matching mit den Einträgen aus dem TR064-Adapter; Alias und Icon werden für die View benötigt; Icons siehe https://materialdesignicons.com/; weitere Einträge müsst ihr für euch ergänzen 
const deviceNames = 
[
{ ip: "192.168.10.1", alias: "Fritzbox Master",          icon: "router-wireless" }, 
{ ip: "192.168.10.2", alias: "Fritzbox Slave",          icon: "router-wireless-settings" },
];
 
// **********************************************************************************************************************************************************************
let lastanmeldung = 'tesa'
let lastabmeldung = 'kleber'

// 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 = 'help-network-outline';
            let deviceName = obj.common.name.replace(/ \((?:\d{1,3}\.){3}\d{1,3}\)/g, '');
            let device = deviceNames.find(element => element.ip == ipAddress);
            // Letzte Anmeldung auslesen
            if(getState(id + '.lastActive').notExist)  {lastanmeldung = 'noch nicht angemeldet' }
                else {
                        lastanmeldung = getState(id + '.lastActive').val;
                    }
            // Letzte Abmeldung auslesen
            if(getState(id + '.lastInactive').notExist)  {lastabmeldung = 'noch nicht abgemeldet' }
                else {
                        lastabmeldung = getState(id + '.lastInactive').val;
                    }


            if(device)
            {
                deviceName = device.alias;
                image = device.icon;
             }
 
            let macAddress = obj.native.mac;
                     
           // let imageColor = 'white'; // In Konfig oben verschoben
            let statusBarColor = farbeGeraetOffline;
            let status = 2;
 
            if (getState(deviceActiveList[i]).val) {
                statusBarColor = farbeGeraetOnline;
                status = 1;
            }
  
            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; color: ${farbeAdapterWerte};">IP</div>
                               <div style="color: ${farbeAdapterWerte}; 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; color: ${farbeAdapterWerte};">MAC</div>
                               <div style="color: ${farbeAdapterWerte}; font-size: 14px; font-family: RobotoCondensed-LightItalic; text-align: right;">${macAddress}</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; color: ${farbeAdapterWerte};">Letze Anmeldung</div>
                               <div style="color: ${farbeAdapterWerte}; font-size: 14px; font-family: RobotoCondensed-LightItalic; text-align: right;">${lastanmeldung}</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; color: ${farbeAdapterWerte};">Letzte Abmeldung</div>
                               <div style="color: ${farbeAdapterWerte}; font-size: 14px; font-family: RobotoCondensed-LightItalic; text-align: right;">${lastabmeldung}</div>
                           </div>`
 
            deviceList.push({
                text: deviceName,
                subText: subText,
                statusBarColor: statusBarColor,
                image: image,
                imageColor: imageColor,
                listType: "text",
                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;
            }
        }
    }
}

    Mal am Rande, wirft der TR-064 Datum und Uhrzeit auch mit AM/PM aus? Muss mich noch damit beschäftigen wie ich das in "normale" Zeiten bekomme...

    S Offline
    S Offline
    seelmkrl
    schrieb am zuletzt editiert von
    #47

    So kannst du es abfrage ob es vorhanden ist !

    // Letzte Abmeldung auslesen
            if (extendedExists(id + '.lastInactive')) {    
            if(getState(id + '.lastInactive').notExist)  {lastabmeldung = 'noch nicht abgemeldet' }
                else {
                        lastabmeldung = getState(id + '.lastInactive').val;
                    }
            }
    1 Antwort Letzte Antwort
    0
    • NegaleinN Negalein

      @Machinima

      Ist es möglich, wie hier folgendes mit deinem Script umzusetzen?

      • eigene Bilder der Geräte verwendbar
      • bei Klick auf das Geräteicon soll sich die Gerätewebsite (als neuer Browsertab) öffnen
      M Offline
      M Offline
      Machinima
      schrieb am zuletzt editiert von
      #48

      @Negalein said in Material Design Widets: Netzwerk Status:

      @Machinima

      Ist es möglich, wie hier folgendes mit deinem Script umzusetzen?

      • eigene Bilder der Geräte verwendbar
      • bei Klick auf das Geräteicon soll sich die Gerätewebsite (als neuer Browsertab) öffnen

      Das ist kein Problem. Bau ich ein

      ub.privatU M 2 Antworten Letzte Antwort
      2
      • B bommel_030

        @Machinima
        Ich habe mal dein Skript um die letzte An- und Abmeldung erweitert. Die entsprechenden States werden im TR064-Adapter allerdings erst gesetzt wenn Sie benötigt werden. Also alle fehlenden An- / bzw. Abmeldungen abgefangen und das Widget füllt sich sauber.
        widget.png
        Leider schreibt er mir für jeden State den er nicht findet eine Warnung ins LOG. Hab mich auch mit existsState(id) beschäftigt, bin mit meinen rudimentären JavaScript-Fähigkeiten aber gescheitert... Vielleicht kannst du oder @Scrounger mit ja nen Tipp geben wie ich die Warnmeldungen abfangen kann.

        Und wenn wir schon dabei sind, gibt es eine Möglichkeit, die Dicke der StatusBar im Skript zu ändern? Also sinngemäß, bei grün = 4px, bei rot = 8 px?

        Wenn ich über CSS gehe, dann macht er mir ja immer alle entsprechend dick, oder?

        
const moment = require("moment");
 
// Skript Einstellungen *************************************************************************************************************************************************
 
let dpList = '0_userdata.0.VIS.Datenpunkte.TR064.jsonList';                    // Datenpunkt für IconList Widget (Typ: Zeichenkette (String))
 
let dpSortMode = '0_userdata.0.VIS.Datenpunkte.TR064.sortMode';                // Datenpunkt für Sortieren (Typ: Zeichenkette (String))
let dpFilterMode = '0_userdata.0.VIS.Datenpunkte.TR064.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 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)

//let farbeAdapterWerte = '#eceff1';                                       // Sekundärfarbe Adapterwerte, einer muss auskommentiert sein !
let farbeAdapterWerte = getState('0_userdata.0.VIS.Farben.Schrift_AdapterStatus_SubText').val;   // Sekundärfarbe aus Datenpunkt, einer muss auskommentiert sein !
let imageColor = '#eceff1';
// über die IP erfolgt das Matching mit den Einträgen aus dem TR064-Adapter; Alias und Icon werden für die View benötigt; Icons siehe https://materialdesignicons.com/; weitere Einträge müsst ihr für euch ergänzen 
const deviceNames = 
[
{ ip: "192.168.10.1", alias: "Fritzbox Master",          icon: "router-wireless" }, 
{ ip: "192.168.10.2", alias: "Fritzbox Slave",          icon: "router-wireless-settings" },
];
 
// **********************************************************************************************************************************************************************
let lastanmeldung = 'tesa'
let lastabmeldung = 'kleber'

// 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 = 'help-network-outline';
            let deviceName = obj.common.name.replace(/ \((?:\d{1,3}\.){3}\d{1,3}\)/g, '');
            let device = deviceNames.find(element => element.ip == ipAddress);
            // Letzte Anmeldung auslesen
            if(getState(id + '.lastActive').notExist)  {lastanmeldung = 'noch nicht angemeldet' }
                else {
                        lastanmeldung = getState(id + '.lastActive').val;
                    }
            // Letzte Abmeldung auslesen
            if(getState(id + '.lastInactive').notExist)  {lastabmeldung = 'noch nicht abgemeldet' }
                else {
                        lastabmeldung = getState(id + '.lastInactive').val;
                    }


            if(device)
            {
                deviceName = device.alias;
                image = device.icon;
             }
 
            let macAddress = obj.native.mac;
                     
           // let imageColor = 'white'; // In Konfig oben verschoben
            let statusBarColor = farbeGeraetOffline;
            let status = 2;
 
            if (getState(deviceActiveList[i]).val) {
                statusBarColor = farbeGeraetOnline;
                status = 1;
            }
  
            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; color: ${farbeAdapterWerte};">IP</div>
                               <div style="color: ${farbeAdapterWerte}; 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; color: ${farbeAdapterWerte};">MAC</div>
                               <div style="color: ${farbeAdapterWerte}; font-size: 14px; font-family: RobotoCondensed-LightItalic; text-align: right;">${macAddress}</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; color: ${farbeAdapterWerte};">Letze Anmeldung</div>
                               <div style="color: ${farbeAdapterWerte}; font-size: 14px; font-family: RobotoCondensed-LightItalic; text-align: right;">${lastanmeldung}</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; color: ${farbeAdapterWerte};">Letzte Abmeldung</div>
                               <div style="color: ${farbeAdapterWerte}; font-size: 14px; font-family: RobotoCondensed-LightItalic; text-align: right;">${lastabmeldung}</div>
                           </div>`
 
            deviceList.push({
                text: deviceName,
                subText: subText,
                statusBarColor: statusBarColor,
                image: image,
                imageColor: imageColor,
                listType: "text",
                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;
            }
        }
    }
}

        Mal am Rande, wirft der TR-064 Datum und Uhrzeit auch mit AM/PM aus? Muss mich noch damit beschäftigen wie ich das in "normale" Zeiten bekomme...

        ub.privatU Offline
        ub.privatU Offline
        ub.privat
        schrieb am zuletzt editiert von ub.privat
        #49

        @bommel_030

        Wo hast du die ICON-Farbe auf weiss gestellt? Im Script oder Widget?
        Wie kann ich die Werte-Schriftart/-größe ändern?
        d6a5b56a-6a1b-4a56-b19c-c6216f4e7cbf-grafik.png
        Hier habe ich keinen Erfolg....

        Schriftart- und Größe habe ich gefunden. Scriptzeile 124- 131.
        Icon nun auch - Scriotzeile 115.

        Also alles gut...

        1 Antwort Letzte Antwort
        0
        • B bommel_030

          @Machinima
          Ich habe mal dein Skript um die letzte An- und Abmeldung erweitert. Die entsprechenden States werden im TR064-Adapter allerdings erst gesetzt wenn Sie benötigt werden. Also alle fehlenden An- / bzw. Abmeldungen abgefangen und das Widget füllt sich sauber.
          widget.png
          Leider schreibt er mir für jeden State den er nicht findet eine Warnung ins LOG. Hab mich auch mit existsState(id) beschäftigt, bin mit meinen rudimentären JavaScript-Fähigkeiten aber gescheitert... Vielleicht kannst du oder @Scrounger mit ja nen Tipp geben wie ich die Warnmeldungen abfangen kann.

          Und wenn wir schon dabei sind, gibt es eine Möglichkeit, die Dicke der StatusBar im Skript zu ändern? Also sinngemäß, bei grün = 4px, bei rot = 8 px?

          Wenn ich über CSS gehe, dann macht er mir ja immer alle entsprechend dick, oder?

          
const moment = require("moment");
 
// Skript Einstellungen *************************************************************************************************************************************************
 
let dpList = '0_userdata.0.VIS.Datenpunkte.TR064.jsonList';                    // Datenpunkt für IconList Widget (Typ: Zeichenkette (String))
 
let dpSortMode = '0_userdata.0.VIS.Datenpunkte.TR064.sortMode';                // Datenpunkt für Sortieren (Typ: Zeichenkette (String))
let dpFilterMode = '0_userdata.0.VIS.Datenpunkte.TR064.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 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)

//let farbeAdapterWerte = '#eceff1';                                       // Sekundärfarbe Adapterwerte, einer muss auskommentiert sein !
let farbeAdapterWerte = getState('0_userdata.0.VIS.Farben.Schrift_AdapterStatus_SubText').val;   // Sekundärfarbe aus Datenpunkt, einer muss auskommentiert sein !
let imageColor = '#eceff1';
// über die IP erfolgt das Matching mit den Einträgen aus dem TR064-Adapter; Alias und Icon werden für die View benötigt; Icons siehe https://materialdesignicons.com/; weitere Einträge müsst ihr für euch ergänzen 
const deviceNames = 
[
{ ip: "192.168.10.1", alias: "Fritzbox Master",          icon: "router-wireless" }, 
{ ip: "192.168.10.2", alias: "Fritzbox Slave",          icon: "router-wireless-settings" },
];
 
// **********************************************************************************************************************************************************************
let lastanmeldung = 'tesa'
let lastabmeldung = 'kleber'

// 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 = 'help-network-outline';
            let deviceName = obj.common.name.replace(/ \((?:\d{1,3}\.){3}\d{1,3}\)/g, '');
            let device = deviceNames.find(element => element.ip == ipAddress);
            // Letzte Anmeldung auslesen
            if(getState(id + '.lastActive').notExist)  {lastanmeldung = 'noch nicht angemeldet' }
                else {
                        lastanmeldung = getState(id + '.lastActive').val;
                    }
            // Letzte Abmeldung auslesen
            if(getState(id + '.lastInactive').notExist)  {lastabmeldung = 'noch nicht abgemeldet' }
                else {
                        lastabmeldung = getState(id + '.lastInactive').val;
                    }


            if(device)
            {
                deviceName = device.alias;
                image = device.icon;
             }
 
            let macAddress = obj.native.mac;
                     
           // let imageColor = 'white'; // In Konfig oben verschoben
            let statusBarColor = farbeGeraetOffline;
            let status = 2;
 
            if (getState(deviceActiveList[i]).val) {
                statusBarColor = farbeGeraetOnline;
                status = 1;
            }
  
            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; color: ${farbeAdapterWerte};">IP</div>
                               <div style="color: ${farbeAdapterWerte}; 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; color: ${farbeAdapterWerte};">MAC</div>
                               <div style="color: ${farbeAdapterWerte}; font-size: 14px; font-family: RobotoCondensed-LightItalic; text-align: right;">${macAddress}</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; color: ${farbeAdapterWerte};">Letze Anmeldung</div>
                               <div style="color: ${farbeAdapterWerte}; font-size: 14px; font-family: RobotoCondensed-LightItalic; text-align: right;">${lastanmeldung}</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; color: ${farbeAdapterWerte};">Letzte Abmeldung</div>
                               <div style="color: ${farbeAdapterWerte}; font-size: 14px; font-family: RobotoCondensed-LightItalic; text-align: right;">${lastabmeldung}</div>
                           </div>`
 
            deviceList.push({
                text: deviceName,
                subText: subText,
                statusBarColor: statusBarColor,
                image: image,
                imageColor: imageColor,
                listType: "text",
                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;
            }
        }
    }
}

          Mal am Rande, wirft der TR-064 Datum und Uhrzeit auch mit AM/PM aus? Muss mich noch damit beschäftigen wie ich das in "normale" Zeiten bekomme...

          ub.privatU Offline
          ub.privatU Offline
          ub.privat
          schrieb am zuletzt editiert von
          #50

          @bommel_030

          Hallo, irgndwie bekomme ich dein geändertes Script nicht ans laufen...

          7.3.2020, 15:58:53.353	[info ]: javascript.0 (27455) Start javascript script.js.NetzwerkStatusTR064_MaterialDesignWidget
7.3.2020, 15:58:53.366	[warn ]: javascript.0 (27455)     at script.js.NetzwerkStatusTR064_MaterialDesignWidget:25:25
7.3.2020, 15:58:53.377	[warn ]: javascript.0 (27455)     at netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:58:53.377	[warn ]: javascript.0 (27455)     at script.js.NetzwerkStatusTR064_MaterialDesignWidget:245:1
7.3.2020, 15:58:53.378	[warn ]: javascript.0 (27455)     at netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:58:53.379	[warn ]: javascript.0 (27455)     at script.js.NetzwerkStatusTR064_MaterialDesignWidget:245:1
7.3.2020, 15:58:53.380	[warn ]: javascript.0 (27455)     at netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:58:53.380	[warn ]: javascript.0 (27455)     at script.js.NetzwerkStatusTR064_MaterialDesignWidget:245:1
7.3.2020, 15:58:53.381	[warn ]: javascript.0 (27455)     at netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:58:53.381	[warn ]: javascript.0 (27455)     at script.js.NetzwerkStatusTR064_MaterialDesignWidget:245:1
7.3.2020, 15:58:53.382	[warn ]: javascript.0 (27455)     at netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:58:53.382	[warn ]: javascript.0 (27455)     at script.js.NetzwerkStatusTR064_MaterialDesignWidget:245:1
7.3.2020, 15:58:53.383	[warn ]: javascript.0 (27455)     at netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:58:53.383	[warn ]: javascript.0 (27455)     at script.js.NetzwerkStatusTR064_MaterialDesignWidget:245:1
7.3.2020, 15:58:53.384	[warn ]: javascript.0 (27455)     at netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:58:53.384	[warn ]: javascript.0 (27455)     at script.js.NetzwerkStatusTR064_MaterialDesignWidget:245:1
7.3.2020, 15:58:53.385	[warn ]: javascript.0 (27455)     at netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:58:53.386	[warn ]: javascript.0 (27455)     at script.js.NetzwerkStatusTR064_MaterialDesignWidget:245:1
7.3.2020, 15:58:53.388	[warn ]: javascript.0 (27455)     at netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:58:53.388	[warn ]: javascript.0 (27455)     at script.js.NetzwerkStatusTR064_MaterialDesignWidget:245:1
7.3.2020, 15:58:53.389	[warn ]: javascript.0 (27455)     at netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:58:53.389	[warn ]: javascript.0 (27455)     at script.js.NetzwerkStatusTR064_MaterialDesignWidget:245:1
7.3.2020, 15:58:53.390	[warn ]: javascript.0 (27455)     at netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:58:53.390	[warn ]: javascript.0 (27455)     at script.js.NetzwerkStatusTR064_MaterialDesignWidget:245:1
7.3.2020, 15:58:53.391	[warn ]: javascript.0 (27455)     at netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:58:53.391	[warn ]: javascript.0 (27455)     at script.js.NetzwerkStatusTR064_MaterialDesignWidget:245:1
7.3.2020, 15:58:53.392	[warn ]: javascript.0 (27455)     at netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:58:53.393	[warn ]: javascript.0 (27455)     at script.js.NetzwerkStatusTR064_MaterialDesignWidget:245:1
7.3.2020, 15:58:53.394	[warn ]: javascript.0 (27455)     at netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:58:53.394	[warn ]: javascript.0 (27455)     at script.js.NetzwerkStatusTR064_MaterialDesignWidget:245:1
7.3.2020, 15:58:53.395	[warn ]: javascript.0 (27455)     at netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:58:53.395	[warn ]: javascript.0 (27455)     at script.js.NetzwerkStatusTR064_MaterialDesignWidget:245:1
7.3.2020, 15:58:53.397	[warn ]: javascript.0 (27455)     at netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:58:53.397	[warn ]: javascript.0 (27455)     at script.js.NetzwerkStatusTR064_MaterialDesignWidget:245:1
7.3.2020, 15:58:53.398	[warn ]: javascript.0 (27455)     at netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:58:53.398	[warn ]: javascript.0 (27455)     at script.js.NetzwerkStatusTR064_MaterialDesignWidget:245:1
7.3.2020, 15:58:53.399	[warn ]: javascript.0 (27455)     at netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:58:53.399	[warn ]: javascript.0 (27455)     at script.js.NetzwerkStatusTR064_MaterialDesignWidget:245:1
7.3.2020, 15:58:53.400	[warn ]: javascript.0 (27455)     at netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:58:53.400	[warn ]: javascript.0 (27455)     at script.js.NetzwerkStatusTR064_MaterialDesignWidget:245:1
7.3.2020, 15:58:53.401	[warn ]: javascript.0 (27455)     at netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:58:53.401	[warn ]: javascript.0 (27455)     at script.js.NetzwerkStatusTR064_MaterialDesignWidget:245:1
7.3.2020, 15:58:53.403	[warn ]: javascript.0 (27455)     at netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:58:53.403	[warn ]: javascript.0 (27455)     at script.js.NetzwerkStatusTR064_MaterialDesignWidget:245:1
7.3.2020, 15:58:53.404	[warn ]: javascript.0 (27455)     at netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:58:53.405	[warn ]: javascript.0 (27455)     at script.js.NetzwerkStatusTR064_MaterialDesignWidget:245:1
7.3.2020, 15:58:53.406	[warn ]: javascript.0 (27455)     at netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:58:53.406	[warn ]: javascript.0 (27455)     at script.js.NetzwerkStatusTR064_MaterialDesignWidget:245:1
7.3.2020, 15:58:53.407	[warn ]: javascript.0 (27455)     at netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:58:53.407	[warn ]: javascript.0 (27455)     at script.js.NetzwerkStatusTR064_MaterialDesignWidget:245:1
7.3.2020, 15:58:53.408	[warn ]: javascript.0 (27455)     at netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:58:53.409	[warn ]: javascript.0 (27455)     at script.js.NetzwerkStatusTR064_MaterialDesignWidget:245:1
7.3.2020, 15:58:53.410	[warn ]: javascript.0 (27455)     at netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:58:53.410	[warn ]: javascript.0 (27455)     at script.js.NetzwerkStatusTR064_MaterialDesignWidget:245:1
7.3.2020, 15:58:53.411	[warn ]: javascript.0 (27455)     at netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:58:53.411	[warn ]: javascript.0 (27455)     at script.js.NetzwerkStatusTR064_MaterialDesignWidget:245:1
7.3.2020, 15:58:53.412	[warn ]: javascript.0 (27455)     at netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:58:53.412	[warn ]: javascript.0 (27455)     at script.js.NetzwerkStatusTR064_MaterialDesignWidget:245:1
7.3.2020, 15:58:53.413	[warn ]: javascript.0 (27455)     at netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:58:53.413	[warn ]: javascript.0 (27455)     at script.js.NetzwerkStatusTR064_MaterialDesignWidget:245:1
7.3.2020, 15:58:53.416	[warn ]: javascript.0 (27455)     at netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:211:13)
7.3.2020, 15:58:53.416	[warn ]: javascript.0 (27455)     at script.js.NetzwerkStatusTR064_MaterialDesignWidget:245:1
7.3.2020, 15:58:53.418	[warn ]: javascript.0 (27455)     at netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:212:13)
7.3.2020, 15:58:53.418	[warn ]: javascript.0 (27455)     at script.js.NetzwerkStatusTR064_MaterialDesignWidget:245:1
7.3.2020, 15:58:53.418	[info ]: javascript.0 (27455) script.js.NetzwerkStatusTR064_MaterialDesignWidget: registered 34 subscriptions and 1 schedule
7.3.2020, 15:59:00.002	[warn ]: javascript.0 (27455)     at Object.netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:59:00.008	[warn ]: javascript.0 (27455)     at Object.netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:59:00.012	[warn ]: javascript.0 (27455)     at Object.netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:59:00.014	[warn ]: javascript.0 (27455)     at Object.netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:59:00.017	[warn ]: javascript.0 (27455)     at Object.netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:59:00.020	[warn ]: javascript.0 (27455)     at Object.netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:59:00.023	[warn ]: javascript.0 (27455)     at Object.netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:59:00.026	[warn ]: javascript.0 (27455)     at Object.netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:59:00.029	[warn ]: javascript.0 (27455)     at Object.netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:59:00.031	[warn ]: javascript.0 (27455)     at Object.netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:59:00.034	[warn ]: javascript.0 (27455)     at Object.netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:59:00.036	[warn ]: javascript.0 (27455)     at Object.netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:59:00.039	[warn ]: javascript.0 (27455)     at Object.netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:59:00.043	[warn ]: javascript.0 (27455)     at Object.netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:59:00.047	[warn ]: javascript.0 (27455)     at Object.netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:59:00.058	[warn ]: javascript.0 (27455)     at Object.netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:59:00.064	[warn ]: javascript.0 (27455)     at Object.netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:59:00.069	[warn ]: javascript.0 (27455)     at Object.netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:59:00.075	[warn ]: javascript.0 (27455)     at Object.netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:59:00.081	[warn ]: javascript.0 (27455)     at Object.netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:59:00.098	[warn ]: javascript.0 (27455)     at Object.netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:59:00.104	[warn ]: javascript.0 (27455)     at Object.netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:59:00.108	[warn ]: javascript.0 (27455)     at Object.netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:59:00.112	[warn ]: javascript.0 (27455)     at Object.netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:59:00.116	[warn ]: javascript.0 (27455)     at Object.netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:59:00.120	[warn ]: javascript.0 (27455)     at Object.netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:59:00.125	[warn ]: javascript.0 (27455)     at Object.netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:59:00.129	[warn ]: javascript.0 (27455)     at Object.netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:59:00.132	[warn ]: javascript.0 (27455)     at Object.netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:59:00.137	[warn ]: javascript.0 (27455)     at Object.netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:211:13)
7.3.2020, 15:59:00.142	[warn ]: javascript.0 (27455)     at Object.netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:212:13)
7.3.2020, 15:59:09.886	[info ]: javascript.0 (27455) Stop script script.js.NetzwerkStatusTR064_MaterialDesignWidget
7.3.2020, 15:59:09.933	[info ]: javascript.0 (27455) Start javascript script.js.NetzwerkStatusTR064_MaterialDesignWidget
7.3.2020, 15:59:09.944	[warn ]: javascript.0 (27455)     at script.js.NetzwerkStatusTR064_MaterialDesignWidget:25:25
7.3.2020, 15:59:09.955	[warn ]: javascript.0 (27455)     at netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:59:09.955	[warn ]: javascript.0 (27455)     at script.js.NetzwerkStatusTR064_MaterialDesignWidget:245:1
7.3.2020, 15:59:09.956	[warn ]: javascript.0 (27455)     at netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:59:09.956	[warn ]: javascript.0 (27455)     at script.js.NetzwerkStatusTR064_MaterialDesignWidget:245:1
7.3.2020, 15:59:09.957	[warn ]: javascript.0 (27455)     at netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:59:09.957	[warn ]: javascript.0 (27455)     at script.js.NetzwerkStatusTR064_MaterialDesignWidget:245:1
7.3.2020, 15:59:09.958	[warn ]: javascript.0 (27455)     at netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:59:09.958	[warn ]: javascript.0 (27455)     at script.js.NetzwerkStatusTR064_MaterialDesignWidget:245:1
7.3.2020, 15:59:09.959	[warn ]: javascript.0 (27455)     at netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:59:09.959	[warn ]: javascript.0 (27455)     at script.js.NetzwerkStatusTR064_MaterialDesignWidget:245:1
7.3.2020, 15:59:09.959	[warn ]: javascript.0 (27455)     at netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:59:09.959	[warn ]: javascript.0 (27455)     at script.js.NetzwerkStatusTR064_MaterialDesignWidget:245:1
7.3.2020, 15:59:09.960	[warn ]: javascript.0 (27455)     at netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:59:09.960	[warn ]: javascript.0 (27455)     at script.js.NetzwerkStatusTR064_MaterialDesignWidget:245:1
7.3.2020, 15:59:09.961	[warn ]: javascript.0 (27455)     at netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:59:09.961	[warn ]: javascript.0 (27455)     at script.js.NetzwerkStatusTR064_MaterialDesignWidget:245:1
7.3.2020, 15:59:09.962	[warn ]: javascript.0 (27455)     at netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:59:09.962	[warn ]: javascript.0 (27455)     at script.js.NetzwerkStatusTR064_MaterialDesignWidget:245:1
7.3.2020, 15:59:09.963	[warn ]: javascript.0 (27455)     at netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:59:09.963	[warn ]: javascript.0 (27455)     at script.js.NetzwerkStatusTR064_MaterialDesignWidget:245:1
7.3.2020, 15:59:09.963	[warn ]: javascript.0 (27455)     at netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:59:09.964	[warn ]: javascript.0 (27455)     at script.js.NetzwerkStatusTR064_MaterialDesignWidget:245:1
7.3.2020, 15:59:09.964	[warn ]: javascript.0 (27455)     at netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:59:09.964	[warn ]: javascript.0 (27455)     at script.js.NetzwerkStatusTR064_MaterialDesignWidget:245:1
7.3.2020, 15:59:09.965	[warn ]: javascript.0 (27455)     at netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:59:09.965	[warn ]: javascript.0 (27455)     at script.js.NetzwerkStatusTR064_MaterialDesignWidget:245:1
7.3.2020, 15:59:09.966	[warn ]: javascript.0 (27455)     at netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:59:09.966	[warn ]: javascript.0 (27455)     at script.js.NetzwerkStatusTR064_MaterialDesignWidget:245:1
7.3.2020, 15:59:09.967	[warn ]: javascript.0 (27455)     at netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:59:09.967	[warn ]: javascript.0 (27455)     at script.js.NetzwerkStatusTR064_MaterialDesignWidget:245:1
7.3.2020, 15:59:09.967	[warn ]: javascript.0 (27455)     at netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:59:09.968	[warn ]: javascript.0 (27455)     at script.js.NetzwerkStatusTR064_MaterialDesignWidget:245:1
7.3.2020, 15:59:09.968	[warn ]: javascript.0 (27455)     at netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:59:09.968	[warn ]: javascript.0 (27455)     at script.js.NetzwerkStatusTR064_MaterialDesignWidget:245:1
7.3.2020, 15:59:09.969	[warn ]: javascript.0 (27455)     at netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:59:09.969	[warn ]: javascript.0 (27455)     at script.js.NetzwerkStatusTR064_MaterialDesignWidget:245:1
7.3.2020, 15:59:09.970	[warn ]: javascript.0 (27455)     at netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:59:09.970	[warn ]: javascript.0 (27455)     at script.js.NetzwerkStatusTR064_MaterialDesignWidget:245:1
7.3.2020, 15:59:09.971	[warn ]: javascript.0 (27455)     at netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:59:09.971	[warn ]: javascript.0 (27455)     at script.js.NetzwerkStatusTR064_MaterialDesignWidget:245:1
7.3.2020, 15:59:09.971	[warn ]: javascript.0 (27455)     at netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:59:09.972	[warn ]: javascript.0 (27455)     at script.js.NetzwerkStatusTR064_MaterialDesignWidget:245:1
7.3.2020, 15:59:09.972	[warn ]: javascript.0 (27455)     at netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:59:09.972	[warn ]: javascript.0 (27455)     at script.js.NetzwerkStatusTR064_MaterialDesignWidget:245:1
7.3.2020, 15:59:09.973	[warn ]: javascript.0 (27455)     at netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:59:09.973	[warn ]: javascript.0 (27455)     at script.js.NetzwerkStatusTR064_MaterialDesignWidget:245:1
7.3.2020, 15:59:09.974	[warn ]: javascript.0 (27455)     at netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:59:09.974	[warn ]: javascript.0 (27455)     at script.js.NetzwerkStatusTR064_MaterialDesignWidget:245:1
7.3.2020, 15:59:09.975	[warn ]: javascript.0 (27455)     at netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:59:09.975	[warn ]: javascript.0 (27455)     at script.js.NetzwerkStatusTR064_MaterialDesignWidget:245:1
7.3.2020, 15:59:09.975	[warn ]: javascript.0 (27455)     at netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:59:09.976	[warn ]: javascript.0 (27455)     at script.js.NetzwerkStatusTR064_MaterialDesignWidget:245:1
7.3.2020, 15:59:09.976	[warn ]: javascript.0 (27455)     at netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:59:09.976	[warn ]: javascript.0 (27455)     at script.js.NetzwerkStatusTR064_MaterialDesignWidget:245:1
7.3.2020, 15:59:09.977	[warn ]: javascript.0 (27455)     at netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:59:09.978	[warn ]: javascript.0 (27455)     at script.js.NetzwerkStatusTR064_MaterialDesignWidget:245:1
7.3.2020, 15:59:09.979	[warn ]: javascript.0 (27455)     at netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:122:16)
7.3.2020, 15:59:09.979	[warn ]: javascript.0 (27455)     at script.js.NetzwerkStatusTR064_MaterialDesignWidget:245:1
7.3.2020, 15:59:09.981	[warn ]: javascript.0 (27455)     at netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:211:13)
7.3.2020, 15:59:09.981	[warn ]: javascript.0 (27455)     at script.js.NetzwerkStatusTR064_MaterialDesignWidget:245:1
7.3.2020, 15:59:09.982	[warn ]: javascript.0 (27455)     at netzwerkStatus (script.js.NetzwerkStatusTR064_MaterialDesignWidget:212:13)
7.3.2020, 15:59:09.982	[warn ]: javascript.0 (27455)     at script.js.NetzwerkStatusTR064_MaterialDesignWidget:245:1
7.3.2020, 15:59:09.983	[info ]: javascript.0 (27455) script.js.NetzwerkStatusTR064_MaterialDesignWidget: registered 34 subscriptions and 1 schedule

          In Zeile 16 - 122- 245 kann ich nicht wirklich etwas entdecken.
          Als Basis hatte ich @Machinima Script verwendet, welches ohne Probleme läuft.
          Die Integration von An- und Abmeldung fand ich interessant, jedoch bekomme ich es nicht ans laufen...:confounded: :confused:

          Kannst du eventuell den Fehler "sehen"???

          1 Antwort Letzte Antwort
          0
          • M Machinima

            @Negalein said in Material Design Widets: Netzwerk Status:

            @Machinima

            Ist es möglich, wie hier folgendes mit deinem Script umzusetzen?

            • eigene Bilder der Geräte verwendbar
            • bei Klick auf das Geräteicon soll sich die Gerätewebsite (als neuer Browsertab) öffnen

            Das ist kein Problem. Bau ich ein

            ub.privatU Offline
            ub.privatU Offline
            ub.privat
            schrieb am zuletzt editiert von
            #51

            @Machinima

            Hallo,

            habe dein Script am Laufen und in meine VIS integriert.
            Eins bringt mich noch zum Grübeln! Warum werden bei mir keine inaktiven Geräte angezeigt???
            Sobald ich ein Gerät aus dem LAN/WLAN nehme, ist es ganz weg. Die Card in der Visu wird nicht rot!?

            Ist das eine TR064-Adapter-Einstellung? Oder hab ich noch etwas im Script einzustellen?

            GlasfaserG 1 Antwort Letzte Antwort
            0
            • ub.privatU ub.privat

              @Machinima

              Hallo,

              habe dein Script am Laufen und in meine VIS integriert.
              Eins bringt mich noch zum Grübeln! Warum werden bei mir keine inaktiven Geräte angezeigt???
              Sobald ich ein Gerät aus dem LAN/WLAN nehme, ist es ganz weg. Die Card in der Visu wird nicht rot!?

              Ist das eine TR064-Adapter-Einstellung? Oder hab ich noch etwas im Script einzustellen?

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

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

              Sobald ich ein Gerät aus dem LAN/WLAN nehme, ist es ganz weg.

              Das Script funktioniert super ... da braucht man nichts einstellen .
              2222.JPG

              Bei dir würde das heißen , das der Datenpunkt vom Handy bei TR064 kommplett verschwinden würde , da das Script die aktuellen Datenpunkte ja nimmt .

              Was passiert denn mit den Datenpunkten bei TR064 , wenn Gerät aus dem LAN/WLAN nimmst !?

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

              ub.privatU 1 Antwort Letzte Antwort
              0
              • GlasfaserG Glasfaser

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

                Sobald ich ein Gerät aus dem LAN/WLAN nehme, ist es ganz weg.

                Das Script funktioniert super ... da braucht man nichts einstellen .
                2222.JPG

                Bei dir würde das heißen , das der Datenpunkt vom Handy bei TR064 kommplett verschwinden würde , da das Script die aktuellen Datenpunkte ja nimmt .

                Was passiert denn mit den Datenpunkten bei TR064 , wenn Gerät aus dem LAN/WLAN nimmst !?

                ub.privatU Offline
                ub.privatU Offline
                ub.privat
                schrieb am zuletzt editiert von
                #53

                @Glasfaser

                Funktioniert "fast" alles. Nachdem ich im Adapter auch die inaktiven Geräte mit MAC-Adresse versehen habe, funktioniert es, d.h. auch inaktive Geräte werden angezeigt.
                Was aber nicht funktioniert ist die rechte Scroll-Leiste. Die Anordnung der Cards ist statisch, das heißt, ab Bildende wird alles abgeschnitten????

                Habt ihr dazu einen "Denkansatz", wo ich suchen muss???

                GlasfaserG 1 Antwort Letzte Antwort
                0
                • ub.privatU ub.privat

                  @Glasfaser

                  Funktioniert "fast" alles. Nachdem ich im Adapter auch die inaktiven Geräte mit MAC-Adresse versehen habe, funktioniert es, d.h. auch inaktive Geräte werden angezeigt.
                  Was aber nicht funktioniert ist die rechte Scroll-Leiste. Die Anordnung der Cards ist statisch, das heißt, ab Bildende wird alles abgeschnitten????

                  Habt ihr dazu einen "Denkansatz", wo ich suchen muss???

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

                  @ub-privat

                  Das kann passieren wenn deine Gerätenamen zu lang sind , hatte ich auch erst letztens , sind deine reine Widget Einstellungen .

                  Dort ist auch der Link zur Beschreibung von Scrounger drin 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 ..

                  ub.privatU 1 Antwort Letzte Antwort
                  0
                  • GlasfaserG Glasfaser

                    @ub-privat

                    Das kann passieren wenn deine Gerätenamen zu lang sind , hatte ich auch erst letztens , sind deine reine Widget Einstellungen .

                    Dort ist auch der Link zur Beschreibung von Scrounger drin Link Text

                    ub.privatU Offline
                    ub.privatU Offline
                    ub.privat
                    schrieb am zuletzt editiert von
                    #55

                    @Glasfaser

                    Ich denke, dass es nicht an der Namenslänge des Device liegt.
                    Es sind zu viele Cards in der "Bildhöhe". Dazu brauchts die Scroll-Leiste.

                    View wo es funktioniert:
                    70790bb1-dc49-4736-8fbd-477e5a6d8619-grafik.png

                    Hier funktioniert es eben nicht:
                    a3f68998-fd65-43e2-a2e7-1ec2ee725e6d-grafik.png

                    Beide Views bauen auf @Scrounger seinem Listenelement auf.

                    Ich weiß nicht wirklich wo ich "suchen" muss.

                    GlasfaserG 1 Antwort Letzte Antwort
                    0
                    • ub.privatU ub.privat

                      @Glasfaser

                      Ich denke, dass es nicht an der Namenslänge des Device liegt.
                      Es sind zu viele Cards in der "Bildhöhe". Dazu brauchts die Scroll-Leiste.

                      View wo es funktioniert:
                      70790bb1-dc49-4736-8fbd-477e5a6d8619-grafik.png

                      Hier funktioniert es eben nicht:
                      a3f68998-fd65-43e2-a2e7-1ec2ee725e6d-grafik.png

                      Beide Views bauen auf @Scrounger seinem Listenelement auf.

                      Ich weiß nicht wirklich wo ich "suchen" muss.

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

                      @ub-privat

                      Hast du auch den Link gesehen , den mir Scrounger gegeben hat !?

                      Link Text

                      Zitat: View wo es funktioniert: , Hier funktioniert es eben nicht:
                      verstehe ich nicht was du mit View meinst

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

                      ub.privatU 1 Antwort Letzte Antwort
                      0
                      • GlasfaserG Glasfaser

                        @ub-privat

                        Hast du auch den Link gesehen , den mir Scrounger gegeben hat !?

                        Link Text

                        Zitat: View wo es funktioniert: , Hier funktioniert es eben nicht:
                        verstehe ich nicht was du mit View meinst

                        ub.privatU Offline
                        ub.privatU Offline
                        ub.privat
                        schrieb am zuletzt editiert von ub.privat
                        #57

                        @Glasfaser

                        Bei dem "Scrounger-Adapter-Script" habe ich im Widget einen Scrollbalken:
                        72ccc734-8c7e-4422-8001-9ad3cfc1d3b8-grafik.png

                        Leider ist der Scrollbalken im "Machinima-TR064-Script" nicht vorhanden:
                        5aba7c79-73fd-4a67-b3b1-6cf81e37634a-grafik.png

                        Somit kann ich die unteren Cards nicht einsehen, da ein Scrollen nach unten nicht möglich ist!

                        @Machinima - hast du eventuell eine Idee, woran es liegen könnte?
                        @bommel_030 - nutze das erweiterte Script von @Machinima

                        Nach meiner Laienmeinung kann dies nur am Script liegen....

                        GlasfaserG 1 Antwort Letzte Antwort
                        0
                        • ub.privatU ub.privat

                          @Glasfaser

                          Bei dem "Scrounger-Adapter-Script" habe ich im Widget einen Scrollbalken:
                          72ccc734-8c7e-4422-8001-9ad3cfc1d3b8-grafik.png

                          Leider ist der Scrollbalken im "Machinima-TR064-Script" nicht vorhanden:
                          5aba7c79-73fd-4a67-b3b1-6cf81e37634a-grafik.png

                          Somit kann ich die unteren Cards nicht einsehen, da ein Scrollen nach unten nicht möglich ist!

                          @Machinima - hast du eventuell eine Idee, woran es liegen könnte?
                          @bommel_030 - nutze das erweiterte Script von @Machinima

                          Nach meiner Laienmeinung kann dies nur am Script liegen....

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

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

                          @Glasfaser
                          Nach meiner Laienmeinung kann dies nur am Script liegen....

                          Nö ... das sind reine Widget Einstellungen ...

                          Vergleiche mal ;)

                          Widget TR064 :

                          tr064.JPG

                          Widget Scrounger-Adapter-Script

                          skript.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 ..

                          ub.privatU 1 Antwort Letzte Antwort
                          0
                          • GlasfaserG Glasfaser

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

                            @Glasfaser
                            Nach meiner Laienmeinung kann dies nur am Script liegen....

                            Nö ... das sind reine Widget Einstellungen ...

                            Vergleiche mal ;)

                            Widget TR064 :

                            tr064.JPG

                            Widget Scrounger-Adapter-Script

                            skript.JPG

                            ub.privatU Offline
                            ub.privatU Offline
                            ub.privat
                            schrieb am zuletzt editiert von
                            #59

                            @Glasfaser

                            DANKE, du hattest recht. Einfach mal das Hirn einschalten - Y-Overflow auf "auto" und es funktioniert...
                            Perfekt und DANKE!!! :+1: :+1: :blush:

                            1 Antwort Letzte Antwort
                            0
                            • M Offline
                              M Offline
                              Machinima
                              schrieb am zuletzt editiert von
                              #60

                              Ich habe die View und das Skript leicht angepasst, siehe 1. Post.
                              Es ist jetzt möglich, Links zu vergeben.
                              Ich arbeite auch bereits an einer Version, bei der man wahlweise zwischen eigenen Bildern oder den Material Design Icons switchen kann.

                              GlasfaserG ub.privatU NegaleinN 3 Antworten Letzte Antwort
                              2
                              • M Machinima

                                Ich habe die View und das Skript leicht angepasst, siehe 1. Post.
                                Es ist jetzt möglich, Links zu vergeben.
                                Ich arbeite auch bereits an einer Version, bei der man wahlweise zwischen eigenen Bildern oder den Material Design Icons switchen kann.

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

                                @Machinima

                                Top :+1:

                                Link geht auch .....

                                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
                                0
                                • M Machinima

                                  Ich habe die View und das Skript leicht angepasst, siehe 1. Post.
                                  Es ist jetzt möglich, Links zu vergeben.
                                  Ich arbeite auch bereits an einer Version, bei der man wahlweise zwischen eigenen Bildern oder den Material Design Icons switchen kann.

                                  ub.privatU Offline
                                  ub.privatU Offline
                                  ub.privat
                                  schrieb am zuletzt editiert von
                                  #62

                                  @Machinima

                                  Prima, deine Ergänzungen funktionieren einwandfrei. Arbeitest du auch die Ergänzungen (An- und Abmeldung) von @bommel_030 mit ein???

                                  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

                                    H Offline
                                    H Offline
                                    helfi9999
                                    schrieb am zuletzt editiert von
                                    #63

                                    @Machinima Hi finde was du machst genial.
                                    Eine Frage hätte ich wie kann man die Farbe des Image


                                    Bild 1.png
                                    ändern??
                                    Danke schonmal im vorraus

                                    Intel NUC mit Iobroker

                                    GlasfaserG 1 Antwort Letzte Antwort
                                    1
                                    • H helfi9999

                                      @Machinima Hi finde was du machst genial.
                                      Eine Frage hätte ich wie kann man die Farbe des Image


                                      Bild 1.png
                                      ändern??
                                      Danke schonmal im vorraus

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

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

                                      H 1 Antwort Letzte Antwort
                                      0
                                      • M Machinima

                                        Ich habe die View und das Skript leicht angepasst, siehe 1. Post.
                                        Es ist jetzt möglich, Links zu vergeben.
                                        Ich arbeite auch bereits an einer Version, bei der man wahlweise zwischen eigenen Bildern oder den Material Design Icons switchen kann.

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

                                        @Machinima sagte in Material Design Widets: Netzwerk Status:

                                        Ich habe die View und das Skript leicht angepasst, siehe 1. Post.

                                        Super, dann warte ich mit dem Script noch bis die eigenen Bilder kommen. :)
                                        Es läuft ja nichts davon

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

                                        1 Antwort Letzte Antwort
                                        0
                                        • GlasfaserG Glasfaser

                                          1.JPG

                                          H Offline
                                          H Offline
                                          helfi9999
                                          schrieb am zuletzt editiert von
                                          #66

                                          @Glasfaser Danke habe es auch gerade gefunden.
                                          :+1:

                                          Intel NUC mit Iobroker

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

                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          852

                                          Online

                                          32.4k

                                          Benutzer

                                          81.4k

                                          Themen

                                          1.3m

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