Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Praktische Anwendungen (Showcase)
    4. Einfach mal zeigen will….. :-) - Teil 2

    NEWS

    • 15. 05. Wartungsarbeiten am ioBroker Forum

    • Monatsrückblick - April 2025

    • Minor js-controller 7.0.7 Update in latest repo

    Einfach mal zeigen will….. :-) - Teil 2

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

      @simpixo:

      @sigi234:

      Meiner so:

      Screenshot (1394)_LI.jpg `

      Wie hast du denn die Fortschrittsbalken realisiert!?

      Danke

      Gruß

      Adrian

      Gesendet von iPhone mit Tapatalk Pro `

      viewtopic.php?f=20&t=18468&p=193015&hil … fo#p193015

      1 Reply Last reply Reply Quote 0
      • JB_Sullivan
        JB_Sullivan last edited by

        @Annuit20

        Der Quellcode von deinem Blockly funktioniert leider nicht. Das gibt nur einen schwarzen Balken. Der sieht auch ganz anders aus, als wenn ich Blockly Quellcode exportiere.

        Beim JavaSkript wäre meine Frage

        // Anlegen JS State für VIS 
        
        createState('javascript.0.muell.restmuelltonne', 0);   //. gelb, blau usw entsprechend erstellen
        createState('javascript.0.muell.gelbersack', 0);   //. gelb, blau usw entsprechend erstellen
        createState('javascript.0.muell.altpapiertonne', 0);   //. gelb, blau usw entsprechend erstellen
        createState('javascript.0.muell.biotonne', 0);   //. gelb, blau usw entsprechend erstellen
        

        WO, soll man denn die Farben eintragen? So? createState('javascript.0.muell.biotonne', GELB)

        1 Reply Last reply Reply Quote 0
        • A
          Annuit20 last edited by Jey Cee

          Ok, wird wohl was mit meiner Blocklyversion nicht stimmen.

          Das ist der Filterwert.

          Das Script sucht ja nur nach dem nächsten Termin.

          Sprich Gelbetonne im Google-Kalander suche "Gelb" und setzte Wert in state javascript.0.muell.gelbersack.

          createState('javascript.0.muell.restmuell', 0); //. gelb, blau usw entsprechend erstellen

          createState('javascript.0.muell.<size size="150">gelbersack</size>', 0); //. gelb, blau usw entsprechend erstellen

          // Suchvariablen
          
          var restmuell= "Rest"; // weitere Varialben für die anderen Müllsorten eintragen
          
          var <size size="150">gelbersack</size>= "****Gelbe****"; // weitere Varialben für die anderen Müllsorten eintragen
          
          1 Reply Last reply Reply Quote 0
          • R
            RappiRN Most Active last edited by

            @JB_Sullivan:

            Der Quellcode von deinem Blockly funktioniert leider nicht. Das gibt nur einen schwarzen Balken. Der sieht auch ganz anders aus, als wenn ich Blockly Quellcode exportiere. `

            Hab ich weiter oben schon beschrieben, wie es trotzdem geht!

            @RappiRN:

            Ich habs mal kurz ausprobiert.

            Bei Import als Javascript meckert der Editor dass es scheinbar ein Blockly ist und fragt nach Umwandlung, die wird dann auch richtig ausgeführt.

            Oder den Import als Javascript ohne die letzte lange Zeile, dann wird es gleich als reines Javascript akzeptiert!

            Enrico `

            Vielleicht gehts damit!

            Enrico

            1 Reply Last reply Reply Quote 0
            • JB_Sullivan
              JB_Sullivan last edited by Jey Cee

              Ich glaube ich habe den Fehler - es scheint an der ical Instanz zu liegen. Ich habe da nur 7 Tage eingetragen. Ich vermute das da 365 Tage drin stehen muss, oder zumindest 31 Tage - oder?

              :evil: :evil: :evil: Ich bekomme es einfach nicht gebacken :evil: :evil: :evil: Ich bin da wohl zu blöd für.

              Also das hier ist das Ergebnis was mir ical unter den html Eintrag reinschreibt.

              In 4 Tagen  Restmülltonne
              
              27.12\.  Gelber Sack
              
              27.12\.  Biotonne
              
              27.12\.  Altpapiertonne
              

              Wenn ich das richtig verstehe, wertet das Skript genau diesen Eintrag auf die definierten Namen aus und schreibt unter javascript.0 die entsprechend berechneten Werte rein.

              javascript.0 2018-12-15 09:49:09.682 info script.js.common.Muelltonnen: registered 0 subscriptions and 0 schedules
              javascript.0 2018-12-15 09:49:09.682 info script.js.common.Muelltonnen: Tage bis zum nächsten Müll: NaN
              javascript.0 2018-12-15 09:49:09.682 info script.js.common.Muelltonnen: Tage aktueller Monat: 31
              javascript.0 2018-12-15 09:49:09.682 info script.js.common.Muelltonnen: Datum heute ist: 15122018
              javascript.0 2018-12-15 09:49:09.682 info script.js.common.Muelltonnen: Sat Dec 15 2018 09:49:09 GMT+0100 (Mitteleuropäische Zeit)
              javascript.0 2018-12-15 09:49:09.682 info 27 , 12 ,
              javascript.0 2018-12-15 09:49:09.682 info script.js.common.Muelltonnen: ack
              javascript.0 2018-12-15 09:49:09.682 info script.js.common.Muelltonnen: pos2: 10
              javascript.0 2018-12-15 09:49:09.682 info script.js.common.Muelltonnen: pos1: 7
              javascript.0 2018-12-15 09:49:09.682 info 27.12.
              javascript.0 2018-12-15 09:49:09.682 info script.js.common.Muelltonnen: Datum ist: ack
              javascript.0 2018-12-15 09:49:09.682 info script.js.common.Muelltonnen: pos ist: 57
              javascript.0 2018-12-15 09:49:09.682 info script.js.common.Muelltonnen: Tage bis zum nächsten Müll: NaN
              javascript.0 2018-12-15 09:49:09.682 info script.js.common.Muelltonnen: Tage aktueller Monat: 31
              javascript.0 2018-12-15 09:49:09.682 info script.js.common.Muelltonnen: Datum heute ist: 15122018
              javascript.0 2018-12-15 09:49:09.682 info script.js.common.Muelltonnen: Sat Dec 15 2018 09:49:09 GMT+0100 (Mitteleuropäische Zeit)
              javascript.0 2018-12-15 09:49:09.682 info 27 , 12 ,
              javascript.0 2018-12-15 09:49:09.682 info script.js.common.Muelltonnen: nne
              javascript.0 2018-12-15 09:49:09.682 info script.js.common.Muelltonnen: pos2: 10
              javascript.0 2018-12-15 09:49:09.682 info script.js.common.Muelltonnen: pos1: 7
              javascript.0 2018-12-15 09:49:09.682 info 27.12.
              javascript.0 2018-12-15 09:49:09.682 info script.js.common.Muelltonnen: Datum ist: nne
              javascript.0 2018-12-15 09:49:09.682 info script.js.common.Muelltonnen: pos ist: 75
              javascript.0 2018-12-15 09:49:09.682 info script.js.common.Muelltonnen: Tage bis zum nächsten Müll: NaN
              javascript.0 2018-12-15 09:49:09.682 info script.js.common.Muelltonnen: Tage aktueller Monat: 31
              javascript.0 2018-12-15 09:49:09.682 info script.js.common.Muelltonnen: Datum heute ist: 15122018
              javascript.0 2018-12-15 09:49:09.682 info script.js.common.Muelltonnen: Sat Dec 15 2018 09:49:09 GMT+0100 (Mitteleuropäische Zeit)
              javascript.0 2018-12-15 09:49:09.682 info 27 , 12 ,
              javascript.0 2018-12-15 09:49:09.682 info script.js.common.Muelltonnen: nne
              javascript.0 2018-12-15 09:49:09.682 info script.js.common.Muelltonnen: pos2: 10
              javascript.0 2018-12-15 09:49:09.682 info script.js.common.Muelltonnen: pos1: 7
              javascript.0 2018-12-15 09:49:09.682 info 27.12.
              javascript.0 2018-12-15 09:49:09.682 info script.js.common.Muelltonnen: Datum ist: nne
              javascript.0 2018-12-15 09:49:09.682 info script.js.common.Muelltonnen: pos ist: 36
              javascript.0 2018-12-15 09:49:09.682 info script.js.common.Muelltonnen: Tage bis zum nächsten Müll: NaN
              javascript.0 2018-12-15 09:49:09.682 info script.js.common.Muelltonnen: Tage aktueller Monat: 31
              javascript.0 2018-12-15 09:49:09.682 info script.js.common.Muelltonnen: Datum heute ist: 15122018
              javascript.0 2018-12-15 09:49:09.682 info script.js.common.Muelltonnen: Sat Dec 15 2018 09:49:09 GMT+0100 (Mitteleuropäische Zeit)
              javascript.0 2018-12-15 09:49:09.682 info script.js.common.Muelltonnen: In 4 Tagen , In 4 Tagen , In 4 Tagen
              javascript.0 2018-12-15 09:49:09.682 info script.js.common.Muelltonnen: pos2: 0
              javascript.0 2018-12-15 09:49:09.682 info script.js.common.Muelltonnen: pos1: 0
              javascript.0 2018-12-15 09:49:09.682 info script.js.common.Muelltonnen: Datum ist: In 4 Tagen
              javascript.0 2018-12-15 09:49:09.682 info script.js.common.Muelltonnen: pos ist: 13
              javascript.0 2018-12-15 09:49:09.682 info 27.12\. Altpapiertonne
              javascript.0 2018-12-15 09:49:09.682 info 27.12\. Biotonne
              javascript.0 2018-12-15 09:49:09.682 info 27.12\. Gelber Sack
              javascript.0 2018-12-15 09:49:09.682 info script.js.common.Muelltonnen: In 4 Tagen Restmülltonne
              javascript.0 2018-12-15 09:49:09.682 info Start javascript script.js.common.Muelltonnen
              

              Egal, welches der beiden Skripte (Annuit20 oder tempestas) ich verwende, es kommt nichts vernünftiges dabei raus. Das Skript von Annuit20 legt zwar unter javascript.0 die Datenpunkte an, aber es schreibt nichts rein.

              Das Skript von tempestas baut eine riesige jason Datei, wo ich aber nicht weiß wie ich das im VIS darstellen soll.

              Es ist unglaublich wie schwer ich mich damit tue - ich raff es einfach nicht

              [{"Ereignis":" <svg class="icon dustbin black" data-txt="dustbin@black" xmlns:dc="<URL url=&quot;http://purl.org/dc/elements/1.1/&quot;>http://purl.org/dc/elements/1.1/</URL>" xmlns:cc="<URL url=&quot;http://creativecommons.org/ns&quot;>http://creativecommons.org/ns</URL>#" xmlns:rdf="<URL url=&quot;http://www.w3.org/1999/02/22-rdf-syntax-ns&quot;>http://www.w3.org/1999/02/22-rdf-syntax-ns</URL>#" xmlns:svg="<URL url=&quot;http://www.w3.org/2000/svg&quot;>http://www.w3.org/2000/svg</URL>" xmlns="<URL url=&quot;http://www.w3.org/2000/svg&quot;>http://www.w3.org/2000/svg</URL>" version="1.0" width="35" height="35" viewBox="0 0 468 468" id="svg2996"><metadata id="metadata2998">Created by potrace 1.8, written by Peter Selinger 2001-2007 <rdf:rdf><cc:work rdf:about=""><dc:format>image/svg+xml</dc:format> <dc:type rdf:resource="<URL url=&quot;http://purl.org/dc/dcmitype/StillImage%27%3E%3C/dc:type&quot;>http://purl.org/dc/dcmitype/StillImage">></dc:type></cc:work></rdf:rdf></metadata></svg> ", "Müllart":" Restmuelltonne","Tage":"Heute"},{"Ereignis":" <svg class="icon dustbin darkblue" data-txt="dustbin@darkblue" xmlns:dc="<URL url=&quot;http://purl.org/dc/elements/1.1/&quot;>http://purl.org/dc/elements/1.1/</URL>" xmlns:cc="<URL url=&quot;http://creativecommons.org/ns&quot;>http://creativecommons.org/ns</URL>#" xmlns:rdf="<URL url=&quot;http://www.w3.org/1999/02/22-rdf-syntax-ns&quot;>http://www.w3.org/1999/02/22-rdf-syntax-ns</URL>#" xmlns:svg="<URL url=&quot;http://www.w3.org/2000/svg&quot;>http://www.w3.org/2000/svg</URL>" xmlns="<URL url=&quot;http://www.w3.org/2000/svg&quot;>http://www.w3.org/2000/svg</URL>" version="1.0" width="35" height="35" viewBox="0 0 468 468" id="svg2996"><metadata id="metadata2998">Created by potrace 1.8, written by Peter Selinger 2001-2007 <rdf:rdf><cc:work rdf:about=""><dc:format>image/svg+xml</dc:format> <dc:type rdf:resource="<URL url=&quot;http://purl.org/dc/dcmitype/StillImage%27%3E%3C/dc:type&quot;>http://purl.org/dc/dcmitype/StillImage">></dc:type></cc:work></rdf:rdf></metadata></svg> ", "Müllart":" Altpapiertonne","Tage":"Heute"},{"Ereignis":" <svg class="icon dustbin green" data-txt="dustbin@green" xmlns:dc="<URL url=&quot;http://purl.org/dc/elements/1.1/&quot;>http://purl.org/dc/elements/1.1/</URL>" xmlns:cc="<URL url=&quot;http://creativecommons.org/ns&quot;>http://creativecommons.org/ns</URL>#" xmlns:rdf="<URL url=&quot;http://www.w3.org/1999/02/22-rdf-syntax-ns&quot;>http://www.w3.org/1999/02/22-rdf-syntax-ns</URL>#" xmlns:svg="<URL url=&quot;http://www.w3.org/2000/svg&quot;>http://www.w3.org/2000/svg</URL>" xmlns="<URL url=&quot;http://www.w3.org/2000/svg&quot;>http://www.w3.org/2000/svg</URL>" version="1.0" width="35" height="35" viewBox="0 0 468 468" id="svg2996"><metadata id="metadata2998">Created by potrace 1.8, written by Peter Selinger 2001-2007 <rdf:rdf><cc:work rdf:about=""><dc:format>image/svg+xml</dc:format> <dc:type rdf:resource="<URL url=&quot;http://purl.org/dc/dcmitype/StillImage%27%3E%3C/dc:type&quot;>http://purl.org/dc/dcmitype/StillImage">></dc:type></cc:work></rdf:rdf></metadata></svg> ", "Müllart":" Biotonne","Tage":"Heute"},{"Ereignis":" <svg class="icon dustbin yellow" data-txt="dustbin@yellow" xmlns:dc="<URL url=&quot;http://purl.org/dc/elements/1.1/&quot;>http://purl.org/dc/elements/1.1/</URL>" xmlns:cc="<URL url=&quot;http://creativecommons.org/ns&quot;>http://creativecommons.org/ns</URL>#" xmlns:rdf="<URL url=&quot;http://www.w3.org/1999/02/22-rdf-syntax-ns&quot;>http://www.w3.org/1999/02/22-rdf-syntax-ns</URL>#" xmlns:svg="<URL url=&quot;http://www.w3.org/2000/svg&quot;>http://www.w3.org/2000/svg</URL>" xmlns="<URL url=&quot;http://www.w3.org/2000/svg&quot;>http://www.w3.org/2000/svg</URL>" version="1.0" width="35" height="35" viewBox="0 0 468 468" id="svg2996"><metadata id="metadata2998">Created by potrace 1.8, written by Peter Selinger 2001-2007 <rdf:rdf><cc:work rdf:about=""><dc:format>image/svg+xml</dc:format> <dc:type rdf:resource="<URL url=&quot;http://purl.org/dc/dcmitype/StillImage%27%3E%3C/dc:type&quot;>http://purl.org/dc/dcmitype/StillImage">></dc:type></cc:work></rdf:rdf></metadata></svg> ", "Müllart":" Gelber Sack","Tage":"Heute"}]
              
              1 Reply Last reply Reply Quote 0
              • StM47
                StM47 last edited by

                @Annuit20:

                Ich habe meine Visu auch komplett neu aufgebaut, ist aber noch nicht fertig bzw. es ist noch nicht alles eingebunden.

                Danke an alle fürs teilen.

                Screenshot_2018-12-03-20-48-47.png

                Screenshot_2018-12-03-20-43-09.png

                Screenshot_2018-12-03-20-38-26.png

                Screenshot_2018-12-03-21-01-50.png

                Screenshot_2018-12-03-20-42-38.png

                Screenshot_2018-12-03-20-42-44.png

                Screenshot_2018-12-03-20-42-51.png `

                Hi Annuit20,

                wie hast du den blauen Hintergrund bei deinen icons gemacht.

                Ich habe ein etwas größeres Widget dahinter gelegt und mit blau eingefärbt.

                Sieht aber lange nicht so geil aus, wie deine icons.

                9039_bildschirmfoto_2018-12-15_um_18.56.06.png

                1 Reply Last reply Reply Quote 0
                • A
                  Annuit20 last edited by

                  Hi,

                  einfach mal mein Projekt importieren, da kann man sich ja eigentlich alles raus kopieren 😉

                  Hier der Menürahmen:

                  [{"tpl":"tplFrame","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":false,"g_css_background":true,"g_css_shadow_padding":true,"g_css_border":true,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","title":"","title_color":"black","title_top":"-10","title_left":"15","header_height":"0","header_color":"black","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0},"style":{"left":"15px","top":"685px","width":"105px","height":"105px","border-color":"#0e6ed8","border-radius":"12px","border-width":"2px","background":"","z-index":"10","box-shadow":"1px 1px 1px rgba(14,110,216)"},"widgetSet":"basic"}]
                  
                  1 Reply Last reply Reply Quote 0
                  • J
                    JoJ123 last edited by Jey Cee

                    Ich habe das Müll Script angepasst.

                    Wer nur die Tage bis zum Abholen der 4 Müllsorten benötigt, ist damit sicher einfacher bedient.

                    Ihr müsst nur diese beiden Konstanten anpassen:

                    • MUELL_KALENDER –> iCal Instanz mit dem jeweiligen Müll Kalender
                    • MUELL_EINTRAEGE –> Müll Namen aus dem Kalender mit gewünschtem Object Name. (Werden unter der laufenden JavaScript Instanz angelegt)
                    // Abruf der verbleibenden Tage bis zum nächsten Abholtermin
                    // 16.12.2018 JoJ123
                    // v.0.0.1
                     const MUELL_KALENDER = "ical.2.data.html"
                    const MUELL_EINTRAEGE = {
                        "Restmüll": 'vis.muell.restmuell',
                        "Papiertonne": 'vis.muell.papier',
                        "Bioabfall": 'vis.muell.bioabfall',
                        "Gelber Sack": 'vis.muell.gelbersack'
                    };
                     debug = false;
                    Object.keys(MUELL_EINTRAEGE).forEach(key => {
                        createState(MUELL_EINTRAEGE[key], -1);
                    })
                     function muell() {
                        const contentString = readHTML();
                        if (debug) log(contentString);
                         const dateRegExp = /[0-9]{2}.[0-9]{2}.[0-9]{4}/g;
                        const rangeRegExp = /In [0-9] Tagen/g;
                        const todayRegExp = /Heute/g;
                        const tomorrowRegExp = /Morgen/g;
                        const dayAfterTomorrowRegExp = /Übermorgen/g;
                         Object.keys(MUELL_EINTRAEGE).forEach(eintrag => {
                            if (debug) log("eintrag: " + eintrag);
                            // Position bestimmen
                            const pos = contentString.indexOf(eintrag, 1);
                            if (debug) log("pos: " + pos);
                             // Check Datum
                            const date = contentString.substring((pos - 13), pos - 3);
                            const range = contentString.substring((pos - 13), pos - 3);
                            const today = contentString.substring((pos - 8), pos - 3);
                            const tomorrow = contentString.substring((pos - 9), pos - 3);
                            const dayAfterTomorrow = contentString.substring((pos - 13), pos - 3);
                            if (dateRegExp.test(date)) {
                                if (debug) log("datum ist: ---" + date + "---");
                                var newDateRegExp = /(\d{2}).(\d{2}).(\d{4})/;
                                var dayArray = newDateRegExp.exec(date);
                                const dateObj = new Date(
                                    (dayArray[3]),
                                    (dayArray[2]) - 1,
                                    (dayArray[1])
                                );
                                setState(MUELL_EINTRAEGE[eintrag], Math.ceil(((dateObj - new Date()) / (1000 * 60 * 60 * 24))));
                            } else if (rangeRegExp.test(range)) {
                                if (debug) log("range ist: ---" + range + "---");
                                setState(MUELL_EINTRAEGE[eintrag], Number(range.substring(3, 4)));
                            } else if (todayRegExp.test(today)) {
                                if (debug) log("today ist: ---" + today + "---");
                                setState(MUELL_EINTRAEGE[eintrag], 0);
                            } else if (tomorrowRegExp.test(tomorrow)) {
                                if (debug) log("tomorrow ist: ---" + tomorrow + "---");
                                setState(MUELL_EINTRAEGE[eintrag], 1);
                            } else if (dayAfterTomorrowRegExp.test(dayAfterTomorrow)) {
                                if (debug) log("dayAfterTomorrow ist: ---" + dayAfterTomorrow + "---");
                                setState(MUELL_EINTRAEGE[eintrag], 2);
                            }
                        });
                    }
                     function readHTML() {
                        var contentString = getState(MUELL_KALENDER).val.toString();
                        // remove all inside SCRIPT and STYLE tags
                        contentString = contentString.replace(/<script.*>[\w\W]{1,}(.*?)[\w\W]{1,}<\/script>/gi, "");
                        contentString = contentString.replace(/<style.*>[\w\W]{1,}(.*?)[\w\W]{1,}<\/style>/gi, "");
                        // remove BR tags
                        contentString = contentString.replace(/
                    /gi, "");
                        contentString = contentString.replace(/<br\s\>/gi, "");
                        contentString = contentString.replace(/<br\>/gi, "");
                        // remove all else
                        contentString = contentString.replace(/<(?:.|\s)*?>/g, "");
                        // get rid of html-encoded characters:
                        contentString = contentString.replace(/ /gi, " ");
                        contentString = contentString.replace(/&/gi, "&");
                        contentString = contentString.replace(/"/gi, '"');
                        contentString = contentString.replace(/</gi, '<');
                        contentString = contentString.replace(/>/gi, '>');
                        return contentString
                    }
                     schedule('10 0 * * *', () => muell());
                    muell();</br\></br\s\></style.*></script.*>
                    
                    1 Reply Last reply Reply Quote 0
                    • R
                      Rinkimeku last edited by

                      @Annuit20:

                      So anbei das Projekt. Wenn jemand was kritisches findet was nicht im Netz stehen sollte wäre ich über einen Hinweis dankbar.

                      @JB_Sullivan: Das sind Zähler der noch verbleibenden Tage bis zum Abholtag. Ist von jemand aus dem Forum.2018-12-07-Forum.zip `

                      hallo

                      danke für das bereitstellen 😉 leider weiß ich als Neuling nicht wie ich das importiert bekomme ich hoffe es kann mir jemand helfen 😉

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

                        @Rinkimeku:

                        leider weiß ich als Neuling nicht wie ich das importiert bekomme ich hoffe es kann mir jemand helfen `
                        steht in der Doku:

                        http://www.iobroker.net/docu/?page_id=2 … #Widgets_2

                        Unterpunkt 18

                        Gruß

                        Rainer

                        1 Reply Last reply Reply Quote 0
                        • R
                          Rinkimeku last edited by

                          danke für die mega schnelle Antwort 😉

                          aber leider steh ich glaub ein bisschen auf dem schlauch in der zip Datei befinden sich folgende Dateien

                          • vis-views.json

                          • vis-user.css

                          und paar Icons

                          1 Reply Last reply Reply Quote 0
                          • StM47
                            StM47 last edited by

                            Bist du Mac User? dann werden die Dateien beim Download automatisch entpackt.

                            Du musst mit der rechten Maustaste das Kontexmenü aufrufen und dann auf verknüpfte Datei laden gehen, dann wird die Zip.Datei runtergeladen.

                            Die Zip.Datei dann als neues Projekt importieren.

                            1 Reply Last reply Reply Quote 0
                            • R
                              Rinkimeku last edited by

                              perfekt hat geklappt vielen danke für die schnelle Hilfe

                              1 Reply Last reply Reply Quote 0
                              • T
                                tempestas last edited by

                                @JoJ123:

                                Ich habe das Müll Script angepasst.

                                Wer nur die Tage bis zum Abholen der 4 Müllsorten benötigt, ist damit sicher einfacher bedient.

                                Ihr müsst nur diese beiden Konstanten anpassen:

                                • MUELL_KALENDER –> iCal Instanz mit dem jeweiligen Müll Kalender
                                • MUELL_EINTRAEGE –> Müll Namen aus dem Kalender mit gewünschtem Object Name. (Werden unter der laufenden JavaScript Instanz angelegt)

                                ! // Abruf der verbleibenden Tage bis zum nächsten Abholtermin // 16.12.2018 JoJ123 // v.0.0.1 ! const MUELL_KALENDER = "ical.2.data.html" const MUELL_EINTRAEGE = { "Restmüll": 'vis.muell.restmuell', "Papiertonne": 'vis.muell.papier', "Bioabfall": 'vis.muell.bioabfall', "Gelber Sack": 'vis.muell.gelbersack' }; ! debug = false; Object.keys(MUELL_EINTRAEGE).forEach(key => { createState(MUELL_EINTRAEGE[key], -1); }) ! function muell() { const contentString = readHTML(); if (debug) log(contentString); ! const dateRegExp = /[0-9]{2}.[0-9]{2}.[0-9]{4}/g; const rangeRegExp = /In [0-9] Tagen/g; const todayRegExp = /Heute/g; const tomorrowRegExp = /Morgen/g; const dayAfterTomorrowRegExp = /Übermorgen/g; ! Object.keys(MUELL_EINTRAEGE).forEach(eintrag => { if (debug) log("eintrag: " + eintrag); // Position bestimmen const pos = contentString.indexOf(eintrag, 1); if (debug) log("pos: " + pos); ! // Check Datum const date = contentString.substring((pos - 13), pos - 3); const range = contentString.substring((pos - 13), pos - 3); const today = contentString.substring((pos - 8), pos - 3); const tomorrow = contentString.substring((pos - 9), pos - 3); const dayAfterTomorrow = contentString.substring((pos - 13), pos - 3); if (dateRegExp.test(date)) { if (debug) log("datum ist: ---" + date + "---"); var newDateRegExp = /(\d{2}).(\d{2}).(\d{4})/; var dayArray = newDateRegExp.exec(date); const dateObj = new Date( (dayArray[3]), (dayArray[2]) - 1, (dayArray[1]) ); setState(MUELL_EINTRAEGE[eintrag], Math.ceil(((dateObj - new Date()) / (1000 * 60 * 60 * 24)))); } else if (rangeRegExp.test(range)) { if (debug) log("range ist: ---" + range + "---"); setState(MUELL_EINTRAEGE[eintrag], Number(range.substring(3, 4))); } else if (todayRegExp.test(today)) { if (debug) log("today ist: ---" + today + "---"); setState(MUELL_EINTRAEGE[eintrag], 0); } else if (tomorrowRegExp.test(tomorrow)) { if (debug) log("tomorrow ist: ---" + tomorrow + "---"); setState(MUELL_EINTRAEGE[eintrag], 1); } else if (dayAfterTomorrowRegExp.test(dayAfterTomorrow)) { if (debug) log("dayAfterTomorrow ist: ---" + dayAfterTomorrow + "---"); setState(MUELL_EINTRAEGE[eintrag], 2); } }); } ! function readHTML() { var contentString = getState(MUELL_KALENDER).val.toString(); // remove all inside SCRIPT and STYLE tags contentString = contentString.replace(/<script.*>[\w\W]{1,}(.*?)[\w\W]{1,}<\/script>/gi, ""); contentString = contentString.replace(/<style.*>[\w\W]{1,}(.*?)[\w\W]{1,}<\/style>/gi, ""); // remove BR tags contentString = contentString.replace(/ /gi, ""); contentString = contentString.replace(/<br\s\>/gi, ""); contentString = contentString.replace(/<br\>/gi, ""); // remove all else contentString = contentString.replace(/<(?:.|\s)*?>/g, ""); // get rid of html-encoded characters: contentString = contentString.replace(/ /gi, " "); contentString = contentString.replace(/&/gi, "&"); contentString = contentString.replace(/"/gi, '"'); contentString = contentString.replace(/</gi, '<'); contentString = contentString.replace(/>/gi, '>'); return contentString } ! schedule('10 0 * * *', () => muell()); muell();</br\></br\s\></style.*></script.*> `

                                vielen Dank. Das schaue ich mir an, um wieder was zu lernen. Sieht für mich so aus, als hättest du insbesondere den Teil des Datumsvergleichs eleganter gelöst, einiges andere scheint ja entsprechend zu sein. Schöne Sache, mit dem Thema Datumsvergleich kannte / kenne ich mich nicht aus, werds mir genauer ansehen

                                1 Reply Last reply Reply Quote 0
                                • J
                                  JoJ123 last edited by

                                  @tempestas:

                                  @JoJ123:

                                  Ich habe das Müll Script angepasst.

                                  Wer nur die Tage bis zum Abholen der 4 Müllsorten benötigt, ist damit sicher einfacher bedient.

                                  Ihr müsst nur diese beiden Konstanten anpassen:

                                  • MUELL_KALENDER –> iCal Instanz mit dem jeweiligen Müll Kalender
                                  • MUELL_EINTRAEGE –> Müll Namen aus dem Kalender mit gewünschtem Object Name. (Werden unter der laufenden JavaScript Instanz angelegt)

                                  ! // Abruf der verbleibenden Tage bis zum nächsten Abholtermin // 16.12.2018 JoJ123 // v.0.0.1 ! const MUELL_KALENDER = "ical.2.data.html" const MUELL_EINTRAEGE = { "Restmüll": 'vis.muell.restmuell', "Papiertonne": 'vis.muell.papier', "Bioabfall": 'vis.muell.bioabfall', "Gelber Sack": 'vis.muell.gelbersack' }; ! debug = false; Object.keys(MUELL_EINTRAEGE).forEach(key => { createState(MUELL_EINTRAEGE[key], -1); }) ! function muell() { const contentString = readHTML(); if (debug) log(contentString); ! const dateRegExp = /[0-9]{2}.[0-9]{2}.[0-9]{4}/g; const rangeRegExp = /In [0-9] Tagen/g; const todayRegExp = /Heute/g; const tomorrowRegExp = /Morgen/g; const dayAfterTomorrowRegExp = /Übermorgen/g; ! Object.keys(MUELL_EINTRAEGE).forEach(eintrag => { if (debug) log("eintrag: " + eintrag); // Position bestimmen const pos = contentString.indexOf(eintrag, 1); if (debug) log("pos: " + pos); ! // Check Datum const date = contentString.substring((pos - 13), pos - 3); const range = contentString.substring((pos - 13), pos - 3); const today = contentString.substring((pos - 8), pos - 3); const tomorrow = contentString.substring((pos - 9), pos - 3); const dayAfterTomorrow = contentString.substring((pos - 13), pos - 3); if (dateRegExp.test(date)) { if (debug) log("datum ist: ---" + date + "---"); var newDateRegExp = /(\d{2}).(\d{2}).(\d{4})/; var dayArray = newDateRegExp.exec(date); const dateObj = new Date( (dayArray[3]), (dayArray[2]) - 1, (dayArray[1]) ); setState(MUELL_EINTRAEGE[eintrag], Math.ceil(((dateObj - new Date()) / (1000 * 60 * 60 * 24)))); } else if (rangeRegExp.test(range)) { if (debug) log("range ist: ---" + range + "---"); setState(MUELL_EINTRAEGE[eintrag], Number(range.substring(3, 4))); } else if (todayRegExp.test(today)) { if (debug) log("today ist: ---" + today + "---"); setState(MUELL_EINTRAEGE[eintrag], 0); } else if (tomorrowRegExp.test(tomorrow)) { if (debug) log("tomorrow ist: ---" + tomorrow + "---"); setState(MUELL_EINTRAEGE[eintrag], 1); } else if (dayAfterTomorrowRegExp.test(dayAfterTomorrow)) { if (debug) log("dayAfterTomorrow ist: ---" + dayAfterTomorrow + "---"); setState(MUELL_EINTRAEGE[eintrag], 2); } }); } ! function readHTML() { var contentString = getState(MUELL_KALENDER).val.toString(); // remove all inside SCRIPT and STYLE tags contentString = contentString.replace(/<script.*>[\w\W]{1,}(.*?)[\w\W]{1,}<\/script>/gi, ""); contentString = contentString.replace(/<style.*>[\w\W]{1,}(.*?)[\w\W]{1,}<\/style>/gi, ""); // remove BR tags contentString = contentString.replace(/ /gi, ""); contentString = contentString.replace(/<br\s\>/gi, ""); contentString = contentString.replace(/<br\>/gi, ""); // remove all else contentString = contentString.replace(/<(?:.|\s)*?>/g, ""); // get rid of html-encoded characters: contentString = contentString.replace(/ /gi, " "); contentString = contentString.replace(/&/gi, "&"); contentString = contentString.replace(/"/gi, '"'); contentString = contentString.replace(/</gi, '<'); contentString = contentString.replace(/>/gi, '>'); return contentString } ! schedule('10 0 * * *', () => muell()); muell();</br\></br\s\></style.*></script.*> `

                                  vielen Dank. Das schaue ich mir an, um wieder was zu lernen. Sieht für mich so aus, als hättest du insbesondere den Teil des Datumsvergleichs eleganter gelöst, einiges andere scheint ja entsprechend zu sein. Schöne Sache, mit dem Thema Datumsvergleich kannte / kenne ich mich nicht aus, werds mir genauer ansehen `

                                  Ja den Datumsvergleich habe ich etwas vereinfacht

                                  Außerdem hatte das alte Script einen Fehler, es wurde nicht auf "In X Tage" geprüft.

                                  Außerdem erzeugt das Script nun States mit den verbleibenden Tagen und nicht nur ein JSON Object

                                  1 Reply Last reply Reply Quote 0
                                  • T
                                    tempestas last edited by

                                    > Außerdem hatte das alte Script einen Fehler, es wurde nicht auf "In X Tage" geprüft.

                                    Du meinst die Date to Text Sache? Ja die wurde in der Tat nicht berücksichtigt, stand originär auch immer dabei, dass es nicht mit "Ersetze mit Worten" geht. Ein Fehler war das nicht, aber wohl eine Einschränkung.

                                    Ist j auch egal, fest steht, deine Version ist deutlich eleganter als meine… aber ich bin ja auch nur interessierter Laie 😄

                                    1 Reply Last reply Reply Quote 0
                                    • T
                                      tempestas last edited by

                                      Hi,

                                      ich habe dein Skript mal ausprobiert.

                                      Kann es sein, dass es Probleme gibt, wenn das Jahr größer ist, als das aktuelle?

                                      3 von 4 Müllsorten funktionieren, bei der Papiertonne, die als einzige erst wieder im neuen Jahr abgeholt wird, liest er das Datum nicht aus und gibt dann als Wert -1 aus.

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

                                        Ist bei mir leider auch so….........bzw.Papier wird nicht eingelesen.

                                        2858_screenshot__1405__li.jpg

                                        1 Reply Last reply Reply Quote 0
                                        • G
                                          gimix last edited by

                                          @Annuit20:

                                          So anbei das Projekt. Wenn jemand was kritisches findet was nicht im Netz stehen sollte wäre ich über einen Hinweis dankbar.

                                          @JB_Sullivan: Das sind Zähler der noch verbleibenden Tage bis zum Abholtag. Ist von jemand aus dem Forum.2018-12-07-Forum.zip `

                                          Hi wenn ich das importiere kommt nur die Demoview. Was mach ich falsch? Beim ersten laden kam auch ne Fehlermeldung dass er irgendwas nicht öffnen konnte bzw, nicht existiert.

                                          Bin nur in VIS EDIT rein und dann auf Projekete, importieren dann die ZIP Datei ausgewählt.

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

                                            Hast du unten das Projekt auch benannt?

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            839
                                            Online

                                            31.6k
                                            Users

                                            79.4k
                                            Topics

                                            1.3m
                                            Posts

                                            185
                                            916
                                            352888
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo