Navigation

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

    NEWS

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

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    Material Design Widets: Netzwerk Status

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

      @Glasfaser

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

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

      Glasfaser 1 Reply Last reply Reply Quote 0
      • Glasfaser
        Glasfaser @ub.privat last edited by

        @ub-privat

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

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

        ub.privat 1 Reply Last reply Reply Quote 0
        • ub.privat
          ub.privat @Glasfaser last edited by

          @Glasfaser

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

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

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

          Beide Views bauen auf @Scrounger seinem Listenelement auf.

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

          Glasfaser 1 Reply Last reply Reply Quote 0
          • Glasfaser
            Glasfaser @ub.privat last edited by

            @ub-privat

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

            Link Text

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

            ub.privat 1 Reply Last reply Reply Quote 0
            • ub.privat
              ub.privat @Glasfaser last edited by ub.privat

              @Glasfaser

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

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

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

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

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

              Glasfaser 1 Reply Last reply Reply Quote 0
              • Glasfaser
                Glasfaser @ub.privat last edited by Glasfaser

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

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

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

                Vergleiche mal 😉

                Widget TR064 :

                tr064.JPG

                Widget Scrounger-Adapter-Script

                skript.JPG

                ub.privat 1 Reply Last reply Reply Quote 0
                • ub.privat
                  ub.privat @Glasfaser last edited by

                  @Glasfaser

                  DANKE, du hattest recht. Einfach mal das Hirn einschalten - Y-Overflow auf "auto" und es funktioniert...
                  Perfekt und DANKE!!! 👍 👍 😊

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

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

                    Glasfaser ub.privat Negalein 3 Replies Last reply Reply Quote 2
                    • Glasfaser
                      Glasfaser @Machinima last edited by

                      @Machinima

                      Top 👍

                      Link geht auch .....

                      1.JPG

                      1 Reply Last reply Reply Quote 0
                      • ub.privat
                        ub.privat @Machinima last edited by

                        @Machinima

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

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

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


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

                          Glasfaser 1 Reply Last reply Reply Quote 1
                          • Glasfaser
                            Glasfaser @helfi9999 last edited by Glasfaser

                            1.JPG

                            H 1 Reply Last reply Reply Quote 0
                            • Negalein
                              Negalein Global Moderator @Machinima last edited by

                              @Machinima sagte in Material Design Widets: Netzwerk Status:

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

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

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

                                @Glasfaser Danke habe es auch gerade gefunden.
                                👍

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

                                  @seelmkrl
                                  Danke, hat aber nicht funktioniert. Hat JavaScript als Fehler angemeckert.
                                  Hab mal bei @Scrounger kopiert, damit klappt es bei mir:

                                  // Letzte Anmeldung auslesen
                                  let lastanmeldung = existsState(id + '.lastActive') ?moment((getState(id + '.lastActive').val)).format("DD.MM.YY HH:mm:ss") : 'noch nicht angemeldet';
                                  // Letzte Abmeldung auslesen        
                                  let lastabmeldung = existsState(id + '.lastInactive') ? moment((getState(id + '.lastInactive').val)).format("DD.MM.YY HH:mm:ss") : 'noch nicht abgemeldet';
                                  

                                  @ub-privat
                                  Die Warnungen kommen wahrscheinlich daher, dass einige Geräte noch nicht an- oder abgemeldet waren. Tausch mal den oberen Teil aus, sind die Warnungen dann weg?
                                  Edit, Code korrigiert und moment() Umwandlung hinzu.

                                  S 1 Reply Last reply Reply Quote 0
                                  • H
                                    helfi9999 @Machinima last edited by

                                    @Machinima Wollte mich mal für die klasse Arbeit bedanken, anbei meine View:


                                    Bild 2.png

                                    1 Reply Last reply Reply Quote 0
                                    • S
                                      seelmkrl @bommel_030 last edited by

                                      Bau bitte noch die Funktion mit ein, dann muss es funktionieren !
                                      // erweiterte existsState() funktion
                                      function extendedExists(id){
                                      let r = ($(id).length > 0) && (existsState(id));
                                      return r;
                                      }

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

                                        Neue Version des Skripts steht für euch bereit. An der View hat sich nichst geändert.
                                        Letzte An- und Abmeldung ist jetzt hinterlegt.
                                        Und ihr könnt jetzt eigene Bilder verwenden. Beachtet dazu die Hinweise im Skript!

                                        sigi234 ub.privat 2 Replies Last reply Reply Quote 1
                                        • sigi234
                                          sigi234 Forum Testing Most Active @Machinima last edited by sigi234

                                          @Machinima sagte in Material Design Widets: Netzwerk Status:

                                          Und ihr könnt jetzt eigene Bilder verwenden. Beachtet dazu die Hinweise im Skript!

                                          Kannst du ein Beispiel zeigen?

                                          Erledigt.

                                          1 Reply Last reply Reply Quote 0
                                          • ub.privat
                                            ub.privat @Machinima last edited by

                                            @Machinima

                                            Hallo und einen angenehmen guten Abend!
                                            Klappt soweit ganz gut - SUPER und VIELEN DANK!!! 👍 👍 , habe nur zwei Fragen:

                                            1. Hast du eventuell von materialdesignicons.com ALLE PNG's als kompletten Download vorhanden?
                                            2. Link wird zwar in der Card angezeigt, läßt sich aber nicht aufrufen!?
                                              Soll sich hier ein nuer Tab öffnen?
                                              Muss ich noch etwas einstellen, ausser die Zurodnung im Script?
                                              e406a809-c176-4aca-863d-d1b52a4ecc0d-grafik.png
                                              Habe nur dort Links eingefügt, wo auch eine entsprechende eigene Website vorhanden ist.
                                              Oder müssen die restlichen mit "http" aufgefüllt werden???
                                            M 1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            782
                                            Online

                                            31.7k
                                            Users

                                            79.8k
                                            Topics

                                            1.3m
                                            Posts

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