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

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

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

Material Design Widgets: Calendar Widget

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

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

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

                                      @tt-tom Danke, aber mach Dir keinen Stress. Heute Abend, oder morgen ist völlig ausreichend

                                      Mit besten Grüßen
                                      Andy

                                      T 1 Antwort Letzte Antwort
                                      0
                                      • Damrak2022D Damrak2022

                                        @tt-tom Danke, aber mach Dir keinen Stress. Heute Abend, oder morgen ist völlig ausreichend

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

                                        @damrak2022

                                        Ich schau heute Abend rein.

                                        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

                                          Ich schau heute Abend rein.

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

                                          @tt-tom Danke Dir

                                          Mit besten Grüßen
                                          Andy

                                          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

                                          487

                                          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