Skip to content
  • Home
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • 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

  • Default (No Skin)
  • No Skin
Collapse
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. Meine Visualisierung mit USV, PV Anlage / Wallbox und evcc

NEWS

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    17
    1
    2.9k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    1.1k

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.4k

Meine Visualisierung mit USV, PV Anlage / Wallbox und evcc

Scheduled Pinned Locked Moved Visualisierung
94 Posts 26 Posters 31.6k Views 35 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • HuTH HuT

    @saftladen18 Der Homescreen ist aus einzelnen Views zusammengefügt. Da musst Du in den View für Müll bzw. Energie gehen, da findest Du die Widgets. Grüße Torsten

    S Offline
    S Offline
    Saftladen18
    wrote on last edited by
    #21

    @hut Das habe ich verstanden und ist mir auch aus der Industrie bekannt. Jedoch habe ich in den einzelnen Seiten auch die Widgets nicht, Das einzige was ich habe sind die Text- und Wertefelder auf dem schwarzen Hintergrund. Deswegen meine Frage, ob irgendein Adapter dafür notwendig ist.

    GlasfaserG 1 Reply Last reply
    0
    • S Saftladen18

      @hut Das habe ich verstanden und ist mir auch aus der Industrie bekannt. Jedoch habe ich in den einzelnen Seiten auch die Widgets nicht, Das einzige was ich habe sind die Text- und Wertefelder auf dem schwarzen Hintergrund. Deswegen meine Frage, ob irgendein Adapter dafür notwendig ist.

      GlasfaserG Offline
      GlasfaserG Offline
      Glasfaser
      wrote on last edited by Glasfaser
      #22

      @HuT

      @saftladen18 sagte in [Vorstellung] Meine Visualisierung inklusive PV Anlage:
      Jedoch habe ich in den einzelnen Seiten auch die Widgets nicht

      Bitte gebe doch oben in deinem Startthread an , welche Adapter ( Widget´s ) benötigt / installiert werden müssen .

      @Saftladen18 ist " Newbie "und fängt gerade erst an und daher hat er wohl inventwo nicht installiert usw. !

      EDIT:

      @Saftladen18

      hier kannst du mehr sehen was ich meine ... bzw. auch Inspiration dazu holen .
      https://forum.iobroker.net/topic/28717/vis-von-sigi234

      Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

      HuTH 1 Reply Last reply
      1
      • HuTH HuT

        Hallo zusammen...
        Nachdem ich meine iobroker Visualisierung für unser Smarthome inklusive PV Anlage "leichtsinnigerweise" :wink: bei YT vorgestellt habe, haben mich viele Zuschauer angeschrieben und gebeten diese doch zu teilen.
        Das möchte ich jetzt hier gerne tun und füge einige Views (nur eine kleine Auswahl...) als Bild sowie den Export meines VIS Projektes als Vorlage hier ein.
        Auf mehrfache Nachfrage füge ich hier noch die benötigten Visualisierungs Adapter ein:

        • inventwo design widgets
        • jquery UI stil widgets
        • justgage widgets
        • Zeit und Wetter widgets
        • Material Design

        ...und natürlich Icon Adapter von inventwo und anderen...

        Update 15.04.2024: Ich habe Neuerungen bezüglich Wallbox und evcc eingefügt, siehe auch zusätzlicher Screenshot der Visualisiereung weiter unten. Details dazu habe ich in einem Youtube Video erläutert, auch das verlinke ich hier. :blush: Natürlich habe ich auch ein upgedatetes "Vis Projekt" hier hinterlegt.

        Update 14.12.2023: Ich war fleissig :blush: und habe mein ioBroker Projekt und die Visualisierung mit einer unterbrechungsfreien Spannungsversorgung für unser Synology NAS erweitert. Daher habe ich das Projekt aktualisiert und auch einen Screenshot der USV Überwachung beigefügt. Ein weiteres "Vorstellungsvideo" auf YT gibt es auch dazu :blush:

        Wer sich die Videos dazu auf YT ansehen möchte, dem stelle ich hier die Links zur Verfügung:
        Smart Home Visualisierung - So habe ich es mit iobroker für unser Wand Tablet gemacht!
        NAS mit USV gegen Stromausfall absichern und visualisieren mit iobroker – So habe ich das gelöst!
        Intelligentes PV Überschussladen mit evcc und iobroker – So haben wir das umgesetzt!

        Die 7z Datei für das ioBrokert Projekt bitte entpacken und das enthaltene Zip File für den Import nutzen. Sollte etwas nicht funktionieren oder Ihr Fragen habt lasst es mich bitte wissen.

        Viel Spaß damit wünscht Torsten von Haus und Technik :relaxed:

        2024-04-15-main_2.7z

        2023-04-13 19_41_50-Iobroker_visualisierung.mp4 - VLC media player.png
        2023-05-16 16_23_37-vis – Mozilla Firefox.png
        2023-05-16 16_22_01-vis – Mozilla Firefox.png
        2023-05-16 16_23_01-vis – Mozilla Firefox.png
        2024-04-15 16_19_16-vis – Mozilla Firefox.png
        2024-04-15 16_16_58-vis – Mozilla Firefox.png

        Nachtrag: Auf Wunsch einiger Leser stelle ich hier sukkszessive die genutzten Scripte zur weiteren Verwendung ein:

        Script PV Summe.txt
        Script PV Hausverbrauch.txt
        Script PV Erzeugung.txt

        P Offline
        P Offline
        Passi 0
        wrote on last edited by
        #23

        @hut
        Hi bein Import kommt fehler VERBINDUNGSFEHLER mach ich da was falsch?
        MFG

        GlasfaserG 1 Reply Last reply
        0
        • P Passi 0

          @hut
          Hi bein Import kommt fehler VERBINDUNGSFEHLER mach ich da was falsch?
          MFG

          GlasfaserG Offline
          GlasfaserG Offline
          Glasfaser
          wrote on last edited by
          #24

          @passi-0 sagte in [Vorstellung] Meine Visualisierung inklusive PV Anlage:

          Hi bein Import kommt fehler VERBINDUNGSFEHLER mach ich da was falsch?

          Nein ...

          gib das mal in der Forums-Suche ein , da steht ... 10000 X die Lösung dazu

          Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

          1 Reply Last reply
          0
          • HuTH HuT

            Hallo zusammen...
            Nachdem ich meine iobroker Visualisierung für unser Smarthome inklusive PV Anlage "leichtsinnigerweise" :wink: bei YT vorgestellt habe, haben mich viele Zuschauer angeschrieben und gebeten diese doch zu teilen.
            Das möchte ich jetzt hier gerne tun und füge einige Views (nur eine kleine Auswahl...) als Bild sowie den Export meines VIS Projektes als Vorlage hier ein.
            Auf mehrfache Nachfrage füge ich hier noch die benötigten Visualisierungs Adapter ein:

            • inventwo design widgets
            • jquery UI stil widgets
            • justgage widgets
            • Zeit und Wetter widgets
            • Material Design

            ...und natürlich Icon Adapter von inventwo und anderen...

            Update 15.04.2024: Ich habe Neuerungen bezüglich Wallbox und evcc eingefügt, siehe auch zusätzlicher Screenshot der Visualisiereung weiter unten. Details dazu habe ich in einem Youtube Video erläutert, auch das verlinke ich hier. :blush: Natürlich habe ich auch ein upgedatetes "Vis Projekt" hier hinterlegt.

            Update 14.12.2023: Ich war fleissig :blush: und habe mein ioBroker Projekt und die Visualisierung mit einer unterbrechungsfreien Spannungsversorgung für unser Synology NAS erweitert. Daher habe ich das Projekt aktualisiert und auch einen Screenshot der USV Überwachung beigefügt. Ein weiteres "Vorstellungsvideo" auf YT gibt es auch dazu :blush:

            Wer sich die Videos dazu auf YT ansehen möchte, dem stelle ich hier die Links zur Verfügung:
            Smart Home Visualisierung - So habe ich es mit iobroker für unser Wand Tablet gemacht!
            NAS mit USV gegen Stromausfall absichern und visualisieren mit iobroker – So habe ich das gelöst!
            Intelligentes PV Überschussladen mit evcc und iobroker – So haben wir das umgesetzt!

            Die 7z Datei für das ioBrokert Projekt bitte entpacken und das enthaltene Zip File für den Import nutzen. Sollte etwas nicht funktionieren oder Ihr Fragen habt lasst es mich bitte wissen.

            Viel Spaß damit wünscht Torsten von Haus und Technik :relaxed:

            2024-04-15-main_2.7z

            2023-04-13 19_41_50-Iobroker_visualisierung.mp4 - VLC media player.png
            2023-05-16 16_23_37-vis – Mozilla Firefox.png
            2023-05-16 16_22_01-vis – Mozilla Firefox.png
            2023-05-16 16_23_01-vis – Mozilla Firefox.png
            2024-04-15 16_19_16-vis – Mozilla Firefox.png
            2024-04-15 16_16_58-vis – Mozilla Firefox.png

            Nachtrag: Auf Wunsch einiger Leser stelle ich hier sukkszessive die genutzten Scripte zur weiteren Verwendung ein:

            Script PV Summe.txt
            Script PV Hausverbrauch.txt
            Script PV Erzeugung.txt

            S Offline
            S Offline
            Smart81
            wrote on last edited by Smart81
            #25

            @hut Hallo :)

            Ich finde die VIS sehr gelungen , war schon lange auf der Suche und hier denke ich bin Ich fündig geworden !

            Ist es möglich die VIS zu editieren? Also kann ich bei den werten meine Geräte eintragen und die Bilder teilweise ändern?

            Oder dient das Project nur als Anregung und man muss sich das selber Komplett neu aufbauen?

            Hab mir das schon importiert , aber ich kann die einzelnen icons nicht bearbeiten oder Objekte einstellen...

            HuTH 1 Reply Last reply
            0
            • GlasfaserG Glasfaser

              @HuT

              @saftladen18 sagte in [Vorstellung] Meine Visualisierung inklusive PV Anlage:
              Jedoch habe ich in den einzelnen Seiten auch die Widgets nicht

              Bitte gebe doch oben in deinem Startthread an , welche Adapter ( Widget´s ) benötigt / installiert werden müssen .

              @Saftladen18 ist " Newbie "und fängt gerade erst an und daher hat er wohl inventwo nicht installiert usw. !

              EDIT:

              @Saftladen18

              hier kannst du mehr sehen was ich meine ... bzw. auch Inspiration dazu holen .
              https://forum.iobroker.net/topic/28717/vis-von-sigi234

              HuTH Offline
              HuTH Offline
              HuT
              wrote on last edited by HuT
              #26

              @glasfaser @Saftladen18 @Smart81 Habe meinen Eingangspost um die Adapter erweitert. Ich hoffe das hilft ein wenig beim Nachbau... 😉

              1 Reply Last reply
              0
              • S Smart81

                @hut Hallo :)

                Ich finde die VIS sehr gelungen , war schon lange auf der Suche und hier denke ich bin Ich fündig geworden !

                Ist es möglich die VIS zu editieren? Also kann ich bei den werten meine Geräte eintragen und die Bilder teilweise ändern?

                Oder dient das Project nur als Anregung und man muss sich das selber Komplett neu aufbauen?

                Hab mir das schon importiert , aber ich kann die einzelnen icons nicht bearbeiten oder Objekte einstellen...

                HuTH Offline
                HuTH Offline
                HuT
                wrote on last edited by
                #27

                @smart81 Nein, Du musst nichts neu aufbauen. Die Vis ist nicht geschützt. Ich denke Du benötigst die Widget Adapter die ich jetzt im überarbeiteten Ausgangspost benannt habe. Dann kannst Du Deine Geräte anbinden und dann sollte es auch funktionieren.

                1 Reply Last reply
                0
                • O Octopus180

                  @HuT

                  Erstmal vielen Dank für das teilen deiner VIS, wie ich schon unter deinem YouTube Video geschrieben habe, finde ich ich sie sehr gut aufgebaut.
                  Ich habe mir auch schon viele Ideen daraus angeschaut und umgesetzt. Doch leider bekomme ich den Müllskript und Regenskript nicht zu laufen. Ich habe zwar aus dem Forum die Skripte rausgesucht, aber anscheinend nicht die richtigen.
                  Kannst du vielleicht mal die von dir benutzen hier zur Verfügung stellen, damit man die miteinander vergleichen kann?

                  Ich hätte auch noch zwei Fragen zum Aufbau der einzelnen Widget, du hast bei den einzelnen Widget so einen roten Rahmen, ich glaube der zeigt die die Größe des Widget an, wie bekommt man den angezeigt?
                  Und du hast bei den Widget unter der Überschrift einen weißen Balken, auch diesen bekomme ich irgendwie nicht eingebaut. Kann man das kurz erklären wie du das hinbekommst?

                  Vielen Dank für deine Mühe

                  Gruß Peter

                  HuTH Offline
                  HuTH Offline
                  HuT
                  wrote on last edited by Negalein
                  #28

                  @octopus180 Hier kommt schonmal das Script... Ich hoffe, ich habe das hier richtig eingebunden das sieht doch etwas eigenartig aus 🤷‍♂️
                  Ich habe zwei Widgets übereinander gelegt. Das untere ändert die Farbe je nach Zustand und das überlagerte ändert das Icon je nach Zustand. Das untere Widget ist etwas größer und bei beiden muß der z faktor angepasst werden.
                  Grüße
                  Torsten

                  // Skript basiered auf JoJ123's Müllskript und Pix' Regenskript
                  // v 0.2, tempestas 21.12.2018
                  // Voraussetzung: ical 1.7
                  // Anleitung: 
                  /*
                  1) im ical Adapter die Ereignisse definieren, die gesucht werden sollen (z.B. Restabfall)
                  2) const PFAD auf euren ical Adapter anpassen (0, oder 1, zwei...)
                  3) im Bereich EINTRAEGE vor den Doppelpunkten die Ereignisse analog des ical Ereginis eintragen. 
                  ACHTUNG: ES DÜRFEN HIER KEINE FREIZEICHEN GENUTZT WERDEN; ICAL MACHT AUS "Gelber Sack" ALS EREIGNIS DATENPUNKT "GelberSack"
                  daher muss hier dann "GelberSack" eingetragen werden
                  hinter den Doppelpunkten wird der Pfad angegeben, in dem die Datenpunkte für die Tage bis zum jeweiligen Müll gespeichert werden.
                  Davor wird dann noch die Javascript Instanz gesetzt, in der ihr das Skript startet.
                  Gesamtpfad dann also z.B. "javascript.0.muell.restmuell" 
                   Hinweis: das Skript kann für alle Arten von Events genutzt werden, daher hier auf dne Begriff "Muell" verzichtet.
                  */
                   debug = true;
                   const PFAD = "ical.5.events.";
                  const EINTRAEGE = {                       
                      "Restabfall": 'muell.restmuell',
                      "Papiertonne": 'muell.papier',
                      "GrüneTonne": 'muell.bioabfall',
                      //"GelberSack": 'muell.gelbersack', auskommentiert Änderung auf Wertstoff
                      "Wertstofftonne": 'muell.wertstoff'
                  };
                   //States anlegen
                   Object.keys(EINTRAEGE).forEach(key => {
                      createState(EINTRAEGE[key], -1);
                      if (debug) log("State "+EINTRAEGE[key] +" angelegt");
                  });
                   createState("muell.next");  // state, in den der kleinste Wert geschrieben wird, falls man z.B. auf einer Hauptübersicht immer nur den Wert bis zum nächsten Event (egal welches) sehen möchte)
                  var idNext = "muell.next";
                   function check() {
                       var i;
                      var min = 31;  // maximale Vorschau der Tage im ical ist 90, von dort aus suchen wir den kleinsten Wert, geändert auf 31!
                      Object.keys(EINTRAEGE).forEach(eintrag => {
                  
                          // erst prüfen, ob event heute vorliegt
                  
                          if ( getState(PFAD + 0 +".today." + eintrag).val === true) {   // Pfad weicht von den anderen Tagen ab!
                          setState(EINTRAEGE[eintrag], 0);
                          min = 0;
                          if(debug) log(eintrag + " wird heute abgeholt");
                          }
                  
                          // falls nicht, weiter schauen, wann es kommt
                  
                          else {
                  
                              for (i=1 ; i<31;i++) {                       // heute (0) wird separat geprüft, da dort ein andere Pfad zum Tragen kommt; max 90 Tage Vorschau 
                                  if ( getState(PFAD + i +"." + eintrag).val === true) {
                                  setState(EINTRAEGE[eintrag], i);
                                  if (i < min) min = i;
                                  if(debug) log(eintrag + " in "+i +" Tagen");
                                  break;              // beim ersten gefundenen Eitnrag wird unterbrochen, da ja der nächste Termin gesucht wird
                                  }
                  
                   
                  
                              }   
                  
                          }    
                  
                      });
                  
                       // kleinsten Wert in next - State schreiben
                  
                   
                  
                      if(debug) log("Der nächste Müll ist in "+min +" Tagen");
                  
                      setState(idNext, min);
                  
                   }
                  
                   // Bei Start
                  
                   setTimeout(check, 5000);   // 5 Sekunde warten, um beim erstmaligen Start Fehler zu vermeiden, die aus nicht existierenden States resultieren
                  
                   
                  
                  schedule('20 0 * * *', () => check() );
                  
                  GlasfaserG O 2 Replies Last reply
                  0
                  • HuTH HuT

                    @octopus180 Hier kommt schonmal das Script... Ich hoffe, ich habe das hier richtig eingebunden das sieht doch etwas eigenartig aus 🤷‍♂️
                    Ich habe zwei Widgets übereinander gelegt. Das untere ändert die Farbe je nach Zustand und das überlagerte ändert das Icon je nach Zustand. Das untere Widget ist etwas größer und bei beiden muß der z faktor angepasst werden.
                    Grüße
                    Torsten

                    // Skript basiered auf JoJ123's Müllskript und Pix' Regenskript
                    // v 0.2, tempestas 21.12.2018
                    // Voraussetzung: ical 1.7
                    // Anleitung: 
                    /*
                    1) im ical Adapter die Ereignisse definieren, die gesucht werden sollen (z.B. Restabfall)
                    2) const PFAD auf euren ical Adapter anpassen (0, oder 1, zwei...)
                    3) im Bereich EINTRAEGE vor den Doppelpunkten die Ereignisse analog des ical Ereginis eintragen. 
                    ACHTUNG: ES DÜRFEN HIER KEINE FREIZEICHEN GENUTZT WERDEN; ICAL MACHT AUS "Gelber Sack" ALS EREIGNIS DATENPUNKT "GelberSack"
                    daher muss hier dann "GelberSack" eingetragen werden
                    hinter den Doppelpunkten wird der Pfad angegeben, in dem die Datenpunkte für die Tage bis zum jeweiligen Müll gespeichert werden.
                    Davor wird dann noch die Javascript Instanz gesetzt, in der ihr das Skript startet.
                    Gesamtpfad dann also z.B. "javascript.0.muell.restmuell" 
                     Hinweis: das Skript kann für alle Arten von Events genutzt werden, daher hier auf dne Begriff "Muell" verzichtet.
                    */
                     debug = true;
                     const PFAD = "ical.5.events.";
                    const EINTRAEGE = {                       
                        "Restabfall": 'muell.restmuell',
                        "Papiertonne": 'muell.papier',
                        "GrüneTonne": 'muell.bioabfall',
                        //"GelberSack": 'muell.gelbersack', auskommentiert Änderung auf Wertstoff
                        "Wertstofftonne": 'muell.wertstoff'
                    };
                     //States anlegen
                     Object.keys(EINTRAEGE).forEach(key => {
                        createState(EINTRAEGE[key], -1);
                        if (debug) log("State "+EINTRAEGE[key] +" angelegt");
                    });
                     createState("muell.next");  // state, in den der kleinste Wert geschrieben wird, falls man z.B. auf einer Hauptübersicht immer nur den Wert bis zum nächsten Event (egal welches) sehen möchte)
                    var idNext = "muell.next";
                     function check() {
                         var i;
                        var min = 31;  // maximale Vorschau der Tage im ical ist 90, von dort aus suchen wir den kleinsten Wert, geändert auf 31!
                        Object.keys(EINTRAEGE).forEach(eintrag => {
                    
                            // erst prüfen, ob event heute vorliegt
                    
                            if ( getState(PFAD + 0 +".today." + eintrag).val === true) {   // Pfad weicht von den anderen Tagen ab!
                            setState(EINTRAEGE[eintrag], 0);
                            min = 0;
                            if(debug) log(eintrag + " wird heute abgeholt");
                            }
                    
                            // falls nicht, weiter schauen, wann es kommt
                    
                            else {
                    
                                for (i=1 ; i<31;i++) {                       // heute (0) wird separat geprüft, da dort ein andere Pfad zum Tragen kommt; max 90 Tage Vorschau 
                                    if ( getState(PFAD + i +"." + eintrag).val === true) {
                                    setState(EINTRAEGE[eintrag], i);
                                    if (i < min) min = i;
                                    if(debug) log(eintrag + " in "+i +" Tagen");
                                    break;              // beim ersten gefundenen Eitnrag wird unterbrochen, da ja der nächste Termin gesucht wird
                                    }
                    
                     
                    
                                }   
                    
                            }    
                    
                        });
                    
                         // kleinsten Wert in next - State schreiben
                    
                     
                    
                        if(debug) log("Der nächste Müll ist in "+min +" Tagen");
                    
                        setState(idNext, min);
                    
                     }
                    
                     // Bei Start
                    
                     setTimeout(check, 5000);   // 5 Sekunde warten, um beim erstmaligen Start Fehler zu vermeiden, die aus nicht existierenden States resultieren
                    
                     
                    
                    schedule('20 0 * * *', () => check() );
                    
                    GlasfaserG Offline
                    GlasfaserG Offline
                    Glasfaser
                    wrote on last edited by
                    #29

                    @hut sagte in [Vorstellung] Meine Visualisierung inklusive PV Anlage:

                    Ich hoffe, ich habe das hier richtig eingebunden das sieht doch etwas eigenartig aus

                    Nee sieht nicht schön aus :)

                    ... das wird in Code-Tags eingefügt ..

                    dp2.gif

                    Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

                    HuTH 1 Reply Last reply
                    0
                    • HuTH HuT

                      @octopus180 Hier kommt schonmal das Script... Ich hoffe, ich habe das hier richtig eingebunden das sieht doch etwas eigenartig aus 🤷‍♂️
                      Ich habe zwei Widgets übereinander gelegt. Das untere ändert die Farbe je nach Zustand und das überlagerte ändert das Icon je nach Zustand. Das untere Widget ist etwas größer und bei beiden muß der z faktor angepasst werden.
                      Grüße
                      Torsten

                      // Skript basiered auf JoJ123's Müllskript und Pix' Regenskript
                      // v 0.2, tempestas 21.12.2018
                      // Voraussetzung: ical 1.7
                      // Anleitung: 
                      /*
                      1) im ical Adapter die Ereignisse definieren, die gesucht werden sollen (z.B. Restabfall)
                      2) const PFAD auf euren ical Adapter anpassen (0, oder 1, zwei...)
                      3) im Bereich EINTRAEGE vor den Doppelpunkten die Ereignisse analog des ical Ereginis eintragen. 
                      ACHTUNG: ES DÜRFEN HIER KEINE FREIZEICHEN GENUTZT WERDEN; ICAL MACHT AUS "Gelber Sack" ALS EREIGNIS DATENPUNKT "GelberSack"
                      daher muss hier dann "GelberSack" eingetragen werden
                      hinter den Doppelpunkten wird der Pfad angegeben, in dem die Datenpunkte für die Tage bis zum jeweiligen Müll gespeichert werden.
                      Davor wird dann noch die Javascript Instanz gesetzt, in der ihr das Skript startet.
                      Gesamtpfad dann also z.B. "javascript.0.muell.restmuell" 
                       Hinweis: das Skript kann für alle Arten von Events genutzt werden, daher hier auf dne Begriff "Muell" verzichtet.
                      */
                       debug = true;
                       const PFAD = "ical.5.events.";
                      const EINTRAEGE = {                       
                          "Restabfall": 'muell.restmuell',
                          "Papiertonne": 'muell.papier',
                          "GrüneTonne": 'muell.bioabfall',
                          //"GelberSack": 'muell.gelbersack', auskommentiert Änderung auf Wertstoff
                          "Wertstofftonne": 'muell.wertstoff'
                      };
                       //States anlegen
                       Object.keys(EINTRAEGE).forEach(key => {
                          createState(EINTRAEGE[key], -1);
                          if (debug) log("State "+EINTRAEGE[key] +" angelegt");
                      });
                       createState("muell.next");  // state, in den der kleinste Wert geschrieben wird, falls man z.B. auf einer Hauptübersicht immer nur den Wert bis zum nächsten Event (egal welches) sehen möchte)
                      var idNext = "muell.next";
                       function check() {
                           var i;
                          var min = 31;  // maximale Vorschau der Tage im ical ist 90, von dort aus suchen wir den kleinsten Wert, geändert auf 31!
                          Object.keys(EINTRAEGE).forEach(eintrag => {
                      
                              // erst prüfen, ob event heute vorliegt
                      
                              if ( getState(PFAD + 0 +".today." + eintrag).val === true) {   // Pfad weicht von den anderen Tagen ab!
                              setState(EINTRAEGE[eintrag], 0);
                              min = 0;
                              if(debug) log(eintrag + " wird heute abgeholt");
                              }
                      
                              // falls nicht, weiter schauen, wann es kommt
                      
                              else {
                      
                                  for (i=1 ; i<31;i++) {                       // heute (0) wird separat geprüft, da dort ein andere Pfad zum Tragen kommt; max 90 Tage Vorschau 
                                      if ( getState(PFAD + i +"." + eintrag).val === true) {
                                      setState(EINTRAEGE[eintrag], i);
                                      if (i < min) min = i;
                                      if(debug) log(eintrag + " in "+i +" Tagen");
                                      break;              // beim ersten gefundenen Eitnrag wird unterbrochen, da ja der nächste Termin gesucht wird
                                      }
                      
                       
                      
                                  }   
                      
                              }    
                      
                          });
                      
                           // kleinsten Wert in next - State schreiben
                      
                       
                      
                          if(debug) log("Der nächste Müll ist in "+min +" Tagen");
                      
                          setState(idNext, min);
                      
                       }
                      
                       // Bei Start
                      
                       setTimeout(check, 5000);   // 5 Sekunde warten, um beim erstmaligen Start Fehler zu vermeiden, die aus nicht existierenden States resultieren
                      
                       
                      
                      schedule('20 0 * * *', () => check() );
                      
                      O Online
                      O Online
                      Octopus180
                      wrote on last edited by
                      #30

                      @hut sagte in [Vorstellung] Meine Visualisierung inklusive PV Anlage:

                      Leider funktioniert das mit dem Müll nicht. Ich habe bei meinem ICAL die Ereignisse angegeben:
                      Bildschirmfoto 2023-06-05 um 17.50.42.png

                      Dann ich habe ich das Skript angelegt und wie folgt verändert:

                      */
                      debug = true;
                      const PFAD = "ical.2.events.";
                      const EINTRAEGE = {
                      "Restmüll": 'muell.restmuell',
                      "Papier": 'muell.papier',
                      "Bioabfall": 'muell.bioabfall',
                      //"GelberSack": 'muell.gelbersack', auskommentiert Änderung auf Wertstoff
                      "Wertstoff": 'muell.wertstoff'
                      };
                      //States anlegen
                      Object.keys(EINTRAEGE).forEach(key => {
                      createState(EINTRAEGE[key], -1);
                      if (debug) log("State "+EINTRAEGE[key] +" angelegt");
                      });
                      createState("muell.next"); // state, in den der kleinste Wert geschrieben wird, falls man z.B. auf einer Hauptübersicht immer nur den Wert bis zum nächsten Event (egal welches) sehen möchte)
                      var idNext = "muell.next";
                      function check() {
                      var i;
                      var min = 31; // maximale Vorschau der Tage im ical ist 90, von dort aus suchen wir den kleinsten Wert, geändert auf 31!
                      Object.keys(EINTRAEGE).forEach(eintrag => {
                      
                       // erst prüfen, ob event heute vorliegt
                      
                       if ( getState(PFAD + 0 +".today." + eintrag).val === true) {   // Pfad weicht von den anderen Tagen ab!
                       setState(EINTRAEGE[eintrag], 0);
                       min = 0;
                       if(debug) log(eintrag + " wird heute abgeholt");
                       }
                      
                       // falls nicht, weiter schauen, wann es kommt
                      
                       else {
                      
                           for (i=1 ; i<31;i++) {                       // heute (0) wird separat geprüft, da dort ein andere Pfad zum Tragen kommt; max 90 Tage Vorschau 
                               if ( getState(PFAD + i +"." + eintrag).val === true) {
                               setState(EINTRAEGE[eintrag], i);
                               if (i < min) min = i;
                               if(debug) log(eintrag + " in "+i +" Tagen");
                               break;              // beim ersten gefundenen Eitnrag wird unterbrochen, da ja der nächste Termin gesucht wird
                               }
                      
                      
                      
                           }   
                      
                       }    
                      });
                      
                      // kleinsten Wert in next - State schreiben
                      
                      if(debug) log("Der nächste Müll ist in "+min +" Tagen");
                      
                      setState(idNext, min);
                      
                      }
                      
                      // Bei Start
                      
                      setTimeout(check, 5000); // 5 Sekunde warten, um beim erstmaligen Start Fehler zu vermeiden, die aus nicht existierenden States resultieren
                      
                      schedule('20 0 * * *', () => check() );
                      

                      Doch leider bekomme ich beim starten des Skript folgende Meldung:

                      Bildschirmfoto 2023-06-05 um 17.55.12.png

                      Irgendwo habe ich einen Fehler gemacht, die Frage ist nur wo?

                      Gruß Peter

                      GlasfaserG 1 Reply Last reply
                      0
                      • O Octopus180

                        @hut sagte in [Vorstellung] Meine Visualisierung inklusive PV Anlage:

                        Leider funktioniert das mit dem Müll nicht. Ich habe bei meinem ICAL die Ereignisse angegeben:
                        Bildschirmfoto 2023-06-05 um 17.50.42.png

                        Dann ich habe ich das Skript angelegt und wie folgt verändert:

                        */
                        debug = true;
                        const PFAD = "ical.2.events.";
                        const EINTRAEGE = {
                        "Restmüll": 'muell.restmuell',
                        "Papier": 'muell.papier',
                        "Bioabfall": 'muell.bioabfall',
                        //"GelberSack": 'muell.gelbersack', auskommentiert Änderung auf Wertstoff
                        "Wertstoff": 'muell.wertstoff'
                        };
                        //States anlegen
                        Object.keys(EINTRAEGE).forEach(key => {
                        createState(EINTRAEGE[key], -1);
                        if (debug) log("State "+EINTRAEGE[key] +" angelegt");
                        });
                        createState("muell.next"); // state, in den der kleinste Wert geschrieben wird, falls man z.B. auf einer Hauptübersicht immer nur den Wert bis zum nächsten Event (egal welches) sehen möchte)
                        var idNext = "muell.next";
                        function check() {
                        var i;
                        var min = 31; // maximale Vorschau der Tage im ical ist 90, von dort aus suchen wir den kleinsten Wert, geändert auf 31!
                        Object.keys(EINTRAEGE).forEach(eintrag => {
                        
                         // erst prüfen, ob event heute vorliegt
                        
                         if ( getState(PFAD + 0 +".today." + eintrag).val === true) {   // Pfad weicht von den anderen Tagen ab!
                         setState(EINTRAEGE[eintrag], 0);
                         min = 0;
                         if(debug) log(eintrag + " wird heute abgeholt");
                         }
                        
                         // falls nicht, weiter schauen, wann es kommt
                        
                         else {
                        
                             for (i=1 ; i<31;i++) {                       // heute (0) wird separat geprüft, da dort ein andere Pfad zum Tragen kommt; max 90 Tage Vorschau 
                                 if ( getState(PFAD + i +"." + eintrag).val === true) {
                                 setState(EINTRAEGE[eintrag], i);
                                 if (i < min) min = i;
                                 if(debug) log(eintrag + " in "+i +" Tagen");
                                 break;              // beim ersten gefundenen Eitnrag wird unterbrochen, da ja der nächste Termin gesucht wird
                                 }
                        
                        
                        
                             }   
                        
                         }    
                        });
                        
                        // kleinsten Wert in next - State schreiben
                        
                        if(debug) log("Der nächste Müll ist in "+min +" Tagen");
                        
                        setState(idNext, min);
                        
                        }
                        
                        // Bei Start
                        
                        setTimeout(check, 5000); // 5 Sekunde warten, um beim erstmaligen Start Fehler zu vermeiden, die aus nicht existierenden States resultieren
                        
                        schedule('20 0 * * *', () => check() );
                        

                        Doch leider bekomme ich beim starten des Skript folgende Meldung:

                        Bildschirmfoto 2023-06-05 um 17.55.12.png

                        Irgendwo habe ich einen Fehler gemacht, die Frage ist nur wo?

                        Gruß Peter

                        GlasfaserG Offline
                        GlasfaserG Offline
                        Glasfaser
                        wrote on last edited by
                        #31

                        @octopus180 sagte in [Vorstellung] Meine Visualisierung inklusive PV Anlage:

                        Irgendwo habe ich einen Fehler gemacht, die Frage ist nur wo?

                        in Zeile 1

                        */
                        

                        das entfernen

                        Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

                        O 1 Reply Last reply
                        0
                        • GlasfaserG Glasfaser

                          @octopus180 sagte in [Vorstellung] Meine Visualisierung inklusive PV Anlage:

                          Irgendwo habe ich einen Fehler gemacht, die Frage ist nur wo?

                          in Zeile 1

                          */
                          

                          das entfernen

                          O Online
                          O Online
                          Octopus180
                          wrote on last edited by
                          #32

                          @glasfaser , Danke, jetzt läuft das Skript. Jetzt kann ich weiter schauen.

                          1 Reply Last reply
                          0
                          • GlasfaserG Glasfaser

                            @hut sagte in [Vorstellung] Meine Visualisierung inklusive PV Anlage:

                            Ich hoffe, ich habe das hier richtig eingebunden das sieht doch etwas eigenartig aus

                            Nee sieht nicht schön aus :)

                            ... das wird in Code-Tags eingefügt ..

                            dp2.gif

                            HuTH Offline
                            HuTH Offline
                            HuT
                            wrote on last edited by
                            #33

                            @glasfaser ahhh wieder etwas gelernt 🤗 Danke 👍

                            GlasfaserG D 2 Replies Last reply
                            1
                            • HuTH HuT

                              @glasfaser ahhh wieder etwas gelernt 🤗 Danke 👍

                              GlasfaserG Offline
                              GlasfaserG Offline
                              Glasfaser
                              wrote on last edited by
                              #34

                              @hut sagte in [Vorstellung] Meine Visualisierung inklusive PV Anlage:

                              @glasfaser ahhh wieder etwas gelernt 🤗 Danke 👍

                              No Problem ... helfe gerne ;)

                              Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

                              1 Reply Last reply
                              0
                              • O Online
                                O Online
                                Octopus180
                                wrote on last edited by
                                #35

                                @HuT ,

                                kannst du mir bitte mal das Skript für die Anzeige der Windstärke geben, ich habe nach dem Regenskript von Pix gesucht, aber leider nicht gefunden. Ich schätze mal das daher die Anzeige für die Windstärke kommt.

                                Danke

                                HuTH 1 Reply Last reply
                                0
                                • O Octopus180

                                  @HuT ,

                                  kannst du mir bitte mal das Skript für die Anzeige der Windstärke geben, ich habe nach dem Regenskript von Pix gesucht, aber leider nicht gefunden. Ich schätze mal das daher die Anzeige für die Windstärke kommt.

                                  Danke

                                  HuTH Offline
                                  HuTH Offline
                                  HuT
                                  wrote on last edited by
                                  #36

                                  @octopus180 hier kommt das Blockly für die Windstärke...Windstaerke.txt
                                  Viele Grüße

                                  S 1 Reply Last reply
                                  0
                                  • O Online
                                    O Online
                                    Octopus180
                                    wrote on last edited by
                                    #37

                                    @HuT :

                                    darf ich dir nochmal eine Frage stellen? Auf der Startseite hast du ja die Verschlusssache.
                                    Dort wird dir ja angezeigt ob irgendwo noch ein Fenster oder eine Tür auf ist. Das hast du ja mit einem Script gemacht. Benutzt du das Script von Pittini oder welches benutzt du dafür?

                                    Gruß Peter

                                    1 Reply Last reply
                                    0
                                    • HuTH HuT

                                      @octopus180 hier kommt das Blockly für die Windstärke...Windstaerke.txt
                                      Viele Grüße

                                      S Offline
                                      S Offline
                                      spike2
                                      wrote on last edited by
                                      #38

                                      @hut Vielen Dank für das teilen deiner Views :+1:
                                      Wäre es möglich, dass du die Scripte für die Berechnung der Werte für Solar zu Verfügung zu stellen ? :) Würde mich brennend interessieren :)

                                      HuTH 1 Reply Last reply
                                      0
                                      • O Online
                                        O Online
                                        Octopus180
                                        wrote on last edited by
                                        #39

                                        Hallo alle zusammen,

                                        da Thorsten von Haus und Technik , anscheinend hier nicht mehr mitliest habe ich zwei Fragen an die Allgemeinheit.

                                        Ich konnte schon sehr viel umsetzten für meine VIS, doch leider stecke ich zur Zeit bei zwei Problemen fest.

                                        1. Auf der Hauptseite hat er ja eine Übersicht über den Verschluss. Ich schätze mal, das er mit einem Skript die Anzahl der offenen Fenster erfasst und dieses dann angezeigt wird. Habt Ihr eine Ahnung welches Skript er genommen hat?

                                        2. Er hat auf der Seite "510_Gewerke_Verschluss" ja eine Anzeige über den Zustand der Fenster und Türen. Ich bekomme es nicht hin, das der Hintergrund, je nach Zustand" Orange oder Grün ist. Was für mich Unlogisch ist, das er für jeden Zustand einen anderen Datenpunkt hat. Irgendwie verstehe ich nicht wie er das Umgesetzt hat.
                                          Er benutzt ja anscheinend HM Sensoren, meine haben aber nur einen Datenpunkt der sich auf true oder false ändert.

                                        Könnt ihr mir vielleicht weiterhelfen?

                                        Danke und Gruß Peter

                                        GlasfaserG HuTH 2 Replies Last reply
                                        0
                                        • O Octopus180

                                          Hallo alle zusammen,

                                          da Thorsten von Haus und Technik , anscheinend hier nicht mehr mitliest habe ich zwei Fragen an die Allgemeinheit.

                                          Ich konnte schon sehr viel umsetzten für meine VIS, doch leider stecke ich zur Zeit bei zwei Problemen fest.

                                          1. Auf der Hauptseite hat er ja eine Übersicht über den Verschluss. Ich schätze mal, das er mit einem Skript die Anzahl der offenen Fenster erfasst und dieses dann angezeigt wird. Habt Ihr eine Ahnung welches Skript er genommen hat?

                                          2. Er hat auf der Seite "510_Gewerke_Verschluss" ja eine Anzeige über den Zustand der Fenster und Türen. Ich bekomme es nicht hin, das der Hintergrund, je nach Zustand" Orange oder Grün ist. Was für mich Unlogisch ist, das er für jeden Zustand einen anderen Datenpunkt hat. Irgendwie verstehe ich nicht wie er das Umgesetzt hat.
                                            Er benutzt ja anscheinend HM Sensoren, meine haben aber nur einen Datenpunkt der sich auf true oder false ändert.

                                          Könnt ihr mir vielleicht weiterhelfen?

                                          Danke und Gruß Peter

                                          GlasfaserG Offline
                                          GlasfaserG Offline
                                          Glasfaser
                                          wrote on last edited by Glasfaser
                                          #40

                                          @octopus180 sagte in [Vorstellung] Meine Visualisierung inklusive PV Anlage:

                                          Ich bekomme es nicht hin, das der Hintergrund, je nach Zustand" Orange oder Grün ist.

                                          .... ich habe mal in seinem Projekt reingeschaut.

                                          EDIT :

                                          Die werte werden im Zustand eingestellt ... teils mit Binding

                                          .
                                          1.gif
                                          .
                                          3a423c3e-bd84-4158-adab-fb205b8d061f-grafik.png

                                          Das heißt , er hat einen Datenpunkt

                                          javascript.0.Color.Green
                                          

                                          und dort hat er den Hex Wert von Grün drin .
                                          Beispiel :

                                          #00ff00
                                          

                                          Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

                                          1 Reply Last reply
                                          0
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          355

                                          Online

                                          32.6k

                                          Users

                                          82.3k

                                          Topics

                                          1.3m

                                          Posts
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Login

                                          • Don't have an account? Register

                                          • Login or register to search.
                                          • First post
                                            Last post
                                          0
                                          • Home
                                          • Recent
                                          • Tags
                                          • Unread 0
                                          • Categories
                                          • Unreplied
                                          • Popular
                                          • GitHub
                                          • Docu
                                          • Hilfe