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

  • 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.
  • FeuersturmF Feuersturm

    @lucajordi welchen Datenpunkt hast du hinter deinem widget hinterlegt? Das Skript lernt einen neuen Datenpunkt idcalhtmltable im Javascript.0 Pfad (oder was du im Skript entsprechend angibst) an. Den musst du im widget hinterlegen.

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

    @feuersturm
    45e51575-4325-4c62-aa0a-f028fba0b89f-image.png

    1 Antwort Letzte Antwort
    0
    • bahnuhrB bahnuhr

      @lucajordi sagte in ical Kalender Farben anpassen?:

      @bahnuhr

      Was bei mir nicht geht, ist den Balken anzeigen und der Abstand zwischen den Tagen...

      Dann hast du an dem Script etwas geändert.
      Das ursprüngliche Script funktioniert einwandfrei.

      
      // 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 = true;         // 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
              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;
      }
      */
      
      
      

      Und in VIS kommt dann:
      1b3ee90a-0e7e-471a-ad70-894293c3eefe-image.png

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

      @bahnuhr
      Habe dein Script nochmal neu eingefügt...

      immernoch das selbe...

      bahnuhrB 1 Antwort Letzte Antwort
      0
      • L lucajordi

        @bahnuhr
        Habe dein Script nochmal neu eingefügt...

        immernoch das selbe...

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

        @lucajordi sagte in ical Kalender Farben anpassen?:

        @bahnuhr
        Habe dein Script nochmal neu eingefügt...

        immernoch das selbe...

        Das glaub ich nicht.

        Du hast wirklich diesen DP angelegt:
        "javascript.0.Sonstige.ical.html"

        Dann funktioniert dies auch.


        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
        0
        • sigi234S Online
          sigi234S Online
          sigi234
          Forum Testing Most Active
          schrieb am zuletzt editiert von
          #55

          @bahnuhr

          Getestet, funktioniert.

          Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
          Immer Daten sichern!

          bahnuhrB 1 Antwort Letzte Antwort
          1
          • sigi234S sigi234

            @bahnuhr

            Getestet, funktioniert.

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

            @sigi234 sagte in ical Kalender Farben anpassen?:

            Getestet, funktioniert.

            Ich weiß, aber trotzdem danke ;-)
            mfg
            Dieter


            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 bahnuhr

              @lucajordi sagte in ical Kalender Farben anpassen?:

              @bahnuhr
              Habe dein Script nochmal neu eingefügt...

              immernoch das selbe...

              Das glaub ich nicht.

              Du hast wirklich diesen DP angelegt:
              "javascript.0.Sonstige.ical.html"

              Dann funktioniert dies auch.

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

              @bahnuhr said in ical Kalender Farben anpassen?:

              Sonstige.ical.html

              Ähhhh, welchen Datenpunkt muss ich anlegen?

              Dachte der wird durch das Script angelegt?

              Sorry, wenn ich zu doof bin... ?!

              FeuersturmF 1 Antwort Letzte Antwort
              0
              • L lucajordi

                @bahnuhr said in ical Kalender Farben anpassen?:

                Sonstige.ical.html

                Ähhhh, welchen Datenpunkt muss ich anlegen?

                Dachte der wird durch das Script angelegt?

                Sorry, wenn ich zu doof bin... ?!

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

                @lucajordi
                Es geht um diesen Datenpunkt. Der Screenshot stammt aus deinem Beitrag:
                153b78fe-6f4a-4655-89e9-04f926f644ec-grafik.png

                @bahnuhr verwendet var idCalHTMLtable = "javascript.0.Sonstige.ical.html;" bei mir heißt er var idCalHTMLtable = '0_userdata.0.icalToHtml.ical_0_html';

                Prüfe in ioBroker unter "Objekte" ob es deinen Datenpunkt bereits gibt:
                fb63b931-a091-4cef-b42b-a88f31361f92-grafik.png

                Wenn du diese Version https://forum.iobroker.net/topic/26782/ical-kalender-farben-anpassen/33 vom Skript genommen hast, musst du den Datenpunkt manuell anlegen. Das wird nicht vom Skript gemacht.

                Prüft bitte auch bei dir im Skript diesen Wert var idCal = "ical.2";
                Nach deinem Screenshot verwendest du nur ical.0. Dementsprechend musst du bei dir var idCal = "ical.0"; eintragen.
                9ea3cf95-ad5e-4483-a22f-a964ccfdbef1-grafik.png

                Im "Basic String" Widget musst du dann den Pfad zum Datenpunkt hinterlegen welcher im Skript gefüllt wird (idCalHTMLtable)
                a1a8af34-3b0a-4d9f-9a70-83160777bcbc-grafik.png

                L 1 Antwort Letzte Antwort
                0
                • FeuersturmF Feuersturm

                  @lucajordi
                  Es geht um diesen Datenpunkt. Der Screenshot stammt aus deinem Beitrag:
                  153b78fe-6f4a-4655-89e9-04f926f644ec-grafik.png

                  @bahnuhr verwendet var idCalHTMLtable = "javascript.0.Sonstige.ical.html;" bei mir heißt er var idCalHTMLtable = '0_userdata.0.icalToHtml.ical_0_html';

                  Prüfe in ioBroker unter "Objekte" ob es deinen Datenpunkt bereits gibt:
                  fb63b931-a091-4cef-b42b-a88f31361f92-grafik.png

                  Wenn du diese Version https://forum.iobroker.net/topic/26782/ical-kalender-farben-anpassen/33 vom Skript genommen hast, musst du den Datenpunkt manuell anlegen. Das wird nicht vom Skript gemacht.

                  Prüft bitte auch bei dir im Skript diesen Wert var idCal = "ical.2";
                  Nach deinem Screenshot verwendest du nur ical.0. Dementsprechend musst du bei dir var idCal = "ical.0"; eintragen.
                  9ea3cf95-ad5e-4483-a22f-a964ccfdbef1-grafik.png

                  Im "Basic String" Widget musst du dann den Pfad zum Datenpunkt hinterlegen welcher im Skript gefüllt wird (idCalHTMLtable)
                  a1a8af34-3b0a-4d9f-9a70-83160777bcbc-grafik.png

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

                  @feuersturm

                  @feuersturm
                  ok, denke ich habe das soweit angepasst, aber immer
                  noch das gleiche...

                  Ihr müsst auch nicht antworten, wenn ich euch auf den S... gehe...

                  Screenshot 2021-03-07 115905.png
                  Screenshot 2021-03-07 115827.png
                  Screenshot 2021-03-07 115759.png
                  c9b07557-bdfa-4c27-a5e4-4bb635bd174b-image.png

                  bahnuhrB 1 Antwort Letzte Antwort
                  0
                  • L lucajordi

                    @feuersturm

                    @feuersturm
                    ok, denke ich habe das soweit angepasst, aber immer
                    noch das gleiche...

                    Ihr müsst auch nicht antworten, wenn ich euch auf den S... gehe...

                    Screenshot 2021-03-07 115905.png
                    Screenshot 2021-03-07 115827.png
                    Screenshot 2021-03-07 115759.png
                    c9b07557-bdfa-4c27-a5e4-4bb635bd174b-image.png

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

                    @lucajordi

                    Du musst ! einen extra DP anlegen.
                    Ändere zeile 12 wieder ab in:
                    var idCalHTMLtable = 'javascript.0.Sonstige.Ical.html';

                    Und dann erzeugst du ein Extra Script und lässt dieses laufen:

                    createState('javascript.0.Sonstige.Ical.html', '', {type: 'string',name: 'ical_geändert',read: true,write: true,role: 'per Script'});
                    

                    Dadurch wird der DP erzeugt. Kannst diesen aber auch manuell anlegen.

                    Und dann diesen Datenpunkt im Widget in VIS eintragen.
                    Also nicht ! ical.0...
                    sondern
                    javascript.0....


                    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
                    0
                    • bahnuhrB bahnuhr

                      @lucajordi

                      Du musst ! einen extra DP anlegen.
                      Ändere zeile 12 wieder ab in:
                      var idCalHTMLtable = 'javascript.0.Sonstige.Ical.html';

                      Und dann erzeugst du ein Extra Script und lässt dieses laufen:

                      createState('javascript.0.Sonstige.Ical.html', '', {type: 'string',name: 'ical_geändert',read: true,write: true,role: 'per Script'});
                      

                      Dadurch wird der DP erzeugt. Kannst diesen aber auch manuell anlegen.

                      Und dann diesen Datenpunkt im Widget in VIS eintragen.
                      Also nicht ! ical.0...
                      sondern
                      javascript.0....

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

                      @bahnuhr

                      Auch wenn deine Anleitung schon für Dummies wie mich ist:

                      2bc8bb93-64f7-48ef-9487-6cdf78470cd8-image.png

                      L HomoranH 2 Antworten Letzte Antwort
                      0
                      • L lucajordi

                        @bahnuhr

                        Auch wenn deine Anleitung schon für Dummies wie mich ist:

                        2bc8bb93-64f7-48ef-9487-6cdf78470cd8-image.png

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

                        803fdafd-d3b2-4762-b160-d27fca22fa57-image.png

                        1 Antwort Letzte Antwort
                        0
                        • L lucajordi

                          @bahnuhr

                          Auch wenn deine Anleitung schon für Dummies wie mich ist:

                          2bc8bb93-64f7-48ef-9487-6cdf78470cd8-image.png

                          HomoranH Nicht stören
                          HomoranH Nicht stören
                          Homoran
                          Global Moderator Administrators
                          schrieb am zuletzt editiert von Homoran
                          #63

                          @lucajordi sagte in ical Kalender Farben anpassen?:

                          Auch wenn deine Anleitung schon für Dummies wie mich ist:

                          was hast du denn da gemacht?
                          (code bitte nicht als Screenshot posten!)

                          Wenn das der einzeiler von @bahnuhr ist, kann da nichts in Zeile 172 und 174 stehen.

                          Hast du globale Skripte in Verwendung?

                          EDIT:
                          Was willst du uns mit dem Screenshot des script_enabled zeigen?

                          kein Support per PN! - Fragen im Forum stellen - es gibt fast nichts, was nicht auch für andere interessant ist.

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

                          der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

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

                            Er macht halt nicht das was man ihm sagt !

                            Warum erstellt du einen DP unter ...common...
                            Ich habe dir doch ein Script gegeben. Warum nimmst du dieses nicht ?
                            Und dann noch die Zeile 12 von deinem eigentlichen Script geändert, und es würde laufen.

                            @Homoran
                            Rainer, hast recht.
                            Da geht etliches schief.
                            Zeile 172 und 174 können bei einem Einzeiler nicht entstehen!

                            @lucajordi
                            Vielleicht stellst du mal deine Scripte hier ein.
                            Dann können wir dir helfen.
                            a) entweder mein Script sowie das Extra Script um den DP zu erzeugen.
                            b) oder das Script von @Feuersturm ; dort wird wohl auch der DP per Script erzeugt.


                            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
                            0
                            • bahnuhrB bahnuhr

                              Er macht halt nicht das was man ihm sagt !

                              Warum erstellt du einen DP unter ...common...
                              Ich habe dir doch ein Script gegeben. Warum nimmst du dieses nicht ?
                              Und dann noch die Zeile 12 von deinem eigentlichen Script geändert, und es würde laufen.

                              @Homoran
                              Rainer, hast recht.
                              Da geht etliches schief.
                              Zeile 172 und 174 können bei einem Einzeiler nicht entstehen!

                              @lucajordi
                              Vielleicht stellst du mal deine Scripte hier ein.
                              Dann können wir dir helfen.
                              a) entweder mein Script sowie das Extra Script um den DP zu erzeugen.
                              b) oder das Script von @Feuersturm ; dort wird wohl auch der DP per Script erzeugt.

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

                              @bahnuhr

                              Unglaublich, aber geht jetzt!

                              Denke da war zuviel durcheinander und irgendwo noch etwas versteckt...

                              Habe jetzt mal alle Scripte, etc gelöscht und neu erstellt und siehe da:

                              77dd4edc-5c0d-456d-9b72-84f51d99a31c-image.png

                              Ich danke euch allen für eure Geduld und eure Hilfe!
                              Schwere Geburt, aber dank euch erfolgreich!

                              L 1 Antwort Letzte Antwort
                              0
                              • L lucajordi

                                @bahnuhr

                                Unglaublich, aber geht jetzt!

                                Denke da war zuviel durcheinander und irgendwo noch etwas versteckt...

                                Habe jetzt mal alle Scripte, etc gelöscht und neu erstellt und siehe da:

                                77dd4edc-5c0d-456d-9b72-84f51d99a31c-image.png

                                Ich danke euch allen für eure Geduld und eure Hilfe!
                                Schwere Geburt, aber dank euch erfolgreich!

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

                                Guten Morgen!

                                Eine Frage noch:

                                Wo kann ich die Farben für alle Einträge setzen?

                                Mochte das alle Eintrage in der gleichen Farbe erscheinen, bis auf den Eintrag, der
                                in weniger als 2 Tagen stattfindet...

                                so habe ich es versucht:

                                504b26f3-8221-4b51-974b-9f80e0fdd740-image.png

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

                                  sieht doch gut aus.

                                  Und was klappt da jetzt nicht ?
                                  (wie wäre es mit: Hardcopy, Script, etc.)


                                  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
                                  0
                                  • bahnuhrB bahnuhr

                                    sieht doch gut aus.

                                    Und was klappt da jetzt nicht ?
                                    (wie wäre es mit: Hardcopy, Script, etc.)

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

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

                                    bahnuhrB 1 Antwort Letzte Antwort
                                    0
                                    • L lucajordi

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

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

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


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


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          854

                                          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