Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

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

NEWS

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.3k

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

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

Material Design Widets: Netzwerk Status

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

    @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
    schrieb am zuletzt editiert von
    #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 Antwort Letzte Antwort
    0
    • M Offline
      M Offline
      Machinima
      schrieb am zuletzt editiert von
      #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 Antwort Letzte Antwort
      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
        schrieb am zuletzt editiert von
        #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 Antwort Letzte Antwort
        0
        • M Offline
          M Offline
          Machinima
          schrieb am zuletzt editiert von
          #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 Antwort Letzte Antwort
          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
            schrieb am zuletzt editiert von
            #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 Antwort Letzte Antwort
            0
            • B Nicht stören
              B Nicht stören
              bommel_030
              schrieb am zuletzt editiert von
              #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 Antworten Letzte Antwort
              0
              • M Offline
                M Offline
                Machinima
                schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                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
                  schrieb am zuletzt editiert von
                  #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 ;)

                  <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

                  <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

                  1 Antwort Letzte Antwort
                  0
                  • NegaleinN Offline
                    NegaleinN Offline
                    Negalein
                    Global Moderator
                    schrieb am zuletzt editiert von 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: 20.17.0 NPM: 10.8.2
                    ° Proxmox, Ubuntu 22.04.3 LTS
                    ° Fixer ---> iob fix

                    M 1 Antwort Letzte Antwort
                    0
                    • B bommel_030

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

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

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

                      
                      const moment = require("moment");
                       
                      // Skript Einstellungen *************************************************************************************************************************************************
                       
                      let dpList = '0_userdata.0.VIS.Datenpunkte.TR064.jsonList';                    // Datenpunkt für IconList Widget (Typ: Zeichenkette (String))
                       
                      let dpSortMode = '0_userdata.0.VIS.Datenpunkte.TR064.sortMode';                // Datenpunkt für Sortieren (Typ: Zeichenkette (String))
                      let dpFilterMode = '0_userdata.0.VIS.Datenpunkte.TR064.filterMode';            // Datenpunkt für Filter (Typ: Zeichenkette (String))
                       
                      const checkInterval = 30;                                                   // Interval wie oft Status der Skripte aktualisiert werden soll (in Sekunden)
                       
                      let sprache = 'de';                                                         // Sprache für formatierung letzte Änderung
                      let formatierungLastChange = "ddd DD.MM - HH:mm";                           // Formatierung letzte Änderung -> siehe momentjs library
                       
                      let farbeGeraetOnline = 'green';                                             // Status Bar Farbe wenn Geräte online ist
                      let farbeGeraetOffline = 'FireBrick';                                   // Status Bar Farbe wenn Geräte offline ist
                       
                      let sortResetAfter = 120;                                                   // Sortierung nach X Sekunden auf sortReset zurücksetzen (0=deaktiviert)
                      let sortReset = 'name'                                                      // Sortierung auf die zurückgesetzt werden soll
                       
                      let filterResetAfter = 120;                                                 // Filter nach X Sekunden zurücksetzen (0=deaktiviert)
                      
                      //let farbeAdapterWerte = '#eceff1';                                       // Sekundärfarbe Adapterwerte, einer muss auskommentiert sein !
                      let farbeAdapterWerte = getState('0_userdata.0.VIS.Farben.Schrift_AdapterStatus_SubText').val;   // Sekundärfarbe aus Datenpunkt, einer muss auskommentiert sein !
                      let imageColor = '#eceff1';
                      // über die IP erfolgt das Matching mit den Einträgen aus dem TR064-Adapter; Alias und Icon werden für die View benötigt; Icons siehe https://materialdesignicons.com/; weitere Einträge müsst ihr für euch ergänzen 
                      const deviceNames = 
                      [
                      { ip: "192.168.10.1", alias: "Fritzbox Master",          icon: "router-wireless" }, 
                      { ip: "192.168.10.2", alias: "Fritzbox Slave",          icon: "router-wireless-settings" },
                      ];
                       
                      // **********************************************************************************************************************************************************************
                      let lastanmeldung = 'tesa'
                      let lastabmeldung = 'kleber'
                      
                      // Fomate für moment Lib
                      moment.locale(sprache);
                       
                      // auf Änderungen aktiver Skripts hören
                      let activeSelector = `[id=tr-064.*.devices.*.active]`;
                      let deviceActiveList = $(activeSelector);
                      if (deviceActiveList.length === 0) {
                          // Fehlermeldung ausgeben, wenn selector kein result liefert
                          console.error(`no result for selector '${activeSelector}'`)
                      } else {
                          // listener nur für Änderung bei alive
                          deviceActiveList.on(netzwerkStatus);
                      } 
                      
                      // auf Änderungen der Sortieung hören
                      on({ id: dpSortMode, change: 'any' }, netzwerkStatus);
                      on({ id: dpSortMode, change: 'any' }, resetSort);
                       
                      // // auf Änderungen der Filter hören
                      on({ id: dpFilterMode, change: 'any' }, netzwerkStatus);
                      on({ id: dpFilterMode, change: 'any' }, resetFilter);
                       
                       
                      // Funktion adapterStatus alle x Sekunden ausführen
                      schedule('*/' + checkInterval + ' * * * * *', netzwerkStatus);
                       
                      function netzwerkStatus() {
                          try {
                              let deviceList = [];
                       
                              for (var i = 0; i <= deviceActiveList.length - 1; i++) {
                                  let id = deviceActiveList[i].replace('.active', '');
                                  let obj = getObject(id);
                       
                                  let pattern = /(?:\d{1,3}\.){3}\d{1,3}/i;
                       
                                  let ipAddress = obj.common.name.match(pattern)[0];
                                  let image = 'help-network-outline';
                                  let deviceName = obj.common.name.replace(/ \((?:\d{1,3}\.){3}\d{1,3}\)/g, '');
                                  let device = deviceNames.find(element => element.ip == ipAddress);
                                  // Letzte Anmeldung auslesen
                                  if(getState(id + '.lastActive').notExist)  {lastanmeldung = 'noch nicht angemeldet' }
                                      else {
                                              lastanmeldung = getState(id + '.lastActive').val;
                                          }
                                  // Letzte Abmeldung auslesen
                                  if(getState(id + '.lastInactive').notExist)  {lastabmeldung = 'noch nicht abgemeldet' }
                                      else {
                                              lastabmeldung = getState(id + '.lastInactive').val;
                                          }
                      
                      
                                  if(device)
                                  {
                                      deviceName = device.alias;
                                      image = device.icon;
                                   }
                       
                                  let macAddress = obj.native.mac;
                                           
                                 // let imageColor = 'white'; // In Konfig oben verschoben
                                  let statusBarColor = farbeGeraetOffline;
                                  let status = 2;
                       
                                  if (getState(deviceActiveList[i]).val) {
                                      statusBarColor = farbeGeraetOnline;
                                      status = 1;
                                  }
                        
                                  let subText = `<div style="display: flex; flex-direction: row; line-height: 1.3; padding-left: 1px; padding-right: 8px; align-items: center;">
                                                     <div style="flex: 1; color: ${farbeAdapterWerte};">IP</div>
                                                     <div style="color: ${farbeAdapterWerte}; font-size: 14px; font-family: RobotoCondensed-LightItalic; text-align: right;">${ipAddress}</div>
                                                 </div>
                                                 <div style="display: flex; flex-direction: row; line-height: 1.3; padding-left: 1px; padding-right: 8px; align-items: center;">
                                                     <div style="flex: 1; color: ${farbeAdapterWerte};">MAC</div>
                                                     <div style="color: ${farbeAdapterWerte}; font-size: 14px; font-family: RobotoCondensed-LightItalic; text-align: right;">${macAddress}</div>
                                                 </div>
                                                  <div style="display: flex; flex-direction: row; line-height: 1.3; padding-left: 1px; padding-right: 8px; align-items: center;">
                                                     <div style="flex: 1; color: ${farbeAdapterWerte};">Letze Anmeldung</div>
                                                     <div style="color: ${farbeAdapterWerte}; font-size: 14px; font-family: RobotoCondensed-LightItalic; text-align: right;">${lastanmeldung}</div>
                                                 </div>
                                                 <div style="display: flex; flex-direction: row; line-height: 1.3; padding-left: 1px; padding-right: 8px; align-items: center;">
                                                     <div style="flex: 1; color: ${farbeAdapterWerte};">Letzte Abmeldung</div>
                                                     <div style="color: ${farbeAdapterWerte}; font-size: 14px; font-family: RobotoCondensed-LightItalic; text-align: right;">${lastabmeldung}</div>
                                                 </div>`
                       
                                  deviceList.push({
                                      text: deviceName,
                                      subText: subText,
                                      statusBarColor: statusBarColor,
                                      image: image,
                                      imageColor: imageColor,
                                      listType: "text",
                                      showValueLabel: false,
                                      name: deviceName,
                                      ipAddress: ipAddress,
                                      status: status
                                  });
                              }
                       
                              let sortMode = myHelper().getStateValueIfExist(dpSortMode, 'name');
                       
                              if (sortMode === 'name' || sortMode === 'ipAddress') {
                                  deviceList.sort(function (a, b) {
                                      return a[sortMode].toLowerCase() == b[sortMode].toLowerCase() ? 0 : +(a[sortMode].toLowerCase() > b[sortMode].toLowerCase()) || -1;
                                  });
                              } else if (sortMode === 'status') {
                                  deviceList.sort(function (a, b) {
                                      return a[sortMode] == b[sortMode] ? 0 : +(a[sortMode] < b[sortMode]) || -1;
                                  });
                              } else {
                                  // default: nach name sortieren
                                  sortMode = 'name'
                                  deviceList.sort(function (a, b) {
                                      return a[sortMode].toLowerCase() == b[sortMode].toLowerCase() ? 0 : +(a[sortMode].toLowerCase() > b[sortMode].toLowerCase()) || -1;
                                  });
                              }
                       
                       
                              let filterMode = myHelper().getStateValueIfExist(dpFilterMode, null);
                       
                              if (filterMode && filterMode !== null && filterMode !== '') {
                                  if (filterMode === 'offline') {
                                      deviceList = deviceList.filter(function (item) {
                                          return item.status === 2;
                                      });
                                  } else if (filterMode === 'online') {
                                      deviceList = deviceList.filter(function (item) {
                                          return item.status === 1;
                                      });
                                  }
                              }
                       
                       
                              let result = JSON.stringify(deviceList);
                              if (getState(dpList) !== result) {
                                  setState(dpList, result, true);
                              }
                       
                          } catch (err) {
                              console.error(`[netzwerkStatus] error: ${err.message}, stack: ${err.stack}`);
                          }
                      }
                       
                      function resetSort() {
                          let sortMode = myHelper().getStateValueIfExist(dpSortMode, null);
                       
                          if (sortResetAfter > 0) {
                              setTimeout(function () {
                                  if (sortMode !== null && sortMode === myHelper().getStateValueIfExist(dpSortMode, null)) {
                                      setState(dpSortMode, sortReset);
                                  }
                              }, sortResetAfter * 1000);
                          }
                      }
                       
                      function resetFilter() {
                          let filterMode = myHelper().getStateValueIfExist(dpFilterMode, null);
                       
                          if (filterResetAfter > 0) {
                              setTimeout(function () {
                                  if (filterMode !== null && filterMode === myHelper().getStateValueIfExist(dpFilterMode, null)) {
                                      setState(dpFilterMode, '');
                                  }
                              }, filterResetAfter * 1000);
                          }
                      }
                       
                      // Beim Staren des Skriptes Adapter Status abrufen
                      netzwerkStatus();
                       
                      function myHelper() {
                          return {
                              getStateValueIfExist: function (id, nullValue = undefined, prepand = '', append = '') {
                                  if (existsState(id)) {
                                      return prepand + getState(id).val + append;
                                  } else {
                                      return nullValue;
                                  }
                              },
                              getCommonPropertyIfExist: function (object, prop, nullValue = undefined, prepand = '', append = '') {
                                  if (myHelper().checkCommonPropertyExist(object, prop)) {
                                      return prepand + object.common[prop] + append;
                                  } else {
                                      return nullValue;
                                  }
                              },
                              checkCommonPropertyExist: function (object, prop) {
                                  if (object && object.common && object.common[prop]) {
                                      return true;
                                  } else {
                                      return false;
                                  }
                              }
                          }
                      }
                      
                      
                      

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

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

                      So kannst du es abfrage ob es vorhanden ist !

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

                        @Machinima

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

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

                        @Negalein said in Material Design Widets: Netzwerk Status:

                        @Machinima

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

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

                        Das ist kein Problem. Bau ich ein

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

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

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

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

                          
                          const moment = require("moment");
                           
                          // Skript Einstellungen *************************************************************************************************************************************************
                           
                          let dpList = '0_userdata.0.VIS.Datenpunkte.TR064.jsonList';                    // Datenpunkt für IconList Widget (Typ: Zeichenkette (String))
                           
                          let dpSortMode = '0_userdata.0.VIS.Datenpunkte.TR064.sortMode';                // Datenpunkt für Sortieren (Typ: Zeichenkette (String))
                          let dpFilterMode = '0_userdata.0.VIS.Datenpunkte.TR064.filterMode';            // Datenpunkt für Filter (Typ: Zeichenkette (String))
                           
                          const checkInterval = 30;                                                   // Interval wie oft Status der Skripte aktualisiert werden soll (in Sekunden)
                           
                          let sprache = 'de';                                                         // Sprache für formatierung letzte Änderung
                          let formatierungLastChange = "ddd DD.MM - HH:mm";                           // Formatierung letzte Änderung -> siehe momentjs library
                           
                          let farbeGeraetOnline = 'green';                                             // Status Bar Farbe wenn Geräte online ist
                          let farbeGeraetOffline = 'FireBrick';                                   // Status Bar Farbe wenn Geräte offline ist
                           
                          let sortResetAfter = 120;                                                   // Sortierung nach X Sekunden auf sortReset zurücksetzen (0=deaktiviert)
                          let sortReset = 'name'                                                      // Sortierung auf die zurückgesetzt werden soll
                           
                          let filterResetAfter = 120;                                                 // Filter nach X Sekunden zurücksetzen (0=deaktiviert)
                          
                          //let farbeAdapterWerte = '#eceff1';                                       // Sekundärfarbe Adapterwerte, einer muss auskommentiert sein !
                          let farbeAdapterWerte = getState('0_userdata.0.VIS.Farben.Schrift_AdapterStatus_SubText').val;   // Sekundärfarbe aus Datenpunkt, einer muss auskommentiert sein !
                          let imageColor = '#eceff1';
                          // über die IP erfolgt das Matching mit den Einträgen aus dem TR064-Adapter; Alias und Icon werden für die View benötigt; Icons siehe https://materialdesignicons.com/; weitere Einträge müsst ihr für euch ergänzen 
                          const deviceNames = 
                          [
                          { ip: "192.168.10.1", alias: "Fritzbox Master",          icon: "router-wireless" }, 
                          { ip: "192.168.10.2", alias: "Fritzbox Slave",          icon: "router-wireless-settings" },
                          ];
                           
                          // **********************************************************************************************************************************************************************
                          let lastanmeldung = 'tesa'
                          let lastabmeldung = 'kleber'
                          
                          // Fomate für moment Lib
                          moment.locale(sprache);
                           
                          // auf Änderungen aktiver Skripts hören
                          let activeSelector = `[id=tr-064.*.devices.*.active]`;
                          let deviceActiveList = $(activeSelector);
                          if (deviceActiveList.length === 0) {
                              // Fehlermeldung ausgeben, wenn selector kein result liefert
                              console.error(`no result for selector '${activeSelector}'`)
                          } else {
                              // listener nur für Änderung bei alive
                              deviceActiveList.on(netzwerkStatus);
                          } 
                          
                          // auf Änderungen der Sortieung hören
                          on({ id: dpSortMode, change: 'any' }, netzwerkStatus);
                          on({ id: dpSortMode, change: 'any' }, resetSort);
                           
                          // // auf Änderungen der Filter hören
                          on({ id: dpFilterMode, change: 'any' }, netzwerkStatus);
                          on({ id: dpFilterMode, change: 'any' }, resetFilter);
                           
                           
                          // Funktion adapterStatus alle x Sekunden ausführen
                          schedule('*/' + checkInterval + ' * * * * *', netzwerkStatus);
                           
                          function netzwerkStatus() {
                              try {
                                  let deviceList = [];
                           
                                  for (var i = 0; i <= deviceActiveList.length - 1; i++) {
                                      let id = deviceActiveList[i].replace('.active', '');
                                      let obj = getObject(id);
                           
                                      let pattern = /(?:\d{1,3}\.){3}\d{1,3}/i;
                           
                                      let ipAddress = obj.common.name.match(pattern)[0];
                                      let image = 'help-network-outline';
                                      let deviceName = obj.common.name.replace(/ \((?:\d{1,3}\.){3}\d{1,3}\)/g, '');
                                      let device = deviceNames.find(element => element.ip == ipAddress);
                                      // Letzte Anmeldung auslesen
                                      if(getState(id + '.lastActive').notExist)  {lastanmeldung = 'noch nicht angemeldet' }
                                          else {
                                                  lastanmeldung = getState(id + '.lastActive').val;
                                              }
                                      // Letzte Abmeldung auslesen
                                      if(getState(id + '.lastInactive').notExist)  {lastabmeldung = 'noch nicht abgemeldet' }
                                          else {
                                                  lastabmeldung = getState(id + '.lastInactive').val;
                                              }
                          
                          
                                      if(device)
                                      {
                                          deviceName = device.alias;
                                          image = device.icon;
                                       }
                           
                                      let macAddress = obj.native.mac;
                                               
                                     // let imageColor = 'white'; // In Konfig oben verschoben
                                      let statusBarColor = farbeGeraetOffline;
                                      let status = 2;
                           
                                      if (getState(deviceActiveList[i]).val) {
                                          statusBarColor = farbeGeraetOnline;
                                          status = 1;
                                      }
                            
                                      let subText = `<div style="display: flex; flex-direction: row; line-height: 1.3; padding-left: 1px; padding-right: 8px; align-items: center;">
                                                         <div style="flex: 1; color: ${farbeAdapterWerte};">IP</div>
                                                         <div style="color: ${farbeAdapterWerte}; font-size: 14px; font-family: RobotoCondensed-LightItalic; text-align: right;">${ipAddress}</div>
                                                     </div>
                                                     <div style="display: flex; flex-direction: row; line-height: 1.3; padding-left: 1px; padding-right: 8px; align-items: center;">
                                                         <div style="flex: 1; color: ${farbeAdapterWerte};">MAC</div>
                                                         <div style="color: ${farbeAdapterWerte}; font-size: 14px; font-family: RobotoCondensed-LightItalic; text-align: right;">${macAddress}</div>
                                                     </div>
                                                      <div style="display: flex; flex-direction: row; line-height: 1.3; padding-left: 1px; padding-right: 8px; align-items: center;">
                                                         <div style="flex: 1; color: ${farbeAdapterWerte};">Letze Anmeldung</div>
                                                         <div style="color: ${farbeAdapterWerte}; font-size: 14px; font-family: RobotoCondensed-LightItalic; text-align: right;">${lastanmeldung}</div>
                                                     </div>
                                                     <div style="display: flex; flex-direction: row; line-height: 1.3; padding-left: 1px; padding-right: 8px; align-items: center;">
                                                         <div style="flex: 1; color: ${farbeAdapterWerte};">Letzte Abmeldung</div>
                                                         <div style="color: ${farbeAdapterWerte}; font-size: 14px; font-family: RobotoCondensed-LightItalic; text-align: right;">${lastabmeldung}</div>
                                                     </div>`
                           
                                      deviceList.push({
                                          text: deviceName,
                                          subText: subText,
                                          statusBarColor: statusBarColor,
                                          image: image,
                                          imageColor: imageColor,
                                          listType: "text",
                                          showValueLabel: false,
                                          name: deviceName,
                                          ipAddress: ipAddress,
                                          status: status
                                      });
                                  }
                           
                                  let sortMode = myHelper().getStateValueIfExist(dpSortMode, 'name');
                           
                                  if (sortMode === 'name' || sortMode === 'ipAddress') {
                                      deviceList.sort(function (a, b) {
                                          return a[sortMode].toLowerCase() == b[sortMode].toLowerCase() ? 0 : +(a[sortMode].toLowerCase() > b[sortMode].toLowerCase()) || -1;
                                      });
                                  } else if (sortMode === 'status') {
                                      deviceList.sort(function (a, b) {
                                          return a[sortMode] == b[sortMode] ? 0 : +(a[sortMode] < b[sortMode]) || -1;
                                      });
                                  } else {
                                      // default: nach name sortieren
                                      sortMode = 'name'
                                      deviceList.sort(function (a, b) {
                                          return a[sortMode].toLowerCase() == b[sortMode].toLowerCase() ? 0 : +(a[sortMode].toLowerCase() > b[sortMode].toLowerCase()) || -1;
                                      });
                                  }
                           
                           
                                  let filterMode = myHelper().getStateValueIfExist(dpFilterMode, null);
                           
                                  if (filterMode && filterMode !== null && filterMode !== '') {
                                      if (filterMode === 'offline') {
                                          deviceList = deviceList.filter(function (item) {
                                              return item.status === 2;
                                          });
                                      } else if (filterMode === 'online') {
                                          deviceList = deviceList.filter(function (item) {
                                              return item.status === 1;
                                          });
                                      }
                                  }
                           
                           
                                  let result = JSON.stringify(deviceList);
                                  if (getState(dpList) !== result) {
                                      setState(dpList, result, true);
                                  }
                           
                              } catch (err) {
                                  console.error(`[netzwerkStatus] error: ${err.message}, stack: ${err.stack}`);
                              }
                          }
                           
                          function resetSort() {
                              let sortMode = myHelper().getStateValueIfExist(dpSortMode, null);
                           
                              if (sortResetAfter > 0) {
                                  setTimeout(function () {
                                      if (sortMode !== null && sortMode === myHelper().getStateValueIfExist(dpSortMode, null)) {
                                          setState(dpSortMode, sortReset);
                                      }
                                  }, sortResetAfter * 1000);
                              }
                          }
                           
                          function resetFilter() {
                              let filterMode = myHelper().getStateValueIfExist(dpFilterMode, null);
                           
                              if (filterResetAfter > 0) {
                                  setTimeout(function () {
                                      if (filterMode !== null && filterMode === myHelper().getStateValueIfExist(dpFilterMode, null)) {
                                          setState(dpFilterMode, '');
                                      }
                                  }, filterResetAfter * 1000);
                              }
                          }
                           
                          // Beim Staren des Skriptes Adapter Status abrufen
                          netzwerkStatus();
                           
                          function myHelper() {
                              return {
                                  getStateValueIfExist: function (id, nullValue = undefined, prepand = '', append = '') {
                                      if (existsState(id)) {
                                          return prepand + getState(id).val + append;
                                      } else {
                                          return nullValue;
                                      }
                                  },
                                  getCommonPropertyIfExist: function (object, prop, nullValue = undefined, prepand = '', append = '') {
                                      if (myHelper().checkCommonPropertyExist(object, prop)) {
                                          return prepand + object.common[prop] + append;
                                      } else {
                                          return nullValue;
                                      }
                                  },
                                  checkCommonPropertyExist: function (object, prop) {
                                      if (object && object.common && object.common[prop]) {
                                          return true;
                                      } else {
                                          return false;
                                      }
                                  }
                              }
                          }
                          
                          
                          

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

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

                          @bommel_030

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

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

                          Also alles gut...

                          1 Antwort Letzte Antwort
                          0
                          • B bommel_030

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

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

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

                            
                            const moment = require("moment");
                             
                            // Skript Einstellungen *************************************************************************************************************************************************
                             
                            let dpList = '0_userdata.0.VIS.Datenpunkte.TR064.jsonList';                    // Datenpunkt für IconList Widget (Typ: Zeichenkette (String))
                             
                            let dpSortMode = '0_userdata.0.VIS.Datenpunkte.TR064.sortMode';                // Datenpunkt für Sortieren (Typ: Zeichenkette (String))
                            let dpFilterMode = '0_userdata.0.VIS.Datenpunkte.TR064.filterMode';            // Datenpunkt für Filter (Typ: Zeichenkette (String))
                             
                            const checkInterval = 30;                                                   // Interval wie oft Status der Skripte aktualisiert werden soll (in Sekunden)
                             
                            let sprache = 'de';                                                         // Sprache für formatierung letzte Änderung
                            let formatierungLastChange = "ddd DD.MM - HH:mm";                           // Formatierung letzte Änderung -> siehe momentjs library
                             
                            let farbeGeraetOnline = 'green';                                             // Status Bar Farbe wenn Geräte online ist
                            let farbeGeraetOffline = 'FireBrick';                                   // Status Bar Farbe wenn Geräte offline ist
                             
                            let sortResetAfter = 120;                                                   // Sortierung nach X Sekunden auf sortReset zurücksetzen (0=deaktiviert)
                            let sortReset = 'name'                                                      // Sortierung auf die zurückgesetzt werden soll
                             
                            let filterResetAfter = 120;                                                 // Filter nach X Sekunden zurücksetzen (0=deaktiviert)
                            
                            //let farbeAdapterWerte = '#eceff1';                                       // Sekundärfarbe Adapterwerte, einer muss auskommentiert sein !
                            let farbeAdapterWerte = getState('0_userdata.0.VIS.Farben.Schrift_AdapterStatus_SubText').val;   // Sekundärfarbe aus Datenpunkt, einer muss auskommentiert sein !
                            let imageColor = '#eceff1';
                            // über die IP erfolgt das Matching mit den Einträgen aus dem TR064-Adapter; Alias und Icon werden für die View benötigt; Icons siehe https://materialdesignicons.com/; weitere Einträge müsst ihr für euch ergänzen 
                            const deviceNames = 
                            [
                            { ip: "192.168.10.1", alias: "Fritzbox Master",          icon: "router-wireless" }, 
                            { ip: "192.168.10.2", alias: "Fritzbox Slave",          icon: "router-wireless-settings" },
                            ];
                             
                            // **********************************************************************************************************************************************************************
                            let lastanmeldung = 'tesa'
                            let lastabmeldung = 'kleber'
                            
                            // Fomate für moment Lib
                            moment.locale(sprache);
                             
                            // auf Änderungen aktiver Skripts hören
                            let activeSelector = `[id=tr-064.*.devices.*.active]`;
                            let deviceActiveList = $(activeSelector);
                            if (deviceActiveList.length === 0) {
                                // Fehlermeldung ausgeben, wenn selector kein result liefert
                                console.error(`no result for selector '${activeSelector}'`)
                            } else {
                                // listener nur für Änderung bei alive
                                deviceActiveList.on(netzwerkStatus);
                            } 
                            
                            // auf Änderungen der Sortieung hören
                            on({ id: dpSortMode, change: 'any' }, netzwerkStatus);
                            on({ id: dpSortMode, change: 'any' }, resetSort);
                             
                            // // auf Änderungen der Filter hören
                            on({ id: dpFilterMode, change: 'any' }, netzwerkStatus);
                            on({ id: dpFilterMode, change: 'any' }, resetFilter);
                             
                             
                            // Funktion adapterStatus alle x Sekunden ausführen
                            schedule('*/' + checkInterval + ' * * * * *', netzwerkStatus);
                             
                            function netzwerkStatus() {
                                try {
                                    let deviceList = [];
                             
                                    for (var i = 0; i <= deviceActiveList.length - 1; i++) {
                                        let id = deviceActiveList[i].replace('.active', '');
                                        let obj = getObject(id);
                             
                                        let pattern = /(?:\d{1,3}\.){3}\d{1,3}/i;
                             
                                        let ipAddress = obj.common.name.match(pattern)[0];
                                        let image = 'help-network-outline';
                                        let deviceName = obj.common.name.replace(/ \((?:\d{1,3}\.){3}\d{1,3}\)/g, '');
                                        let device = deviceNames.find(element => element.ip == ipAddress);
                                        // Letzte Anmeldung auslesen
                                        if(getState(id + '.lastActive').notExist)  {lastanmeldung = 'noch nicht angemeldet' }
                                            else {
                                                    lastanmeldung = getState(id + '.lastActive').val;
                                                }
                                        // Letzte Abmeldung auslesen
                                        if(getState(id + '.lastInactive').notExist)  {lastabmeldung = 'noch nicht abgemeldet' }
                                            else {
                                                    lastabmeldung = getState(id + '.lastInactive').val;
                                                }
                            
                            
                                        if(device)
                                        {
                                            deviceName = device.alias;
                                            image = device.icon;
                                         }
                             
                                        let macAddress = obj.native.mac;
                                                 
                                       // let imageColor = 'white'; // In Konfig oben verschoben
                                        let statusBarColor = farbeGeraetOffline;
                                        let status = 2;
                             
                                        if (getState(deviceActiveList[i]).val) {
                                            statusBarColor = farbeGeraetOnline;
                                            status = 1;
                                        }
                              
                                        let subText = `<div style="display: flex; flex-direction: row; line-height: 1.3; padding-left: 1px; padding-right: 8px; align-items: center;">
                                                           <div style="flex: 1; color: ${farbeAdapterWerte};">IP</div>
                                                           <div style="color: ${farbeAdapterWerte}; font-size: 14px; font-family: RobotoCondensed-LightItalic; text-align: right;">${ipAddress}</div>
                                                       </div>
                                                       <div style="display: flex; flex-direction: row; line-height: 1.3; padding-left: 1px; padding-right: 8px; align-items: center;">
                                                           <div style="flex: 1; color: ${farbeAdapterWerte};">MAC</div>
                                                           <div style="color: ${farbeAdapterWerte}; font-size: 14px; font-family: RobotoCondensed-LightItalic; text-align: right;">${macAddress}</div>
                                                       </div>
                                                        <div style="display: flex; flex-direction: row; line-height: 1.3; padding-left: 1px; padding-right: 8px; align-items: center;">
                                                           <div style="flex: 1; color: ${farbeAdapterWerte};">Letze Anmeldung</div>
                                                           <div style="color: ${farbeAdapterWerte}; font-size: 14px; font-family: RobotoCondensed-LightItalic; text-align: right;">${lastanmeldung}</div>
                                                       </div>
                                                       <div style="display: flex; flex-direction: row; line-height: 1.3; padding-left: 1px; padding-right: 8px; align-items: center;">
                                                           <div style="flex: 1; color: ${farbeAdapterWerte};">Letzte Abmeldung</div>
                                                           <div style="color: ${farbeAdapterWerte}; font-size: 14px; font-family: RobotoCondensed-LightItalic; text-align: right;">${lastabmeldung}</div>
                                                       </div>`
                             
                                        deviceList.push({
                                            text: deviceName,
                                            subText: subText,
                                            statusBarColor: statusBarColor,
                                            image: image,
                                            imageColor: imageColor,
                                            listType: "text",
                                            showValueLabel: false,
                                            name: deviceName,
                                            ipAddress: ipAddress,
                                            status: status
                                        });
                                    }
                             
                                    let sortMode = myHelper().getStateValueIfExist(dpSortMode, 'name');
                             
                                    if (sortMode === 'name' || sortMode === 'ipAddress') {
                                        deviceList.sort(function (a, b) {
                                            return a[sortMode].toLowerCase() == b[sortMode].toLowerCase() ? 0 : +(a[sortMode].toLowerCase() > b[sortMode].toLowerCase()) || -1;
                                        });
                                    } else if (sortMode === 'status') {
                                        deviceList.sort(function (a, b) {
                                            return a[sortMode] == b[sortMode] ? 0 : +(a[sortMode] < b[sortMode]) || -1;
                                        });
                                    } else {
                                        // default: nach name sortieren
                                        sortMode = 'name'
                                        deviceList.sort(function (a, b) {
                                            return a[sortMode].toLowerCase() == b[sortMode].toLowerCase() ? 0 : +(a[sortMode].toLowerCase() > b[sortMode].toLowerCase()) || -1;
                                        });
                                    }
                             
                             
                                    let filterMode = myHelper().getStateValueIfExist(dpFilterMode, null);
                             
                                    if (filterMode && filterMode !== null && filterMode !== '') {
                                        if (filterMode === 'offline') {
                                            deviceList = deviceList.filter(function (item) {
                                                return item.status === 2;
                                            });
                                        } else if (filterMode === 'online') {
                                            deviceList = deviceList.filter(function (item) {
                                                return item.status === 1;
                                            });
                                        }
                                    }
                             
                             
                                    let result = JSON.stringify(deviceList);
                                    if (getState(dpList) !== result) {
                                        setState(dpList, result, true);
                                    }
                             
                                } catch (err) {
                                    console.error(`[netzwerkStatus] error: ${err.message}, stack: ${err.stack}`);
                                }
                            }
                             
                            function resetSort() {
                                let sortMode = myHelper().getStateValueIfExist(dpSortMode, null);
                             
                                if (sortResetAfter > 0) {
                                    setTimeout(function () {
                                        if (sortMode !== null && sortMode === myHelper().getStateValueIfExist(dpSortMode, null)) {
                                            setState(dpSortMode, sortReset);
                                        }
                                    }, sortResetAfter * 1000);
                                }
                            }
                             
                            function resetFilter() {
                                let filterMode = myHelper().getStateValueIfExist(dpFilterMode, null);
                             
                                if (filterResetAfter > 0) {
                                    setTimeout(function () {
                                        if (filterMode !== null && filterMode === myHelper().getStateValueIfExist(dpFilterMode, null)) {
                                            setState(dpFilterMode, '');
                                        }
                                    }, filterResetAfter * 1000);
                                }
                            }
                             
                            // Beim Staren des Skriptes Adapter Status abrufen
                            netzwerkStatus();
                             
                            function myHelper() {
                                return {
                                    getStateValueIfExist: function (id, nullValue = undefined, prepand = '', append = '') {
                                        if (existsState(id)) {
                                            return prepand + getState(id).val + append;
                                        } else {
                                            return nullValue;
                                        }
                                    },
                                    getCommonPropertyIfExist: function (object, prop, nullValue = undefined, prepand = '', append = '') {
                                        if (myHelper().checkCommonPropertyExist(object, prop)) {
                                            return prepand + object.common[prop] + append;
                                        } else {
                                            return nullValue;
                                        }
                                    },
                                    checkCommonPropertyExist: function (object, prop) {
                                        if (object && object.common && object.common[prop]) {
                                            return true;
                                        } else {
                                            return false;
                                        }
                                    }
                                }
                            }
                            
                            
                            

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

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

                            @bommel_030

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

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

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

                            Kannst du eventuell den Fehler "sehen"???

                            1 Antwort Letzte Antwort
                            0
                            • M Machinima

                              @Negalein said in Material Design Widets: Netzwerk Status:

                              @Machinima

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

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

                              Das ist kein Problem. Bau ich ein

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

                              @Machinima

                              Hallo,

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

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

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

                                @Machinima

                                Hallo,

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

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

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

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

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

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

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

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

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

                                ub.privatU 1 Antwort Letzte Antwort
                                0
                                • GlasfaserG Glasfaser

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

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

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

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

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

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

                                  @Glasfaser

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

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

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

                                    @Glasfaser

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

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

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

                                    @ub-privat

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

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

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

                                    ub.privatU 1 Antwort Letzte Antwort
                                    0
                                    • GlasfaserG Glasfaser

                                      @ub-privat

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

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

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

                                      @Glasfaser

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

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

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

                                      Beide Views bauen auf @Scrounger seinem Listenelement auf.

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

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

                                        @Glasfaser

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

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

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

                                        Beide Views bauen auf @Scrounger seinem Listenelement auf.

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

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

                                        @ub-privat

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

                                        Link Text

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

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

                                        ub.privatU 1 Antwort Letzte Antwort
                                        0
                                        • GlasfaserG Glasfaser

                                          @ub-privat

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

                                          Link Text

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

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

                                          @Glasfaser

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

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

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

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

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

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


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          738

                                          Online

                                          32.4k

                                          Benutzer

                                          81.4k

                                          Themen

                                          1.3m

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

                                          • Du hast noch kein Konto? Registrieren

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