Skip to content
  • Home
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • 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

  • Default (No Skin)
  • No Skin
Collapse
ioBroker Logo

Community Forum

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

NEWS

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    17
    1
    2.0k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    927

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.2k

Material Design Widets: Netzwerk Status

Scheduled Pinned Locked Moved Praktische Anwendungen (Showcase)
280 Posts 50 Posters 55.6k Views 65 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • H HoffmannOs

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

    D Offline
    D Offline
    darkiop
    Most Active
    wrote on last edited by
    #32

    @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 :)

    Proxmox-ioBroker-Redis-HA Doku: https://forum.iobroker.net/topic/47478/dokumentation-einer-proxmox-iobroker-redis-ha-umgebung

    H 1 Reply Last reply
    0
    • D darkiop

      @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 Offline
      H Offline
      HoffmannOs
      wrote on last edited by
      #33

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

      1 Reply Last reply
      0
      • P Offline
        P Offline
        PatrickFro
        wrote on last edited by PatrickFro
        #34

        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 SchleichS 1 Reply Last reply
        0
        • P 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 SchleichS Offline
          Stephan SchleichS Offline
          Stephan Schleich
          wrote on last edited by
          #35

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

          1 Reply Last reply
          1
          • P Offline
            P Offline
            PatrickFro
            wrote on last edited by
            #36

            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
            0
            • M Offline
              M Offline
              Machinima
              wrote on last edited by
              #37

              @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

              sigi234S 1 Reply Last reply
              0
              • M Machinima

                @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

                sigi234S Online
                sigi234S Online
                sigi234
                Forum Testing Most Active
                wrote on last edited by
                #38

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

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

                1 Reply Last reply
                0
                • M Offline
                  M Offline
                  Machinima
                  wrote on last edited by
                  #39

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

                  sigi234S 1 Reply Last reply
                  0
                  • M Machinima

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

                    sigi234S Online
                    sigi234S Online
                    sigi234
                    Forum Testing Most Active
                    wrote on last edited by
                    #40

                    @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

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

                    1 Reply Last reply
                    0
                    • M Offline
                      M Offline
                      Machinima
                      wrote on last edited by
                      #41

                      @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?

                      sigi234S 1 Reply Last reply
                      0
                      • M Machinima

                        @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?

                        sigi234S Online
                        sigi234S Online
                        sigi234
                        Forum Testing Most Active
                        wrote on last edited by
                        #42

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

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

                        1 Reply Last reply
                        0
                        • B Offline
                          B Offline
                          bommel_030
                          wrote on last edited by
                          #43

                          @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.privatU 3 Replies Last reply
                          0
                          • M Offline
                            M Offline
                            Machinima
                            wrote on last edited by Machinima
                            #44

                            @sigi234
                            Dann kannst du mich sicherlich darüber aufklären, wie ich deine Anfrage umsetzen soll, wenn es diese Funktion nicht gibt. Ich möchte es wirklich gerne verstehen.

                            @bommel_030 said in Material Design Widets: Netzwerk Status:

                            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.

                            Du meinst sicherlich den state lastInactive, oder? lastActive und lastInactive werden bei mir, aus irgendeinem Grund, nicht zuverlässig gesetzt, deswegen habe ich sie erst gar nicht in das Skript mit aufgenommen. Schaue ich mir an!

                            @bommel_030 said in Material Design Widets: Netzwerk Status:

                            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?

                            Da bin ich überfragt. Vielleicht kann @Scrounger dazu eine Antwort geben.

                            @bommel_030 said in Material Design Widets: Netzwerk Status:

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

                            Das schaue ich mir auch mal an. Bisher werden die Uhrzeiten bei mir nicht wirklich zuverlässig gesetzt. Das lässt sich aber sicherlich über eine der zahlreichen NPM-Module herausfinden.

                            ScroungerS 1 Reply Last reply
                            0
                            • M Machinima

                              @sigi234
                              Dann kannst du mich sicherlich darüber aufklären, wie ich deine Anfrage umsetzen soll, wenn es diese Funktion nicht gibt. Ich möchte es wirklich gerne verstehen.

                              @bommel_030 said in Material Design Widets: Netzwerk Status:

                              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.

                              Du meinst sicherlich den state lastInactive, oder? lastActive und lastInactive werden bei mir, aus irgendeinem Grund, nicht zuverlässig gesetzt, deswegen habe ich sie erst gar nicht in das Skript mit aufgenommen. Schaue ich mir an!

                              @bommel_030 said in Material Design Widets: Netzwerk Status:

                              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?

                              Da bin ich überfragt. Vielleicht kann @Scrounger dazu eine Antwort geben.

                              @bommel_030 said in Material Design Widets: Netzwerk Status:

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

                              Das schaue ich mir auch mal an. Bisher werden die Uhrzeiten bei mir nicht wirklich zuverlässig gesetzt. Das lässt sich aber sicherlich über eine der zahlreichen NPM-Module herausfinden.

                              ScroungerS Offline
                              ScroungerS Offline
                              Scrounger
                              Developer
                              wrote on last edited by
                              #45

                              @Machinima sagte in Material Design Widets: Netzwerk Status:

                              @bommel_030 said in Material Design Widets: Netzwerk Status:

                              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?

                              Da bin ich überfragt. Vielleicht kann @Scrounger dazu eine Antwort geben.

                              Das geht leider nicht.

                              @bommel_030 said in Material Design Widets: Netzwerk Status:

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

                              Das schaue ich mir auch mal an. Bisher werden die Uhrzeiten bei mir nicht wirklich zuverlässig gesetzt. Das lässt sich aber sicherlich über eine der zahlreichen NPM-Module herausfinden.

                              Kann man ganz einfach mit der momentjs lib umwandeln. Die hast eh schon in deinem Skript drin ;)

                              1 Reply Last reply
                              0
                              • NegaleinN Offline
                                NegaleinN Offline
                                Negalein
                                Global Moderator
                                wrote on last edited by Negalein
                                #46

                                @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

                                ° Node.js & System Update ---> sudo apt update, iob stop, sudo apt full-upgrade
                                ° Node.js Fixer ---> iob nodejs-update
                                ° Fixer ---> iob fix

                                M 1 Reply Last reply
                                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...

                                  S Offline
                                  S Offline
                                  seelmkrl
                                  wrote on last edited by
                                  #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 Reply Last reply
                                  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
                                    wrote on last edited by
                                    #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 Replies Last reply
                                    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
                                      wrote on last edited by 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 Reply Last reply
                                      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
                                        wrote on last edited by
                                        #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 Reply Last reply
                                        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
                                          wrote on last edited by
                                          #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 Reply Last reply
                                          0
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          699

                                          Online

                                          32.6k

                                          Users

                                          82.2k

                                          Topics

                                          1.3m

                                          Posts
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Login

                                          • Don't have an account? Register

                                          • Login or register to search.
                                          • First post
                                            Last post
                                          0
                                          • Home
                                          • Recent
                                          • Tags
                                          • Unread 0
                                          • Categories
                                          • Unreplied
                                          • Popular
                                          • GitHub
                                          • Docu
                                          • Hilfe