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

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. "Calendar Widget" von "Material Design Widgets" [gelöst]

NEWS

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

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

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.5k

"Calendar Widget" von "Material Design Widgets" [gelöst]

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vis
13 Beiträge 3 Kommentatoren 1.1k Aufrufe 2 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.
  • H Offline
    H Offline
    HansWurst
    schrieb am zuletzt editiert von HansWurst
    #1

    Ich möchte das "Calendar Widget" von den "Material Design Widgets" verwenden. Die Kalendereinträge lese ich bereits mit iCal Adapter ein.

    In der Material Desing Doku gibt es ein Skript, welches ich für die Daten von iCal verwenden kann. Wenn ich es verwende, passiert erst mal gar nichts und die Seite wird leer angezeigt. (Wenn ich dieses Skript nicht einfüge, sehe ich wenigstens den leeren Kalender mit einer Fehlermeldung) Im Skript steht dort allerdings auch, dass moment.js vorhanden sein muss. Also habe ich "versucht" es zu installieren. Allerdings mit Fehlermeldungen und ich komme nun nicht mehr weiter:

    pi@raspberrypi:~ $ npm install moment --save
    npm WARN saveError ENOENT: no such file or directory, open '/home/pi/package.json'
    npm notice created a lockfile as package-lock.json. You should commit this file.
    npm WARN enoent ENOENT: no such file or directory, open '/home/pi/package.json'
    npm WARN pi No description
    npm WARN pi No repository field.
    npm WARN pi No README data
    npm WARN pi No license field.
    
    + moment@2.29.1
    added 1 package from 6 contributors and audited 1 package in 3.851s
    found 0 vulnerabilities
    

    Kann mir jemand einen Tipp geben, was ich falsch mache?

    Falls die Versionen relevant sind:
    ioBroker.Admin 4.1.11
    vis 1.3.4
    iCal 1.7.4
    Material Design Widgets 0.4.1

    GlasfaserG ScroungerS 2 Antworten Letzte Antwort
    0
    • H HansWurst

      Ich möchte das "Calendar Widget" von den "Material Design Widgets" verwenden. Die Kalendereinträge lese ich bereits mit iCal Adapter ein.

      In der Material Desing Doku gibt es ein Skript, welches ich für die Daten von iCal verwenden kann. Wenn ich es verwende, passiert erst mal gar nichts und die Seite wird leer angezeigt. (Wenn ich dieses Skript nicht einfüge, sehe ich wenigstens den leeren Kalender mit einer Fehlermeldung) Im Skript steht dort allerdings auch, dass moment.js vorhanden sein muss. Also habe ich "versucht" es zu installieren. Allerdings mit Fehlermeldungen und ich komme nun nicht mehr weiter:

      pi@raspberrypi:~ $ npm install moment --save
      npm WARN saveError ENOENT: no such file or directory, open '/home/pi/package.json'
      npm notice created a lockfile as package-lock.json. You should commit this file.
      npm WARN enoent ENOENT: no such file or directory, open '/home/pi/package.json'
      npm WARN pi No description
      npm WARN pi No repository field.
      npm WARN pi No README data
      npm WARN pi No license field.
      
      + moment@2.29.1
      added 1 package from 6 contributors and audited 1 package in 3.851s
      found 0 vulnerabilities
      

      Kann mir jemand einen Tipp geben, was ich falsch mache?

      Falls die Versionen relevant sind:
      ioBroker.Admin 4.1.11
      vis 1.3.4
      iCal 1.7.4
      Material Design Widgets 0.4.1

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

      @HansWurst sagte in "Calendar Widget" von "Material Design Widgets":

      Im Skript steht dort allerdings auch, dass moment.js vorhanden sein muss. Also habe ich "versucht" es zu installieren. Allerdings mit Fehlermeldungen und ich komme nun nicht mehr weiter:

      Hier werden Sie eingetragen , nicht über die Konsole installieren !!!!

      .
      1.JPG

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

      H 1 Antwort Letzte Antwort
      0
      • GlasfaserG Glasfaser

        @HansWurst sagte in "Calendar Widget" von "Material Design Widgets":

        Im Skript steht dort allerdings auch, dass moment.js vorhanden sein muss. Also habe ich "versucht" es zu installieren. Allerdings mit Fehlermeldungen und ich komme nun nicht mehr weiter:

        Hier werden Sie eingetragen , nicht über die Konsole installieren !!!!

        .
        1.JPG

        H Offline
        H Offline
        HansWurst
        schrieb am zuletzt editiert von
        #3

        @Glasfaser Danke für den Tipp
        Wusste gar nicht, dass ich in den Adaptern etwas installieren kann. Wie kann ich denn im JavaScript-Adapter-Modul installieren?
        Wenn ich jetzt "moment" unter "zusätzliche NPM-Module" (also in der obersten Zeile) rein schreibe, bleibt es zwar stehen, führt aber nichts damit aus.

        GlasfaserG H 2 Antworten Letzte Antwort
        0
        • H HansWurst

          @Glasfaser Danke für den Tipp
          Wusste gar nicht, dass ich in den Adaptern etwas installieren kann. Wie kann ich denn im JavaScript-Adapter-Modul installieren?
          Wenn ich jetzt "moment" unter "zusätzliche NPM-Module" (also in der obersten Zeile) rein schreibe, bleibt es zwar stehen, führt aber nichts damit aus.

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

          @HansWurst

          Ich nutze den Kalender nicht ...

          Teste mal für dich .
          Script angelegt und gestartet .
          Widget in View eingefügt und den Datenpunkt javascript.0.materialdesignwidgets.calendar.ical2calendar
          ausgewählt .
          Im Runtime , dann das Ergebniss.
          Funktioniert doch !?

          1.JPG

          Hast du denn in den Datenpunkten von ical.*.data.table überhaupt Werte vorhanden , denn das Script holt sich nur die vorhandenen Daten !

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

          1 Antwort Letzte Antwort
          0
          • H HansWurst

            @Glasfaser Danke für den Tipp
            Wusste gar nicht, dass ich in den Adaptern etwas installieren kann. Wie kann ich denn im JavaScript-Adapter-Modul installieren?
            Wenn ich jetzt "moment" unter "zusätzliche NPM-Module" (also in der obersten Zeile) rein schreibe, bleibt es zwar stehen, führt aber nichts damit aus.

            H Offline
            H Offline
            HansWurst
            schrieb am zuletzt editiert von
            #5

            Wenn ich noch mal drüber nachdenke, vielleicht bekomme ich auch einfach nicht mit, dass moment.js erfolgreich durch den JS-Adapter installiert wurde. Mein Problem also gar nicht (mehr) am moment.js liegen könnte.

            Um besser zeigen zu können, wo es bei mir gerade scheitert, versuche ich mal den aktuellen Stand möglichst gut zu dokumentieren. Ich denke, das sollte auch dem einen oder anderen helfen, der ebenfalls Probleme mit der Inbetriebnahme hat.

            Der iCal Adapter ist installiert und liefert auch Ergebnisse in die Objekte. Hier ist auch zu sehen, wie für heute ein Kalendereintrag von 22:00-23:00 mit dem Betreff "xxxx" übernommen wurde:
            ical.jpg

            Das Javascript, welches die Daten vom iCal-Format zum MaterialKalender-Format umwandelt, habe ich aus dem Post von Scrounger kopiert. Hier zu finden: Skript

            ...und in den Skripten von ioBroker abgespeichert:
            script.jpg

            Der Datenpuntk "javascript.0.materialdesignwidgets.calendar.ical2calendar" wird darauf hin eigenständig erzeugt. Wie man sehen kann, ist auch mein Kalendereintrag (22:00 Uhr Betreff="xxxx") übernommen worden:
            objeckt_erzeugt.jpg

            Nun gehe ich in mein vis-Projekt, in dem ich das Kalender-Widget eingefügt habe. Dort trage ich den neuen Datenpunt ein:
            vis.jpg

            Lasse ich die View nun anzeigen, sehe ich genau das, was auf dem Editor gerade zu sehen ist.
            (mit der Meldung: "Error in JSON string: e is null")

            GlasfaserG 2 Antworten Letzte Antwort
            0
            • H HansWurst

              Wenn ich noch mal drüber nachdenke, vielleicht bekomme ich auch einfach nicht mit, dass moment.js erfolgreich durch den JS-Adapter installiert wurde. Mein Problem also gar nicht (mehr) am moment.js liegen könnte.

              Um besser zeigen zu können, wo es bei mir gerade scheitert, versuche ich mal den aktuellen Stand möglichst gut zu dokumentieren. Ich denke, das sollte auch dem einen oder anderen helfen, der ebenfalls Probleme mit der Inbetriebnahme hat.

              Der iCal Adapter ist installiert und liefert auch Ergebnisse in die Objekte. Hier ist auch zu sehen, wie für heute ein Kalendereintrag von 22:00-23:00 mit dem Betreff "xxxx" übernommen wurde:
              ical.jpg

              Das Javascript, welches die Daten vom iCal-Format zum MaterialKalender-Format umwandelt, habe ich aus dem Post von Scrounger kopiert. Hier zu finden: Skript

              ...und in den Skripten von ioBroker abgespeichert:
              script.jpg

              Der Datenpuntk "javascript.0.materialdesignwidgets.calendar.ical2calendar" wird darauf hin eigenständig erzeugt. Wie man sehen kann, ist auch mein Kalendereintrag (22:00 Uhr Betreff="xxxx") übernommen worden:
              objeckt_erzeugt.jpg

              Nun gehe ich in mein vis-Projekt, in dem ich das Kalender-Widget eingefügt habe. Dort trage ich den neuen Datenpunt ein:
              vis.jpg

              Lasse ich die View nun anzeigen, sehe ich genau das, was auf dem Editor gerade zu sehen ist.
              (mit der Meldung: "Error in JSON string: e is null")

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

              @HansWurst

              Teste mal mit dem Widget Table :

              1.JPG

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

              H 1 Antwort Letzte Antwort
              0
              • GlasfaserG Glasfaser

                @HansWurst

                Teste mal mit dem Widget Table :

                1.JPG

                H Offline
                H Offline
                HansWurst
                schrieb am zuletzt editiert von
                #7

                In deinem Beispiel habe ich gesehen, dass der Pfad zum Datenpunkt ein wenig anders ist. Bei mir hatte der Unterpunkt "ical2calendar" gefehlt. Richtig ist aber "javascript.0.materialdesignwidgets.calendar.ical2calendar" so wie es bei dir der Fall ist. Jetzt läuft es :)

                @Glasfaser Ganz herzlichen Dank für deine tolle Unterstützung :) Ich bin richtig happy, dass es jetzt läuft.

                Um die Doku nun trotzdem noch zu vervollständingen, falls sie später jemand braucht, hier im Vis musste der Pfad zum Datenpunkt angepasst werden:
                läuft_nun.jpg

                1 Antwort Letzte Antwort
                0
                • H HansWurst

                  Wenn ich noch mal drüber nachdenke, vielleicht bekomme ich auch einfach nicht mit, dass moment.js erfolgreich durch den JS-Adapter installiert wurde. Mein Problem also gar nicht (mehr) am moment.js liegen könnte.

                  Um besser zeigen zu können, wo es bei mir gerade scheitert, versuche ich mal den aktuellen Stand möglichst gut zu dokumentieren. Ich denke, das sollte auch dem einen oder anderen helfen, der ebenfalls Probleme mit der Inbetriebnahme hat.

                  Der iCal Adapter ist installiert und liefert auch Ergebnisse in die Objekte. Hier ist auch zu sehen, wie für heute ein Kalendereintrag von 22:00-23:00 mit dem Betreff "xxxx" übernommen wurde:
                  ical.jpg

                  Das Javascript, welches die Daten vom iCal-Format zum MaterialKalender-Format umwandelt, habe ich aus dem Post von Scrounger kopiert. Hier zu finden: Skript

                  ...und in den Skripten von ioBroker abgespeichert:
                  script.jpg

                  Der Datenpuntk "javascript.0.materialdesignwidgets.calendar.ical2calendar" wird darauf hin eigenständig erzeugt. Wie man sehen kann, ist auch mein Kalendereintrag (22:00 Uhr Betreff="xxxx") übernommen worden:
                  objeckt_erzeugt.jpg

                  Nun gehe ich in mein vis-Projekt, in dem ich das Kalender-Widget eingefügt habe. Dort trage ich den neuen Datenpunt ein:
                  vis.jpg

                  Lasse ich die View nun anzeigen, sehe ich genau das, was auf dem Editor gerade zu sehen ist.
                  (mit der Meldung: "Error in JSON string: e is null")

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

                  @HansWurst sagte in "Calendar Widget" von "Material Design Widgets":

                  @HansWurst sagte .....
                  Der Datenpuntk "javascript.0.materialdesignwidgets.calendar.ical2calendar" wird darauf hin eigenständig erzeugt. Wie man sehen kann, ist auch mein Kalendereintrag (22:00 Uhr Betreff="xxxx") übernommen worden:

                  @HansWurst sagte .....
                  Dort trage ich den neuen Datenpunt ein:

                  @HansWurst sagte .....
                  Um die Doku nun trotzdem noch zu vervollständingen, falls sie später jemand braucht, hier im Vis musste der Pfad zum Datenpunkt angepasst werden:

                  Ich Zitiere mich mal oben ;)

                  @Glasfaser sagte ..........
                  Widget in View eingefügt und den Datenpunkt javascript.0.materialdesignwidgets.calendar.ical2calendar
                  ausgewählt .

                  @HansWurst sagte in "Calendar Widget" von "Material Design Widgets":

                  @Glasfaser Ganz herzlichen Dank für deine tolle Unterstützung 🙂 Ich bin richtig happy, dass es jetzt läuft.

                  Kein Thema ... dafür ist das Forum da !

                  Dann setze bitte den Thread auf gelöst ......

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

                  1 Antwort Letzte Antwort
                  0
                  • H HansWurst

                    Ich möchte das "Calendar Widget" von den "Material Design Widgets" verwenden. Die Kalendereinträge lese ich bereits mit iCal Adapter ein.

                    In der Material Desing Doku gibt es ein Skript, welches ich für die Daten von iCal verwenden kann. Wenn ich es verwende, passiert erst mal gar nichts und die Seite wird leer angezeigt. (Wenn ich dieses Skript nicht einfüge, sehe ich wenigstens den leeren Kalender mit einer Fehlermeldung) Im Skript steht dort allerdings auch, dass moment.js vorhanden sein muss. Also habe ich "versucht" es zu installieren. Allerdings mit Fehlermeldungen und ich komme nun nicht mehr weiter:

                    pi@raspberrypi:~ $ npm install moment --save
                    npm WARN saveError ENOENT: no such file or directory, open '/home/pi/package.json'
                    npm notice created a lockfile as package-lock.json. You should commit this file.
                    npm WARN enoent ENOENT: no such file or directory, open '/home/pi/package.json'
                    npm WARN pi No description
                    npm WARN pi No repository field.
                    npm WARN pi No README data
                    npm WARN pi No license field.
                    
                    + moment@2.29.1
                    added 1 package from 6 contributors and audited 1 package in 3.851s
                    found 0 vulnerabilities
                    

                    Kann mir jemand einen Tipp geben, was ich falsch mache?

                    Falls die Versionen relevant sind:
                    ioBroker.Admin 4.1.11
                    vis 1.3.4
                    iCal 1.7.4
                    Material Design Widgets 0.4.1

                    ScroungerS Offline
                    ScroungerS Offline
                    Scrounger
                    Developer
                    schrieb am zuletzt editiert von
                    #9

                    @HansWurst

                    Zur Info, für quasi jedes Widget gibt es einen eigenes Thema.
                    https://forum.iobroker.net/search?term=Material Design Widgets%3A&in=titles&matchWords=all&by[]=Scrounger&categories[]=7&sortBy=topic.lastposttime&sortDirection=desc&showAs=topics

                    Das entsprechende Thema im Forum kann man auch direkt aus dem VIS Editor aufrufen:
                    106dcd72-afd0-4cde-9093-830643a32ccd-grafik.png

                    H 2 Antworten Letzte Antwort
                    0
                    • ScroungerS Scrounger

                      @HansWurst

                      Zur Info, für quasi jedes Widget gibt es einen eigenes Thema.
                      https://forum.iobroker.net/search?term=Material Design Widgets%3A&in=titles&matchWords=all&by[]=Scrounger&categories[]=7&sortBy=topic.lastposttime&sortDirection=desc&showAs=topics

                      Das entsprechende Thema im Forum kann man auch direkt aus dem VIS Editor aufrufen:
                      106dcd72-afd0-4cde-9093-830643a32ccd-grafik.png

                      H Offline
                      H Offline
                      HansWurst
                      schrieb am zuletzt editiert von
                      #10

                      Ich tuh mich hier noch ein wenig schwer mich im Forum zurecht zu finden. Für mich als Neuling hier, empfinde ich es (noch) als unübersichtlich, da vieles automatisch verschoben wird (ich hoffe, ich trete niemanden auf die Füße).
                      Wo genau kann ich den Thread auf gelöst setzen?
                      ("STRG" + "f" und nach "geölst" suchen geht leider nicht)

                      GlasfaserG 1 Antwort Letzte Antwort
                      0
                      • ScroungerS Scrounger

                        @HansWurst

                        Zur Info, für quasi jedes Widget gibt es einen eigenes Thema.
                        https://forum.iobroker.net/search?term=Material Design Widgets%3A&in=titles&matchWords=all&by[]=Scrounger&categories[]=7&sortBy=topic.lastposttime&sortDirection=desc&showAs=topics

                        Das entsprechende Thema im Forum kann man auch direkt aus dem VIS Editor aufrufen:
                        106dcd72-afd0-4cde-9093-830643a32ccd-grafik.png

                        H Offline
                        H Offline
                        HansWurst
                        schrieb am zuletzt editiert von
                        #11

                        @Scrounger Danke für den Hinweis. Werde ich zukünftig so machen.

                        GlasfaserG 1 Antwort Letzte Antwort
                        0
                        • H HansWurst

                          @Scrounger Danke für den Hinweis. Werde ich zukünftig so machen.

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

                          @HansWurst

                          Den Titel ändern mit [gelöst]
                          Im Startbeitrag gehen und bei den 3 Punkten kannst du es ändern
                          .
                          1.JPG .

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

                          1 Antwort Letzte Antwort
                          0
                          • H HansWurst

                            Ich tuh mich hier noch ein wenig schwer mich im Forum zurecht zu finden. Für mich als Neuling hier, empfinde ich es (noch) als unübersichtlich, da vieles automatisch verschoben wird (ich hoffe, ich trete niemanden auf die Füße).
                            Wo genau kann ich den Thread auf gelöst setzen?
                            ("STRG" + "f" und nach "geölst" suchen geht leider nicht)

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

                            @HansWurst sagte in "Calendar Widget" von "Material Design Widgets":

                            (ich hoffe, ich trete niemanden auf die Füße).

                            Alles gut ... dafür ist das Forum da ... um Probleme zu lösen .

                            ("STRG" + "f" und nach "geölst" suchen geht leider nicht)

                            Hier zur Info für dich ..

                            In User Einstellung aktivieren :

                            1.JPG

                            STRG + F

                            2.JPG

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

                            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

                            715

                            Online

                            32.7k

                            Benutzer

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