Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Praktische Anwendungen (Showcase)
    4. Material Design Widets: Netzwerk Status

    NEWS

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    Material Design Widets: Netzwerk Status

    This topic has been deleted. Only users with topic management privileges can see it.
    • Negalein
      Negalein Global Moderator @Glasfaser last edited by

      @Glasfaser sagte in Material Design Widets: Netzwerk Status:

      Den habe ich auch bzw. nicht bei mir ausgeblendet !

      Es funktioniert.
      Hab komplett von Neu begonnen. Funktionierte dann sofort.
      Danke nochmals.

      vis.png

      1 Reply Last reply Reply Quote 0
      • M
        Machinima last edited by

        @Glasfaser @sigi234 Welchen Adapter meint ihr mit "Fritzbox"? Diesen hier, siehe Screenshot

        Fritzbox Adapter.png

        @Agria4800 @helfi9999 Ich habe mir mal den passenden Adapter installiert. So weit ich das auf den ersten Blick sehe, gibt es gar keine Objekte, die die IP- bzw. Mac-Adresse enthalten, hmmm. Da muss ich mich mal erstmal mit dem Adapter näher beschäftigen. Es sei denn, ihr könnt mir sofort sagen, wo ich die Infos ziehen kann.

        Negalein sigi234 Glasfaser 3 Replies Last reply Reply Quote 0
        • Negalein
          Negalein Global Moderator @Machinima last edited by

          @Machinima sagte in Material Design Widets: Netzwerk Status:

          So weit ich das auf den ersten Blick sehe, gibt es gar keine Objekte, die die IP- bzw. Mac-Adresse enthalten

          Ich hab 0.2.2 und sehe die IP

          objects - ioBroker.png

          1 Reply Last reply Reply Quote 0
          • sigi234
            sigi234 Forum Testing Most Active @Machinima last edited by

            @Machinima sagte in Material Design Widets: Netzwerk Status:

            Welchen Adapter meint ihr mit "Fritzbox"? Diesen hier, siehe Screenshot

            Screenshot (1905).png

            https://github.com/iobroker-community-adapters/ioBroker.tr-064

            1 Reply Last reply Reply Quote 0
            • Glasfaser
              Glasfaser @Machinima last edited by Glasfaser

              @Machinima

              Wie hier meine ich :

              siehe : IP Devices im Netzwerk - HTML Tabelle vis, Iqontrol

              liv-in-sky 1 Reply Last reply Reply Quote 0
              • liv-in-sky
                liv-in-sky @Glasfaser last edited by

                @Glasfaser wenn ihr da etwas braucht - evtl ein json file - evtl könnte ich das in das script einbauen und in einen datenpunkt schreiben - dann könnt ihr das für dieses script verwenden

                1 Reply Last reply Reply Quote 2
                • Stephan Schleich
                  Stephan Schleich last edited by

                  Fügt ihr neue Endgeräte immer manuell in den TR-64 ein oder hat das jemand automatisiert?
                  Ansonsten klappt's einwandfrei - Danke

                  1 Reply Last reply Reply Quote 0
                  • H
                    HoffmannOs last edited by

                    Kann ich das auch mit dem Unifi Adapter nutzen? was müsste ich dazu anpassen?

                    D 1 Reply Last reply Reply Quote 0
                    • D
                      darkiop Most Active @HoffmannOs last edited by

                      @HoffmannOs sagte in Material Design Widets: Netzwerk Status:

                      Kann ich das auch mit dem Unifi Adapter nutzen? was müsste ich dazu anpassen?

                      Eine Variante dafür ist gerade von @Scrounger in Arbeit - Geduld 🙂

                      H 1 Reply Last reply Reply Quote 0
                      • H
                        HoffmannOs @darkiop last edited by

                        @darkiop Mega! Sorry dann habe ich diesen Part wohl überlesen 😉

                        1 Reply Last reply Reply Quote 0
                        • P
                          PatrickFro last edited by PatrickFro

                          Nach einem katastophalen Update des TR 064 habe ich nun die Netzwerkansicht zum Laufen bekommen. Allerdings erscheinen bei mir seit etwa einer Stunde mehrere Geräte doppelt:

                          Sie sind jeweils nur einfach hinterlegt. Woran kann dies liegen?

                          Stephan Schleich 1 Reply Last reply Reply Quote 0
                          • Stephan Schleich
                            Stephan Schleich @PatrickFro last edited by

                            @PatrickFro Du hast bestimmt doppelte Einträge im tr Adapter drin stehen

                            1 Reply Last reply Reply Quote 1
                            • P
                              PatrickFro last edited by

                              Super, vielen Dank. Ich habe auf der FritzBox einige Geräte umbenannt, diese konnte TR dann nicht mehr finden. Ich ging davon aus, dass über IP-Adresse sortiert wird.

                              Karteileichen im Adapter gelöscht, schon gehts wieder. Danke!

                              1 Reply Last reply Reply Quote 0
                              • M
                                Machinima last edited by

                                @sigi234
                                Genau den Adapter verwende ich doch im Skript, siehe 1. Post

                                @Stephan-Schleich
                                Bisher immer manuell. Ein Discovery der im Netzwerk verfügbaren Geräten über den Adapter gibt es bisher nicht. Keine Ahnung, ob das möglich. Da müsstest du mal in dem passenden Thread nachfragen.

                                @Glasfaser
                                Schau ich mir an

                                sigi234 1 Reply Last reply Reply Quote 0
                                • sigi234
                                  sigi234 Forum Testing Most Active @Machinima last edited by

                                  @Machinima sagte in Material Design Widets: Netzwerk Status:

                                  Genau den Adapter verwende ich doch im Skript, siehe 1. Post

                                  Dieser liest aber nicht das gesamte Netzwerk aus, sondern nur die eingetragenen im Adapter.

                                  1 Reply Last reply Reply Quote 0
                                  • M
                                    Machinima last edited by

                                    @sigi234
                                    Mehr kann der Adapter doch auch nicht. Oder habe ich hier was übersehen? Es werden nur die getrackt, die manuell eingetragen bzw. hinzugefügt wurden. Wenn das gesamte Netzwerk gescannt werden soll, müsste der Adapter angepasst werden.

                                    sigi234 1 Reply Last reply Reply Quote 0
                                    • sigi234
                                      sigi234 Forum Testing Most Active @Machinima last edited by

                                      @Machinima sagte in Material Design Widets: Netzwerk Status:

                                      @sigi234
                                      Mehr kann der Adapter doch auch nicht. Oder habe ich hier was übersehen? Es werden nur die getrackt, die manuell eingetragen bzw. hinzugefügt wurden. Wenn das gesamte Netzwerk gescannt werden soll, müsste der Adapter angepasst werden.

                                      Nein, so was wie hier:

                                      https://forum.iobroker.net/topic/30875/material-design-widgets-unifi-netzwerk-status

                                      1 Reply Last reply Reply Quote 0
                                      • M
                                        Machinima last edited by

                                        @sigi234
                                        Für das Scannen im gesamten Netzwerk gibt es ja bereits einen Thread, siehe IP Devices im Netzwerk - HTML Tabelle vis, Iqontrol. Da erstelle ich momentan ein Skript, dass die benötigten Daten automatisch erfasst. Aber für den TR064-Adapter kann ich mich nur wiederholen: die Geräte werden nicht automatisch hinzugefügt (siehe Readme Punkt Features -> Presence). Kannst du mir da die Funktion zeigen, so ich sie denn übersehen habe?

                                        sigi234 1 Reply Last reply Reply Quote 0
                                        • sigi234
                                          sigi234 Forum Testing Most Active @Machinima last edited by

                                          @Machinima sagte in Material Design Widets: Netzwerk Status:

                                          Aber für den TR064-Adapter kann ich mich nur wiederholen: die Geräte werden nicht automatisch hinzugefügt (siehe Readme Punkt Features -> Presence). Kannst du mir da die Funktion zeigen, so ich sie denn übersehen habe?

                                          Ja das weis ich du hast sie nicht übersehen.

                                          1 Reply Last reply Reply Quote 0
                                          • B
                                            bommel_030 last edited by

                                            @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 ub.privat 3 Replies Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            744
                                            Online

                                            31.7k
                                            Users

                                            79.8k
                                            Topics

                                            1.3m
                                            Posts

                                            50
                                            280
                                            38631
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo