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
    3.0k

ical Kalender Farben anpassen?

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vis
112 Beiträge 22 Kommentatoren 15.7k 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

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


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          550

                                          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