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.
  • Ro75R Offline
    Ro75R Offline
    Ro75
    schrieb am zuletzt editiert von
    #120

    Hallo. Wie werden ältere Termine (< heute) dargestellt? Im ICal - Adapter habe ich 30 bei "Vergangene Tage" eingetragen. In den Datenpunkte tauchen aber nur Termine ab dem heutigen Tag auf. Ich verwende aktuell die Version 1.12.1.

    SERVER = Beelink U59 16GB DDR4 RAM 512GB SSD, FB 7490, FritzDect 200+301+440, ConBee II, Zigbee Aqara Sensoren + NOUS A1Z, NOUS A1T, Philips Hue ** ioBroker, REDIS, influxdb2, Grafana, PiHole, Plex-Mediaserver, paperless-ngx (Docker), MariaDB + phpmyadmin *** VIS-Runtime = Intel NUC 8GB RAM 128GB SSD + 24" Touchscreen

    1 Antwort Letzte Antwort
    1
    • A Offline
      A Offline
      alexmi
      schrieb am zuletzt editiert von
      #121

      Hallo zusammen,

      ich habe alles erfolgreich installiert, aber im Kalender werden keine Farben dargestellt. alles nur schwarz/weiß. Außerdem werden mehrtätige Termine auch nicht über mehrere Tage anzeigt, sondern nur am ersten Tag.
      Ich hoffe mir kann jemand helfen.

      Vielen Dank im Voraus! :)

      Damrak2022D 1 Antwort Letzte Antwort
      0
      • A alexmi

        Hallo zusammen,

        ich habe alles erfolgreich installiert, aber im Kalender werden keine Farben dargestellt. alles nur schwarz/weiß. Außerdem werden mehrtätige Termine auch nicht über mehrere Tage anzeigt, sondern nur am ersten Tag.
        Ich hoffe mir kann jemand helfen.

        Vielen Dank im Voraus! :)

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

        @alexmi Ich komme so langsam voran und habe meine 9 Kalender über ical direkt eingebunden.
        Wenn ich das richtig verstehe müsste er doch die Kalenderfarben aus dem ical Kalender übernehmen.
        Das klappt aber bei mir nicht so ganz. Ich habe extra mal einen Testtermin im ioBroker Kalender angelegt
        Bildschirmfoto_2022-06-10_um_10_41_49.png

        Im Javascript habe ich das geändert:

        function getMyCalendarColor(calendarName) {
                            // assign colors via the calendar names, use calendar name as set in ical
                            if (calendarName === 'ioBroker') {
                                return '#F16BBFB';
                            } else if (calendarName === 'Finanzen') {
                                return '#DA0B05'
                            } else if (calendarName === 'calendar3') {
                                return '#32a852'
                            }
                        }
        
                        function getMyCalendarTextColor(calendarName) {
                            // assign colors via the calendar names, use calendar name as set in ical
                            if (calendarName === 'calendar1') {
                                return '#FFFFFF';
                            } else if (calendarName === 'calendar2') {
                                return '#FFFFFF'
                            } else if (calendarName === 'calendar3') {
                                return '#FFFFFF'
        

        Eigentlich sollte der Testtermin in türkis angezeigt werden.

        Mit besten Grüßen
        Andy

        T 1 Antwort Letzte Antwort
        0
        • Damrak2022D Damrak2022

          @alexmi Ich komme so langsam voran und habe meine 9 Kalender über ical direkt eingebunden.
          Wenn ich das richtig verstehe müsste er doch die Kalenderfarben aus dem ical Kalender übernehmen.
          Das klappt aber bei mir nicht so ganz. Ich habe extra mal einen Testtermin im ioBroker Kalender angelegt
          Bildschirmfoto_2022-06-10_um_10_41_49.png

          Im Javascript habe ich das geändert:

          function getMyCalendarColor(calendarName) {
                              // assign colors via the calendar names, use calendar name as set in ical
                              if (calendarName === 'ioBroker') {
                                  return '#F16BBFB';
                              } else if (calendarName === 'Finanzen') {
                                  return '#DA0B05'
                              } else if (calendarName === 'calendar3') {
                                  return '#32a852'
                              }
                          }
          
                          function getMyCalendarTextColor(calendarName) {
                              // assign colors via the calendar names, use calendar name as set in ical
                              if (calendarName === 'calendar1') {
                                  return '#FFFFFF';
                              } else if (calendarName === 'calendar2') {
                                  return '#FFFFFF'
                              } else if (calendarName === 'calendar3') {
                                  return '#FFFFFF'
          

          Eigentlich sollte der Testtermin in türkis angezeigt werden.

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

          @damrak2022 bei den Abfragen sind das 3 Gleichheitszeichen ? muss hinter "return" nicht das Semikolon?

          Wie ist der Kalendername in der Instanz?

          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 bei den Abfragen sind das 3 Gleichheitszeichen ? muss hinter "return" nicht das Semikolon?

            Wie ist der Kalendername in der Instanz?

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

            @tt-tom Ich habe das mit 2 Gleichheitszeichen und auch mit dem Semikolon probiert. Das ist es nicht. Die Kalendernamen sind identisch mit dem was im ical Adapter hinterlegt ist.

            Hier nochmal das komplette Script was ich von hier übernommen habe:

            // momentjs is required as dependecies in javascript adapter
            const moment = require("moment");
            
            var instances = $(`[id=ical.*.data.table]`);
            instances.on(ical2CalendarWidget);
            
            // remove this, if you know to use your own datapoint
            let datapointId = 'materialdesignwidgets.calendar.ical2calendar'
            createState(datapointId, "[]", {
              read: true, 
              write: false, 
              desc: "JSON String for Calendar Widget", 
              type: "string", 
              def: "[]"
            });
            
            function ical2CalendarWidget() {
                try {
                    let calList = [];
            
                    for (var inst = 0; inst <= instances.length - 1; inst++) {
                        let icalObj = getState(instances[inst]).val;
            
                        if (icalObj) {
                            for (var i = 0; i <= icalObj.length - 1; i++) {
                                let item = icalObj[i];
            
                                // extract calendar color
                                let calendarName = item._class.split(' ')[0].replace('ical_', '');
            
                                let startTime = moment(item._date);
                                let endTime = moment(item._end);
                                
                                let start = startTime.format("YYYY-MM-DD HH:mm");
                                let end = endTime.format("YYYY-MM-DD HH:mm");
            
                                if (startTime.format('HH:mm') === '00:00' && endTime.format('HH:mm') === '00:00') {
                                    // is full-day event
                                    if (endTime.diff(startTime, 'hours') === 24) {
                                        // full-day event, one day
                                        start = startTime.format("YYYY-MM-DD");
                                        end = startTime.format("YYYY-MM-DD");
                                    } else {
                                        // full-day event, multiple days
                                        start = startTime.format("YYYY-MM-DD");
                                        end = endTime.format("YYYY-MM-DD");
                                    }
                                }
            
                                // create object for calendar widget
                                calList.push({
                                    name: item.event,
                                    color: getMyCalendarColor(calendarName),
                                    colorText: getMyCalendarTextColor(calendarName),
                                    start: start,
                                    end: end
                                })
                            }
            
                            function getMyCalendarColor(calendarName) {
                                // assign colors via the calendar names, use calendar name as set in ical
                                if (calendarName === 'ioBroker') {
                                    return '#F16BBFB';
                                } else if (calendarName === 'Finanzen') {
                                    return '#DA0B05'
                                } else if (calendarName === 'calendar3') {
                                    return '#32a852'
                                }
                            }
            
                            function getMyCalendarTextColor(calendarName) {
                                // assign colors via the calendar names, use calendar name as set in ical
                                if (calendarName === 'calendar1') {
                                    return '#FFFFFF';
                                } else if (calendarName === 'calendar2') {
                                    return '#FFFFFF'
                                } else if (calendarName === 'calendar3') {
                                    return '#FFFFFF'
                                }
                            }
                        }
            
                        // Enter the destination data point that is to be used as object ID in the widget                
                        setState(datapointId, JSON.stringify(calList), true);
                    }
                } catch (e) {
                    console.error(`ical2MaterialDesignCalendarWidget: message: ${e.message}, stack: ${e.stack}`);
                }
            }
            
            ical2CalendarWidget();
            

            Mit besten Grüßen
            Andy

            T 1 Antwort Letzte Antwort
            0
            • Damrak2022D Damrak2022

              @tt-tom Ich habe das mit 2 Gleichheitszeichen und auch mit dem Semikolon probiert. Das ist es nicht. Die Kalendernamen sind identisch mit dem was im ical Adapter hinterlegt ist.

              Hier nochmal das komplette Script was ich von hier übernommen habe:

              // momentjs is required as dependecies in javascript adapter
              const moment = require("moment");
              
              var instances = $(`[id=ical.*.data.table]`);
              instances.on(ical2CalendarWidget);
              
              // remove this, if you know to use your own datapoint
              let datapointId = 'materialdesignwidgets.calendar.ical2calendar'
              createState(datapointId, "[]", {
                read: true, 
                write: false, 
                desc: "JSON String for Calendar Widget", 
                type: "string", 
                def: "[]"
              });
              
              function ical2CalendarWidget() {
                  try {
                      let calList = [];
              
                      for (var inst = 0; inst <= instances.length - 1; inst++) {
                          let icalObj = getState(instances[inst]).val;
              
                          if (icalObj) {
                              for (var i = 0; i <= icalObj.length - 1; i++) {
                                  let item = icalObj[i];
              
                                  // extract calendar color
                                  let calendarName = item._class.split(' ')[0].replace('ical_', '');
              
                                  let startTime = moment(item._date);
                                  let endTime = moment(item._end);
                                  
                                  let start = startTime.format("YYYY-MM-DD HH:mm");
                                  let end = endTime.format("YYYY-MM-DD HH:mm");
              
                                  if (startTime.format('HH:mm') === '00:00' && endTime.format('HH:mm') === '00:00') {
                                      // is full-day event
                                      if (endTime.diff(startTime, 'hours') === 24) {
                                          // full-day event, one day
                                          start = startTime.format("YYYY-MM-DD");
                                          end = startTime.format("YYYY-MM-DD");
                                      } else {
                                          // full-day event, multiple days
                                          start = startTime.format("YYYY-MM-DD");
                                          end = endTime.format("YYYY-MM-DD");
                                      }
                                  }
              
                                  // create object for calendar widget
                                  calList.push({
                                      name: item.event,
                                      color: getMyCalendarColor(calendarName),
                                      colorText: getMyCalendarTextColor(calendarName),
                                      start: start,
                                      end: end
                                  })
                              }
              
                              function getMyCalendarColor(calendarName) {
                                  // assign colors via the calendar names, use calendar name as set in ical
                                  if (calendarName === 'ioBroker') {
                                      return '#F16BBFB';
                                  } else if (calendarName === 'Finanzen') {
                                      return '#DA0B05'
                                  } else if (calendarName === 'calendar3') {
                                      return '#32a852'
                                  }
                              }
              
                              function getMyCalendarTextColor(calendarName) {
                                  // assign colors via the calendar names, use calendar name as set in ical
                                  if (calendarName === 'calendar1') {
                                      return '#FFFFFF';
                                  } else if (calendarName === 'calendar2') {
                                      return '#FFFFFF'
                                  } else if (calendarName === 'calendar3') {
                                      return '#FFFFFF'
                                  }
                              }
                          }
              
                          // Enter the destination data point that is to be used as object ID in the widget                
                          setState(datapointId, JSON.stringify(calList), true);
                      }
                  } catch (e) {
                      console.error(`ical2MaterialDesignCalendarWidget: message: ${e.message}, stack: ${e.stack}`);
                  }
              }
              
              ical2CalendarWidget();
              
              T Offline
              T Offline
              TT-Tom
              schrieb am zuletzt editiert von TT-Tom
              #125

              @damrak2022

              Okay, bei mir läuft das Script ohne Probleme. Schreibe mal in Zeile 30

              console.log(calendarName);
              

              Und prüfe mal die Ausgaben im Log. Vielleicht ein Leerzeichen versteckt.

              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

                Okay, bei mir läuft das Script ohne Probleme. Schreibe mal in Zeile 30

                console.log(calendarName);
                

                Und prüfe mal die Ausgaben im Log. Vielleicht ein Leerzeichen versteckt.

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

                @tt-tom Dann erscheint das:
                Bildschirmfoto 2022-06-12 um 04.57.05.png

                2022-06-12 04:56:41.170	error	script.js.common.Kalender.Kalender_ical: ical2MaterialDesignCalendarWidget: message: iobroker is not defined, stack: ReferenceError: iobroker is not defined at ical2CalendarWidget (script.js.common.Kalender.Kalender_ical:31:99) at script.js.common.Kalender.Kalender_ical:93:1 at script.js.common.Kalender.Kalender_ical:94:3 at Script.runInContext (vm.js:144:12) at Script.runInNewContext (vm.js:149:17) at execute (/opt/iobroker/node_modules/iobroker.javascript/main.js:1687:27) at prepareScript (/opt/iobroker/node_modules/iobroker.javascript/main.js:1901:38) at /opt/iobroker/node_modules/iobroker.javascript/main.js:2001:17 at Immediate._onImmediate (/opt/iobroker/node_modules/iobroker.javascript/main.js:1472:17) at processImmediate (internal/timers.js:466:21)
                

                Das hatte ich eingetragen:
                Bildschirmfoto 2022-06-12 um 04.59.31.png

                Wie behebe ich Calendar iobroker ist not defined

                Mit besten Grüßen
                Andy

                T 1 Antwort Letzte Antwort
                0
                • Damrak2022D Damrak2022

                  @tt-tom Dann erscheint das:
                  Bildschirmfoto 2022-06-12 um 04.57.05.png

                  2022-06-12 04:56:41.170	error	script.js.common.Kalender.Kalender_ical: ical2MaterialDesignCalendarWidget: message: iobroker is not defined, stack: ReferenceError: iobroker is not defined at ical2CalendarWidget (script.js.common.Kalender.Kalender_ical:31:99) at script.js.common.Kalender.Kalender_ical:93:1 at script.js.common.Kalender.Kalender_ical:94:3 at Script.runInContext (vm.js:144:12) at Script.runInNewContext (vm.js:149:17) at execute (/opt/iobroker/node_modules/iobroker.javascript/main.js:1687:27) at prepareScript (/opt/iobroker/node_modules/iobroker.javascript/main.js:1901:38) at /opt/iobroker/node_modules/iobroker.javascript/main.js:2001:17 at Immediate._onImmediate (/opt/iobroker/node_modules/iobroker.javascript/main.js:1472:17) at processImmediate (internal/timers.js:466:21)
                  

                  Das hatte ich eingetragen:
                  Bildschirmfoto 2022-06-12 um 04.59.31.png

                  Wie behebe ich Calendar iobroker ist not defined

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

                  @damrak2022
                  Okay bei dir ist es Zeile 31. das Semikolon raus und dafür den Befehl so wie ich ihn geschrieben habe. Du möchtest im log den Inhalt der Variable sehen.

                  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
                    Okay bei dir ist es Zeile 31. das Semikolon raus und dafür den Befehl so wie ich ihn geschrieben habe. Du möchtest im log den Inhalt der Variable sehen.

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

                    @tt-tom Soory,

                    07:45:18.278	info	javascript.0 (952) script.js.common.Kalender.Kalender_ical: Gesundheit
                    07:45:18.279	info	javascript.0 (952) script.js.common.Kalender.Kalender_ical: Freizeit
                    07:45:18.281	info	javascript.0 (952) script.js.common.Kalender.Kalender_ical: Haushalt
                    07:45:18.282	info	javascript.0 (952) script.js.common.Kalender.Kalender_ical: Haushalt
                    07:45:18.284	info	javascript.0 (952) script.js.common.Kalender.Kalender_ical: Gesundheit
                    07:45:18.285	info	javascript.0 (952) script.js.common.Kalender.Kalender_ical: Arbeit
                    07:45:18.287	info	javascript.0 (952) script.js.common.Kalender.Kalender_ical: Freizeit
                    07:45:18.289	info	javascript.0 (952) script.js.common.Kalender.Kalender_ical: registered 1 subscription and 0 schedules
                    

                    Bildschirmfoto 2022-06-12 um 07.47.14.png

                    Wieso steht da was ganz anderes als meine Einstellungen in ical?

                    Mit besten Grüßen
                    Andy

                    T 1 Antwort Letzte Antwort
                    0
                    • Damrak2022D Damrak2022

                      @tt-tom Soory,

                      07:45:18.278	info	javascript.0 (952) script.js.common.Kalender.Kalender_ical: Gesundheit
                      07:45:18.279	info	javascript.0 (952) script.js.common.Kalender.Kalender_ical: Freizeit
                      07:45:18.281	info	javascript.0 (952) script.js.common.Kalender.Kalender_ical: Haushalt
                      07:45:18.282	info	javascript.0 (952) script.js.common.Kalender.Kalender_ical: Haushalt
                      07:45:18.284	info	javascript.0 (952) script.js.common.Kalender.Kalender_ical: Gesundheit
                      07:45:18.285	info	javascript.0 (952) script.js.common.Kalender.Kalender_ical: Arbeit
                      07:45:18.287	info	javascript.0 (952) script.js.common.Kalender.Kalender_ical: Freizeit
                      07:45:18.289	info	javascript.0 (952) script.js.common.Kalender.Kalender_ical: registered 1 subscription and 0 schedules
                      

                      Bildschirmfoto 2022-06-12 um 07.47.14.png

                      Wieso steht da was ganz anderes als meine Einstellungen in ical?

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

                      @damrak2022
                      Stop

                      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
                        Stop

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

                        @tt-tom Hier nochmal aus Zeile 31

                        07:49:27.938	info	javascript.0 (952) script.js.common.Kalender.Kalender_ical: Gesundheit
                        07:49:27.939	info	javascript.0 (952) script.js.common.Kalender.Kalender_ical: Freizeit
                        07:49:27.940	info	javascript.0 (952) script.js.common.Kalender.Kalender_ical: Haushalt
                        07:49:27.941	info	javascript.0 (952) script.js.common.Kalender.Kalender_ical: Haushalt
                        07:49:27.942	info	javascript.0 (952) script.js.common.Kalender.Kalender_ical: Gesundheit
                        07:49:27.944	info	javascript.0 (952) script.js.common.Kalender.Kalender_ical: Arbeit
                        07:49:27.945	info	javascript.0 (952) script.js.common.Kalender.Kalender_ical: Freizeit
                        07:49:27.946	info	javascript.0 (952) script.js.common.Kalender.Kalender_ical: registered 1 subscription and 0 schedules
                        

                        Script ist gestoppt

                        Habe das Semikolon am Anfang entfernt - selbe Ausgabe

                        Mit besten Grüßen
                        Andy

                        T 1 Antwort Letzte Antwort
                        0
                        • Damrak2022D Damrak2022

                          @tt-tom Hier nochmal aus Zeile 31

                          07:49:27.938	info	javascript.0 (952) script.js.common.Kalender.Kalender_ical: Gesundheit
                          07:49:27.939	info	javascript.0 (952) script.js.common.Kalender.Kalender_ical: Freizeit
                          07:49:27.940	info	javascript.0 (952) script.js.common.Kalender.Kalender_ical: Haushalt
                          07:49:27.941	info	javascript.0 (952) script.js.common.Kalender.Kalender_ical: Haushalt
                          07:49:27.942	info	javascript.0 (952) script.js.common.Kalender.Kalender_ical: Gesundheit
                          07:49:27.944	info	javascript.0 (952) script.js.common.Kalender.Kalender_ical: Arbeit
                          07:49:27.945	info	javascript.0 (952) script.js.common.Kalender.Kalender_ical: Freizeit
                          07:49:27.946	info	javascript.0 (952) script.js.common.Kalender.Kalender_ical: registered 1 subscription and 0 schedules
                          

                          Script ist gestoppt

                          Habe das Semikolon am Anfang entfernt - selbe Ausgabe

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

                          @damrak2022

                          Langsam habe nur das Handy am Start.

                          Das Script liest vermutlich nicht die Farben vom Adapter. Das muss ich mir Zuhause ansehen, am Rechner heute Abend.

                          Jetzt ist es so das der Name vom Kalender ermittelt wird und ihm dann vom Script eine Farbe für Hintergrund und Schrift zugewiesen wird.

                          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

                            Langsam habe nur das Handy am Start.

                            Das Script liest vermutlich nicht die Farben vom Adapter. Das muss ich mir Zuhause ansehen, am Rechner heute Abend.

                            Jetzt ist es so das der Name vom Kalender ermittelt wird und ihm dann vom Script eine Farbe für Hintergrund und Schrift zugewiesen wird.

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

                            @tt-tom Ja, kein Problem, lass Dir Zeit. Aber es werden ja auch völlig falsche Kalendernamen eingelesen - siehe ical Screenshot.
                            Okay, bis später

                            Mit besten Grüßen
                            Andy

                            1 Antwort Letzte Antwort
                            0
                            • T Offline
                              T Offline
                              TT-Tom
                              schrieb am zuletzt editiert von
                              #133

                              @damrak2022
                              Haben allen Kalender aktuell Daten, schau mal in den Objekten von iCal nach. Das würde erklären warum er nicht alle Kalender logt.

                              Das Script erstellt die Farben für Hintergrund und Schrift selber. Du musst die Funktion erweitern für deine Kalender. Aktuell sind es ja nur für drei.

                              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
                                Haben allen Kalender aktuell Daten, schau mal in den Objekten von iCal nach. Das würde erklären warum er nicht alle Kalender logt.

                                Das Script erstellt die Farben für Hintergrund und Schrift selber. Du musst die Funktion erweitern für deine Kalender. Aktuell sind es ja nur für drei.

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

                                @tt-tom Momentan sieht das bei den Objekten so aus:
                                Bildschirmfoto 2022-06-12 um 08.57.32.png

                                Im Kalender selbst so:
                                Bildschirmfoto 2022-06-12 um 08.59.31.png

                                Da stehen Termin drin
                                Ich werde das erstmal erweitern

                                Mit besten Grüßen
                                Andy

                                T 1 Antwort Letzte Antwort
                                0
                                • Damrak2022D Damrak2022

                                  @tt-tom Momentan sieht das bei den Objekten so aus:
                                  Bildschirmfoto 2022-06-12 um 08.57.32.png

                                  Im Kalender selbst so:
                                  Bildschirmfoto 2022-06-12 um 08.59.31.png

                                  Da stehen Termin drin
                                  Ich werde das erstmal erweitern

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

                                  @damrak2022

                                  Melde mich heute Abend nochmal. Bin jetzt weg

                                  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

                                    Melde mich heute Abend nochmal. Bin jetzt weg

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

                                    @tt-tom Ja, alles okay,

                                    ich habe das jetzt erweitert, aber hier werden manche Einträge blass dargestellt und unten ist noch ein Teil der wahrscheinlich weg kann
                                    Bildschirmfoto_2022-06-12_um_09_24_34.png

                                    Mit besten Grüßen
                                    Andy

                                    T 1 Antwort Letzte Antwort
                                    0
                                    • Damrak2022D Damrak2022

                                      @tt-tom Ja, alles okay,

                                      ich habe das jetzt erweitert, aber hier werden manche Einträge blass dargestellt und unten ist noch ein Teil der wahrscheinlich weg kann
                                      Bildschirmfoto_2022-06-12_um_09_24_34.png

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

                                      @damrak2022

                                      Falsche Klammern, vergleiche mit der ersten if

                                      Das erste else muss auch weg

                                      Der untere Teil ist für die Schriftfarbe, wenn dein Hintergrund schwarz ist musst du hier weiß ein stellen für den Kalender

                                      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

                                        Falsche Klammern, vergleiche mit der ersten if

                                        Das erste else muss auch weg

                                        Der untere Teil ist für die Schriftfarbe, wenn dein Hintergrund schwarz ist musst du hier weiß ein stellen für den Kalender

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

                                        @tt-tom Garnicht so einfach, wenn die Augen nicht mehr so Top sind und man sich mit JS nicht auskennt.
                                        Jetzt habe ich das angepasst, aber 3 Einträge sind immer noch blass dargestellt
                                        Bildschirmfoto 2022-06-12 um 11.13.32.png

                                        Muss ich den unteren Bereich auch bis auf die 7 Kalender erweitern, und überall meine gewünschte Schriftfarbe einstellen?

                                        Mit besten Grüßen
                                        Andy

                                        T 1 Antwort Letzte Antwort
                                        0
                                        • Damrak2022D Damrak2022

                                          @tt-tom Garnicht so einfach, wenn die Augen nicht mehr so Top sind und man sich mit JS nicht auskennt.
                                          Jetzt habe ich das angepasst, aber 3 Einträge sind immer noch blass dargestellt
                                          Bildschirmfoto 2022-06-12 um 11.13.32.png

                                          Muss ich den unteren Bereich auch bis auf die 7 Kalender erweitern, und überall meine gewünschte Schriftfarbe einstellen?

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

                                          @damrak2022 sagte in Material Design Widgets: Calendar Widget:

                                          Muss ich den unteren Bereich auch bis auf die 7 Kalender erweitern, und überall meine gewünschte Schriftfarbe einstellen?

                                          Nein, nur für die, die nicht schwarz sein sollen.

                                          Du hast oben immer noch ein Problem mit den Klammern.
                                          Ab Office fehlt die Klammer } vor else und hinter dem letzten Return müssen zwei

                                          Vergleiche mit dem Original, da kannst du es erkennen.

                                          So bin mal wieder weg.

                                          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
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          432

                                          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