Müllkalender Reihenfolge ändern + Farbe

Torsten_MG

Hallo, ich habe für meinen Müllkalender folgendes Skript übernommen und für mich angepasst:

// TESTSKRIPT FÜR NOXX

// Annahme ist, dass jede Müllart mindestens einmal im Monat abgeholt wird. Nicht getestet und eventuell problematisch ist es, wenn Müll seltener abgeholt wird.
// Ursprung: tempestas
// Erweiterung: PicNic

//debug in Log ausgeben
debug = true;

// "Heute" und "Morgen" statt wochentag ausgeben
todaytomorrow = true;

// Anlegen JS State für VIS 

createState('javascript.0.muell.json', 0);

// Array für Suchvariablen und Farbe des Müll-Icons

var obj = { "Restmüll": "black", "Altpapier": "lightblue", "Verpackungen": "yellow", "Bioabfall": "brown"};

function muell(){  

// Kalender auslesen (HTML Format)

    // **************************************************************************************            
    // Termine auswerten aus html. Bereinigung der HTML Tags und Konvertierung in Plain Text
    // **************************************************************************************

        var inhalt = getState("ical.2.data.html"/*HTML iCal table*/);           // an deinen eigenen Kalender anpassen
        var inhaltString = inhalt.val.toString();
        var inhaltStringReplace = inhaltString;
        var inhaltStringText;
        var i_search;

        // remove all inside SCRIPT and STYLE tags
        inhaltStringReplace=inhaltStringReplace.replace(/<script.*>[\w\W]{1,}(.*?)[\w\W]{1,}<\/script>/gi, "");
        inhaltStringReplace=inhaltStringReplace.replace(/<style.*>[\w\W]{1,}(.*?)[\w\W]{1,}<\/style>/gi, "");

        // remove BR tags
        inhaltStringReplace=inhaltStringReplace.replace(/
/gi, "");
        inhaltStringReplace=inhaltStringReplace.replace(/<br\s\>/gi, "");
        inhaltStringReplace=inhaltStringReplace.replace(/<br\>/gi, "");

        // remove all else
        inhaltStringReplace=inhaltStringReplace.replace(/<(?:.|\s)*?>/g, "");

        // get rid of html-encoded characters:
        inhaltStringReplace=inhaltStringReplace.replace(/ /gi," ");
        inhaltStringReplace=inhaltStringReplace.replace(/&/gi,"&");
        inhaltStringReplace=inhaltStringReplace.replace(/"/gi,'"');
        inhaltStringReplace=inhaltStringReplace.replace(//gi,'>');

        //inhaltStringReplace=inhaltStringReplace.replace(/→/gi,'');

        if(debug) log(inhaltStringReplace);

// n-ten Treffer finden 

        function nthIndex(str, pat, n){
        var L= str.length, i= -1;
        while(n-- && i++ <l){ i="str.indexOf(pat," i);/if/(i/</0)/break;/}/i_search="i;" funktion/zum/tage/im/monat/zählen/function/daysinmonth(month,/year)/{/return/new/date(year,/month,/0).getdate();/wochentage/auf/deutsch/var/wochentag="['Sonntag','Montag','Dienstag','Mittwoch','Donnerstag','Freitag','Samstag'" ];/json/starten/muelljason="[" ;/schleife/zur/abarbeitung/des/arrays/object.keys(obj).foreach/(function/(val,/key)/","/trennung/der/daten/json./sollte/nur/eine/müllart/angegeben/sein,/dann/die/nächsten/drei/zewilen/auskommentieren/today="new" date();/(key="">0) {
	muellJason += ",";  
}

var result = inhaltStringReplace.search (/→/gi);
if(debug) log("Suchergebnis ist: "+result);

var inhaltStringReplaceNeu
if (result >= 0) {
	inhaltStringReplaceNeu=inhaltStringReplace.replace(/→/gi,''); 
	var muelltoday = 1;
}
else inhaltStringReplaceNeu=inhaltStringReplace;

if(debug) log("Müll heute?: "+muelltoday);

// Zuweisung der Farbe für das MüllIcon

var iconColor = obj[val];

var muellIcon = " <svg class="icon dustbin &quot;+iconColor+&quot;" data-txt="dustbin@&quot;+iconColor+&quot;" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" version="1.0" width="25" height="25" 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>             </cc:work> </rdf:rdf> </metadata></svg> ";

// Position bestimmen

var pos = inhaltStringReplaceNeu.indexOf( val, 1);                    
if(debug) log("pos ist: "+pos);

var inhaltStringText = inhaltStringReplaceNeu.substring((pos-13),pos-1); 
if(debug) log("Datum ist: "+inhaltStringText);

nthIndex(inhaltStringText, ".", 1);
var t_m = inhaltStringText.slice(0, i_search);
var pos1 = i_search+1;
if(debug) log("pos1: " +pos1 );

if ((muelltoday == 1) && (pos < 25)) {
    t_m = t_m-1;
}

nthIndex(inhaltStringText, ".", 2);
var m_m = inhaltStringText.slice(pos1, i_search);
var pos2 = i_search+1;
if(debug) log("pos2: " +pos2 );

var j_m = inhaltStringText.slice(pos2, inhaltStringText.len );

// Datum des Abholtages setzen um den Wochentag zu ermitteln
var muelldate = new Date(j_m,m_m-1,t_m)

// Hier kommt der Wochentag :-)

var d = muelldate.getDay();
var muelldaydate = t_m +"." +m_m +"." +j_m;

if(debug) log("Mülldate ist: "+wochentag[d]+", "+muelldate );
if(debug) log("Mülltag ist: "+t_m +" , " +m_m +" , " +j_m);

// Datum heute ermitteln

if(debug) log(today);

    //Tag ermitteln
        var t = today.getDate();

    // Wochentag ermitteln zum testen
        var dd = today.getDay();

    //Monat ermitteln

        var m = today.getMonth()+1;

    //Jahr ermitteln
        var j = today.getFullYear();

        if(debug) log("Datum heute ist: "+wochentag[dd]+", "+t+m+j);

var muelltagout = wochentag[d];

if (todaytomorrow) {
    if (t==t_m) {
        muelltagout = "Heute";
    }
    if (t==t_m-1) {
        muelltagout = "Morgen";
    }
}

// Berechnung Tagesdifferenzen

var diff = 0;
var dim = DaysInMonth(m, j);  // Tage des aktuellen Monats
if(debug) log("Tage aktueller Monat: "+dim);

    if(j_m > j || m_m > m) {            // Prüfung: Jahr_Müll größer als aktuelles Jahr? Relevant bei Jahreswechsel ODEr Monat Müll größer aktueller Monat?

            diff = parseInt(dim) - parseInt(t) + parseInt(t_m);

        }
        else diff = parseInt(t_m) - parseInt(t);

          if(debug) log("Tage bis zum nächsten Müll: "+diff);

muellJason += "{\"Tag\":\""+muelltagout+"\",\"Datum\":\""+muelldaydate+"\",\"Ereignis\":\""+muellIcon+" "+val+"\",\"Tage\":\""+diff+"\"}";          

 });

// json schließen

muellJason += "]";

// und hier nun die Werte eintragen

setState('javascript.0.muell.json', muellJason); 

log("Müllkalender aktualisiert!");

}

schedule("5 0 * * *", function(){ muell()});

// bei Start

muell();</l){></br\></br\s\></style.*></script.*>

Es wird mir auch korrekt mit dem json Table im vis angezeigt:

Wie bekomme ich es aber hin, dass mir der nächste Termin als 1. angezeigt wird und wenn möglich in einer anderen Farbe

frawa

Hallo Thorsten,

könntest du mir bitte einmal sagen wie / wo ich das Skript einfüge?

Wäre sehr nett!

Danke

Gruß

Frank

Torsten_MG

Einfach unter Skripte ein neues JavaSkript anlegen. Damit wird dann unter Objekte Javaskript.0 ein neuer Ordner angelegt und diese Json Datei dann im vis mit json table darstellen lassen

sigi234

paul53

~~@Torsten_MG:~~

Wie bekomme ich es aber hin, dass mir der nächste Termin als 1. angezeigt wird `
Wenn Du ein Array aus 4 Objekten verwendest, das erst beim Schreiben des Datenpunktes in JSON gewandelt wird, ist es einfach.

var arrMuell = [
   {Tag: 'Freitag', Datum: '09.11.2018', Ereignis: 'Restmüll', Tage: 5},
   {Tag: 'Montag', Datum: '12.11.2018', Ereignis: 'Altpapier', Tage: 8},
   {Tag: 'Morgen', Datum: '05.11.2018', Ereignis: 'Verpackungen', Tage: 1},
   {Tag: 'Mittwoch', Datum: '07.11.2018', Ereignis: 'Bioabfall', Tage: 3}
];

function sortTage(a, b) {
    return(a.Tage - b.Tage);
}

arrMuell = arrMuell.sort(sortTage);

setState("javascript.0.muell.json", JSON.stringify(arrMuell));

An die Objekte des Arrays lassen sich auch die Werte (Tag, Datum, Tage) leichter eintragen als einen String zu konstruieren. Beispiel: Datum Verpackungen.

arrMuell[2].Datum = '05.11.2018'; // ermittelter Wert

sigi234

Habe es auch mal getestet bei mir kommt nix Richtiges heraus…..............

00:34:16.632	[info]	javascript.0 Stop script script.js.Test.TESTSKRIPT_NOXX
00:34:16.650	[info]	javascript.0 Start javascript script.js.Test.TESTSKRIPT_NOXX
00:34:16.650	[info]	javascript.0 script.js.Test.TESTSKRIPT_NOXX: In einer Woche Abfuhrtermin Wertstofftonne / gelber Sack 19.11.2018 Abfuhrtermin Restmüll 19.11.2018 Abfuhrtermin Biotonne 03.12.2018 Abfuhrtermin Restmüll 03.12.2018 Abfuhrtermin Biotonne 17.12.2018 Abfuhrtermin Restmüll 17.12.2018 Abfuhrtermin Biotonne 24.12.2018 Abfuhrtermin Wertstofftonne / gelber Sack 31.12.2018 Abfuhrtermin Restmüll 31.12.2018 Abfuhrtermin Biotonne
00:34:16.650	[info]	javascript.0 script.js.Test.TESTSKRIPT_NOXX: Suchergebnis ist: -1
00:34:16.650	[info]	javascript.0 script.js.Test.TESTSKRIPT_NOXX: Müll heute?: undefined
00:34:16.650	[info]	javascript.0 script.js.Test.TESTSKRIPT_NOXX: pos ist: 74
00:34:16.650	[info]	javascript.0 script.js.Test.TESTSKRIPT_NOXX: Datum ist: 9.11.2018
00:34:16.650	[info]	javascript.0 script.js.Test.TESTSKRIPT_NOXX: pos1: 2
00:34:16.650	[info]	javascript.0 script.js.Test.TESTSKRIPT_NOXX: pos2: 5
00:34:16.650	[info]	javascript.0 script.js.Test.TESTSKRIPT_NOXX: Mülldate ist: Freitag, Fri Nov 09 2018 00:00:00 GMT+0100 (Mitteleuropäische Zeit)
00:34:16.650	[info]	javascript.0 script.js.Test.TESTSKRIPT_NOXX: Mülltag ist: 9 , 11 , 2018
00:34:16.650	[info]	javascript.0 script.js.Test.TESTSKRIPT_NOXX: Tue Nov 06 2018 00:34:16 GMT+0100 (Mitteleuropäische Zeit)
00:34:16.650	[info]	javascript.0 script.js.Test.TESTSKRIPT_NOXX: Datum heute ist: Dienstag, 6112018
00:34:16.650	[info]	javascript.0 script.js.Test.TESTSKRIPT_NOXX: Tage aktueller Monat: 30
00:34:16.650	[info]	javascript.0 script.js.Test.TESTSKRIPT_NOXX: Tage bis zum nächsten Müll: 3
00:34:16.650	[info]	javascript.0 script.js.Test.TESTSKRIPT_NOXX: Suchergebnis ist: -1
00:34:16.650	[info]	javascript.0 script.js.Test.TESTSKRIPT_NOXX: Müll heute?: undefined
00:34:16.650	[info]	javascript.0 script.js.Test.TESTSKRIPT_NOXX: pos ist: -1
00:34:16.650	[info]	javascript.0 script.js.Test.TESTSKRIPT_NOXX: Datum ist:
00:34:16.650	[info]	javascript.0 script.js.Test.TESTSKRIPT_NOXX: pos1: 0
00:34:16.650	[info]	javascript.0 script.js.Test.TESTSKRIPT_NOXX: pos2: 0
00:34:16.650	[info]	javascript.0 script.js.Test.TESTSKRIPT_NOXX: Mülldate ist: Donnerstag, Thu Nov 30 1899 00:00:00 GMT+0100 (Mitteleuropäische Zeit)
00:34:16.650	[info]	javascript.0 script.js.Test.TESTSKRIPT_NOXX: Mülltag ist: , ,
00:34:16.650	[info]	javascript.0 script.js.Test.TESTSKRIPT_NOXX: Tue Nov 06 2018 00:34:16 GMT+0100 (Mitteleuropäische Zeit)
00:34:16.650	[info]	javascript.0 script.js.Test.TESTSKRIPT_NOXX: Datum heute ist: Dienstag, 6112018
00:34:16.650	[info]	javascript.0 script.js.Test.TESTSKRIPT_NOXX: Tage aktueller Monat: 30
00:34:16.650	[info]	javascript.0 script.js.Test.TESTSKRIPT_NOXX: Tage bis zum nächsten Müll: NaN
00:34:16.650	[info]	javascript.0 script.js.Test.TESTSKRIPT_NOXX: Suchergebnis ist: -1
00:34:16.650	[info]	javascript.0 script.js.Test.TESTSKRIPT_NOXX: Müll heute?: undefined
00:34:16.650	[info]	javascript.0 script.js.Test.TESTSKRIPT_NOXX: pos ist: 18
00:34:16.650	[info]	javascript.0 script.js.Test.TESTSKRIPT_NOXX: Datum ist: ner Woche
00:34:16.650	[info]	javascript.0 script.js.Test.TESTSKRIPT_NOXX: pos1: 0
00:34:16.650	[info]	javascript.0 script.js.Test.TESTSKRIPT_NOXX: pos2: 0
00:34:16.650	[info]	javascript.0 script.js.Test.TESTSKRIPT_NOXX: Mülldate ist: undefined, Invalid Date
00:34:16.650	[info]	javascript.0 script.js.Test.TESTSKRIPT_NOXX: Mülltag ist: ner Woche , ner Woche , ner Woche
00:34:16.650	[info]	javascript.0 script.js.Test.TESTSKRIPT_NOXX: Tue Nov 06 2018 00:34:16 GMT+0100 (Mitteleuropäische Zeit)
00:34:16.650	[info]	javascript.0 script.js.Test.TESTSKRIPT_NOXX: Datum heute ist: Dienstag, 6112018
00:34:16.650	[info]	javascript.0 script.js.Test.TESTSKRIPT_NOXX: Tage aktueller Monat: 30
00:34:16.650	[info]	javascript.0 script.js.Test.TESTSKRIPT_NOXX: Tage bis zum nächsten Müll: NaN
00:34:16.650	[info]	javascript.0 script.js.Test.TESTSKRIPT_NOXX: Suchergebnis ist: -1
00:34:16.650	[info]	javascript.0 script.js.Test.TESTSKRIPT_NOXX: Müll heute?: undefined
00:34:16.650	[info]	javascript.0 script.js.Test.TESTSKRIPT_NOXX: pos ist: 110
00:34:16.650	[info]	javascript.0 script.js.Test.TESTSKRIPT_NOXX: Datum ist: 9.11.2018
00:34:16.650	[info]	javascript.0 script.js.Test.TESTSKRIPT_NOXX: pos1: 2
00:34:16.650	[info]	javascript.0 script.js.Test.TESTSKRIPT_NOXX: pos2: 5
00:34:16.650	[info]	javascript.0 script.js.Test.TESTSKRIPT_NOXX: Mülldate ist: Freitag, Fri Nov 09 2018 00:00:00 GMT+0100 (Mitteleuropäische Zeit)
00:34:16.650	[info]	javascript.0 script.js.Test.TESTSKRIPT_NOXX: Mülltag ist: 9 , 11 , 2018
00:34:16.650	[info]	javascript.0 script.js.Test.TESTSKRIPT_NOXX: Tue Nov 06 2018 00:34:16 GMT+0100 (Mitteleuropäische Zeit)
00:34:16.650	[info]	javascript.0 script.js.Test.TESTSKRIPT_NOXX: Datum heute ist: Dienstag, 6112018
00:34:16.650	[info]	javascript.0 script.js.Test.TESTSKRIPT_NOXX: Tage aktueller Monat: 30
00:34:16.650	[info]	javascript.0 script.js.Test.TESTSKRIPT_NOXX: Tage bis zum nächsten Müll: 3
00:34:16.650	[info]	javascript.0 script.js.Test.TESTSKRIPT_NOXX: Müllkalender aktualisiert!
00:34:16.650	[info]	javascript.0 script.js.Test.TESTSKRIPT_NOXX: registered 0 subscriptions and 1 schedule

Torsten_MG

~~@sigi234:~~

Habe es auch mal getestet bei mir kommt nix Richtiges heraus….............. `

In deiner Instanz vom Kalender (ical.?) mußt du unter Adapterkonfiguration den Haken bei Ersetze Datum mit Worten raus nehmen!

frawa

~~@Torsten_MG:~~

Einfach unter Skripte ein neues JavaSkript anlegen. Damit wird dann unter Objekte Javaskript.0 ein neuer Ordner angelegt und diese Json Datei dann im vis mit json table darstellen lassen `

Hallo Thorsten,

ok, die Termin bekomme ich angezeit aber die Tabelle sieht nicht Formatiert aus.

Ist in der Grunddarstellung, ich habe den Skript einmal Global erstellt und einmal Common.

Was mache ich Falsch :cry:

Torsten_MG

Bin auf der Arbeit, in den Einstellungen von der Tabelle vom vis kannst du ich glaube bei Header die weite der Spalten angeben. Da px hinter der Zahl nicht vergessen(z.B. 50px)! Bin mir jetzt aber nicht 100% sicher wo genau das war!

Gesendet von Unterwegs mit Tapatalk

frawa

Hallo Thorsten,

vielen Dank für die schnelle Antwort, habe es aber immer noch nicht hinbekommen ;-(

Ich habe den Skript so angepasst (getState("ical.1.data.html"/HTML iCal table/); ) muss ich da noch mehr machen?

Nehme ich JS iCal table als Tabel ID, werden die Daten angezeigt, aber nur die Daten ohne Formatierung.

Nehme ich den javascript.0.muell.json, wird mir nicht angezeigt…..

das ist zum verzweifeln.....

Hätte du ein kleine TODO für mich?

Gruß

FRank

Torsten_MG

Ich habe es wie folgt gemacht:

1. Kalender anlegen und Ersetze Datum in Worten deaktivieren

2.Skript anlegen und anpassen, wie die Termine in deinem Kalender heissen.
Das Skript starten. Bei Objekte => javasript.0 nachschauen, ob der Ordner muell angelegt worden ist.

3. Im Vis das Widget auswählen und anpassen

Hier die Werte bei Width nach deinem geschmack einstellen

Jetzt sollte eigentlich alles passen

frawa

Hallo Thorsten,

erstmal vielen Dank für die gute Anleitung, echt Toll.

Nun habe ich alles so gemacht wie beschrieben, bei mir kommt kein Ergebis dabei raus.

Hmmmm ich weiß auch nicht…..

vielleicht werde ich den Rasüberry und den Broker noch mal neu installieren.... :?:

Echt Super das du dir mit Anfängern soviel mühe gibst, DANKE

Gruß

FRank

Torsten_MG

~~@frawa:~~

Hallo Thorsten,

…

Echt Super das du dir mit Anfängern soviel mühe gibst, DANKE

Gruß

FRank `

Bin selber noch Anfänger ;)

frawa

Hallo Thorsten,

ich habe nun schon mal die Termine, zwar noch ein paar Fehler die ich beheben muss, aber schon mal ein kleiner Erfolg ;-)
8781_brokerm_ll3.jpg

Torsten_MG

Hast du bei Instanzen in deinem ical unter Adapterkonfiguration hier den Haken weg gemacht?

Meine Einstellungen sehen so aus:

frawa

Hallo Thorsten,

ja das sieht bei mir genauso aus, er scheint das Format nicht zu erkennen.

Warum ist die Frage…..? :?: :?:

frawa

Hallo Thorsten,

ich habe ess geschaft, hatte bei mir im Google Kalender die KW´s mit eingeblendet, nach dem ich sie raus hatte ging es.

was das damit zu tun hat, das weiß ich nicht?

Noch mal vielen Dank, ohne deiner Hilfe hätte das ganz sicher nicht geklappt.

Wünsche die ein schönes Wochenende ;-)
8781_brokerm_ll4.jpg

Torsten_MG

Wie hast du die Termine in deinem Kalender eingetragen? Als Ganztagstermine oder mit Uhrzeit? Ich habe mit Uhrzeit eingetragen, vielleicht ist dass das Problem?

Torsten_MG

So jetzt habe ich mal wieder Zeit damit selber weiter zu machen. Meine Fragen aus dem 1. Post sind ja leider noch nicht beantwortet/gelöst.

Der Vorschlag von sigi234 vom 5.11.2018 23:31 hat leider nicht zur lösung beigetragen.

Die Reihenfolge wird leider nicht geändert. Was ich noch gerne hätte wäre, wenn bei Tage eine 1 oder eine 0 steht dann soll die Farbe des Textes in Orange und Rot geändert werden.

Nashra

Moin, leider zeigt mir das Script beim starten einen "compile failed" an für diesen Bereich

while(n-- && i++ <l){ i="str.indexOf(pat," i);/if/(i/</0)/break;/}/i_search="i;" funktion/zum/tage/im/monat/zählen/function/daysinmonth(month,/year)/{/return/new/date(year,/month,/0).getdate();/wochentage/auf/deutsch/var/wochentag="['Sonntag','Montag','Dienstag','Mittwoch','Donnerstag','Freitag','Samstag'" ];/json/starten/muelljason="[" ;/schleife/zur/abarbeitung/des/arrays/object.keys(obj).foreach/(function/(val,/key)/","/trennung/der/daten/json./sollte/nur/eine/müllart/angegeben/sein,/dann/die/nächsten/drei/zewilen/auskommentieren/today="new" date();/(key="">0) {

Was läuft da falsch?
Sorry, habe keine Ahnung von JS

Community Forum

NEWS

Müllkalender Reihenfolge ändern + Farbe

Support us

840

32.5k

81.8k

1.3m