Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. ical Kalender Farben anpassen?

    NEWS

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    ical Kalender Farben anpassen?

    This topic has been deleted. Only users with topic management privileges can see it.
    • sigi234
      sigi234 Forum Testing Most Active last edited by

      @bahnuhr

      Getestet, funktioniert.

      bahnuhr 1 Reply Last reply Reply Quote 1
      • bahnuhr
        bahnuhr Forum Testing Most Active @sigi234 last edited by bahnuhr

        @sigi234 sagte in ical Kalender Farben anpassen?:

        Getestet, funktioniert.

        Ich weiß, aber trotzdem danke 😉
        mfg
        Dieter

        1 Reply Last reply Reply Quote 0
        • L
          lucajordi @bahnuhr last edited by

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

          Feuersturm 1 Reply Last reply Reply Quote 0
          • Feuersturm
            Feuersturm @lucajordi last edited by 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 1 Reply Last reply Reply Quote 0
            • L
              lucajordi @Feuersturm last edited by

              @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

              bahnuhr 1 Reply Last reply Reply Quote 0
              • bahnuhr
                bahnuhr Forum Testing Most Active @lucajordi last edited by

                @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 1 Reply Last reply Reply Quote 0
                • L
                  lucajordi @bahnuhr last edited by

                  @bahnuhr

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

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

                  L Homoran 2 Replies Last reply Reply Quote 0
                  • L
                    lucajordi @lucajordi last edited by

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

                    1 Reply Last reply Reply Quote 0
                    • Homoran
                      Homoran Global Moderator Administrators @lucajordi last edited by Homoran

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

                      1 Reply Last reply Reply Quote 0
                      • bahnuhr
                        bahnuhr Forum Testing Most Active last edited by

                        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 1 Reply Last reply Reply Quote 0
                        • L
                          lucajordi @bahnuhr last edited by

                          @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 Reply Last reply Reply Quote 0
                          • L
                            lucajordi @lucajordi last edited by

                            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 Reply Last reply Reply Quote 0
                            • bahnuhr
                              bahnuhr Forum Testing Most Active last edited by

                              sieht doch gut aus.

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

                              L 1 Reply Last reply Reply Quote 0
                              • L
                                lucajordi @bahnuhr last edited by 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...

                                bahnuhr 1 Reply Last reply Reply Quote 0
                                • bahnuhr
                                  bahnuhr Forum Testing Most Active @lucajordi last edited by

                                  @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 1 Reply Last reply Reply Quote 0
                                  • L
                                    lucajordi @bahnuhr last edited by

                                    @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>";
                                    bahnuhr 1 Reply Last reply Reply Quote 0
                                    • bahnuhr
                                      bahnuhr Forum Testing Most Active @lucajordi last edited by bahnuhr

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

                                      1 Reply Last reply Reply Quote 0
                                      • bahnuhr
                                        bahnuhr Forum Testing Most Active last edited by

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

                                        L 1 Reply Last reply Reply Quote 1
                                        • L
                                          lucajordi @bahnuhr last edited by

                                          @bahnuhr
                                          Danke dir!

                                          Jetzt klappts:

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

                                          bahnuhr 1 Reply Last reply Reply Quote 0
                                          • bahnuhr
                                            bahnuhr Forum Testing Most Active @lucajordi last edited by

                                            @lucajordi sagte in ical Kalender Farben anpassen?:

                                            Danke dir!

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

                                            1 Reply Last reply Reply Quote 1
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            434
                                            Online

                                            31.8k
                                            Users

                                            79.9k
                                            Topics

                                            1.3m
                                            Posts

                                            vis
                                            22
                                            112
                                            10822
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo