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. ical Kalender Farben anpassen?

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

ical Kalender Farben anpassen?

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vis
112 Beiträge 22 Kommentatoren 15.6k Aufrufe 20 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.
  • bahnuhrB bahnuhr

    @lucajordi sagte in ical Kalender Farben anpassen?:

    @bahnuhr
    der erste Termin für today wird in rot angezeigt, alle anderen in schwarz...

    3c7e2924-e451-4617-9b53-3558b8eb9a0d-image.png

    Script ist dein original Script mit den o. g. Änderungen...

    Eben hattest du noch ein Script drin. Schade, wieder raus genommen. Warum ?

    Habs bei mir nachvollzogen:
    Script geändert in :
    6da33854-9f84-440a-a66e-5add39e9acaf-image.png

    Ausgabe in VIS:
    9a415be3-7e20-4c56-8172-59cf19a798f1-image.png

    Fazit:
    klappt einwandfrei.

    L Offline
    L Offline
    lucajordi
    schrieb am zuletzt editiert von
    #70

    @bahnuhr

    Script wurde irgendwie verstückelt angezeigt...

    Hier nochmal: (Auszug)

    // Script stammt von uhula und sputnik
    // Das Script greift auf die ical.0.html zu und ändert den Text.
    // Gespeichert wird das geänderte Script in "javascript.0.Sonstige.ical.html"
    // Geändert und erweitert in 12/2017 von bahnuhr

    var idCal = "ical.0";
    var idCalTrigger = idCal + ".data.trigger";
    var idCalTable = idCal + ".data.table";
    var idCalHTML = idCal + ".data.html";
    var idCalHTMLtable = 'javascript.0.Sonstige.Ical.html';

    var anz_ganztags = false; // wenn true wird bei Ganztags-Terminen als time auch "ganzer Tag" angezeigt; wenn false erfolgt gar keine Anzeige
    var anz_time = true; // wenn true werden die Uhrzeiten angezeigt; wenn false erfolgt gar keine Anzeige
    var balken = false; // wenn true wird Balken links angezeigt; wenn false dann erfolgt keine Anzeige
    var abstand_zwischen_Tagen = true; // wenn true wird ein Abstand zwischen den Terminen gesetzt, wenn diese nicht am gleichen Tag stattfinden

    function iCalToHTMLTable() {
    var html = "<table style='font-size:0.9em;'><tbody>";
    var calTable = getState(idCalTable);
    var inst = getObject("system.adapter."+idCal);
    var instopt = inst.native;
    var calendar = {};

    for (var i = 0; i < calTable.val.length; i++) { 
        var entry = calTable.val[i];
        var _date = new Date(entry._date);
        var _time = "";
    
    
        // "_time und date" Variable festlegen
        if (entry.date.indexOf("&#8594") >= 0) {    // Pfeil ist enthalten
            if (entry.date.indexOf(":") >= 0) {         // Uhrzeit ist enthalten
                _time = "bis " + (entry.date).substring(entry.date.length-5,entry.date.length);
                entry.date = Datum_holen("tm");
            } else {
                _time= "ganzer Tag";
                entry.date = Datum_holen("tm");
            }
        } else {                                    // Pfeil ist nicht enthalten
            if (entry.date.indexOf(":") >= 0) {         // Uhrzeit ist enthalten
                _time = (entry.date).substring(entry.date.length-11,entry.date.length);
            } else {
                _time= "ganzer Tag";
            }
            entry.date = getFormattedDate(_date);
        }
    
    
        if ( entry._calName != calendar.name ) {
            calendar = {};
            for (var c = 0; c < instopt.calendars.length; c++ ) {
                if (entry._calName == instopt.calendars[c].name ) {
                    calendar = instopt.calendars[c];
                    break;
                }
            }
        }
    
        var _color = "color:"+calendar.color;
        if (entry._class.includes("ical_today")) _color = "color:red;";
        else if (entry._class.includes("ical_tomorrow")) _color = "color:orange";
        else if (entry._class.includes("ical_dayafter")) _color = "color:orange";
    
        var _bgcolor = "";
        if(calendar.name == "TB") {
            if(entry.event == "Bioabfall") {
                _bgcolor = "#a0e878";
                _color="color:orange";
            }
            else if(entry.event == "Restabfall") {
                _bgcolor = "#ce6f6f"; 
                _color="color:orange";
            }
            else if(entry.event == "Sperrmüll") {
                _bgcolor = "#508fdc";
                _color="color:orange";
            }
            else if(entry.event == "Gelber Sack") {
                _bgcolor = "#eee06d";
                _color="color:orange";
            }
        }
        else _bgcolor = calendar.color;
        
        if (balken === false) _bgcolor = "";
        
        if (_bgcolor !== "") html+="<tr style='background:transparent; background-image: linear-gradient("+_bgcolor+","+_bgcolor+"); background-size: 6px 90%; background-repeat: no-repeat;'>";
        else html+="<tr>";
    
    bahnuhrB 1 Antwort Letzte Antwort
    0
    • L lucajordi

      @bahnuhr

      Script wurde irgendwie verstückelt angezeigt...

      Hier nochmal: (Auszug)

      // Script stammt von uhula und sputnik
      // Das Script greift auf die ical.0.html zu und ändert den Text.
      // Gespeichert wird das geänderte Script in "javascript.0.Sonstige.ical.html"
      // Geändert und erweitert in 12/2017 von bahnuhr

      var idCal = "ical.0";
      var idCalTrigger = idCal + ".data.trigger";
      var idCalTable = idCal + ".data.table";
      var idCalHTML = idCal + ".data.html";
      var idCalHTMLtable = 'javascript.0.Sonstige.Ical.html';

      var anz_ganztags = false; // wenn true wird bei Ganztags-Terminen als time auch "ganzer Tag" angezeigt; wenn false erfolgt gar keine Anzeige
      var anz_time = true; // wenn true werden die Uhrzeiten angezeigt; wenn false erfolgt gar keine Anzeige
      var balken = false; // wenn true wird Balken links angezeigt; wenn false dann erfolgt keine Anzeige
      var abstand_zwischen_Tagen = true; // wenn true wird ein Abstand zwischen den Terminen gesetzt, wenn diese nicht am gleichen Tag stattfinden

      function iCalToHTMLTable() {
      var html = "<table style='font-size:0.9em;'><tbody>";
      var calTable = getState(idCalTable);
      var inst = getObject("system.adapter."+idCal);
      var instopt = inst.native;
      var calendar = {};

      for (var i = 0; i < calTable.val.length; i++) { 
          var entry = calTable.val[i];
          var _date = new Date(entry._date);
          var _time = "";
      
      
          // "_time und date" Variable festlegen
          if (entry.date.indexOf("&#8594") >= 0) {    // Pfeil ist enthalten
              if (entry.date.indexOf(":") >= 0) {         // Uhrzeit ist enthalten
                  _time = "bis " + (entry.date).substring(entry.date.length-5,entry.date.length);
                  entry.date = Datum_holen("tm");
              } else {
                  _time= "ganzer Tag";
                  entry.date = Datum_holen("tm");
              }
          } else {                                    // Pfeil ist nicht enthalten
              if (entry.date.indexOf(":") >= 0) {         // Uhrzeit ist enthalten
                  _time = (entry.date).substring(entry.date.length-11,entry.date.length);
              } else {
                  _time= "ganzer Tag";
              }
              entry.date = getFormattedDate(_date);
          }
      
      
          if ( entry._calName != calendar.name ) {
              calendar = {};
              for (var c = 0; c < instopt.calendars.length; c++ ) {
                  if (entry._calName == instopt.calendars[c].name ) {
                      calendar = instopt.calendars[c];
                      break;
                  }
              }
          }
      
          var _color = "color:"+calendar.color;
          if (entry._class.includes("ical_today")) _color = "color:red;";
          else if (entry._class.includes("ical_tomorrow")) _color = "color:orange";
          else if (entry._class.includes("ical_dayafter")) _color = "color:orange";
      
          var _bgcolor = "";
          if(calendar.name == "TB") {
              if(entry.event == "Bioabfall") {
                  _bgcolor = "#a0e878";
                  _color="color:orange";
              }
              else if(entry.event == "Restabfall") {
                  _bgcolor = "#ce6f6f"; 
                  _color="color:orange";
              }
              else if(entry.event == "Sperrmüll") {
                  _bgcolor = "#508fdc";
                  _color="color:orange";
              }
              else if(entry.event == "Gelber Sack") {
                  _bgcolor = "#eee06d";
                  _color="color:orange";
              }
          }
          else _bgcolor = calendar.color;
          
          if (balken === false) _bgcolor = "";
          
          if (_bgcolor !== "") html+="<tr style='background:transparent; background-image: linear-gradient("+_bgcolor+","+_bgcolor+"); background-size: 6px 90%; background-repeat: no-repeat;'>";
          else html+="<tr>";
      
      bahnuhrB Online
      bahnuhrB Online
      bahnuhr
      Forum Testing Most Active
      schrieb am zuletzt editiert von bahnuhr
      #71

      @lucajordi sagte in ical Kalender Farben anpassen?:

      var _color = "color:"+calendar.color;

      Dann ist deine Standard Kalenderfarbe in Google "schwarz"

      Kannst du aber auch ändern in:
      var _color = "color:white";

      dann würde alles in weißer Schrift erscheinen.


      Wenn ich helfen konnte, dann Daumen hoch (Pfeil nach oben)!
      Danke.
      gute Forenbeiträge: https://forum.iobroker.net/topic/51555/hinweise-f%C3%BCr-gute-forenbeitr%C3%A4ge
      ScreenToGif :https://www.screentogif.com/downloads.html

      1 Antwort Letzte Antwort
      0
      • bahnuhrB Online
        bahnuhrB Online
        bahnuhr
        Forum Testing Most Active
        schrieb am zuletzt editiert von
        #72

        P.S.
        Scripte setzt man in "code"
        bf412861-e9f2-4900-942a-07d49f67b962-image.png


        Wenn ich helfen konnte, dann Daumen hoch (Pfeil nach oben)!
        Danke.
        gute Forenbeiträge: https://forum.iobroker.net/topic/51555/hinweise-f%C3%BCr-gute-forenbeitr%C3%A4ge
        ScreenToGif :https://www.screentogif.com/downloads.html

        L 1 Antwort Letzte Antwort
        1
        • bahnuhrB bahnuhr

          P.S.
          Scripte setzt man in "code"
          bf412861-e9f2-4900-942a-07d49f67b962-image.png

          L Offline
          L Offline
          lucajordi
          schrieb am zuletzt editiert von
          #73

          @bahnuhr
          Danke dir!

          Jetzt klappts:

          3a77d8f0-7352-42fa-82de-f87c229a95fc-image.png

          bahnuhrB 1 Antwort Letzte Antwort
          0
          • L lucajordi

            @bahnuhr
            Danke dir!

            Jetzt klappts:

            3a77d8f0-7352-42fa-82de-f87c229a95fc-image.png

            bahnuhrB Online
            bahnuhrB Online
            bahnuhr
            Forum Testing Most Active
            schrieb am zuletzt editiert von
            #74

            @lucajordi sagte in ical Kalender Farben anpassen?:

            Danke dir!

            Wer helfen konnte, Daumen hoch.
            Wäre auch schön.


            Wenn ich helfen konnte, dann Daumen hoch (Pfeil nach oben)!
            Danke.
            gute Forenbeiträge: https://forum.iobroker.net/topic/51555/hinweise-f%C3%BCr-gute-forenbeitr%C3%A4ge
            ScreenToGif :https://www.screentogif.com/downloads.html

            1 Antwort Letzte Antwort
            1
            • bahnuhrB Online
              bahnuhrB Online
              bahnuhr
              Forum Testing Most Active
              schrieb am zuletzt editiert von
              #75

              Guten Abend,

              ich hatte ical 1.7.4 drauf.
              Da lief das Script einwandfrei.

              Jetzt Adapter upgedated auf 1.11.2. Und nun bekomme ich Fehlermeldungen im log:

              javascript.0	2021-08-02 19:10:06.225	error	(1133) at Script.runInContext (vm.js:130:18)
              javascript.0	2021-08-02 19:10:06.225	error	(1133) at script.js.Scripte.Sonstige.Ical:154:3
              javascript.0	2021-08-02 19:10:06.225	error	(1133) at script.js.Scripte.Sonstige.Ical:130:1
              javascript.0	2021-08-02 19:10:06.224	error	(1133) at iCalToHTMLTable (script.js.Scripte.Sonstige.Ical:34:24)
              javascript.0	2021-08-02 19:10:06.224	error	(1133) script.js.Scripte.Sonstige.Ical: TypeError: Cannot read property 'indexOf' of undefined
              

              Auf der ical-Seite steht unter changelog:
              8ef577f1-6851-490d-8b75-c949917db3e4-image.png

              Da ja auf diesen DP zugegriffen wird, vermute ich mal, dass es damit zusammen hängen könnte.

              Da ich mit stringeify und parse immer noch ein bisschen auf Kriegsfuß stehe bitte ich um Nachhilfe.

              Was muss man ändern damit das Script wieder fehlerfrei läuft.
              @apollon77
              Kannst du helfen, du bist ja auch fleißig am ändern des Adapters.

              mfg
              Dieter

              Anbei das aktuelle Script (müsste aber weiter vorne auch schon drin sein):

              
              // Script stammt von uhula und sputnik
              // Das Script greift auf die ical.0.html zu und ändert den Text.
              // Gespeichert wird das geänderte Script in "javascript.0.Sonstige.ical.html"
              // Geändert und erweitert in 12/2017 von bahnuhr
              
              
              var idCal = "ical.0";
              var idCalTrigger   = idCal + ".data.trigger";
              var idCalTable     = idCal + ".data.table";
              var idCalHTML      = idCal + ".data.html";
              var idCalHTMLtable = 'javascript.0.Sonstige.Ical.html';
              
              var anz_ganztags = false;   // wenn true wird bei Ganztags-Terminen als time auch "ganzer Tag" angezeigt; wenn false erfolgt gar keine Anzeige
              var anz_time = true;        // wenn true werden die Uhrzeiten angezeigt; wenn false erfolgt gar keine Anzeige
              var balken = false;         // wenn true wird Balken links angezeigt; wenn false dann erfolgt keine Anzeige
              var abstand_zwischen_Tagen = false; // wenn true wird ein Abstand zwischen den Terminen gesetzt, wenn diese nicht am gleichen Tag stattfinden
              
              function iCalToHTMLTable() {
                 var html     = "<table style='font-size:0.9em;'><tbody>";
                 var calTable = getState(idCalTable);
                 var inst     = getObject("system.adapter."+idCal);
                 var instopt  = inst.native;
                 var calendar = {};
              
                 for (var i = 0; i < calTable.val.length; i++) { 
                     var entry = calTable.val[i];
                     var _date = new Date(entry._date);
                     var _time = "";
              
              
                     // "_time und date" Variable festlegen
                     log (entry);
                     if (entry.date.indexOf("&#8594") >= 0) {    // Pfeil ist enthalten
                         if (entry.date.indexOf(":") >= 0) {         // Uhrzeit ist enthalten
                             _time = "bis " + (entry.date).substring(entry.date.length-5,entry.date.length);
                             entry.date = Datum_holen("tm");
                         } else {
                             _time= "ganzer Tag";
                             entry.date = Datum_holen("tm");
                         }
                     } else {                                    // Pfeil ist nicht enthalten
                         if (entry.date.indexOf(":") >= 0) {         // Uhrzeit ist enthalten
                             _time = (entry.date).substring(entry.date.length-11,entry.date.length);
                         } else {
                             _time= "ganzer Tag";
                         }
                         entry.date = getFormattedDate(_date);
                     }
              
              
                     if ( entry._calName != calendar.name ) {
                         calendar = {};
                         for (var c = 0; c < instopt.calendars.length; c++ ) {
                             if (entry._calName == instopt.calendars[c].name ) {
                                 calendar = instopt.calendars[c];
                                 break;
                             }
                         }
                     }
              
                     var _color = "color:"+calendar.color;
                     if (entry._class.includes("ical_today")) _color = "color:red;";
                     else if (entry._class.includes("ical_tomorrow")) _color = "color:orange";
                     else if (entry._class.includes("ical_dayafter")) _color = "color:yellow";
              
                     var _bgcolor = "";
                     if(calendar.name == "Müll") {
                         if(entry.event == "Bio Tonne") {
                             _bgcolor = "#a0e878";
                             _color="color:#a0e878";
                         }
                         else if(entry.event == "Restmüll Tonne") {
                             _bgcolor = "#ce6f6f"; 
                             _color="color:#ce6f6f";
                         }
                         else if(entry.event == "Blaue Tonne") {
                             _bgcolor = "#508fdc";
                             _color="color:#508fdc";
                         }
                         else if(entry.event == "Gelbe Tonne") {
                             _bgcolor = "#eee06d";
                             _color="color:#eee06d";
                         }
                     }
                     else _bgcolor = calendar.color;
                     
                     if (balken === false) _bgcolor = "";
                     
                     if (_bgcolor !== "") html+="<tr style='background:transparent; background-image: linear-gradient("+_bgcolor+","+_bgcolor+"); background-size: 6px 90%; background-repeat: no-repeat;'>";
                     else html+="<tr>";
              
              if (i>0 && (abstand_zwischen_Tagen == true)){
                         if (calTable.val[i].date != calTable.val[i-1].date){
                             html+="<tr><td></td></tr>";
                             html+="<tr><td></td></tr>";
                             html+="<tr><td></td></tr>";
                             html+="<tr><td></td></tr>";    
                         }
                     }
              
                         var abstand = "15px;";
                         if (balken === false) abstand = "3px;";
                         html+="<td style='font-size:1.1em; padding-left:"+abstand+_color+"'>"+entry.date+"</td>";
              
                     if ((_time === "ganzer Tag" && anz_ganztags === false) || anz_time === false) {
                         html+="<td style='font-size:1.1em; padding-left:5px;"+_color+"'>"+entry.event+"</td>";                      // nur event anzeigen
                     } else {
                         html+="<td style='font-size:1.1em; padding-left:5px;"+_color+"'>"+_time + "  " + entry.event+"</td>";       // time + event wird angezeigt
                     }
                     html+="</tr>";
                 }
              
                 html+="</body></table>";    
                 setState(idCalHTMLtable, html);    
              }
              
              function getFormattedDate(date) {
                 var month = (1 + date.getMonth()).toString();
                 month = month.length > 1 ? month : '0' + month;
                 var day = date.getDate().toString();
                 day = day.length > 1 ? day : '0' + day;
                 return day + '.' + month + '.';
              }
              
              on({id: idCalTable, change: "ne"}, function (obj) {
                 iCalToHTMLTable();
              });
              
              iCalToHTMLTable();
              
              
              // als CSS einfügen ------------------------------------------------------------------
              /*
              .icalWarn { font-weight:normal; }
              .icalWarn2  { color:red; }
              .icalPreWarn { font-weight:normal; }
              .icalPreWarn2  { color:orange; }
              .icalPrePreWarn { font-weight:normal; }
              .icalPrePreWarn2  { color:yellow; }
              .icalNormal { font-weight:normal; }
              
              .icalNormal.iCal-Müll {
                 font-weight:normal;
                 color:#f87149;
              }
              .icalNormal.iCal-Märkte {
                 font-weight:normal;
                 color:#bc7dd8;
              }
              */
              
              
              


              Wenn ich helfen konnte, dann Daumen hoch (Pfeil nach oben)!
              Danke.
              gute Forenbeiträge: https://forum.iobroker.net/topic/51555/hinweise-f%C3%BCr-gute-forenbeitr%C3%A4ge
              ScreenToGif :https://www.screentogif.com/downloads.html

              1 Antwort Letzte Antwort
              0
              • bahnuhrB Online
                bahnuhrB Online
                bahnuhr
                Forum Testing Most Active
                schrieb am zuletzt editiert von
                #76

                So, habs hinbekommen.
                Der Gedanke mit ...parse war richtig.
                Das Script muss an einigen wenigen Stellen geändert werden.

                Anbei die aktuelle Version, die nun auch mit der neuesten ical 1.11.2 funktioniert.

                
                // Script stammt von uhula und sputnik
                // Das Script greift auf die ical.0.html zu und ändert den Text.
                // Gespeichert wird das geänderte Script in "javascript.0.Sonstige.ical.html"
                // Geändert und erweitert in 12/2017 von bahnuhr
                
                
                var idCal = "ical.0";
                var idCalTrigger   = idCal + ".data.trigger";
                var idCalTable     = idCal + ".data.table";
                var idCalHTML      = idCal + ".data.html";
                var idCalHTMLtable = 'javascript.0.Sonstige.Ical.html';
                
                var anz_ganztags = false;   // wenn true wird bei Ganztags-Terminen als time auch "ganzer Tag" angezeigt; wenn false erfolgt gar keine Anzeige
                var anz_time = true;        // wenn true werden die Uhrzeiten angezeigt; wenn false erfolgt gar keine Anzeige
                var balken = false;         // wenn true wird Balken links angezeigt; wenn false dann erfolgt keine Anzeige
                var abstand_zwischen_Tagen = false; // wenn true wird ein Abstand zwischen den Terminen gesetzt, wenn diese nicht am gleichen Tag stattfinden
                
                function iCalToHTMLTable() {
                   var html     = "<table style='font-size:0.9em;'><tbody>";
                   var calTable = JSON.parse(getState(idCalTable).val);
                   var inst     = getObject("system.adapter."+idCal);
                   var instopt  = inst.native;
                   var calendar = {};
                
                   for (var i = 0; i < calTable.length; i++) { 
                       log (calTable[i]);
                       var entry = calTable[i];
                       var _date = new Date(entry._date);
                       var _time = "";
                
                
                       // "_time und date" Variable festlegen
                       log (entry);
                       if (entry.date.indexOf("&#8594") >= 0) {    // Pfeil ist enthalten
                           if (entry.date.indexOf(":") >= 0) {         // Uhrzeit ist enthalten
                               _time = "bis " + (entry.date).substring(entry.date.length-5,entry.date.length);
                               entry.date = Datum_holen("tm");
                           } else {
                               _time= "ganzer Tag";
                               entry.date = Datum_holen("tm");
                           }
                       } else {                                    // Pfeil ist nicht enthalten
                           if (entry.date.indexOf(":") >= 0) {         // Uhrzeit ist enthalten
                               _time = (entry.date).substring(entry.date.length-11,entry.date.length);
                           } else {
                               _time= "ganzer Tag";
                           }
                           entry.date = getFormattedDate(_date);
                       }
                
                
                       if ( entry._calName != calendar.name ) {
                           calendar = {};
                           for (var c = 0; c < instopt.calendars.length; c++ ) {
                               if (entry._calName == instopt.calendars[c].name ) {
                                   calendar = instopt.calendars[c];
                                   break;
                               }
                           }
                       }
                
                       var _color = "color:"+calendar.color;
                       if (entry._class.includes("ical_today")) _color = "color:red;";
                       else if (entry._class.includes("ical_tomorrow")) _color = "color:orange";
                       else if (entry._class.includes("ical_dayafter")) _color = "color:yellow";
                
                       var _bgcolor = "";
                       if(calendar.name == "Müll") {
                           if(entry.event == "Bio Tonne") {
                               _bgcolor = "#a0e878";
                               _color="color:#a0e878";
                           }
                           else if(entry.event == "Restmüll Tonne") {
                               _bgcolor = "#ce6f6f"; 
                               _color="color:#ce6f6f";
                           }
                           else if(entry.event == "Blaue Tonne") {
                               _bgcolor = "#508fdc";
                               _color="color:#508fdc";
                           }
                           else if(entry.event == "Gelbe Tonne") {
                               _bgcolor = "#eee06d";
                               _color="color:#eee06d";
                           }
                       }
                       else _bgcolor = calendar.color;
                       
                       if (balken === false) _bgcolor = "";
                       
                       if (_bgcolor !== "") html+="<tr style='background:transparent; background-image: linear-gradient("+_bgcolor+","+_bgcolor+"); background-size: 6px 90%; background-repeat: no-repeat;'>";
                       else html+="<tr>";
                
                if (i>0 && (abstand_zwischen_Tagen == true)){
                           if (calTable[i].date != calTable[i-1].date){
                               html+="<tr><td></td></tr>";
                               html+="<tr><td></td></tr>";
                               html+="<tr><td></td></tr>";
                               html+="<tr><td></td></tr>";    
                           }
                       }
                
                           var abstand = "15px;";
                           if (balken === false) abstand = "3px;";
                           html+="<td style='font-size:1.1em; padding-left:"+abstand+_color+"'>"+entry.date+"</td>";
                
                       if ((_time === "ganzer Tag" && anz_ganztags === false) || anz_time === false) {
                           html+="<td style='font-size:1.1em; padding-left:5px;"+_color+"'>"+entry.event+"</td>";                      // nur event anzeigen
                       } else {
                           html+="<td style='font-size:1.1em; padding-left:5px;"+_color+"'>"+_time + "  " + entry.event+"</td>";       // time + event wird angezeigt
                       }
                       html+="</tr>";
                   }
                
                   html+="</body></table>";    
                   setState(idCalHTMLtable, html);    
                }
                
                function getFormattedDate(date) {
                   var month = (1 + date.getMonth()).toString();
                   month = month.length > 1 ? month : '0' + month;
                   var day = date.getDate().toString();
                   day = day.length > 1 ? day : '0' + day;
                   return day + '.' + month + '.';
                }
                
                on({id: idCalTable, change: "ne"}, function (obj) {
                   iCalToHTMLTable();
                });
                
                iCalToHTMLTable();
                
                
                // als CSS einfügen ------------------------------------------------------------------
                /*
                .icalWarn { font-weight:normal; }
                .icalWarn2  { color:red; }
                .icalPreWarn { font-weight:normal; }
                .icalPreWarn2  { color:orange; }
                .icalPrePreWarn { font-weight:normal; }
                .icalPrePreWarn2  { color:yellow; }
                .icalNormal { font-weight:normal; }
                
                .icalNormal.iCal-Müll {
                   font-weight:normal;
                   color:#f87149;
                }
                .icalNormal.iCal-Märkte {
                   font-weight:normal;
                   color:#bc7dd8;
                }
                */
                
                
                


                Wenn ich helfen konnte, dann Daumen hoch (Pfeil nach oben)!
                Danke.
                gute Forenbeiträge: https://forum.iobroker.net/topic/51555/hinweise-f%C3%BCr-gute-forenbeitr%C3%A4ge
                ScreenToGif :https://www.screentogif.com/downloads.html

                1 Antwort Letzte Antwort
                2
                • NashraN Offline
                  NashraN Offline
                  Nashra
                  Most Active Forum Testing
                  schrieb am zuletzt editiert von Nashra
                  #77

                  Moin, nutze das geänderte Skript von @Feuersturm welches jetzt auch Fehler anzeigt

                  javascript.0	2021-08-04 15:11:41.911	error	(8539) at Script.runInContext (vm.js:130:18)
                  javascript.0	2021-08-04 15:11:41.911	error	(8539) at script.js.Kalender.ICal-farben-Kalender:149:3
                  javascript.0	2021-08-04 15:11:41.911	error	(8539) at script.js.Kalender.ICal-farben-Kalender:147:1
                  javascript.0	2021-08-04 15:11:41.910	error	(8539) at iCalToHTMLTable (script.js.Kalender.ICal-farben-Kalender:36:24)
                  javascript.0	2021-08-04 15:11:41.909	error	(8539) script.js.Kalender.ICal-farben-Kalender: TypeError: Cannot read property 'indexOf' of undefined
                  
                  // Script stammt von uhula und sputnik
                  // Das Script greift auf die ical.0.html zu und ändert den Text.
                  // Gespeichert wird das geänderte Script in "javascript.0.ical.html"
                  // Geändert und erweitert in 12/2017 von bahnuhr
                  // 02.02.2020 - Feuersturm - Anstatt der Daten für heute, morgen, übermorgen wird der String "Heute" "Morgen" "Übermorgen" angezeigt
                  // 19.06.2020 - Feuersturm - Über den Schalter abstand_zwischen_Tagen wird aktiviert, dass ein Absatz zwischen den Terminen der nächsten Tage entsteht
                  // 20.06.2020 - Feuersturm - Korrektur damit bei aktiviertem "balken" diese wieder korrekt angezeigt werden, wenn auch "abstand_zwischen_Tagen" aktiv ist
                   
                   //Quelle: https://forum.iobroker.net/topic/26782/ical-kalender-farben-anpassen/2
                   
                  var idCal = "ical.0";
                  var idCalHTMLtable = 'javascript.0.ICalFarbe.Ical0.html';
                  var idCalTrigger   = idCal + ".data.trigger";
                  var idCalTable     = idCal + ".data.table";
                  var idCalHTML      = idCal + ".data.html";
                   
                  var anz_ganztags = false;   // wenn true wird bei Ganztags-Terminen als time auch "ganzer Tag" angezeigt; wenn false erfolgt gar keine Anzeige
                  var anz_time = true;        // wenn true werden die Uhrzeiten angezeigt; wenn false erfolgt gar keine Anzeige
                  var balken = false;         // wenn true wird Balken links angezeigt; wenn false dann erfolgt keine Anzeige
                  var ersetze_datum_in_Worte = true;    // wenn true wird anstatt des Datums für heut, morgen, übermorgen der String "Heute" "Morgen" "Übermorgen" angezeigt
                  var abstand_zwischen_Tagen = false; // wenn true wird ein Abstand zwischen den Terminen gesetzt, wenn diese nicht am gleichen Tag stattfinden
                   
                  function iCalToHTMLTable() {
                      var html     = "<table style='font-size:0.9em;'><tbody>";
                      var calTable = getState(idCalTable).val; //.val eingefügt
                      var inst     = getObject("system.adapter."+idCal);
                      var instopt  = inst.native;
                      var calendar = {};
                   
                      for (var i = 0; i < calTable.length; i++) { 
                          var entry = calTable[i];
                          var _date = new Date(entry._date);
                          var _time = "";
                   
                          // "_time und date" Variable festlegen
                          if (entry.date.indexOf("&#8594") >= 0) {    // Pfeil ist enthalten
                              if (entry.date.indexOf(":") >= 0) {         // Uhrzeit ist enthalten
                                  _time = "bis " + (entry.date).substring(entry.date.length-5,entry.date.length);
                                  entry.date = Datum_holen("tm");
                              } else {
                                  _time= "ganzer Tag";
                                  entry.date = Datum_holen("tm");
                              }
                          } else {                                    // Pfeil ist nicht enthalten
                              if (entry.date.indexOf(":") >= 0) {         // Uhrzeit ist enthalten
                                  _time = (entry.date).substring(entry.date.length-11,entry.date.length);
                              } else {
                                  _time= "ganzer Tag";
                              }
                              entry.date = getFormattedDate(_date);
                          }
                   
                          if(ersetze_datum_in_Worte == true) {
                              if(entry.date == Datum_holen("tm"))
                              {
                                  entry.date = "Heute";
                              } 
                              else if (entry.date == Datum_morgen_holen("tm")){
                                  entry.date ="Morgen";
                              }
                              else if (entry.date == Datum_uebermorgen_holen("tm")){
                                  entry.date="Übermorgen";
                              }
                          }        
                   
                   
                          if ( entry._calName != calendar.name ) {
                              calendar = {};
                              for (var c = 0; c < instopt.calendars.length; c++ ) {
                                  if (entry._calName == instopt.calendars[c].name ) {
                                      calendar = instopt.calendars[c];
                                      break;
                                  }
                              }
                          }
                   
                          if (i>0 && (abstand_zwischen_Tagen == true)){
                              if (calTable.val[i].date != calTable.val[i-1].date){
                                  html+="<tr><td></td><td></td></tr>";
                                  html+="<tr><td></td><td></td></tr>";
                                  html+="<tr><td></td><td></td></tr>";
                                  //html+="<tr><td></td><td></td></tr>";
                              }
                          }
                   
                          var _color = "color:"+calendar.color;
                          if (entry._class.includes("ical_today")) _color = "color:#01DF01";
                          else if (entry._class.includes("ical_tomorrow")) _color = "color:#FFBF00";
                          else if (entry._class.includes("ical_dayafter")) _color = "color:yellow";
                   
                          var _bgcolor = "";
                          if(calendar.name == "Müll") {
                              if(entry.event == "Bio Tonne") {
                                  _bgcolor = "#a0e878";
                                  _color="color:#a0e878";
                              }
                              else if(entry.event == "Restmüll Tonne") {
                                  _bgcolor = "#ce6f6f"; 
                                  _color="color:#ce6f6f";
                              }
                              else if(entry.event == "Blaue Tonne") {
                                  _bgcolor = "#508fdc";
                                  _color="color:#508fdc";
                              }
                              else if(entry.event == "Gelbe Tonne") {
                                  _bgcolor = "#eee06d";
                                  _color="color:#eee06d";
                              }
                          }
                          else _bgcolor = calendar.color;
                          
                          if (balken === false) _bgcolor = "";
                   
                          if (_bgcolor !== "") html+="<tr style='background:transparent; background-image: linear-gradient("+_bgcolor+","+_bgcolor+"); background-size: 6px 90%; background-repeat: no-repeat;'>";
                          else html+="<tr>";
                   
                          var abstand = "15px;";
                          if (balken === false) abstand = "3px;";
                          html+="<td style='font-size:1.1em; padding-left:"+abstand+_color+"'>"+entry.date+"</td>";
                   
                          if ((_time === "ganzer Tag" && anz_ganztags === false) || anz_time === false) {
                              html+="<td style='font-size:1.1em; padding-left:5px;"+_color+"'>"+entry.event+"</td>";                      // nur event anzeigen        
                          } else {
                              html+="<td style='font-size:1.1em; padding-left:5px;"+_color+"'>"+_time + "  " + entry.event+"</td>";       // time + event wird angezeigt
                          }
                   
                          html+="</tr>";
                      }
                   
                      html+="</body></table>";   
                      console.log(html); 
                      setState(idCalHTMLtable, html);    
                  }
                   
                  function getFormattedDate(date) {
                      var month = (1 + date.getMonth()).toString();
                      month = month.length > 1 ? month : '0' + month;
                      var day = date.getDate().toString();
                      day = day.length > 1 ? day : '0' + day;
                      return day + '.' + month + '.';
                  }
                   
                  on({id: idCalTable, change: "ne"}, function (obj) {
                      iCalToHTMLTable();
                  });
                   
                  iCalToHTMLTable();
                  
                  

                  Was müßte hier geänder/angepasst werden? Habe keine Plan davon :confused:

                  Gruß Ralf
                  Mir egal, wer Dein Vater ist! Wenn ich hier angel, wird nicht übers Wasser gelaufen!!

                  Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                  FeuersturmF 2 Antworten Letzte Antwort
                  0
                  • NashraN Nashra

                    Moin, nutze das geänderte Skript von @Feuersturm welches jetzt auch Fehler anzeigt

                    javascript.0	2021-08-04 15:11:41.911	error	(8539) at Script.runInContext (vm.js:130:18)
                    javascript.0	2021-08-04 15:11:41.911	error	(8539) at script.js.Kalender.ICal-farben-Kalender:149:3
                    javascript.0	2021-08-04 15:11:41.911	error	(8539) at script.js.Kalender.ICal-farben-Kalender:147:1
                    javascript.0	2021-08-04 15:11:41.910	error	(8539) at iCalToHTMLTable (script.js.Kalender.ICal-farben-Kalender:36:24)
                    javascript.0	2021-08-04 15:11:41.909	error	(8539) script.js.Kalender.ICal-farben-Kalender: TypeError: Cannot read property 'indexOf' of undefined
                    
                    // Script stammt von uhula und sputnik
                    // Das Script greift auf die ical.0.html zu und ändert den Text.
                    // Gespeichert wird das geänderte Script in "javascript.0.ical.html"
                    // Geändert und erweitert in 12/2017 von bahnuhr
                    // 02.02.2020 - Feuersturm - Anstatt der Daten für heute, morgen, übermorgen wird der String "Heute" "Morgen" "Übermorgen" angezeigt
                    // 19.06.2020 - Feuersturm - Über den Schalter abstand_zwischen_Tagen wird aktiviert, dass ein Absatz zwischen den Terminen der nächsten Tage entsteht
                    // 20.06.2020 - Feuersturm - Korrektur damit bei aktiviertem "balken" diese wieder korrekt angezeigt werden, wenn auch "abstand_zwischen_Tagen" aktiv ist
                     
                     //Quelle: https://forum.iobroker.net/topic/26782/ical-kalender-farben-anpassen/2
                     
                    var idCal = "ical.0";
                    var idCalHTMLtable = 'javascript.0.ICalFarbe.Ical0.html';
                    var idCalTrigger   = idCal + ".data.trigger";
                    var idCalTable     = idCal + ".data.table";
                    var idCalHTML      = idCal + ".data.html";
                     
                    var anz_ganztags = false;   // wenn true wird bei Ganztags-Terminen als time auch "ganzer Tag" angezeigt; wenn false erfolgt gar keine Anzeige
                    var anz_time = true;        // wenn true werden die Uhrzeiten angezeigt; wenn false erfolgt gar keine Anzeige
                    var balken = false;         // wenn true wird Balken links angezeigt; wenn false dann erfolgt keine Anzeige
                    var ersetze_datum_in_Worte = true;    // wenn true wird anstatt des Datums für heut, morgen, übermorgen der String "Heute" "Morgen" "Übermorgen" angezeigt
                    var abstand_zwischen_Tagen = false; // wenn true wird ein Abstand zwischen den Terminen gesetzt, wenn diese nicht am gleichen Tag stattfinden
                     
                    function iCalToHTMLTable() {
                        var html     = "<table style='font-size:0.9em;'><tbody>";
                        var calTable = getState(idCalTable).val; //.val eingefügt
                        var inst     = getObject("system.adapter."+idCal);
                        var instopt  = inst.native;
                        var calendar = {};
                     
                        for (var i = 0; i < calTable.length; i++) { 
                            var entry = calTable[i];
                            var _date = new Date(entry._date);
                            var _time = "";
                     
                            // "_time und date" Variable festlegen
                            if (entry.date.indexOf("&#8594") >= 0) {    // Pfeil ist enthalten
                                if (entry.date.indexOf(":") >= 0) {         // Uhrzeit ist enthalten
                                    _time = "bis " + (entry.date).substring(entry.date.length-5,entry.date.length);
                                    entry.date = Datum_holen("tm");
                                } else {
                                    _time= "ganzer Tag";
                                    entry.date = Datum_holen("tm");
                                }
                            } else {                                    // Pfeil ist nicht enthalten
                                if (entry.date.indexOf(":") >= 0) {         // Uhrzeit ist enthalten
                                    _time = (entry.date).substring(entry.date.length-11,entry.date.length);
                                } else {
                                    _time= "ganzer Tag";
                                }
                                entry.date = getFormattedDate(_date);
                            }
                     
                            if(ersetze_datum_in_Worte == true) {
                                if(entry.date == Datum_holen("tm"))
                                {
                                    entry.date = "Heute";
                                } 
                                else if (entry.date == Datum_morgen_holen("tm")){
                                    entry.date ="Morgen";
                                }
                                else if (entry.date == Datum_uebermorgen_holen("tm")){
                                    entry.date="Übermorgen";
                                }
                            }        
                     
                     
                            if ( entry._calName != calendar.name ) {
                                calendar = {};
                                for (var c = 0; c < instopt.calendars.length; c++ ) {
                                    if (entry._calName == instopt.calendars[c].name ) {
                                        calendar = instopt.calendars[c];
                                        break;
                                    }
                                }
                            }
                     
                            if (i>0 && (abstand_zwischen_Tagen == true)){
                                if (calTable.val[i].date != calTable.val[i-1].date){
                                    html+="<tr><td></td><td></td></tr>";
                                    html+="<tr><td></td><td></td></tr>";
                                    html+="<tr><td></td><td></td></tr>";
                                    //html+="<tr><td></td><td></td></tr>";
                                }
                            }
                     
                            var _color = "color:"+calendar.color;
                            if (entry._class.includes("ical_today")) _color = "color:#01DF01";
                            else if (entry._class.includes("ical_tomorrow")) _color = "color:#FFBF00";
                            else if (entry._class.includes("ical_dayafter")) _color = "color:yellow";
                     
                            var _bgcolor = "";
                            if(calendar.name == "Müll") {
                                if(entry.event == "Bio Tonne") {
                                    _bgcolor = "#a0e878";
                                    _color="color:#a0e878";
                                }
                                else if(entry.event == "Restmüll Tonne") {
                                    _bgcolor = "#ce6f6f"; 
                                    _color="color:#ce6f6f";
                                }
                                else if(entry.event == "Blaue Tonne") {
                                    _bgcolor = "#508fdc";
                                    _color="color:#508fdc";
                                }
                                else if(entry.event == "Gelbe Tonne") {
                                    _bgcolor = "#eee06d";
                                    _color="color:#eee06d";
                                }
                            }
                            else _bgcolor = calendar.color;
                            
                            if (balken === false) _bgcolor = "";
                     
                            if (_bgcolor !== "") html+="<tr style='background:transparent; background-image: linear-gradient("+_bgcolor+","+_bgcolor+"); background-size: 6px 90%; background-repeat: no-repeat;'>";
                            else html+="<tr>";
                     
                            var abstand = "15px;";
                            if (balken === false) abstand = "3px;";
                            html+="<td style='font-size:1.1em; padding-left:"+abstand+_color+"'>"+entry.date+"</td>";
                     
                            if ((_time === "ganzer Tag" && anz_ganztags === false) || anz_time === false) {
                                html+="<td style='font-size:1.1em; padding-left:5px;"+_color+"'>"+entry.event+"</td>";                      // nur event anzeigen        
                            } else {
                                html+="<td style='font-size:1.1em; padding-left:5px;"+_color+"'>"+_time + "  " + entry.event+"</td>";       // time + event wird angezeigt
                            }
                     
                            html+="</tr>";
                        }
                     
                        html+="</body></table>";   
                        console.log(html); 
                        setState(idCalHTMLtable, html);    
                    }
                     
                    function getFormattedDate(date) {
                        var month = (1 + date.getMonth()).toString();
                        month = month.length > 1 ? month : '0' + month;
                        var day = date.getDate().toString();
                        day = day.length > 1 ? day : '0' + day;
                        return day + '.' + month + '.';
                    }
                     
                    on({id: idCalTable, change: "ne"}, function (obj) {
                        iCalToHTMLTable();
                    });
                     
                    iCalToHTMLTable();
                    
                    

                    Was müßte hier geänder/angepasst werden? Habe keine Plan davon :confused:

                    FeuersturmF Online
                    FeuersturmF Online
                    Feuersturm
                    schrieb am zuletzt editiert von
                    #78

                    @nashra Ich versuche gerade zu verstehen, warum ich mit meiner Version vom Skript (https://forum.iobroker.net/topic/26782/ical-kalender-farben-anpassen/33) und ical Adapter 1.11.3 und js-controller 3.3.15 den von dir und von @bahnuhr beschriebenen Fehler

                    TypeError: Cannot read property 'indexOf' of undefined
                    

                    bei mir nicht sehe :-\

                    1 Antwort Letzte Antwort
                    0
                    • NashraN Nashra

                      Moin, nutze das geänderte Skript von @Feuersturm welches jetzt auch Fehler anzeigt

                      javascript.0	2021-08-04 15:11:41.911	error	(8539) at Script.runInContext (vm.js:130:18)
                      javascript.0	2021-08-04 15:11:41.911	error	(8539) at script.js.Kalender.ICal-farben-Kalender:149:3
                      javascript.0	2021-08-04 15:11:41.911	error	(8539) at script.js.Kalender.ICal-farben-Kalender:147:1
                      javascript.0	2021-08-04 15:11:41.910	error	(8539) at iCalToHTMLTable (script.js.Kalender.ICal-farben-Kalender:36:24)
                      javascript.0	2021-08-04 15:11:41.909	error	(8539) script.js.Kalender.ICal-farben-Kalender: TypeError: Cannot read property 'indexOf' of undefined
                      
                      // Script stammt von uhula und sputnik
                      // Das Script greift auf die ical.0.html zu und ändert den Text.
                      // Gespeichert wird das geänderte Script in "javascript.0.ical.html"
                      // Geändert und erweitert in 12/2017 von bahnuhr
                      // 02.02.2020 - Feuersturm - Anstatt der Daten für heute, morgen, übermorgen wird der String "Heute" "Morgen" "Übermorgen" angezeigt
                      // 19.06.2020 - Feuersturm - Über den Schalter abstand_zwischen_Tagen wird aktiviert, dass ein Absatz zwischen den Terminen der nächsten Tage entsteht
                      // 20.06.2020 - Feuersturm - Korrektur damit bei aktiviertem "balken" diese wieder korrekt angezeigt werden, wenn auch "abstand_zwischen_Tagen" aktiv ist
                       
                       //Quelle: https://forum.iobroker.net/topic/26782/ical-kalender-farben-anpassen/2
                       
                      var idCal = "ical.0";
                      var idCalHTMLtable = 'javascript.0.ICalFarbe.Ical0.html';
                      var idCalTrigger   = idCal + ".data.trigger";
                      var idCalTable     = idCal + ".data.table";
                      var idCalHTML      = idCal + ".data.html";
                       
                      var anz_ganztags = false;   // wenn true wird bei Ganztags-Terminen als time auch "ganzer Tag" angezeigt; wenn false erfolgt gar keine Anzeige
                      var anz_time = true;        // wenn true werden die Uhrzeiten angezeigt; wenn false erfolgt gar keine Anzeige
                      var balken = false;         // wenn true wird Balken links angezeigt; wenn false dann erfolgt keine Anzeige
                      var ersetze_datum_in_Worte = true;    // wenn true wird anstatt des Datums für heut, morgen, übermorgen der String "Heute" "Morgen" "Übermorgen" angezeigt
                      var abstand_zwischen_Tagen = false; // wenn true wird ein Abstand zwischen den Terminen gesetzt, wenn diese nicht am gleichen Tag stattfinden
                       
                      function iCalToHTMLTable() {
                          var html     = "<table style='font-size:0.9em;'><tbody>";
                          var calTable = getState(idCalTable).val; //.val eingefügt
                          var inst     = getObject("system.adapter."+idCal);
                          var instopt  = inst.native;
                          var calendar = {};
                       
                          for (var i = 0; i < calTable.length; i++) { 
                              var entry = calTable[i];
                              var _date = new Date(entry._date);
                              var _time = "";
                       
                              // "_time und date" Variable festlegen
                              if (entry.date.indexOf("&#8594") >= 0) {    // Pfeil ist enthalten
                                  if (entry.date.indexOf(":") >= 0) {         // Uhrzeit ist enthalten
                                      _time = "bis " + (entry.date).substring(entry.date.length-5,entry.date.length);
                                      entry.date = Datum_holen("tm");
                                  } else {
                                      _time= "ganzer Tag";
                                      entry.date = Datum_holen("tm");
                                  }
                              } else {                                    // Pfeil ist nicht enthalten
                                  if (entry.date.indexOf(":") >= 0) {         // Uhrzeit ist enthalten
                                      _time = (entry.date).substring(entry.date.length-11,entry.date.length);
                                  } else {
                                      _time= "ganzer Tag";
                                  }
                                  entry.date = getFormattedDate(_date);
                              }
                       
                              if(ersetze_datum_in_Worte == true) {
                                  if(entry.date == Datum_holen("tm"))
                                  {
                                      entry.date = "Heute";
                                  } 
                                  else if (entry.date == Datum_morgen_holen("tm")){
                                      entry.date ="Morgen";
                                  }
                                  else if (entry.date == Datum_uebermorgen_holen("tm")){
                                      entry.date="Übermorgen";
                                  }
                              }        
                       
                       
                              if ( entry._calName != calendar.name ) {
                                  calendar = {};
                                  for (var c = 0; c < instopt.calendars.length; c++ ) {
                                      if (entry._calName == instopt.calendars[c].name ) {
                                          calendar = instopt.calendars[c];
                                          break;
                                      }
                                  }
                              }
                       
                              if (i>0 && (abstand_zwischen_Tagen == true)){
                                  if (calTable.val[i].date != calTable.val[i-1].date){
                                      html+="<tr><td></td><td></td></tr>";
                                      html+="<tr><td></td><td></td></tr>";
                                      html+="<tr><td></td><td></td></tr>";
                                      //html+="<tr><td></td><td></td></tr>";
                                  }
                              }
                       
                              var _color = "color:"+calendar.color;
                              if (entry._class.includes("ical_today")) _color = "color:#01DF01";
                              else if (entry._class.includes("ical_tomorrow")) _color = "color:#FFBF00";
                              else if (entry._class.includes("ical_dayafter")) _color = "color:yellow";
                       
                              var _bgcolor = "";
                              if(calendar.name == "Müll") {
                                  if(entry.event == "Bio Tonne") {
                                      _bgcolor = "#a0e878";
                                      _color="color:#a0e878";
                                  }
                                  else if(entry.event == "Restmüll Tonne") {
                                      _bgcolor = "#ce6f6f"; 
                                      _color="color:#ce6f6f";
                                  }
                                  else if(entry.event == "Blaue Tonne") {
                                      _bgcolor = "#508fdc";
                                      _color="color:#508fdc";
                                  }
                                  else if(entry.event == "Gelbe Tonne") {
                                      _bgcolor = "#eee06d";
                                      _color="color:#eee06d";
                                  }
                              }
                              else _bgcolor = calendar.color;
                              
                              if (balken === false) _bgcolor = "";
                       
                              if (_bgcolor !== "") html+="<tr style='background:transparent; background-image: linear-gradient("+_bgcolor+","+_bgcolor+"); background-size: 6px 90%; background-repeat: no-repeat;'>";
                              else html+="<tr>";
                       
                              var abstand = "15px;";
                              if (balken === false) abstand = "3px;";
                              html+="<td style='font-size:1.1em; padding-left:"+abstand+_color+"'>"+entry.date+"</td>";
                       
                              if ((_time === "ganzer Tag" && anz_ganztags === false) || anz_time === false) {
                                  html+="<td style='font-size:1.1em; padding-left:5px;"+_color+"'>"+entry.event+"</td>";                      // nur event anzeigen        
                              } else {
                                  html+="<td style='font-size:1.1em; padding-left:5px;"+_color+"'>"+_time + "  " + entry.event+"</td>";       // time + event wird angezeigt
                              }
                       
                              html+="</tr>";
                          }
                       
                          html+="</body></table>";   
                          console.log(html); 
                          setState(idCalHTMLtable, html);    
                      }
                       
                      function getFormattedDate(date) {
                          var month = (1 + date.getMonth()).toString();
                          month = month.length > 1 ? month : '0' + month;
                          var day = date.getDate().toString();
                          day = day.length > 1 ? day : '0' + day;
                          return day + '.' + month + '.';
                      }
                       
                      on({id: idCalTable, change: "ne"}, function (obj) {
                          iCalToHTMLTable();
                      });
                       
                      iCalToHTMLTable();
                      
                      

                      Was müßte hier geänder/angepasst werden? Habe keine Plan davon :confused:

                      FeuersturmF Online
                      FeuersturmF Online
                      Feuersturm
                      schrieb am zuletzt editiert von
                      #79

                      @nashra und @bahnuhr Wie sehen die Objekt Daten von ical.0.data.table bei euch aus?
                      Im Laufe der ical Tests hatte ich auch schon desöfteren meine ical.* Datenpunkte mal gelöscht und neu anlegen lassen.

                      Bei mir steht dort:

                      {
                        "_id": "ical.0.data.table",
                        "type": "state",
                        "common": {
                          "name": "JS iCal table",
                          "desc": "JS table: []",
                          "type": "array",
                          "role": "list",
                          "read": true,
                          "write": false
                        },
                        "native": {},
                        "from": "system.adapter.ical.0",
                        "user": "system.user.admin",
                        "ts": 1628197910969,
                        "acl": {
                          "object": 1636,
                          "state": 1636,
                          "owner": "system.user.admin",
                          "ownerGroup": "system.group.administrator"
                        }
                      }
                      
                      NashraN 1 Antwort Letzte Antwort
                      0
                      • FeuersturmF Feuersturm

                        @nashra und @bahnuhr Wie sehen die Objekt Daten von ical.0.data.table bei euch aus?
                        Im Laufe der ical Tests hatte ich auch schon desöfteren meine ical.* Datenpunkte mal gelöscht und neu anlegen lassen.

                        Bei mir steht dort:

                        {
                          "_id": "ical.0.data.table",
                          "type": "state",
                          "common": {
                            "name": "JS iCal table",
                            "desc": "JS table: []",
                            "type": "array",
                            "role": "list",
                            "read": true,
                            "write": false
                          },
                          "native": {},
                          "from": "system.adapter.ical.0",
                          "user": "system.user.admin",
                          "ts": 1628197910969,
                          "acl": {
                            "object": 1636,
                            "state": 1636,
                            "owner": "system.user.admin",
                            "ownerGroup": "system.group.administrator"
                          }
                        }
                        
                        NashraN Offline
                        NashraN Offline
                        Nashra
                        Most Active Forum Testing
                        schrieb am zuletzt editiert von Nashra
                        #80

                        @feuersturm, bei mir sieht es etwas anders aus

                        {
                          "from": "system.adapter.ical.0",
                          "user": "system.user.admin",
                          "ts": 1628227201752,
                          "common": {
                            "name": "JS iCal table",
                            "desc": "JS table: []",
                            "type": "array",
                            "role": "list",
                            "read": true,
                            "write": false
                          },
                          "native": {},
                          "acl": {
                            "object": 1636,
                            "owner": "system.user.admin",
                            "ownerGroup": "system.group.administrator",
                            "state": 1636
                          },
                          "_id": "ical.0.data.table",
                          "type": "state"
                        }
                        

                        Was aber auch noch ist, habe eine komplett aktuelle Beta auf einem anderen
                        Rechner laufen und dort kommen keine Fehlermeldungen und es sieht aus wie bei dir

                        {
                          "_id": "ical.0.data.table",
                          "type": "state",
                          "common": {
                            "name": "JS iCal table",
                            "desc": "JS table: []",
                            "type": "array",
                            "role": "list",
                            "read": true,
                            "write": false
                          },
                          "native": {},
                          "from": "system.adapter.ical.0",
                          "user": "system.user.admin",
                          "ts": 1628227500440,
                          "acl": {
                            "object": 1636,
                            "state": 1636,
                            "owner": "system.user.admin",
                            "ownerGroup": "system.group.administrator"
                          }
                        }
                        

                        Dann werde ich die DP auf dem alten System mal neu anlegen lassen

                        Gruß Ralf
                        Mir egal, wer Dein Vater ist! Wenn ich hier angel, wird nicht übers Wasser gelaufen!!

                        Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                        L 1 Antwort Letzte Antwort
                        0
                        • NashraN Nashra

                          @feuersturm, bei mir sieht es etwas anders aus

                          {
                            "from": "system.adapter.ical.0",
                            "user": "system.user.admin",
                            "ts": 1628227201752,
                            "common": {
                              "name": "JS iCal table",
                              "desc": "JS table: []",
                              "type": "array",
                              "role": "list",
                              "read": true,
                              "write": false
                            },
                            "native": {},
                            "acl": {
                              "object": 1636,
                              "owner": "system.user.admin",
                              "ownerGroup": "system.group.administrator",
                              "state": 1636
                            },
                            "_id": "ical.0.data.table",
                            "type": "state"
                          }
                          

                          Was aber auch noch ist, habe eine komplett aktuelle Beta auf einem anderen
                          Rechner laufen und dort kommen keine Fehlermeldungen und es sieht aus wie bei dir

                          {
                            "_id": "ical.0.data.table",
                            "type": "state",
                            "common": {
                              "name": "JS iCal table",
                              "desc": "JS table: []",
                              "type": "array",
                              "role": "list",
                              "read": true,
                              "write": false
                            },
                            "native": {},
                            "from": "system.adapter.ical.0",
                            "user": "system.user.admin",
                            "ts": 1628227500440,
                            "acl": {
                              "object": 1636,
                              "state": 1636,
                              "owner": "system.user.admin",
                              "ownerGroup": "system.group.administrator"
                            }
                          }
                          

                          Dann werde ich die DP auf dem alten System mal neu anlegen lassen

                          L Offline
                          L Offline
                          lucajordi
                          schrieb am zuletzt editiert von lucajordi
                          #81

                          Hallo,

                          Script läuft noch ohne Fehler, aber im Vis steht:

                          a1ded5a5-c37c-4a2f-9579-6aee179170e4-image.png

                          Und nicht nur der eigentliche Eintrag...
                          Eine Idee?

                          FeuersturmF 1 Antwort Letzte Antwort
                          0
                          • L lucajordi

                            Hallo,

                            Script läuft noch ohne Fehler, aber im Vis steht:

                            a1ded5a5-c37c-4a2f-9579-6aee179170e4-image.png

                            Und nicht nur der eigentliche Eintrag...
                            Eine Idee?

                            FeuersturmF Online
                            FeuersturmF Online
                            Feuersturm
                            schrieb am zuletzt editiert von
                            #82

                            @lucajordi Was für ein Widget hast du in VIS genommen und welchen Datenpunkt hast du dort hinterlegt?

                            1 Antwort Letzte Antwort
                            0
                            • bahnuhrB bahnuhr

                              Anbei ein kleines Script was ich auch aus dem Forum habe und dann geändert und angepasst habe.
                              Dort kannst du sowas ändern.

                              Vorteil:
                              Farben ändern je nach Wunsch.
                              Auch das Datum wird dann in der entsprechenden Farbe angezeigt.
                              Datenpunkt musst du selber anlegen/anpassen.

                              Wenn gefällt dann Daumen hoch.

                              mfg
                              bahnuhr

                              // Script stammt von uhula und sputnik
                              // Das Script greift auf die ical.0.html zu und ändert den Text.
                              // Gespeichert wird das geänderte Script in "javascript.0.ical.html"
                              // Geändert und erweitert in 12/2017 von bahnuhr
                              
                              
                              var idCal = "ical.0";
                              var idCalTrigger   = idCal + ".data.trigger";
                              var idCalTable     = idCal + ".data.table";
                              var idCalHTML      = idCal + ".data.html";
                              var idCalHTMLtable = 'javascript.0.Status.Ical.html';
                              
                              var anz_ganztags = false;   // wenn true wird bei Ganztags-Terminen als time auch "ganzer Tag" angezeigt; wenn false erfolgt gar keine Anzeige
                              var anz_time = true;        // wenn true werden die Uhrzeiten angezeigt; wenn false erfolgt gar keine Anzeige
                              var balken = false;         // wenn true wird Balken links angezeigt; wenn false dann erfolgt keine Anzeige
                              
                              function iCalToHTMLTable() {
                                  var html     = "<table style='font-size:0.9em;'><tbody>";
                                  var calTable = getState(idCalTable);
                                  var inst     = getObject("system.adapter."+idCal);
                                  var instopt  = inst.native;
                                  var calendar = {};
                              
                                  for (var i = 0; i < calTable.val.length; i++) { 
                                      var entry = calTable.val[i];
                                      var _date = new Date(entry._date);
                                      var _time = "";
                              
                              
                                      // "_time und date" Variable festlegen
                                      if (entry.date.indexOf("&#8594") >= 0) {    // Pfeil ist enthalten
                                          if (entry.date.indexOf(":") >= 0) {         // Uhrzeit ist enthalten
                                              _time = "bis " + (entry.date).substring(entry.date.length-5,entry.date.length);
                                              entry.date = Datum_holen("tm");
                                          } else {
                                              _time= "ganzer Tag";
                                              entry.date = Datum_holen("tm");
                                          }
                                      } else {                                    // Pfeil ist nicht enthalten
                                          if (entry.date.indexOf(":") >= 0) {         // Uhrzeit ist enthalten
                                              _time = (entry.date).substring(entry.date.length-11,entry.date.length);
                                          } else {
                                              _time= "ganzer Tag";
                                          }
                                          entry.date = getFormattedDate(_date);
                                      }
                              
                              
                                      if ( entry._calName != calendar.name ) {
                                          calendar = {};
                                          for (var c = 0; c < instopt.calendars.length; c++ ) {
                                              if (entry._calName == instopt.calendars[c].name ) {
                                                  calendar = instopt.calendars[c];
                                                  break;
                                              }
                                          }
                                      }
                              
                                      var _color = "color:"+calendar.color;
                                      if (entry._class.includes("ical_today")) _color = "color:red;";
                                      else if (entry._class.includes("ical_tomorrow")) _color = "color:orange";
                                      else if (entry._class.includes("ical_dayafter")) _color = "color:yellow";
                              
                                      var _bgcolor = "";
                                      if(calendar.name == "Müll") {
                                          if(entry.event == "Bio Tonne") {
                                              _bgcolor = "#a0e878";
                                              _color="color:#a0e878";
                                          }
                                          else if(entry.event == "Restmüll Tonne") {
                                              _bgcolor = "#ce6f6f"; 
                                              _color="color:#ce6f6f";
                                          }
                                          else if(entry.event == "Blaue Tonne") {
                                              _bgcolor = "#508fdc";
                                              _color="color:#508fdc";
                                          }
                                          else if(entry.event == "Gelbe Tonne") {
                                              _bgcolor = "#eee06d";
                                              _color="color:#eee06d";
                                          }
                                      }
                                      else _bgcolor = calendar.color;
                                      
                                      if (balken === false) _bgcolor = "";
                                      
                                      if (_bgcolor !== "") html+="<tr style='background:transparent; background-image: linear-gradient("+_bgcolor+","+_bgcolor+"); background-size: 6px 90%; background-repeat: no-repeat;'>";
                                      else html+="<tr>";
                              
                                          var abstand = "15px;";
                                          if (balken === false) abstand = "3px;";
                                          html+="<td style='font-size:1.1em; padding-left:"+abstand+_color+"'>"+entry.date+"</td>";
                              
                                      if ((_time === "ganzer Tag" && anz_ganztags === false) || anz_time === false) {
                                          html+="<td style='font-size:1.1em; padding-left:5px;"+_color+"'>"+entry.event+"</td>";                      // nur event anzeigen
                                      } else {
                                          html+="<td style='font-size:1.1em; padding-left:5px;"+_color+"'>"+_time + "  " + entry.event+"</td>";       // time + event wird angezeigt
                                      }
                                      html+="</tr>";
                                  }
                              
                                  html+="</body></table>";    
                                  setState(idCalHTMLtable, html);    
                              }
                              
                              function getFormattedDate(date) {
                                  var month = (1 + date.getMonth()).toString();
                                  month = month.length > 1 ? month : '0' + month;
                                  var day = date.getDate().toString();
                                  day = day.length > 1 ? day : '0' + day;
                                  return day + '.' + month + '.';
                              }
                              
                              on({id: idCalTable, change: "ne"}, function (obj) {
                                  iCalToHTMLTable();
                              });
                              
                              iCalToHTMLTable();
                              
                              
                              S Offline
                              S Offline
                              sit-in
                              schrieb am zuletzt editiert von
                              #83

                              @bahnuhr

                              Hallo Zusammen,
                              Ich habe versucht die Farben zu ändern, aber ich stehe auf dem Schlauch... Ich weiß nicht wo der Fehler liegt, aber die Farben werden nicht geändert...

                              Ich habe das Script kopiert (Welches als 2. Post in diesem Thread vorhanden ist):
                              607017c0-bb80-4cbd-b44b-3b0be52641dc-grafik.png

                              und folgende Farben eingestellt:
                              4611cbb9-0b78-4d06-a490-02dee857fbdd-grafik.png

                              Anschließend habe ich einen Datenpunkt angelegt:
                              1cdac161-f738-4b33-b83f-bb9e6d72498a-grafik.png

                              Und das ganze in die Vis eingebunden über Widget "Basic String (unescaped):
                              8f161b7d-871c-493f-a037-511faf252146-grafik.png

                              Meine Einstellungen in ical sehen so aus:
                              771df191-b962-44ce-895a-7bfeeb7d8476-grafik.png

                              Wo ist mein Fehler, dass die Farben nicht auf Orange (meine Testfarbe um Änderungen zu sehen) geändert werden?

                              Ich freue mich auf Eure Hilfe!

                              bahnuhrB 1 Antwort Letzte Antwort
                              0
                              • S sit-in

                                @bahnuhr

                                Hallo Zusammen,
                                Ich habe versucht die Farben zu ändern, aber ich stehe auf dem Schlauch... Ich weiß nicht wo der Fehler liegt, aber die Farben werden nicht geändert...

                                Ich habe das Script kopiert (Welches als 2. Post in diesem Thread vorhanden ist):
                                607017c0-bb80-4cbd-b44b-3b0be52641dc-grafik.png

                                und folgende Farben eingestellt:
                                4611cbb9-0b78-4d06-a490-02dee857fbdd-grafik.png

                                Anschließend habe ich einen Datenpunkt angelegt:
                                1cdac161-f738-4b33-b83f-bb9e6d72498a-grafik.png

                                Und das ganze in die Vis eingebunden über Widget "Basic String (unescaped):
                                8f161b7d-871c-493f-a037-511faf252146-grafik.png

                                Meine Einstellungen in ical sehen so aus:
                                771df191-b962-44ce-895a-7bfeeb7d8476-grafik.png

                                Wo ist mein Fehler, dass die Farben nicht auf Orange (meine Testfarbe um Änderungen zu sehen) geändert werden?

                                Ich freue mich auf Eure Hilfe!

                                bahnuhrB Online
                                bahnuhrB Online
                                bahnuhr
                                Forum Testing Most Active
                                schrieb am zuletzt editiert von
                                #84

                                @sit-in
                                Script in code tags.
                                So kann man gar nichts beurteilen.

                                https://forum.iobroker.net/topic/51555/hinweise-für-gute-forenbeiträge/1


                                Wenn ich helfen konnte, dann Daumen hoch (Pfeil nach oben)!
                                Danke.
                                gute Forenbeiträge: https://forum.iobroker.net/topic/51555/hinweise-f%C3%BCr-gute-forenbeitr%C3%A4ge
                                ScreenToGif :https://www.screentogif.com/downloads.html

                                S 1 Antwort Letzte Antwort
                                0
                                • bahnuhrB bahnuhr

                                  @sit-in
                                  Script in code tags.
                                  So kann man gar nichts beurteilen.

                                  https://forum.iobroker.net/topic/51555/hinweise-für-gute-forenbeiträge/1

                                  S Offline
                                  S Offline
                                  sit-in
                                  schrieb am zuletzt editiert von
                                  #85

                                  @bahnuhr

                                  Es ist 1 zu 1 Dein Code aus dem 2. Beitrag in diesem Thema :)
                                  Nur, dass ich die Farbe zu orange geändert habe.

                                  bahnuhrB liv-in-skyL 4 Antworten Letzte Antwort
                                  0
                                  • S sit-in

                                    @bahnuhr

                                    Es ist 1 zu 1 Dein Code aus dem 2. Beitrag in diesem Thema :)
                                    Nur, dass ich die Farbe zu orange geändert habe.

                                    bahnuhrB Online
                                    bahnuhrB Online
                                    bahnuhr
                                    Forum Testing Most Active
                                    schrieb am zuletzt editiert von
                                    #86

                                    @sit-in sagte in ical Kalender Farben anpassen?:

                                    Es ist 1 zu 1 Dein Code aus dem 2. Beitrag in diesem Thema

                                    Wenn das so ist, dann klappt es auch.

                                    Dann musst du halt irgendwas anderes gemacht haben.


                                    Wenn ich helfen konnte, dann Daumen hoch (Pfeil nach oben)!
                                    Danke.
                                    gute Forenbeiträge: https://forum.iobroker.net/topic/51555/hinweise-f%C3%BCr-gute-forenbeitr%C3%A4ge
                                    ScreenToGif :https://www.screentogif.com/downloads.html

                                    1 Antwort Letzte Antwort
                                    0
                                    • S sit-in

                                      @bahnuhr

                                      Es ist 1 zu 1 Dein Code aus dem 2. Beitrag in diesem Thema :)
                                      Nur, dass ich die Farbe zu orange geändert habe.

                                      bahnuhrB Online
                                      bahnuhrB Online
                                      bahnuhr
                                      Forum Testing Most Active
                                      schrieb am zuletzt editiert von
                                      #87

                                      @sit-in
                                      877a21f5-47af-4599-8f59-2e1001c20b6f-image.png

                                      das kann mit sicherheit nicht stimmen.

                                      Hier muss natürlich der DP rein, in dem du das neue schreibst.


                                      Wenn ich helfen konnte, dann Daumen hoch (Pfeil nach oben)!
                                      Danke.
                                      gute Forenbeiträge: https://forum.iobroker.net/topic/51555/hinweise-f%C3%BCr-gute-forenbeitr%C3%A4ge
                                      ScreenToGif :https://www.screentogif.com/downloads.html

                                      1 Antwort Letzte Antwort
                                      0
                                      • S sit-in

                                        @bahnuhr

                                        Es ist 1 zu 1 Dein Code aus dem 2. Beitrag in diesem Thema :)
                                        Nur, dass ich die Farbe zu orange geändert habe.

                                        bahnuhrB Online
                                        bahnuhrB Online
                                        bahnuhr
                                        Forum Testing Most Active
                                        schrieb am zuletzt editiert von
                                        #88

                                        @sit-in sagte in ical Kalender Farben anpassen?:

                                        Es ist 1 zu 1 Dein Code aus dem 2. Beitrag in diesem Thema

                                        Und das kann auch nicht sein.
                                        Denn dein DP ist anders.
                                        Also musst du zumindest diesen mal anpassen.


                                        Wenn ich helfen konnte, dann Daumen hoch (Pfeil nach oben)!
                                        Danke.
                                        gute Forenbeiträge: https://forum.iobroker.net/topic/51555/hinweise-f%C3%BCr-gute-forenbeitr%C3%A4ge
                                        ScreenToGif :https://www.screentogif.com/downloads.html

                                        S 1 Antwort Letzte Antwort
                                        0
                                        • S sit-in

                                          @bahnuhr

                                          Es ist 1 zu 1 Dein Code aus dem 2. Beitrag in diesem Thema :)
                                          Nur, dass ich die Farbe zu orange geändert habe.

                                          liv-in-skyL Offline
                                          liv-in-skyL Offline
                                          liv-in-sky
                                          schrieb am zuletzt editiert von
                                          #89

                                          @sit-in das ganze gibt es auch in einer anderen art zum anzeigen der ical instanzen

                                          https://forum.iobroker.net/topic/40691/html-tabelle-für-ical-adapter-mehrere-instanzen?page=1

                                          nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                                          S 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

                                          554

                                          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