Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. ical Kalender Farben anpassen?

NEWS

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.6k

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

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

ical Kalender Farben anpassen?

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vis
112 Beiträge 22 Kommentatoren 15.6k Aufrufe 20 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • L lucajordi

    @bahnuhr

    Hallo, guten Morgen!

    Ich habe das Script installiert, funktioniert!
    Was bei mir nicht geht, ist den Balken anzeigen und der Abstand zwischen den Tagen...

    Wo habe ich das Brett vor dem Kopf?

    f2b95f66-4037-4e9b-b9f0-80c5f6150b8d-image.png

    e07f59f6-9ded-4c8a-bbf7-53a5855a4696-image.png

    3152f6fc-84c8-4b69-9fef-c9f0ff5672dd-image.png

    Danke euch...

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

    @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 1 Antwort Letzte Antwort
    0
    • 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
                                          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