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
    1.9k

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

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.
  • KnallochseK Knallochse

    @Conquest welche Version des tr-064 Adapter hast du installiert?

    C Offline
    C Offline
    Conquest
    schrieb am zuletzt editiert von
    #87

    @Knallochse sagte in Material Design Widets: Netzwerk Status:

    @Conquest welche Version des tr-064 Adapter hast du installiert?

    screenshot-192.168.178.46_8081-2020.03.13-18_07_31.png

    KnallochseK 1 Antwort Letzte Antwort
    0
    • C Conquest

      @Knallochse sagte in Material Design Widets: Netzwerk Status:

      @Conquest welche Version des tr-064 Adapter hast du installiert?

      screenshot-192.168.178.46_8081-2020.03.13-18_07_31.png

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

      @Conquest musst du updaten. Aktuell ist 3.1.4

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

      C 1 Antwort Letzte Antwort
      1
      • KnallochseK Knallochse

        @Conquest musst du updaten. Aktuell ist 3.1.4

        C Offline
        C Offline
        Conquest
        schrieb am zuletzt editiert von
        #89

        @Knallochse sagte in Material Design Widets: Netzwerk Status:

        @Conquest musst du updaten. Aktuell ist 3.1.4

        Läuft. Vielen Dank.

        1 Antwort Letzte Antwort
        0
        • M Machinima

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

          Netzwerkgeräte VIS.png

          Github: Link

          Voraussetzung:

          • Material Design Widgets v0.2.66

          Funktionen:

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

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

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

          Skript (mit Material Design Icons):

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

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

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

          @Machinima Ich danke dir vielmals für die Bereitstellung deines Projekt.
          Hat auf Anhieb tadellos funktioniert.
          Richtig geil wäre noch, wenn man eine manuelle Sortierfunktion hätte.

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

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

            @mcfly11111 said in Material Design Widets: Netzwerk Status:

            @ub-privat

            das script hab ich gelesen und das neue (1.0.2) auch verstanden.
            Mir geht es aber um die 1.0.1, wo noch die Standard-Icons verwendet wurden.
            Ich trage unter devices nas, router oder amazon ein und die icons werden angezeigt. Meine Frage ist, woher kommen diese, also in welchem Verzeichnis befinden sie sich und gibt es eine Übersicht, wo alle icons angezeigt werden?

            Die adapter icons.material.png und icons.material.svg, sowie vis.material, vis.materialdesign und vis.material.webfont sind installiert.

            Danke

            Die Icons von https://materialdesignicons.com kann man herunterladen, muss man aber nicht. Diese werden bereits durch den materialdesign-Widget-Adapter von Scrounger automatisch eingebunden. Ich nehme mal an, dass die direkt als NPM-Modul geladen werden und dadurch in keinem Verzeichnis zu finden sind.

            @Knallochse said in Material Design Widets: Netzwerk Status:

            @Machinima Ich danke dir vielmals für die Bereitstellung deines Projekt.
            Hat auf Anhieb tadellos funktioniert.
            Richtig geil wäre noch, wenn man eine manuelle Sortierfunktion hätte.

            Man kann doch manuell die Sortierung umstellen, eben nur zwischen Gerätename und IP-Adresse. ;) Oder was stellst du dir da konkret vor?

            KnallochseK 1 Antwort Letzte Antwort
            0
            • M Machinima

              @mcfly11111 said in Material Design Widets: Netzwerk Status:

              @ub-privat

              das script hab ich gelesen und das neue (1.0.2) auch verstanden.
              Mir geht es aber um die 1.0.1, wo noch die Standard-Icons verwendet wurden.
              Ich trage unter devices nas, router oder amazon ein und die icons werden angezeigt. Meine Frage ist, woher kommen diese, also in welchem Verzeichnis befinden sie sich und gibt es eine Übersicht, wo alle icons angezeigt werden?

              Die adapter icons.material.png und icons.material.svg, sowie vis.material, vis.materialdesign und vis.material.webfont sind installiert.

              Danke

              Die Icons von https://materialdesignicons.com kann man herunterladen, muss man aber nicht. Diese werden bereits durch den materialdesign-Widget-Adapter von Scrounger automatisch eingebunden. Ich nehme mal an, dass die direkt als NPM-Modul geladen werden und dadurch in keinem Verzeichnis zu finden sind.

              @Knallochse said in Material Design Widets: Netzwerk Status:

              @Machinima Ich danke dir vielmals für die Bereitstellung deines Projekt.
              Hat auf Anhieb tadellos funktioniert.
              Richtig geil wäre noch, wenn man eine manuelle Sortierfunktion hätte.

              Man kann doch manuell die Sortierung umstellen, eben nur zwischen Gerätename und IP-Adresse. ;) Oder was stellst du dir da konkret vor?

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

              @Machinima ich meinte mit manuellen Sortieren, dass ich die Reihenfolge der Geräte selbst festlegen kann, also nicht alphabetisch. (Vielleicht über den Alias-Teil im Script - anzeigereihenfolge wie angegeben) Möchte anfügen, dass wäre „nice to have“ , da ich mit dem derzeitigen Stand schon sehr zufrieden bin.
              Danke nochmals dafür

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

              M 1 Antwort Letzte Antwort
              0
              • KnallochseK Knallochse

                @Machinima ich meinte mit manuellen Sortieren, dass ich die Reihenfolge der Geräte selbst festlegen kann, also nicht alphabetisch. (Vielleicht über den Alias-Teil im Script - anzeigereihenfolge wie angegeben) Möchte anfügen, dass wäre „nice to have“ , da ich mit dem derzeitigen Stand schon sehr zufrieden bin.
                Danke nochmals dafür

                M Offline
                M Offline
                Machinima
                schrieb am zuletzt editiert von
                #93

                @Knallochse
                Das müsste theoretisch über eine weitere Eigenschaft in der deviceNames-Auflistung realisierbar sein, z.B. über eine Zählervariable, die man selbst vergeben. Wenn die View initial geladen bzw. die aktuell verwendete Sortierung zurückgesetzt wird, käme deine für dich angepasste Sortierung zum Zug. Kann ich gerne noch mit einbauen.

                KnallochseK 1 Antwort Letzte Antwort
                2
                • M Machinima

                  @Knallochse
                  Das müsste theoretisch über eine weitere Eigenschaft in der deviceNames-Auflistung realisierbar sein, z.B. über eine Zählervariable, die man selbst vergeben. Wenn die View initial geladen bzw. die aktuell verwendete Sortierung zurückgesetzt wird, käme deine für dich angepasste Sortierung zum Zug. Kann ich gerne noch mit einbauen.

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

                  @Machinima ich danke dir

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

                  1 Antwort Letzte Antwort
                  0
                  • Stephan SchleichS Offline
                    Stephan SchleichS Offline
                    Stephan Schleich
                    schrieb am zuletzt editiert von Stephan Schleich
                    #95

                    Was müsste man alles ändern um es fb-checkpresence tauglich zu machen? Dieser Adapter aktualisiert die devices autoamtisch nicht so wieder der TR-64 wo man's manuell machen muss.

                    1 Antwort Letzte Antwort
                    0
                    • P Offline
                      P Offline
                      PatrickFro
                      schrieb am zuletzt editiert von
                      #96

                      Folgende Fehlermeldung habe ich bei nach jedem Neustart vom Raspi / IoBroker im Log:

                      javascript.0	2020-03-15 12:48:00.493	error	(22514) script.js.Anzeigen.Netzwerkview: [netzwerkStatus] error: Cannot read property 'common' of null, stack: TypeError: Cannot read property 'common' of null at Object.netzwerkStatus (script.js.
                      javascript.0	2020-03-15 12:48:00.492	warn	(22514) Object "tr-064.0.devices.Android" does not exist
                      

                      Sobald ich das Script neu starte, erscheint dieser Fehler nicht mehr.

                      Ich habe kein Gerät namens Android, habe es auch noch nie besessen. Es ist keine entsprechende Definition im Script. Auch im TR064-Adapter habe ich keinen Datenpunkt mit diesem Namen.

                      Was kann ich hier tun? Woran kann es liegen?

                      GlasfaserG 1 Antwort Letzte Antwort
                      0
                      • P PatrickFro

                        Folgende Fehlermeldung habe ich bei nach jedem Neustart vom Raspi / IoBroker im Log:

                        javascript.0	2020-03-15 12:48:00.493	error	(22514) script.js.Anzeigen.Netzwerkview: [netzwerkStatus] error: Cannot read property 'common' of null, stack: TypeError: Cannot read property 'common' of null at Object.netzwerkStatus (script.js.
                        javascript.0	2020-03-15 12:48:00.492	warn	(22514) Object "tr-064.0.devices.Android" does not exist
                        

                        Sobald ich das Script neu starte, erscheint dieser Fehler nicht mehr.

                        Ich habe kein Gerät namens Android, habe es auch noch nie besessen. Es ist keine entsprechende Definition im Script. Auch im TR064-Adapter habe ich keinen Datenpunkt mit diesem Namen.

                        Was kann ich hier tun? Woran kann es liegen?

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

                        @PatrickFro

                        Das liegt nicht am Script , er holt sich ja nur die Daten !

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

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

                        Lege mal bitte ein Gerät in tr-064 an und bezeichne es dann als Android und nach dem erstellen wieder löschen .
                        Wenn du nicht weiterkommt dann , bitte hier im weiter posten Link Text , da es nichts mit dem Script zu tun hat !

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

                        Stephan SchleichS 1 Antwort Letzte Antwort
                        0
                        • GlasfaserG Glasfaser

                          @PatrickFro

                          Das liegt nicht am Script , er holt sich ja nur die Daten !

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

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

                          Lege mal bitte ein Gerät in tr-064 an und bezeichne es dann als Android und nach dem erstellen wieder löschen .
                          Wenn du nicht weiterkommt dann , bitte hier im weiter posten Link Text , da es nichts mit dem Script zu tun hat !

                          Stephan SchleichS Offline
                          Stephan SchleichS Offline
                          Stephan Schleich
                          schrieb am zuletzt editiert von Stephan Schleich
                          #98

                          @Machinima was muss man im Script ändern damit es mit dem fb-checkpresence Adapter läuft?

                          1 Antwort Letzte Antwort
                          0
                          • Stephan SchleichS Offline
                            Stephan SchleichS Offline
                            Stephan Schleich
                            schrieb am zuletzt editiert von Stephan Schleich
                            #99

                            @Scrounger oder kannst du hier evtl. zur Lösung unterstützen?

                            1 Antwort Letzte Antwort
                            0
                            • ? Offline
                              ? Offline
                              Ein ehemaliger Benutzer
                              schrieb am zuletzt editiert von
                              #100

                              Hallo zusammen,
                              ich habe denselben Fehler, wie bereits oben von Conquest beschrieben.

                              3455f956-a5fb-4cc6-bc09-5fca4fc291ce-image.png

                              tr-064 ist Version 4.01 (auch bereits neu installiert)
                              Script ist V1.0.2

                              Was kann es sein? Wer kann mir helfen?
                              Danke

                              1 Antwort Letzte Antwort
                              0
                              • 1 Offline
                                1 Offline
                                112.christian.112
                                schrieb am zuletzt editiert von
                                #101

                                Guten Morgen,
                                bekomme das Skript auch nicht mehr zum laufen. Hat Anfangs alles wunderbar funktioniert und jetzt bekomme ich auch den folgenden Fehler:
                                Fehler_Netzwerk_Status.PNG

                                TR-064 Version 4.01
                                JS Script Engine 4.5.1

                                Vielleicht kann ja jemand von den Java Experten helfen

                                R 1 Antwort Letzte Antwort
                                0
                                • 1 112.christian.112

                                  Guten Morgen,
                                  bekomme das Skript auch nicht mehr zum laufen. Hat Anfangs alles wunderbar funktioniert und jetzt bekomme ich auch den folgenden Fehler:
                                  Fehler_Netzwerk_Status.PNG

                                  TR-064 Version 4.01
                                  JS Script Engine 4.5.1

                                  Vielleicht kann ja jemand von den Java Experten helfen

                                  R Offline
                                  R Offline
                                  RobertM
                                  schrieb am zuletzt editiert von RobertM
                                  #102

                                  Hallo miteinander,
                                  kann man das Script auch auf den Radar2.0 Adapter anpassen?
                                  Habe leider keine Fritz zuhause.

                                  1 Antwort Letzte Antwort
                                  0
                                  • ? Offline
                                    ? Offline
                                    Ein ehemaliger Benutzer
                                    schrieb am zuletzt editiert von
                                    #103

                                    Guten Tag,
                                    ich benutzte das Script auch und habe den gleichen Fehler wie einige hier.
                                    Also habe mir das Script mal genau angeschaut und den Fehler gefunden.
                                    So wie ich ihn nachstellen konnte war es wenn ich ein Gerät in der Fritzbox umbenannt habe, das der TR064 Adapter den alten Eintrag nicht gelöscht hat sondern direkt einen neuen erstellt, der anders Formatiert ist wie normal.
                                    Eine Möglichkeit ist es im Adapter das umbenannte Gerät zu löschen und neu hinzuzufügen und das Script danach neu zu starten.

                                    Zum anderen habe ich am Script selber einige Fehler gefunden so das selbst ohne die Prozedur im Adapter das Script noch läuft. Nachteil dann enstehen natürlich doppelte Einträge aber es kommt zu keinen Fehlern mehr.

                                    Hier das überarbeitete Script zum testen. (eure Devices natürlich kopieren und einfügen in Zeile 46)

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

                                    Geändert habe ich das die Aktiven Geräte nicht einmalig beim Start des Scripts ausgelesen werden sondern immer wenn es ausgeführt wird, und natürlich wie der Name und die IP ausgelesen werden im falls das ein Gerät in der Fritzbox umbenannt wird um das Problem wie oben beschrieben auftritt.

                                    Stephan SchleichS 1 Antwort Letzte Antwort
                                    0
                                    • AxelF1977A Offline
                                      AxelF1977A Offline
                                      AxelF1977
                                      schrieb am zuletzt editiert von AxelF1977
                                      #104

                                      HI,

                                      klasse Arbeit, vielen Dank! Das habe ich schon länger gesucht. An sich läuft das Script. Manchmal kommt aber folgender error, nach einem Neustart verschwindet er erstmal

                                      13:24:00.061	error	javascript.0 (16154) script.js.Netzwerk.Netzwerkuebersicht: [netzwerkStatus] error: Cannot read property '0' of null, stack: TypeError: Cannot read property '0' of null at Object.netzwerkStatus (script.js.Netzwerk.Netzwerkuebersicht:131:59) at Job.job (/opt/iobroker/node_modules/iobroker.javascript/lib/sandbox.js:1270:34) at Job.invoke (/opt/iobroker/node_modules/iobroker.javascript/node_modules/node-schedule/lib/schedule.js:173:10) at /opt/iobroker/node_modules/iobroker.javascript/node_modules/node-schedule/lib/schedule.js:543:11 at Timeout._onTimeout (/opt/iobroker/node_modules/iobroker.javascript/node_modules/node-schedule/lib/schedule.js:501:7) at listOnTimeout (internal/timers.js:549:17) at processTimers (internal/timers.js:492:7)
                                      

                                      Ich habe die überarbeitete Version von @Nickel im Einsatz

                                      ich habe auch bereits alle Geräte aus dem TR-64 Adapter entfernt und neu hinzugefügt, es bleibt das Gleiche.

                                      ASROCK Deskmini Intel I3 8100 16GB mit Proxmox VM ioBroker VM DIYHue| CCU piVCCU + FHEM auf Raspberry | Maria DB mit Grafana und Prometheus auf Tinker Board

                                      AxelF1977A 1 Antwort Letzte Antwort
                                      0
                                      • ? Ein ehemaliger Benutzer

                                        Guten Tag,
                                        ich benutzte das Script auch und habe den gleichen Fehler wie einige hier.
                                        Also habe mir das Script mal genau angeschaut und den Fehler gefunden.
                                        So wie ich ihn nachstellen konnte war es wenn ich ein Gerät in der Fritzbox umbenannt habe, das der TR064 Adapter den alten Eintrag nicht gelöscht hat sondern direkt einen neuen erstellt, der anders Formatiert ist wie normal.
                                        Eine Möglichkeit ist es im Adapter das umbenannte Gerät zu löschen und neu hinzuzufügen und das Script danach neu zu starten.

                                        Zum anderen habe ich am Script selber einige Fehler gefunden so das selbst ohne die Prozedur im Adapter das Script noch läuft. Nachteil dann enstehen natürlich doppelte Einträge aber es kommt zu keinen Fehlern mehr.

                                        Hier das überarbeitete Script zum testen. (eure Devices natürlich kopieren und einfügen in Zeile 46)

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

                                        Geändert habe ich das die Aktiven Geräte nicht einmalig beim Start des Scripts ausgelesen werden sondern immer wenn es ausgeführt wird, und natürlich wie der Name und die IP ausgelesen werden im falls das ein Gerät in der Fritzbox umbenannt wird um das Problem wie oben beschrieben auftritt.

                                        Stephan SchleichS Offline
                                        Stephan SchleichS Offline
                                        Stephan Schleich
                                        schrieb am zuletzt editiert von
                                        #105

                                        @Nickel Vielen Dank für das Update, schaffst du es evtl auch auf den fb-presencecheck anzupassen? Dieser liefert nämlich stets alle devices von der FB ohne diese ständig im Adapter updaten zu müssen.

                                        ? 1 Antwort Letzte Antwort
                                        0
                                        • AxelF1977A AxelF1977

                                          HI,

                                          klasse Arbeit, vielen Dank! Das habe ich schon länger gesucht. An sich läuft das Script. Manchmal kommt aber folgender error, nach einem Neustart verschwindet er erstmal

                                          13:24:00.061	error	javascript.0 (16154) script.js.Netzwerk.Netzwerkuebersicht: [netzwerkStatus] error: Cannot read property '0' of null, stack: TypeError: Cannot read property '0' of null at Object.netzwerkStatus (script.js.Netzwerk.Netzwerkuebersicht:131:59) at Job.job (/opt/iobroker/node_modules/iobroker.javascript/lib/sandbox.js:1270:34) at Job.invoke (/opt/iobroker/node_modules/iobroker.javascript/node_modules/node-schedule/lib/schedule.js:173:10) at /opt/iobroker/node_modules/iobroker.javascript/node_modules/node-schedule/lib/schedule.js:543:11 at Timeout._onTimeout (/opt/iobroker/node_modules/iobroker.javascript/node_modules/node-schedule/lib/schedule.js:501:7) at listOnTimeout (internal/timers.js:549:17) at processTimers (internal/timers.js:492:7)
                                          

                                          Ich habe die überarbeitete Version von @Nickel im Einsatz

                                          ich habe auch bereits alle Geräte aus dem TR-64 Adapter entfernt und neu hinzugefügt, es bleibt das Gleiche.

                                          AxelF1977A Offline
                                          AxelF1977A Offline
                                          AxelF1977
                                          schrieb am zuletzt editiert von
                                          #106

                                          @AxelF1977 sagte in Material Design Widets: Netzwerk Status:

                                          HI,

                                          klasse Arbeit, vielen Dank! Das habe ich schon länger gesucht. An sich läuft das Script. Manchmal kommt aber folgender error, nach einem Neustart verschwindet er erstmal

                                          13:24:00.061	error	javascript.0 (16154) script.js.Netzwerk.Netzwerkuebersicht: [netzwerkStatus] error: Cannot read property '0' of null, stack: TypeError: Cannot read property '0' of null at Object.netzwerkStatus (script.js.Netzwerk.Netzwerkuebersicht:131:59) at Job.job (/opt/iobroker/node_modules/iobroker.javascript/lib/sandbox.js:1270:34) at Job.invoke (/opt/iobroker/node_modules/iobroker.javascript/node_modules/node-schedule/lib/schedule.js:173:10) at /opt/iobroker/node_modules/iobroker.javascript/node_modules/node-schedule/lib/schedule.js:543:11 at Timeout._onTimeout (/opt/iobroker/node_modules/iobroker.javascript/node_modules/node-schedule/lib/schedule.js:501:7) at listOnTimeout (internal/timers.js:549:17) at processTimers (internal/timers.js:492:7)
                                          

                                          Ich habe die überarbeitete Version von @Nickel im Einsatz

                                          ich habe auch bereits alle Geräte aus dem TR-64 Adapter entfernt und neu hinzugefügt, es bleibt das Gleiche.

                                          Niemand eine Idee wie das Problem behoben werden kann?

                                          ASROCK Deskmini Intel I3 8100 16GB mit Proxmox VM ioBroker VM DIYHue| CCU piVCCU + FHEM auf Raspberry | Maria DB mit Grafana und Prometheus auf Tinker Board

                                          ? 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

                                          753

                                          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