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

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

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

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

    @kaiserm sagte in ical Kalender Farben anpassen?:

    Das Script also nach javascript.0.ical.html speichern ?

    Nein; das Script musst du speichern wie jedes andere Script auch.
    Dies ist der Datenpunkt; und diesen musst du anlegen.

    @kaiserm sagte in ical Kalender Farben anpassen?:

    Element basic string unescaped

    Ja.

    @kaiserm sagte in ical Kalender Farben anpassen?:

    #0000FF angegeben werden?

    Ja.

    mfg

    H Online
    H Online
    helfi9999
    schrieb am zuletzt editiert von
    #6

    @bahnuhr bei mir werden die Mülldaten nur in schwarz angezeigt

    Intel NUC mit Iobroker

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

      Meine Einstellungen:
      d0ce2bcb-a5ce-4d5a-bf7c-68c181ef1a2e-image.png

      5ac0675b-5d5e-4475-a281-8363cca7f35e-image.png

      Und in VIS:
      e8471789-02ac-4c4b-ac86-a80d6a1ed485-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

      1 Antwort Letzte Antwort
      0
      • K Offline
        K Offline
        kaiserm
        schrieb am zuletzt editiert von
        #8

        Funktioniert einwandfrei.

        Vielen Dank nochmals.

        LG Martin

        1 Antwort Letzte Antwort
        0
        • bahnuhrB bahnuhr

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

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

          Wenn gefällt dann Daumen hoch.

          mfg
          bahnuhr

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

          @bahnuhr sagte in ical Kalender Farben anpassen?:

          Wenn gefällt dann Daumen hoch.


          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

          K 1 Antwort Letzte Antwort
          1
          • bahnuhrB bahnuhr

            @bahnuhr sagte in ical Kalender Farben anpassen?:

            Wenn gefällt dann Daumen hoch.

            K Offline
            K Offline
            kaiserm
            schrieb am zuletzt editiert von
            #10

            @bahnuhr Wie geht das?

            sigi234S 1 Antwort Letzte Antwort
            0
            • K kaiserm

              @bahnuhr Wie geht das?

              sigi234S Online
              sigi234S Online
              sigi234
              Forum Testing Most Active
              schrieb am zuletzt editiert von
              #11

              @kaiserm sagte in ical Kalender Farben anpassen?:

              @bahnuhr Wie geht das?

              Screenshot (613)_LI.jpg

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

              K 1 Antwort Letzte Antwort
              1
              • sigi234S sigi234

                @kaiserm sagte in ical Kalender Farben anpassen?:

                @bahnuhr Wie geht das?

                Screenshot (613)_LI.jpg

                K Offline
                K Offline
                kaiserm
                schrieb am zuletzt editiert von
                #12

                @sigi234 Thx

                1 Antwort Letzte Antwort
                0
                • K Offline
                  K Offline
                  kaiserm
                  schrieb am zuletzt editiert von
                  #13

                  Im Script muss ein Fehler sein.

                  Da fehlt eine Funktion (Datum_holen)?!

                  Bekomme jede halbe Stunde einen Error im Log:

                  Error in callback: ReferenceError: Datum_holen is not defined
                  
                  bahnuhrB 1 Antwort Letzte Antwort
                  0
                  • K kaiserm

                    Im Script muss ein Fehler sein.

                    Da fehlt eine Funktion (Datum_holen)?!

                    Bekomme jede halbe Stunde einen Error im Log:

                    Error in callback: ReferenceError: Datum_holen is not defined
                    
                    bahnuhrB Online
                    bahnuhrB Online
                    bahnuhr
                    Forum Testing Most Active
                    schrieb am zuletzt editiert von
                    #14

                    @kaiserm sagte in ical Kalender Farben anpassen?:

                    Im Script muss ein Fehler sein.

                    Da fehlt eine Funktion (Datum_holen)?!

                    Bekomme jede halbe Stunde einen Error im Log:

                    Error in callback: ReferenceError: Datum_holen is not defined
                    

                    Datum holen ist bei mir ein globales Script.
                    Ich stell es nachher ein


                    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

                    K 1 Antwort Letzte Antwort
                    1
                    • bahnuhrB bahnuhr

                      @kaiserm sagte in ical Kalender Farben anpassen?:

                      Im Script muss ein Fehler sein.

                      Da fehlt eine Funktion (Datum_holen)?!

                      Bekomme jede halbe Stunde einen Error im Log:

                      Error in callback: ReferenceError: Datum_holen is not defined
                      

                      Datum holen ist bei mir ein globales Script.
                      Ich stell es nachher ein

                      K Offline
                      K Offline
                      kaiserm
                      schrieb am zuletzt editiert von
                      #15

                      @bahnuhr Klasse, danke Dir.

                      Sag mir aber bitte auch wie ich das globale Script einbinde ;-)

                      Danke Dir.

                      LG Martin

                      K 1 Antwort Letzte Antwort
                      0
                      • K kaiserm

                        @bahnuhr Klasse, danke Dir.

                        Sag mir aber bitte auch wie ich das globale Script einbinde ;-)

                        Danke Dir.

                        LG Martin

                        K Offline
                        K Offline
                        kaiserm
                        schrieb am zuletzt editiert von
                        #16

                        @kaiserm Habe den Datum_holen Teil auskommentiert. Läuft trotzdem einwandfrei?! :-)

                        bahnuhrB 1 Antwort Letzte Antwort
                        0
                        • K kaiserm

                          @kaiserm Habe den Datum_holen Teil auskommentiert. Läuft trotzdem einwandfrei?! :-)

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

                          @kaiserm sagte in ical Kalender Farben anpassen?:

                          @kaiserm Habe den Datum_holen Teil auskommentiert. Läuft trotzdem einwandfrei?! :-)

                          Ja das läuft.
                          Ich wollte das Datum aber ohne Jahreszahl darstellen.


                          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

                          K 1 Antwort Letzte Antwort
                          0
                          • bahnuhrB bahnuhr

                            @kaiserm sagte in ical Kalender Farben anpassen?:

                            @kaiserm Habe den Datum_holen Teil auskommentiert. Läuft trotzdem einwandfrei?! :-)

                            Ja das läuft.
                            Ich wollte das Datum aber ohne Jahreszahl darstellen.

                            K Offline
                            K Offline
                            kaiserm
                            schrieb am zuletzt editiert von
                            #18

                            @bahnuhr Zeigt es bei mir auch nicht an ;-)

                            bahnuhrB 1 Antwort Letzte Antwort
                            0
                            • K kaiserm

                              @bahnuhr Zeigt es bei mir auch nicht an ;-)

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

                              @kaiserm sagte in ical Kalender Farben anpassen?:

                              @bahnuhr Zeigt es bei mir auch nicht an ;-)

                              Freut mich wenn es läuft.
                              Script Datum Stelle ich morgen ein.
                              Bin heute auf Tagung.


                              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 bahnuhr
                                #20

                                Anbei mein globales Script:

                                
                                // Tag, Monat, Jahr -> aktuelles Datum als String               -> Aufruf der Funktion mit:   Datum_holen("tmj") oder Datum_holen("tm") oder Datum_holen("lang")
                                function Datum_holen(x) {
                                    var vTag = new Date().getDate(),
                                        vMonat = new Date().getMonth()+1,
                                        vJahr = new Date().getFullYear();
                                    if (vTag < 10) {vTag = "0" + vTag}
                                    if (vMonat < 10) {vMonat = "0" + vMonat}
                                    var sDatum_tmj = vTag + "." + vMonat + "." + vJahr.toString().substr(2,2);  // String mit Tag + Monat + Jahr (Jahr mit 2 Stellen)
                                    var sDatum_tm = vTag + "." + vMonat + ".";  // String mit Tag + Monat 
                                    var sDatum_lang = vTag + "." + vMonat + "." + vJahr;  // String mit Tag + Monat + Jahr (Jahr mit 4 Stellen)
                                
                                    if (x === "tmj") {
                                        return(sDatum_tmj);
                                    } else if (x === "tm") {
                                        return(sDatum_tm);
                                    } else {
                                        return(sDatum_lang);
                                    }
                                }
                                
                                // Stunde, Minute -> aktuelle Uhrzeit als String                 -> Aufruf der Funktion mit:   Zeit_holen("hms") oder Zeit_holen("hm")
                                function Zeit_holen(x) {
                                    var vStunde = new Date().getHours(),
                                        vMinute = new Date().getMinutes(),
                                        vSekunde = new Date().getSeconds();
                                    if (vMinute <10) {vMinute = "0" + vMinute}
                                    if (vSekunde <10) {vSekunde = "0" + vSekunde}
                                    var sZeit_hms = vStunde + ":" + vMinute + ":" + vSekunde;  // String mit Stunde + Minute + Sekunde
                                    var sZeit_hm = vStunde + ":" + vMinute;    // String mit Stunde + Minute 
                                    if (x === "hms") {
                                        return(sZeit_hms);
                                    } else {
                                        return(sZeit_hm);
                                    }
                                }
                                
                                

                                Und das ganze hier als "global"einfügen:

                                ecd2bdd3-3bc3-4540-be2a-24c5dd7709bf-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

                                RöstkartoffelR 1 Antwort Letzte Antwort
                                1
                                • bahnuhrB bahnuhr

                                  Anbei mein globales Script:

                                  
                                  // Tag, Monat, Jahr -> aktuelles Datum als String               -> Aufruf der Funktion mit:   Datum_holen("tmj") oder Datum_holen("tm") oder Datum_holen("lang")
                                  function Datum_holen(x) {
                                      var vTag = new Date().getDate(),
                                          vMonat = new Date().getMonth()+1,
                                          vJahr = new Date().getFullYear();
                                      if (vTag < 10) {vTag = "0" + vTag}
                                      if (vMonat < 10) {vMonat = "0" + vMonat}
                                      var sDatum_tmj = vTag + "." + vMonat + "." + vJahr.toString().substr(2,2);  // String mit Tag + Monat + Jahr (Jahr mit 2 Stellen)
                                      var sDatum_tm = vTag + "." + vMonat + ".";  // String mit Tag + Monat 
                                      var sDatum_lang = vTag + "." + vMonat + "." + vJahr;  // String mit Tag + Monat + Jahr (Jahr mit 4 Stellen)
                                  
                                      if (x === "tmj") {
                                          return(sDatum_tmj);
                                      } else if (x === "tm") {
                                          return(sDatum_tm);
                                      } else {
                                          return(sDatum_lang);
                                      }
                                  }
                                  
                                  // Stunde, Minute -> aktuelle Uhrzeit als String                 -> Aufruf der Funktion mit:   Zeit_holen("hms") oder Zeit_holen("hm")
                                  function Zeit_holen(x) {
                                      var vStunde = new Date().getHours(),
                                          vMinute = new Date().getMinutes(),
                                          vSekunde = new Date().getSeconds();
                                      if (vMinute <10) {vMinute = "0" + vMinute}
                                      if (vSekunde <10) {vSekunde = "0" + vSekunde}
                                      var sZeit_hms = vStunde + ":" + vMinute + ":" + vSekunde;  // String mit Stunde + Minute + Sekunde
                                      var sZeit_hm = vStunde + ":" + vMinute;    // String mit Stunde + Minute 
                                      if (x === "hms") {
                                          return(sZeit_hms);
                                      } else {
                                          return(sZeit_hm);
                                      }
                                  }
                                  
                                  

                                  Und das ganze hier als "global"einfügen:

                                  ecd2bdd3-3bc3-4540-be2a-24c5dd7709bf-image.png

                                  RöstkartoffelR Offline
                                  RöstkartoffelR Offline
                                  Röstkartoffel
                                  schrieb am zuletzt editiert von
                                  #21

                                  @bahnuhr sagte in (/post/327423):

                                  Und das ganze hier als "global"einfügen:

                                  ecd2bdd3-3bc3-4540-be2a-24c5dd7709bf-image.png

                                  Hallo bahnuhr, ich sehe in deinen Globalen Skripten ein Yamaha-Skript.
                                  Magst du mir verraten was du mit dem Skript machst?
                                  Danke.

                                  NUC7i3BNH mit Proxmox und ioBroker (VM Debian Buster), Raspi3 (Slave Smartmeter für eHZ easymeter), Hardware CCU2, SMA SB5000TL-21

                                  bahnuhrB 1 Antwort Letzte Antwort
                                  0
                                  • RöstkartoffelR Röstkartoffel

                                    @bahnuhr sagte in (/post/327423):

                                    Und das ganze hier als "global"einfügen:

                                    ecd2bdd3-3bc3-4540-be2a-24c5dd7709bf-image.png

                                    Hallo bahnuhr, ich sehe in deinen Globalen Skripten ein Yamaha-Skript.
                                    Magst du mir verraten was du mit dem Skript machst?
                                    Danke.

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

                                    @Röstkartoffel sagte in ical Kalender Farben anpassen?:

                                    Yamaha-Skript.

                                    Aber ja.

                                    Durch einen Kurzbefehl:
                                    yamaha(ip-adresse,text,sound-Nr.)
                                    steuere ich Ansagen von beliebigen Texten zu meiner yamaha musiccast anlage.

                                    Folgender Ablauf:
                                    Kurzbefehl in irgendeinem Script
                                    Im globalen Script wird dieser auseinander genommen und in Objekten eingetragen
                                    Dann wird ein script "Ansage des Textes" auf dem genannten Lautsprecher ausgeführt.

                                    Ist äußerst komplex mit den passenden api-befehlen von yamaha (musst du dir mal besorgen; oder im Internet googeln).
                                    Und das das Script an meine Verhältnisse angepasst.

                                    mfg


                                    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

                                    RöstkartoffelR 1 Antwort Letzte Antwort
                                    0
                                    • bahnuhrB bahnuhr

                                      @Röstkartoffel sagte in ical Kalender Farben anpassen?:

                                      Yamaha-Skript.

                                      Aber ja.

                                      Durch einen Kurzbefehl:
                                      yamaha(ip-adresse,text,sound-Nr.)
                                      steuere ich Ansagen von beliebigen Texten zu meiner yamaha musiccast anlage.

                                      Folgender Ablauf:
                                      Kurzbefehl in irgendeinem Script
                                      Im globalen Script wird dieser auseinander genommen und in Objekten eingetragen
                                      Dann wird ein script "Ansage des Textes" auf dem genannten Lautsprecher ausgeführt.

                                      Ist äußerst komplex mit den passenden api-befehlen von yamaha (musst du dir mal besorgen; oder im Internet googeln).
                                      Und das das Script an meine Verhältnisse angepasst.

                                      mfg

                                      RöstkartoffelR Offline
                                      RöstkartoffelR Offline
                                      Röstkartoffel
                                      schrieb am zuletzt editiert von
                                      #23

                                      @bahnuhr
                                      Danke für die Info.
                                      Aber leider scheitert das schon, da mein Yamaha nicht MusicCast fähig ist.

                                      NUC7i3BNH mit Proxmox und ioBroker (VM Debian Buster), Raspi3 (Slave Smartmeter für eHZ easymeter), Hardware CCU2, SMA SB5000TL-21

                                      1 Antwort Letzte Antwort
                                      0
                                      • FeuersturmF Online
                                        FeuersturmF Online
                                        Feuersturm
                                        schrieb am zuletzt editiert von
                                        #24

                                        Hat schon jemand einmal versucht, das Skript so zu erweitern, dass anstatt des heutigen Datums der String "Heute" bzw. "Morgen" bzw. "Übermorgen" angezeigt wird, so wie es der normale iCal Adapter ausgibt?
                                        5d450ead-fa57-4f94-89ac-635aa9f10d2c-grafik.png
                                        Links ist die Darstellung der Termine über ical.0.data.html und rechts wird der Datenpunkt javascript.0.Status.Ical.html angezeigt, welcher vom Skript erzeugt wird.

                                        Falls es hier noch nichts gibt, würde ich mich in den nächsten Tagen einmal an der Umsetzung versuchen.

                                        1 Antwort Letzte Antwort
                                        0
                                        • FeuersturmF Online
                                          FeuersturmF Online
                                          Feuersturm
                                          schrieb am zuletzt editiert von Feuersturm
                                          #25

                                          Ich war letzte Nacht erfolgreich und konnte meine Änderung im Skript ergänzen. Aktiviert wird die neue Anzeige über diese Variable:

                                          var ersetze_datum_in_Worte = true;
                                          
                                          // Script stammt von uhula und sputnik
                                          // Das Script greift auf die ical.0.html zu und ändert den Text.
                                          // Gespeichert wird das geänderte Script in "javascript.0.ical.html"
                                          // Geändert und erweitert in 12/2017 von bahnuhr
                                          // 02.02.2020 - Feuersturm - Anstatt der Daten für heute, morgen, übermorgen wird der String "Heute" "Morgen" "Übermorgen" angezeigt
                                           
                                           //Quelle: https://forum.iobroker.net/topic/26782/ical-kalender-farben-anpassen/2
                                           
                                          var idCal = "ical.0";
                                          var idCalTrigger   = idCal + ".data.trigger";
                                          var idCalTable     = idCal + ".data.table";
                                          var idCalHTML      = idCal + ".data.html";
                                          var idCalHTMLtable = 'javascript.0.icalToHtml.ical_0_html';
                                           
                                          var anz_ganztags = false;   // wenn true wird bei Ganztags-Terminen als time auch "ganzer Tag" angezeigt; wenn false erfolgt gar keine Anzeige
                                          var anz_time = true;        // wenn true werden die Uhrzeiten angezeigt; wenn false erfolgt gar keine Anzeige
                                          var balken = false;         // wenn true wird Balken links angezeigt; wenn false dann erfolgt keine Anzeige
                                          var ersetze_datum_in_Worte = true;    // wenn true wird anstatt des Datums für heut, morgen, übermorgen der String "Heute" "Morgen" "Übermorgen" angezeigt
                                          
                                          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(ersetze_datum_in_Worte == true) {
                                                      if(entry.date == Datum_holen("tm"))
                                                      {
                                                          entry.date = "Heute";
                                                      } 
                                                      else if (entry.date == Datum_morgen_holen("tm")){
                                                          entry.date ="Morgen";
                                                      }
                                                      else if (entry.date == Datum_uebermorgen_holen("tm")){
                                                          entry.date="Übermorgen";
                                                      }
                                                  }        
                                           
                                           
                                                  if ( entry._calName != calendar.name ) {
                                                      calendar = {};
                                                      for (var c = 0; c < instopt.calendars.length; c++ ) {
                                                          if (entry._calName == instopt.calendars[c].name ) {
                                                              calendar = instopt.calendars[c];
                                                              break;
                                                          }
                                                      }
                                                  }
                                           
                                                  var _color = "color:"+calendar.color;
                                                  if (entry._class.includes("ical_today")) _color = "color:#01DF01;";
                                                  else if (entry._class.includes("ical_tomorrow")) _color = "color:#FFBF00";
                                                  else if (entry._class.includes("ical_dayafter")) _color = "color:yellow";
                                           
                                                  var _bgcolor = "";
                                                  if(calendar.name == "Müll") {
                                                      if(entry.event == "Bio Tonne") {
                                                          _bgcolor = "#a0e878";
                                                          _color="color:#a0e878";
                                                      }
                                                      else if(entry.event == "Restmüll Tonne") {
                                                          _bgcolor = "#ce6f6f"; 
                                                          _color="color:#ce6f6f";
                                                      }
                                                      else if(entry.event == "Blaue Tonne") {
                                                          _bgcolor = "#508fdc";
                                                          _color="color:#508fdc";
                                                      }
                                                      else if(entry.event == "Gelbe Tonne") {
                                                          _bgcolor = "#eee06d";
                                                          _color="color:#eee06d";
                                                      }
                                                  }
                                                  else _bgcolor = calendar.color;
                                                  
                                                  if (balken === false) _bgcolor = "";
                                                  
                                                  if (_bgcolor !== "") html+="<tr style='background:transparent; background-image: linear-gradient("+_bgcolor+","+_bgcolor+"); background-size: 6px 90%; background-repeat: no-repeat;'>";
                                                  else html+="<tr>";
                                           
                                                      var abstand = "15px;";
                                                      if (balken === false) abstand = "3px;";
                                                      html+="<td style='font-size:1.1em; padding-left:"+abstand+_color+"'>"+entry.date+"</td>";
                                          
                                                  if ((_time === "ganzer Tag" && anz_ganztags === false) || anz_time === false) {
                                                      html+="<td style='font-size:1.1em; padding-left:5px;"+_color+"'>"+entry.event+"</td>";                      // nur event anzeigen
                                                  } else {
                                                      html+="<td style='font-size:1.1em; padding-left:5px;"+_color+"'>"+_time + "  " + entry.event+"</td>";       // time + event wird angezeigt
                                                  }
                                                  html+="</tr>";
                                              }
                                           
                                              html+="</body></table>";    
                                              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();
                                          

                                          zusätzlich werden zwei neue Funktionen benötigt, um das Datum für morgen und übermorgen zu ermitteln. Diese Funktionen hab ich im Skript von @bahnuhr ergänzt

                                           
                                          //Quelle: https://forum.iobroker.net/topic/26782/ical-kalender-farben-anpassen/12
                                          // Tag, Monat, Jahr -> aktuelles Datum als String               -> Aufruf der Funktion mit:   Datum_holen("tmj") oder Datum_holen("tm") oder Datum_holen("lang")
                                          function Datum_holen(x) {
                                              var vTag = new Date().getDate(),
                                                  vMonat = new Date().getMonth()+1,
                                                  vJahr = new Date().getFullYear();
                                              if (vTag < 10) {vTag = "0" + vTag}
                                              if (vMonat < 10) {vMonat = "0" + vMonat}
                                              var sDatum_tmj = vTag + "." + vMonat + "." + vJahr.toString().substr(2,2);  // String mit Tag + Monat + Jahr (Jahr mit 2 Stellen)
                                              var sDatum_tm = vTag + "." + vMonat + ".";  // String mit Tag + Monat 
                                              var sDatum_lang = vTag + "." + vMonat + "." + vJahr;  // String mit Tag + Monat + Jahr (Jahr mit 4 Stellen)
                                           
                                              if (x === "tmj") {
                                                  return(sDatum_tmj);
                                              } else if (x === "tm") {
                                                  return(sDatum_tm);
                                              } else {
                                                  return(sDatum_lang);
                                              }
                                          }
                                          
                                          
                                          // Tag, Monat, Jahr -> Datum des morgigen Tages als String               
                                          //-> Aufruf der Funktion mit:   Datum_morgen_holen("tmj") oder Datum_morgen_holen("tm") oder Datum_morgen_holen("lang")
                                          function Datum_morgen_holen(x){
                                            
                                              var sDatum_tmj = formatDate(new Date().getTime() + 1 * 24 * 3600000, 'DD.MM.YY'); // String mit Tag + Monat + Jahr (Jahr mit 2 Stellen)
                                              var sDatum_tm = formatDate(new Date().getTime() + 1 * 24 * 3600000, 'DD.MM.');
                                              var sDatum_lang = formatDate(new Date().getTime() + 1 * 24 * 3600000, 'DD.MM.YYYY');  // String mit Tag + Monat + Jahr (Jahr mit 4 Stellen)
                                          
                                              if (x === "tmj") {
                                                  return(sDatum_tmj);
                                              } else if (x === "tm") {
                                                  return(sDatum_tm);
                                              } else {
                                                  return(sDatum_lang);
                                              }
                                          }
                                          
                                          
                                          // Tag, Monat, Jahr -> Datum des Tages für Übermorgen als String               
                                          //-> Aufruf der Funktion mit:   Datum_uebermorgen_holen("tmj") oder Datum_uebermorgen_holen("tm") oder Datum_uebermorgen_holen("lang")
                                          function Datum_uebermorgen_holen(x){
                                          
                                              var sDatum_tmj = formatDate(new Date().getTime() + 2 * 24 * 3600000, 'DD.MM.YY'); // String mit Tag + Monat + Jahr (Jahr mit 2 Stellen)
                                              var sDatum_tm =  formatDate(new Date().getTime() + 2 * 24 * 3600000, 'DD.MM.');
                                              var sDatum_lang = formatDate(new Date().getTime() + 2 * 24 * 3600000, 'DD.MM.YYYY');  // String mit Tag + Monat + Jahr (Jahr mit 4 Stellen)
                                          
                                              if (x === "tmj") {
                                                  return(sDatum_tmj);
                                              } else if (x === "tm") {
                                                  return(sDatum_tm);
                                              } else {
                                                  return(sDatum_lang);
                                              }
                                          }
                                           
                                          // Stunde, Minute -> aktuelle Uhrzeit als String                 -> Aufruf der Funktion mit:   Zeit_holen("hms") oder Zeit_holen("hm")
                                          function Zeit_holen(x) {
                                              var vStunde = new Date().getHours(),
                                                  vMinute = new Date().getMinutes(),
                                                  vSekunde = new Date().getSeconds();
                                              if (vMinute <10) {vMinute = "0" + vMinute}
                                              if (vSekunde <10) {vSekunde = "0" + vSekunde}
                                              var sZeit_hms = vStunde + ":" + vMinute + ":" + vSekunde;  // String mit Stunde + Minute + Sekunde
                                              var sZeit_hm = vStunde + ":" + vMinute;    // String mit Stunde + Minute 
                                              if (x === "hms") {
                                                  return(sZeit_hms);
                                              } else {
                                                  return(sZeit_hm);
                                              }
                                          }
                                          

                                          So sieht es jetzt bei mir aus:
                                          4679f03b-c13e-4dc8-b454-3bb86cc01f30-grafik.png

                                          W N N 3 Antworten Letzte Antwort
                                          1
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          726

                                          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