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. Material Design Widgets: Calendar Widget

NEWS

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

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

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

Material Design Widgets: Calendar Widget

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vis
200 Beiträge 45 Kommentatoren 35.6k Aufrufe 52 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.
  • T TT-Tom

    @koljad sagte in Material Design Widgets: Calendar Widget:

    wie realisiert ihr das denn, dass sich das Skript alle x Minuten Stunden neu läd damit mein Kalender mit neuen Einträger aktualisiert wird?
    Danke

    Welches Script meinst du? Das Script zur Umwandlung triggert automatisch wenn iCal neue Daten liefert. Den abfrageintervall von iCal stellst du in der Instanz ein.

    Gruß Tom

    K Offline
    K Offline
    koljad
    schrieb am zuletzt editiert von koljad
    #163

    @tt-tom genau das zur Umwandlung. Ich bin jetzt nicht der aller größte JS Experte aber das Script aus Github macht das? Durch diese Zeilen?

    var instances = $([id=ical.*.data.table]);
    instances.on(ical2CalendarWidget);

    Ansonsten sieht mir das so aus als ob das Script nur einmal gestartet wird.

    Edit: Ja okay das wird es sein.

    T 1 Antwort Letzte Antwort
    0
    • K koljad

      @tt-tom genau das zur Umwandlung. Ich bin jetzt nicht der aller größte JS Experte aber das Script aus Github macht das? Durch diese Zeilen?

      var instances = $([id=ical.*.data.table]);
      instances.on(ical2CalendarWidget);

      Ansonsten sieht mir das so aus als ob das Script nur einmal gestartet wird.

      Edit: Ja okay das wird es sein.

      T Offline
      T Offline
      TT-Tom
      schrieb am zuletzt editiert von
      #164

      @koljad
      Ja das Script läuft immer einmal durch, wird aber durch die neuen Daten vom iCal Adapter getriggert.

      Gruß Tom
      https://github.com/tt-tom17
      Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

      NSPanel Script Wiki
      https://github.com/joBr99/nspanel-lovelace-ui/wiki

      NSPanel Adapter Wiki
      https://github.com/ticaki/ioBroker.nspanel-lovelace-ui/wiki

      1 Antwort Letzte Antwort
      0
      • T TT-Tom

        @damrak2022

        wie du den Zeilenumbruch erstellen kannst, keine Ahnung.

        Schau mal ins Log, ob auch alle Kalender abgerufen werden. Hast du dir die Json mal im Editor angesehen, ob die Termine wirklich fehlen? Nicht das es ein Darstellungsproblem in der Vis ist.

        Die Tage gelten für alle Kalender.

        Damrak2022D Offline
        Damrak2022D Offline
        Damrak2022
        schrieb am zuletzt editiert von Damrak2022
        #165

        @tt-tom Hallo, ich hänge wieder beim gleichen Problem mit der Darstellung der Termine.

        Das wird mir im Calendar Widget angezeigt:
        Bildschirmfoto_2022-06-28_um_08_35_08.png

        Und das steht wirklich in meinem Ical Kalender:
        Bildschirmfoto_2022-06-28_um_08_35_45.png

        Im Calendar Widget wird mir auch nichts mehr aus der Vorwoche angezeigt, ebensowenig in der kommenden Woche.
        Alle Kalender sind in ical korrekt eingetragen.
        In der json scheinen aber nur Termine aus Lübeck drinzustehen. Es fehlt der Termin aus Hösbach und auch die Geburtstage
        Bildschirmfoto_2022-06-28_um_08_46_43.png

        Mit besten Grüßen
        Andy

        T 1 Antwort Letzte Antwort
        0
        • Damrak2022D Damrak2022

          @tt-tom Hallo, ich hänge wieder beim gleichen Problem mit der Darstellung der Termine.

          Das wird mir im Calendar Widget angezeigt:
          Bildschirmfoto_2022-06-28_um_08_35_08.png

          Und das steht wirklich in meinem Ical Kalender:
          Bildschirmfoto_2022-06-28_um_08_35_45.png

          Im Calendar Widget wird mir auch nichts mehr aus der Vorwoche angezeigt, ebensowenig in der kommenden Woche.
          Alle Kalender sind in ical korrekt eingetragen.
          In der json scheinen aber nur Termine aus Lübeck drinzustehen. Es fehlt der Termin aus Hösbach und auch die Geburtstage
          Bildschirmfoto_2022-06-28_um_08_46_43.png

          T Offline
          T Offline
          TT-Tom
          schrieb am zuletzt editiert von
          #166

          @damrak2022

          was sagt das Log vom iCal adapter. gibt es Fehlermeldungen? Starte den Ical adapter noch einem neu und zeige mal die Logausgaben.

          Gruß Tom
          https://github.com/tt-tom17
          Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

          NSPanel Script Wiki
          https://github.com/joBr99/nspanel-lovelace-ui/wiki

          NSPanel Adapter Wiki
          https://github.com/ticaki/ioBroker.nspanel-lovelace-ui/wiki

          Damrak2022D 1 Antwort Letzte Antwort
          0
          • T TT-Tom

            @damrak2022

            was sagt das Log vom iCal adapter. gibt es Fehlermeldungen? Starte den Ical adapter noch einem neu und zeige mal die Logausgaben.

            Damrak2022D Offline
            Damrak2022D Offline
            Damrak2022
            schrieb am zuletzt editiert von Damrak2022
            #167

            @tt-tom So, ich habe nochmal einen Neustart des Adapters gemacht und dann sieht das so aus:

            Bildschirmfoto_2022-06-30_um_02_24_55.png

            Dann erstelle ich mal ein neues Thema wie Du vorgeschlagen hast

            Mit besten Grüßen
            Andy

            T 2 Antworten Letzte Antwort
            0
            • Damrak2022D Damrak2022

              @tt-tom So, ich habe nochmal einen Neustart des Adapters gemacht und dann sieht das so aus:

              Bildschirmfoto_2022-06-30_um_02_24_55.png

              Dann erstelle ich mal ein neues Thema wie Du vorgeschlagen hast

              T Offline
              T Offline
              TT-Tom
              schrieb am zuletzt editiert von TT-Tom
              #168

              @damrak2022
              Hi der Adapter startet schon mit einem Fehler. Was meldet er nach den Kalendern, da muss noch etwas kommen.
              Mach mit dem Fehler einen neues Thema auf und frage @Bluefox oder @apollon77, ob sie dir weiterhelfen können.
              Ich bin da leider raus.

              Lösche bitte einen Teil der Kalender Strings im Post. Sind private Daten.

              Gruß Tom
              https://github.com/tt-tom17
              Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

              NSPanel Script Wiki
              https://github.com/joBr99/nspanel-lovelace-ui/wiki

              NSPanel Adapter Wiki
              https://github.com/ticaki/ioBroker.nspanel-lovelace-ui/wiki

              1 Antwort Letzte Antwort
              0
              • Damrak2022D Damrak2022

                @tt-tom So, ich habe nochmal einen Neustart des Adapters gemacht und dann sieht das so aus:

                Bildschirmfoto_2022-06-30_um_02_24_55.png

                Dann erstelle ich mal ein neues Thema wie Du vorgeschlagen hast

                T Offline
                T Offline
                TT-Tom
                schrieb am zuletzt editiert von
                #169

                @damrak2022

                wie im anderen Thema schon geschrieben lief der Adapter sauber durch heute Nacht. hast du an den Einstellungen etwas geändert? Sind die Einträge alle im Datenpunkt vom Ical adapter vorhanden?

                Bitte keine Bilder von den Logdaten senden. man kann es kaum bis garnicht lesen. Den Text Kopieren und in die Codetags </> kopieren, okay.

                Gruß Tom
                https://github.com/tt-tom17
                Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

                NSPanel Script Wiki
                https://github.com/joBr99/nspanel-lovelace-ui/wiki

                NSPanel Adapter Wiki
                https://github.com/ticaki/ioBroker.nspanel-lovelace-ui/wiki

                Damrak2022D 1 Antwort Letzte Antwort
                0
                • Damrak2022D Damrak2022

                  @tt-tom Das funktioniert jetzt. Der Eintrag ist nun vorhanden.Da steht als Zeitstempel das drin:
                  Bildschirmfoto 2022-06-17 um 04.43.59.png

                  Was ich aber nicht verstehe, ist das meine gestrigen Termine nicht mehr sichtbar sind. Im Ical Adapter habe ich 14 Tage Vorschau und 10 Tage bei vergangenen Terminen eingestellt. Muss ich da noch was gesondert einstellen?
                  Und eventuell kannst Du mir erklären, wie ich einen Zeilenumbruch hinbekomme, wenn mehrere Termin die gleiche Uhrzeit haben, was bei uns öfters passiert

                  M Offline
                  M Offline
                  mguenther
                  schrieb am zuletzt editiert von
                  #170

                  @damrak2022 sagte in Material Design Widgets: Calendar Widget:

                  @tt-tom Das funktioniert jetzt. Der Eintrag ist nun vorhanden.Da steht als Zeitstempel das drin:
                  Bildschirmfoto 2022-06-17 um 04.43.59.png

                  Was ich aber nicht verstehe, ist das meine gestrigen Termine nicht mehr sichtbar sind. Im Ical Adapter habe ich 14 Tage Vorschau und 10 Tage bei vergangenen Terminen eingestellt. Muss ich da noch was gesondert einstellen?
                  Und eventuell kannst Du mir erklären, wie ich einen Zeilenumbruch hinbekomme, wenn mehrere Termin die gleiche Uhrzeit haben, was bei uns öfters passiert

                  ja, das habe ich auch ganz oft - die vergangenen (nicht ganztags-) Termine verschwinden... ich habe noch nicht kapiert, woran es liegt...

                  T 1 Antwort Letzte Antwort
                  0
                  • M mguenther

                    @scrounger
                    @all
                    mal ein update, wie ich es bis jetzt hinbekommen habe - es hat sich nicht wirklich viel verändert, man kann zumindest die Inhalte von Ereignissen jetzt lesen - mir fehlt immer noch die "Verkleinerung" des blauen Kreis um das Datum des aktuellen Tages und die Änderung der Anmerkung "1 more". Auch mehrmaliges Durchlesen der Anleitung bringt mich überhaupt nicht weiter - Schade...

                    32a0114c-33be-42e8-a46a-2c1b6f8ed232-image.png

                    M Offline
                    M Offline
                    mguenther
                    schrieb am zuletzt editiert von
                    #171

                    @mguenther sagte in Material Design Widgets: Calendar Widget:

                    @scrounger
                    @all
                    mal ein update, wie ich es bis jetzt hinbekommen habe - es hat sich nicht wirklich viel verändert, man kann zumindest die Inhalte von Ereignissen jetzt lesen - mir fehlt immer noch die "Verkleinerung" des blauen Kreis um das Datum des aktuellen Tages und die Änderung der Anmerkung "1 more". Auch mehrmaliges Durchlesen der Anleitung bringt mich überhaupt nicht weiter - Schade...

                    32a0114c-33be-42e8-a46a-2c1b6f8ed232-image.png

                    die Form bzw. die Höhe/Breite der Kreisform lässt sich über css anpassen.

                    .v-btn--fab.v-size--small {
                        height: 15px;
                        width: 40px;
                    }
                    

                    darüber geht es...

                    1 Antwort Letzte Antwort
                    0
                    • M mguenther

                      @damrak2022 sagte in Material Design Widgets: Calendar Widget:

                      @tt-tom Das funktioniert jetzt. Der Eintrag ist nun vorhanden.Da steht als Zeitstempel das drin:
                      Bildschirmfoto 2022-06-17 um 04.43.59.png

                      Was ich aber nicht verstehe, ist das meine gestrigen Termine nicht mehr sichtbar sind. Im Ical Adapter habe ich 14 Tage Vorschau und 10 Tage bei vergangenen Terminen eingestellt. Muss ich da noch was gesondert einstellen?
                      Und eventuell kannst Du mir erklären, wie ich einen Zeilenumbruch hinbekomme, wenn mehrere Termin die gleiche Uhrzeit haben, was bei uns öfters passiert

                      ja, das habe ich auch ganz oft - die vergangenen (nicht ganztags-) Termine verschwinden... ich habe noch nicht kapiert, woran es liegt...

                      T Offline
                      T Offline
                      TT-Tom
                      schrieb am zuletzt editiert von TT-Tom
                      #172

                      @mguenther
                      Dann scheint es doch ein Problem vom iCal Adapter zu sein. Mir ist das noch nicht aufgefallen.
                      Klinke dich in das andere Thema mit ein und erkläre dort nochmal die Situation. Es liegt dann nicht am Widget/Script, wenn die Daten vorher schon fehlen.

                      Gruß Tom
                      https://github.com/tt-tom17
                      Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

                      NSPanel Script Wiki
                      https://github.com/joBr99/nspanel-lovelace-ui/wiki

                      NSPanel Adapter Wiki
                      https://github.com/ticaki/ioBroker.nspanel-lovelace-ui/wiki

                      1 Antwort Letzte Antwort
                      0
                      • T TT-Tom

                        @damrak2022

                        wie im anderen Thema schon geschrieben lief der Adapter sauber durch heute Nacht. hast du an den Einstellungen etwas geändert? Sind die Einträge alle im Datenpunkt vom Ical adapter vorhanden?

                        Bitte keine Bilder von den Logdaten senden. man kann es kaum bis garnicht lesen. Den Text Kopieren und in die Codetags </> kopieren, okay.

                        Damrak2022D Offline
                        Damrak2022D Offline
                        Damrak2022
                        schrieb am zuletzt editiert von
                        #173

                        @tt-tom Also ich habe mir eben mal den Datenpunkt ical table angeschaut und auch hier fehlen mir schon massiv viele Termine.
                        Ich wüsste aber nicht was ich da tun könnte und auf mein Issue bei Github, gab es bis jetzt leider noch keine Antwort.

                        Mit besten Grüßen
                        Andy

                        T 1 Antwort Letzte Antwort
                        0
                        • Damrak2022D Damrak2022

                          @tt-tom Also ich habe mir eben mal den Datenpunkt ical table angeschaut und auch hier fehlen mir schon massiv viele Termine.
                          Ich wüsste aber nicht was ich da tun könnte und auf mein Issue bei Github, gab es bis jetzt leider noch keine Antwort.

                          T Offline
                          T Offline
                          TT-Tom
                          schrieb am zuletzt editiert von TT-Tom
                          #174

                          @damrak2022

                          Das meinte ich ja, wenn der iCal Adapter in den Datenpunkt nicht die Daten schreibt, ist das ein Problem vom Adapter. Deshalb solltest du ja auch den neuen Tread aufmachen und Apollon77 anschreiben. Schreibe ihn nochmal und Weise auf diese Problem.

                          Gruß Tom
                          https://github.com/tt-tom17
                          Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

                          NSPanel Script Wiki
                          https://github.com/joBr99/nspanel-lovelace-ui/wiki

                          NSPanel Adapter Wiki
                          https://github.com/ticaki/ioBroker.nspanel-lovelace-ui/wiki

                          Damrak2022D 1 Antwort Letzte Antwort
                          0
                          • T TT-Tom

                            @damrak2022

                            Das meinte ich ja, wenn der iCal Adapter in den Datenpunkt nicht die Daten schreibt, ist das ein Problem vom Adapter. Deshalb solltest du ja auch den neuen Tread aufmachen und Apollon77 anschreiben. Schreibe ihn nochmal und Weise auf diese Problem.

                            Damrak2022D Offline
                            Damrak2022D Offline
                            Damrak2022
                            schrieb am zuletzt editiert von
                            #175

                            @tt-tom Ich habe das jetzt nochmal verglichen. Das sind die Daten, welche unter javascript drinstehen
                            Bildschirmfoto 2022-07-20 um 09.36.12.png
                            Bildschirmfoto 2022-07-20 um 09.35.52.png

                            Und das sind die Daten aus dem json Table direkt aus dem ical Adapter:
                            Bildschirmfoto 2022-07-20 um 09.40.56.png

                            Wen ich das richtig sehe ist da ja schon eine große Diskrepanz

                            Und so mager sieht mein Kalender aus:
                            Bildschirmfoto 2022-07-20 um 09.44.17.png

                            Mit besten Grüßen
                            Andy

                            T 1 Antwort Letzte Antwort
                            0
                            • Damrak2022D Damrak2022

                              @tt-tom Ich habe das jetzt nochmal verglichen. Das sind die Daten, welche unter javascript drinstehen
                              Bildschirmfoto 2022-07-20 um 09.36.12.png
                              Bildschirmfoto 2022-07-20 um 09.35.52.png

                              Und das sind die Daten aus dem json Table direkt aus dem ical Adapter:
                              Bildschirmfoto 2022-07-20 um 09.40.56.png

                              Wen ich das richtig sehe ist da ja schon eine große Diskrepanz

                              Und so mager sieht mein Kalender aus:
                              Bildschirmfoto 2022-07-20 um 09.44.17.png

                              T Offline
                              T Offline
                              TT-Tom
                              schrieb am zuletzt editiert von
                              #176

                              @damrak2022

                              Bitte keine Screenshot schwer zu lesen und man kann die Daten schlecht vergleichen. Bitte in Code-Tags einfügen.

                              Gruß Tom
                              https://github.com/tt-tom17
                              Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

                              NSPanel Script Wiki
                              https://github.com/joBr99/nspanel-lovelace-ui/wiki

                              NSPanel Adapter Wiki
                              https://github.com/ticaki/ioBroker.nspanel-lovelace-ui/wiki

                              A 1 Antwort Letzte Antwort
                              0
                              • T TT-Tom

                                @damrak2022

                                Bitte keine Screenshot schwer zu lesen und man kann die Daten schlecht vergleichen. Bitte in Code-Tags einfügen.

                                A Offline
                                A Offline
                                alexmi
                                schrieb am zuletzt editiert von
                                #177

                                @tt-tom Hallo zusammen,
                                ich habe das Script am laufen, funktioniert soweit auch alles super.

                                Jedoch werden keine Vergangenen Termine angezeit, die z.B. nur von 08:00-09:00 Uhr eingetragen sind. Ganztagestermine werden auch für die vergangenen Tage angezeigt.
                                Kann man das irgendwo einstellen?

                                1 Antwort Letzte Antwort
                                0
                                • rtwlR Offline
                                  rtwlR Offline
                                  rtwl
                                  schrieb am zuletzt editiert von
                                  #178

                                  Danke für das Widget! Es ist wirklich hervorragend Umgesetzt.
                                  Aktuell hab ich nur einen "Kritikpunkt":
                                  Wenn man von rechts nach links wischt würde ich mir das nächste Monat/Woche/Tag erwarten, doch leider "geht" es zurück in der Zeitachse.
                                  Kann man das in den Einstellungen irgendwo umkehren? oder eventuell per CSS?

                                  -Peter

                                  1 Antwort Letzte Antwort
                                  0
                                  • rtwlR Offline
                                    rtwlR Offline
                                    rtwl
                                    schrieb am zuletzt editiert von
                                    #179

                                    ist es möglich das Wort "anzeigen" aus der Steuerungsleiste zu entfernen?

                                    5336e2c2-def1-4245-b54a-24b52cce3b31-image.png

                                    -Peter

                                    1 Antwort Letzte Antwort
                                    0
                                    • rtwlR Offline
                                      rtwlR Offline
                                      rtwl
                                      schrieb am zuletzt editiert von rtwl
                                      #180

                                      Auch wenn Frage 1 und 2 bisher noch keine Antwort erhalten hat, versuche ich noch eine dritte Frage zu stellen:

                                      Hin und wieder wird der Kalender nicht korrekt geladen, also die hinterlegten Farben (Ja, sie sind in der Adapter Instanz eingestellt) werden nicht geladen.
                                      Bei Frage 2 (direkt über diesem Post) sieht man wie das Design sein soll, doch es kommt eben das:
                                      19ad226d-e72b-4757-a395-7d6c2dd5c5f5-image.png

                                      -Peter

                                      O 1 Antwort Letzte Antwort
                                      0
                                      • rtwlR rtwl

                                        Auch wenn Frage 1 und 2 bisher noch keine Antwort erhalten hat, versuche ich noch eine dritte Frage zu stellen:

                                        Hin und wieder wird der Kalender nicht korrekt geladen, also die hinterlegten Farben (Ja, sie sind in der Adapter Instanz eingestellt) werden nicht geladen.
                                        Bei Frage 2 (direkt über diesem Post) sieht man wie das Design sein soll, doch es kommt eben das:
                                        19ad226d-e72b-4757-a395-7d6c2dd5c5f5-image.png

                                        O Online
                                        O Online
                                        Oli
                                        schrieb am zuletzt editiert von
                                        #181

                                        @rtwl
                                        Ich hatte das gleiche Problem, habe dann die Farben direkt im Widget eingegeben. Seitdem funktioniert es.

                                        Gruß
                                        Oliver

                                        1 Antwort Letzte Antwort
                                        1
                                        • Curtis777C Offline
                                          Curtis777C Offline
                                          Curtis777
                                          schrieb am zuletzt editiert von Curtis777
                                          #182

                                          Ich habe das Problem das das Plugin mir nicht einmal eine einstellungsoption gibt siehe Screenshot.
                                          Kann mit dem Link nur in die Vis wechseln.

                                          Edit: nach neu installieren ist alles da, im Chrome Browser wird mir der KAlender angezeigt in der Wallpanel APP auf meinem Tablet nicht!

                                          Screenshot_2023-03-03-22-18-18-64_40deb401b9ffe8e1df2f1cc5ba480b12.jpg

                                          Curtis777C 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

                                          878

                                          Online

                                          32.4k

                                          Benutzer

                                          81.5k

                                          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