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

sigi234

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

JB_Sullivan

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

Annuit20

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

RappiRN

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

JB_Sullivan

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"}]

StM47

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

Annuit20

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"}]

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

Rinkimeku

~~@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 ;)

Homoran

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

Rinkimeku

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

StM47

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.

Rinkimeku

perfekt hat geklappt vielen danke für die schnelle Hilfe

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

JoJ123

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

tempestas

> 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 :D

tempestas

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.

sigi234

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

gimix

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

sigi234

Hast du unten das Projekt auch benannt?

Community Forum

NEWS

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

Support us

625

32.5k

81.6k

1.3m