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

[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

[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 !!!!

.

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

[Glasfaser]

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

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

[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:

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:

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:

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

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")

[Glasfaser]

@HansWurst

Teste mal mit dem Widget Table :

[HansWurst]

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:

[Glasfaser]

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

[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:

[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)

[HansWurst]

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

[Glasfaser]

@HansWurst

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

[Glasfaser]

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

STRG + F