DSB - Abrage

a200

ok. die Pläne sind als html gespeichert, das ist schon mal gut.

bitte jetzt folgendes ausführen:

var BaseUrl = "https://iphone.dsbcontrol.de/iPhoneService.svc/DSB";
var UserName = ["XXX"];
var Passwort = ["YYY",];
var KindKL = ["06C", "06B"];
var KindTT = ["javascript.0.VIS.DSBMmobile-tmp.Kind1.Timetable", "javascript.0.VIS.DSBMmobile-tmp.Kind2.Timetable"];
var debug = false;

var Loginreq;
var MyToken;
var ausgabe;
var retArr = [];
var tmpArr = [];
var scharf;
var inhalt;
var anzahl;
var TTreq;

for( var i = 0; i<KindTT.length; i++) {
    if (!getObject(KindTT[i])) {
        createState(KindTT[i], "", {
            "desc": "TimeTable",
            "name": "TimeTable fuer Kind " + i,
            "type": "string",
            "role": "html"
        });
    }
    if (!getObject(KindTT[i]+"-vis")) {
        createState(KindTT[i]+"-vis", "", {
            "desc": "TimeTable",
            "name": "TimeTable fuer Kind " + i,
            "type": "string",
            "role": "html"
        });
    }
    if (!getObject(KindTT[i]+"-Events")) {
        createState(KindTT[i]+"-Events", 0, {
            "desc": "TimeTable",
            "name": "TimeTable fuer Kind " + i,
            "type": "number",
        });
    }
    if (!getObject(KindTT[i]+"-Time")) {
        createState(KindTT[i]+"-Time", "", {
            "desc": "TimeTable",
            "name": "TimeTable fuer Kind " + i,
            "type": "string",
            "role": "html"
        });
    }
}

//var parseString = require('xml2js').parseString;
//var DOMParser = require('xmldom').DOMParser;
var request = require('request');


function GetTT(Kind) {
	Loginreq = BaseUrl + "/authid/" + UserName[Kind] + "/" + Passwort[Kind];

	request(Loginreq, function (error, response, body) {
		if(debug) log("Error 1: " + error + "\nCode 1: " + response.statusCode);
		if (!error && response.statusCode == 200) {
			TTreq = BaseUrl + "/timetables/" + body.replace(/\"/g, "");
			request(TTreq, function (error, response, body) {
				if(debug) log("Error 2: " + error + "\nCode 2: " + response.statusCode);
				if (!error && response.statusCode == 200) {
					body = JSON.parse(body);
					var ishtml = body[0].ishtml;
					var timetabledate = body[0].timetabledate;
					//var timetablegroupname = body[0].timetablegroupname;
					//var timetabletitle = body[0].timetabletitle;
					var timetableurl = body[0].timetableurl;
					log(timetableurl);
					setState(KindTT[Kind] + "-Time", timetabledate, true);
					if(debug) log("TT Url = " + timetableurl);
					if(ishtml) {
    					request(timetableurl, function (error, response, body) {
    						if(debug) log("Error 3: " + error + "\nCode 3: " + response.statusCode);
    						if (!error && response.statusCode == 200) {
    							setState(KindTT[Kind], body, true, function() {
    							    //CreateVP(Kind);
    							});
		    				}
			    		});
					}
				}
			});
		}
	});
}

GetTT(0);

Dann müsste unter dem DP javascript.0.VIS.DSBMmobile-tmp.Kind1.Timetable die html-Seite geladen sein.

Wenn du mir den Inhalt der HTML Datei schickst,dann kann ich schauen, ob ich nur die Änderungen der entsprechenden Klasse extrahieren kann. Genauso mache ich meinem Sohn. Allerdings haben sie eine Datei mit den Änderungen für die ganze Woche. Bei dir scheint es pro Tag eine Datei geben. Aber dass sollte auch gehen.

Brunoz

Hallo a200,

erstmal herzlichen Dank für die ganze Arbeit.

Funktioniert soweit, das das Script - Daten (html) in einen Datenpunkt einträgt. Leider zeigt mir der Datenpunkt folgendes an:

Aber, anzeigen sollte es:

Für den morgigen Tag, 19.02.2019 sind laut der App wirklich noch keine Vertretungen hinterlegt.

Kann man den Code auch so umschreiben, das er die Daten für beide Tage abholt? (Heute und morgen)

Den HTML Code würde ich dir per Chat zusenden.

Gruß und nochmals vielen Dank für die Hilfe.
Claudio

a200

ja, ich werde das so abändern, dass beide Tage abgeholt werden. Heute Abende schicke ich dir eine neue Version.

a200

Hier die neue Version

var BaseUrl = "https://iphone.dsbcontrol.de/iPhoneService.svc/DSB";
var UserName = ["XXX", "XXX"];
var Passwort = ["YYY", "YYY"];
var KindKL = ["06C", "06B"];
var KindTT = ["javascript.0.VIS.DSBMmobile-tmp.Kind1", "javascript.0.VIS.DSBMmobile-tmp.Kind2"];
var Tage = ["heute", "morgen"];
var debug = true;
 
var Loginreq;
var MyToken;
var ausgabe;
var retArr = [];
var tmpArr = [];
var scharf;
var inhalt;
var anzahl;
var TTreq;
 
for( var i = 0; i<KindTT.length; i++) {
    Tage.forEach(function(element) {
        if (!getObject(KindTT[i] + "." + element + ".Timetable")) {
            createState(KindTT[i] + "." + element + ".Timetable", "", {
                "desc": "TimeTable",
                "name": "TimeTable fuer Kind " + i,
                "type": "string",
                "role": "html"
            });
        }
        if (!getObject(KindTT[i] + "." + element + ".vis")) {
            createState(KindTT[i] + "." + element + ".vis", "", {
                "desc": "TimeTable",
                "name": "TimeTable fuer Kind " + i,
                "type": "string",
                "role": "html"
            });
        }
        if (!getObject(KindTT[i] + "." + element + ".Events")) {
            createState(KindTT[i] + "." + element + ".Events", 0, {
                "desc": "TimeTable",
                "name": "TimeTable fuer Kind " + i,
                "type": "number",
            });
        }
        if (!getObject(KindTT[i] + "." + element + ".Time")) {
            createState(KindTT[i] + "." + element + ".Time", "", {
                "desc": "TimeTable",
                "name": "TimeTable fuer Kind " + i,
                "type": "string",
                "role": "html"
            });
        }
    });
}
 
var request = require('request');

var ttype = [];
var url2 = [];
var Tage2 = [];
var k, eintraege;

Tage2 = [].concat(Tage);

function getData(Kind) {
    request(url2[k], function (error, response, body) {
        if(debug) log("Error 3: " + error + "\nCode 3: " + response.statusCode);
    	if (!error && response.statusCode == 200) {
    	    if(debug) log("Schreibe nach: " + KindTT[Kind] + "." + Tage2[0] + ".Timetable");
    	    setState(KindTT[Kind] + "." + Tage2[0] + ".Timetable", body, true, function() {
    			//CreateVP(Kind);
    		});    
    	}
    	Tage2.shift();
        k++;
        if(k < eintraege) getData(Kind);
   });
}

function GetTT(Kind) {
    url2=[];
    ttype=[];
	Loginreq = BaseUrl + "/authid/" + UserName[Kind] + "/" + Passwort[Kind];
	request(Loginreq, function (error, response, body) {
		if(debug) log("Error 1: " + error + "\nCode 1: " + response.statusCode);
		if (!error && response.statusCode == 200) {
			TTreq = BaseUrl + "/timetables/" + body.replace(/\"/g, "");
			request(TTreq, function (error, response, body) {
				if(debug) log("Error 2: " + error + "\nCode 2: " + response.statusCode);
				if (!error && response.statusCode == 200) {
					body = JSON.parse(body);
					eintraege = body.length;
					for(var i=0; i<eintraege; i++) {
					    ttype.push(body[i].ishtml);
					    url2.push(body[i].timetableurl);
					    setState(KindTT[Kind] + "." + Tage[i] + ".Time", body[0].timetabledate);
					}
					log(JSON.stringify(body, null, 4));
					k = 0;
					getData(Kind);
				}
			});
		}
	});
}
 
GetTT(0);

Jetzt müssten zwei DP (heute und morgen) angelegt und gefüllt werden. Wenn das funktioniert, dann müssen wir nur die nicht benötigten Klassen entfernen.

Brunoz

Hallo a200,

hier wäre der HTML-Code für den morgigen Tag:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>  <head>    <title>HeinekingMedia Vertretungsplan - Classic</title>    <style type="text/css">      html, body { font-family:  Arial; }      .head { background-color: #000000; color: #FFFFFF; font-weight: bold; }      .TeacherHead { background-color: #FFFFFF; color: #000000; font-weight: normal; }      .TeacherHead td { border-top: 2px solid #000000; border-bottom: 1px solid #000000; }      .SubTypeHead { background-color: #000000; color: #FFFFFF; font-weight: bold; }      .def { background-color: #dedede; color: #000000; }      .alt { background-color: #b1f073; color: #000000; }      .new.def { background-color: #FFE97F; color: #000000; }      .new.alt { background-color: #FF75EC; color: #000000; }      table { width: 100%; margin-top: 5px; background-color: black; }      td { padding-left: 4px; padding-right: 4px; }      .additionInfoTable { width: 100%; border: 1px solid black; padding: 0; margin: 0; }      .additionInfoTable th { background: #000000; color: #FFFFFF; font-weight: bold; }      .additionInfoTable td { background: white; color: black; border-bottom: 0px solid black; font-weight: normal; }      .headTable { background: white; width: 100%; border: 0px; padding: 0; margin: 0; }      .headTable td { background: white; color: black; font-weight: bold; text-align: right; border: 0;}      h2 { font-size: 0.8em; margin:0; text-align: right; }      h1 { font-size: 2em;margin-bottom:5px; }      td.teacherNew { font-weight: bold; }      td.teacherOld { opacity: .40; filter: alpha(opacity = 40); -ms-filter: "alpha(opacity = 40)" }      span.hilite { font-weight: bold; text-decoration:underline; }      .NoSubstitutes { text-align: center; border: 0; }    </style>    <link rel="stylesheet" type="text/css" href="8f1de2b3-789f-487d-bf0d-8af71b991eda.css">    <script language="javascript">    </script>  </head>  <body>    <table class="headTable">    <tr><td>Letzte Änderung: 19.02.2019 16:25</td></tr>    </table><center><h1>20.02.2019, Mittwoch</h1></center><table class="additionInfoTable"><tr><th colspan="2">Nachrichten zum Tag</th></tr><tr><td colspan="2">Am 21.2.entfällt der Nachmittagsunterricht!<br/>VER8 Deutsch 2. und 3. Stunde!</td></tr><tr><td>Betroffene Klassen</td><td>5B, 5C, 6B, 7A, 7B, 7C, 8A, 8C, 8D, 9C</td></tr></table><table cellspacing="1"><tr class="head"><td>Klasse</td><td>Stunde</td><td>Fach</td><td>Fach alt</td><td>Raum</td><td>Art</td></tr><tr class="def"><td>5B</td><td>1</td><td></td><td>M</td><td></td><td>Ausfall</td></tr><tr class="alt"><td>5C</td><td>2</td><td></td><td>D</td><td>007</td><td>Vertretung</td></tr><tr class="def"><td>6B</td><td>3</td><td></td><td>D</td><td>127</td><td>Vertretung</td></tr><tr class="alt"><td>7A, 7B, 7C</td><td>1</td><td></td><td>SPW</td><td>TH2</td><td>Vertretung</td></tr><tr class="def"><td>7A, 7B, 7C</td><td>2</td><td></td><td>SPW</td><td>TH3</td><td>Vertretung</td></tr><tr class="alt"><td>8A</td><td>2-3</td><td>D</td><td></td><td></td><td>Zusatz</td></tr><tr class="def"><td>8C</td><td>3</td><td>D</td><td></td><td></td><td>Zusatz</td></tr><tr class="alt"><td>8D</td><td>3</td><td>D</td><td></td><td></td><td>Zusatz</td></tr><tr class="def"><td>9C</td><td>3</td><td></td><td>D</td><td>204</td><td>Vertretung</td></tr></table></body></html>

a200

@Brunoz sagte

Ich schau mal wann ich dazu komme. hat die Abfrage mit heute und morgen geklappt? Wurden die Datenpunkte gefüllt?

Brunoz

Hallo a200,

kein Streß! Bin ja Gottfroh das Sie mir helfen.

Bei den Events Datenpunkten steht bei beiden Tagen eine 0 und im Time-Datenpunkt der Tag und die Uhrzeit.
Der Timetable Datenpunkt ist mit dem HTML-Code gefüllt.
Nur der vis Datenpunkt ist leer.

Eines würde mich dann noch interessieren - wie bzw. wann werden die Daten abgeholt?
Wie wird das getriggert?

Gruß und 1000 Dank
Claudio

a200

@Brunoz

Die html-Struktur ist recht einfach. Heute Abend schicke ich dir den Filter. Dann soll in dem vis Datenpunkt der html-Code für die Tabelle mit Einträgen für die Klasse, die du auswählst. Einträge anderen Klassen werden ausgeblendet.

Der Abruf der Daten wird über cron gemacht und wird für dich frei konfigurierbar sein.

Also bis heute Abend.

a200

@Brunoz

erstelle jetzt ein neues Skript. Beide Skripte laufen parallel. Als klasse kannst du die Klasse deiner Kinder eingeben. Alle andere Einträge sollten ausgeblendet werden.

var klasse = "8A";
var myArrayA;
var myArrayB;
var mystra;
var bid;

const TT = $('state[state.id=javascript.0.VIS.DSBMmobile-tmp.Kind*.Timetable]').each(function(id) {
     on({id: id, change: "ne"}, function (obj) {
        myArrayA = [];
        myArrayB = [];

        mystra = getState(id).val;
        mystra = mystra.replace(/<table/gi, "\n<table");
        mystra = mystra.replace(/<tr/gi, "\n<tr");
        mystra = mystra.replace(/<\/body>/gi, "\n<\/body>");
        mystra = mystra.replace(/<\/table/gi, "\n<\/table");
        myArrayA = mystra.split("\n");

        myArrayA.forEach(function (element) {
            if(element.startsWith("<table") || element.startsWith("<tr")) {
                myArrayB.push(element);
            }
        });

        myArrayA = [];
        scharf = true;
        myArrayB.forEach(function (element) {
            if(element.startsWith("<tr class=\"head\">")) {
                scharf = false;
                myArrayA.push(element);
            } else {
                if(scharf || element.includes(klasse) || element.includes("<\/table") ) myArrayA.push(element);
            }
        });
   
        mystra = "";
        myArrayA.forEach(function (element) {
            mystra += element + "\n";
        });

        bid = id.replace(/\.Timetable/gi, "\.vis");
        setState(bid, mystra);
     });
});

Dieses Skript überwacht die Datenpunkte ".Timetable" und erstellt die neue Version in ".vis".
Wenn du dann testen willst, dann lösche den Inhalt des ".Timetable" und führe Skript 1 aus. .Timetable sollte gefüllt werden und dann springt Skript 2 an.

Wenn das funktioniert, (ich musste es blind programmieren) dann kümmern wir uns die regelmäßige Aufrufe.

Brunoz

Die Übernahme in den Datenpunkt VIS hat funktioniert!

Wie binde ich das in meine VIS ein?

a200

@Brunoz sagte in DSB - Abrage:

Die Übernahme in den Datenpunkt VIS hat funktioniert!

Wie binde ich das in meine VIS ein?

Erstelle ein HTML-Objekt. Als Inhalt kannst du den Datenpunkt in {} setzen.

also z.B.

{javascript.0.VIS.DSBMmobile-tmp.Kind1.heute.vis}
<table>
<tr><td>Stand:</td><td>{javascript.0.VIS.DSBMmobile-tmp.Kind1.heute.Time}</td></tr> 
<tr><td>Abruf:</td><td>{javascript.0.VIS.DSBMmobile-tmp.Kind1.heute.vis.ts;date(DD.MM.YYYY hh:mm)}</td></tr> 
</table>

{javascript.0.VIS.DSBMmobile-tmp.Kind1.heute.vis}
<table>
<tr><td>Stand:</td><td>{javascript.0.VIS.DSBMmobile-tmp.Kind1.morgen.Time}</td></tr> 
<tr><td>Abruf:</td><td>{javascript.0.VIS.DSBMmobile-tmp.Kind1.morgen.vis.ts;date(DD.MM.YYYY hh:mm)}</td></tr> 
</table>

die Schriftart, -farbe, -größe kannst du im VIS konfigurieren.
versuche das mal und wir schauen ob wir noch was optimieren können.

Alternativ kann du dieses widget importieren und anpassen:

[{"tpl":"tplHtml","data":{"g_fixed":true,"g_visibility":false,"g_css_font_text":true,"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","refreshInterval":"30000","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,"html":"{javascript.0.VIS.DSBMmobile-tmp.Kind1.heute.vis}<table><tr><td>Stand:</td><td>{javascript.0.VIS.DSBMmobile-tmp.Kind1.heute.Time}</td></tr><tr><td>Abruf:</td><td>{javascript.0.VIS.DSBMmobile-tmp.Kind1.heute.vis.ts;date(DD.MM.YYYY hh:mm)}</td></tr></table>{javascript.0.VIS.DSBMmobile-tmp.Kind1.heute.vis}<table><tr><td>Stand:</td><td>{javascript.0.VIS.DSBMmobile-tmp.Kind1.morgen.Time}</td></tr><tr><td>Abruf:</td><td>{javascript.0.VIS.DSBMmobile-tmp.Kind1.morgen.vis.ts;date(DD.MM.YYYY hh:mm)}</td></tr></table>","class":"vertretungsplan"},"style":{"left":"26px","top":"203px","background-color":"#222","border-radius":"15px","box-shadow":"10px 10px 12px -3px rgba(0,0,0,0.75)","width":"1010px","height":"789px","color":"#ffffff","font-family":"RobotoCondensed-Regular","font-size":"21px","padding-left":"","padding-right":"","line-height":"","padding":"15px","z-index":"1","overflow-y":"scroll","margin-left":"","overflow-x":"","border-width":"2px","border-style":"solid","border-color":"#777"},"widgetSet":"basic"}]

a200

@Brunoz UPDATE

script 1:

var cron1 = "14,29,44,59 * * * *";  // Alle 15 Min
var cron2 = "13,28,43,58 * * * *";  // Alle 15 Min
var cron3 = "3,8,13,18,23,28,33,38,43,48,53,58 7 * * *"; 		// von 7:00 - 7:58 Alle 5 Min
var cron4 = "4,9,14,19,24,29,34,39,44,49,54,59 6,7 * * *";		// von 6:00 - 7:59 Alle 5 Min

var BaseUrl = "https://iphone.dsbcontrol.de/iPhoneService.svc/DSB";
var UserName = ["XXX", "XXX"];
var Passwort = ["YYY", "YYY"];
var KindTT = ["javascript.0.VIS.DSBMmobile-tmp.Kind1", "javascript.0.VIS.DSBMmobile-tmp.Kind2"];
var Tage = ["heute", "morgen"];
var debug = true;
 
var Loginreq;
var MyToken;
var ausgabe;
var retArr = [];
var tmpArr = [];
var scharf;
var inhalt;
var anzahl;
var TTreq;
 
for( var i = 0; i<KindTT.length; i++) {
    Tage.forEach(function(element) {
        if (!getObject(KindTT[i] + "." + element + ".Timetable")) {
            createState(KindTT[i] + "." + element + ".Timetable", "", {
                "desc": "TimeTable",
                "name": "TimeTable fuer Kind " + i,
                "type": "string",
                "role": "html"
            });
        }
        if (!getObject(KindTT[i] + "." + element + ".vis")) {
            createState(KindTT[i] + "." + element + ".vis", "", {
                "desc": "TimeTable",
                "name": "TimeTable fuer Kind " + i,
                "type": "string",
                "role": "html"
            });
        }
        if (!getObject(KindTT[i] + "." + element + ".Events")) {
            createState(KindTT[i] + "." + element + ".Events", 0, {
                "desc": "TimeTable",
                "name": "TimeTable fuer Kind " + i,
                "type": "number",
            });
        }
        if (!getObject(KindTT[i] + "." + element + ".Time")) {
            createState(KindTT[i] + "." + element + ".Time", "", {
                "desc": "TimeTable",
                "name": "TimeTable fuer Kind " + i,
                "type": "string",
                "role": "html"
            });
        }
    });
}
 
var request = require('request');
 
var ttype = [];
var url2 = [];
var Tage2 = [];
var k, eintraege;
 
Tage2 = [].concat(Tage);
 
function getData(Kind) {
    request(url2[k], function (error, response, body) {
        if(debug) log("Error 3: " + error + "\nCode 3: " + response.statusCode);
    	if (!error && response.statusCode == 200) {
    	    if(debug) log("Schreibe nach: " + KindTT[Kind] + "." + Tage2[0] + ".Timetable");
    	    setState(KindTT[Kind] + "." + Tage2[0] + ".Timetable", body, true, function() {
    			//CreateVP(Kind);
     		});    
     	}
     	Tage2.shift();
         k++;
         if(k < eintraege) getData(Kind);
    });
 }
  
 function GetTT(Kind) {
     url2=[];
     ttype=[];
 	Loginreq = BaseUrl + "/authid/" + UserName[Kind] + "/" + Passwort[Kind];
 	request(Loginreq, function (error, response, body) {
 		if(debug) log("Error 1: " + error + "\nCode 1: " + response.statusCode);
 		if (!error && response.statusCode == 200) {
 			TTreq = BaseUrl + "/timetables/" + body.replace(/\"/g, "");
 			request(TTreq, function (error, response, body) {
 				if(debug) log("Error 2: " + error + "\nCode 2: " + response.statusCode);
 				if (!error && response.statusCode == 200) {
 					body = JSON.parse(body);
 					eintraege = body.length;
 					for(var i=0; i<eintraege; i++) {
 					    ttype.push(body[i].ishtml);
 					    url2.push(body[i].timetableurl);
 					    setState(KindTT[Kind] + "." + Tage[i] + ".Time", body[0].timetabledate);
 					}
 					log(JSON.stringify(body, null, 4));
 					k = 0;
 					getData(Kind);
 				}
 			});
 		}
 	});
 }
  
schedule(cron1, function () { 	// Kind 1 - Abruf alle 15Min
    GetTT(0);
});
schedule(cron3, function () { 	// Kind 1 - von 7:00 - 7:58 Alle 5 Min
    GetTT(0);
});

schedule(cron2, function () {	// Kind 2 - Abruf alle 15Min
    GetTT(1);
});

schedule(cron4, function () {	// Kind 2 - von 6:00 - 7:59 Alle 5 Min
    GetTT(1);
});

script 2:

var klasse = "8A";   // Gesuchte Klasse anpassen!
var myArrayA;
var myArrayB;
var mystra;
var bid;

const TT = $('state[state.id=javascript.0.VIS.DSBMmobile-tmp.Kind*.Timetable]').each(function(id) {
     on({id: id, change: "ne"}, function (obj) {
        myArrayA = [];
        myArrayB = [];

        mystra = getState(id).val;
        mystra = mystra.replace(/<table/gi, "\n<table");
        mystra = mystra.replace(/<tr/gi, "\n<tr");
        mystra = mystra.replace(/<\/body>/gi, "\n<\/body>");
        mystra = mystra.replace(/<\/table/gi, "\n<\/table");
        myArrayA = mystra.split("\n");

        myArrayA.forEach(function (element) {
            if(element.startsWith("<table") || element.startsWith("<tr") || element.startsWith("<\/table")) {
                myArrayB.push(element);
            }
        });

        myArrayA = [];
        scharf = true;
        myArrayB.forEach(function (element) {
            if(element.startsWith("<tr class=\"head\">")) {
                scharf = false;
                myArrayA.push(element);
            } else {
                if(scharf || element.includes(klasse) || element.includes("<\/table") ) myArrayA.push(element);
            }
        });
   
        mystra = "";
        myArrayA.forEach(function (element) {
            mystra += element + "\n";
        });

        bid = id.replace(/\.Timetable/gi, "\.vis");
        setState(bid, mystra);
     });
});

widget:

[{"tpl":"tplHtml","data":{"g_fixed":true,"g_visibility":false,"g_css_font_text":true,"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","refreshInterval":"30000","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,"html":"{javascript.0.VIS.DSBMmobile-tmp.Kind1.heute.vis}\n<br>\n{javascript.0.VIS.DSBMmobile-tmp.Kind1.morgen.vis}\n","class":"vertretungsplan"},"style":{"left":"20px","top":"20px","background-color":"#222","border-radius":"15px","box-shadow":"10px 10px 12px -3px rgba(0,0,0,0.75)","width":"1000px","height":"800px","color":"#ffffff","font-family":"RobotoCondensed-Regular","font-size":"21px","padding-left":"","padding-right":"","line-height":"","padding":"15px","z-index":"1","overflow-y":"scroll","margin-left":"","overflow-x":"","border-width":"2px","border-style":"solid","border-color":"#777"},"widgetSet":"basic"}]

CSS:

.vertretungsplan table {
    width: 100%;
}

.vertretungsplan td {
    border: solid 1px white;
}

Melde dich ob das funktioniert!

Brunoz

Hallo a200,

also es klappt schon ganz gut. Habe den HTML-Code nur leicht geändert, weil ich sonst den Überblick verloren hätte.

<p>HEUTE</p>
{javascript.0.VIS.DSBMmobile-tmp.Kind1.heute.vis}
<br>
<p>MORGEN<P>
{javascript.0.VIS.DSBMmobile-tmp.Kind1.morgen.vis}

Die Tabelle von "heute" wird bei "morgen" angezeigt, wenn ich das richtig sehe.

{63AD84BB-A18A-42C0-BB57-4CEC36973E93}.png.jpg

Und, kann ich auch zwei Klassen angeben? Meine zwei Jungs, gehen in unterschiedliche Klasse. Muss ich den obigen Script einfach zweimal mit unterschiedlichen Klassen laufen lassen?

Gruß
Claudio

a200

@Brunoz

nimm die aktuelle Version. Dort sind Korrekturen und automatische Abfrage eingebaut worden
Wenn die Jungs in die gleiche Schule gehen, dann trage einfach die Logindaten doppelt ein.
Skript 2 bitte anpassen:

var klasse = ["8A","5C"];
var myArrayA;
var myArrayB;
var mystra;
var bid;
var kid

const TT = $('state[state.id=javascript.0.VIS.DSBMmobile-tmp.Kind*.Timetable]').each(function(id) {
     on({id: id, change: "ne"}, function (obj) {
         
        kid = id.replace("javascript.0.VIS.DSBMmobile-tmp.Kind", "").charAt(0);

        myArrayA = [];
        myArrayB = [];

        mystra = getState(id).val;
        mystra = mystra.replace(/<table/gi, "\n<table");
        mystra = mystra.replace(/<tr/gi, "\n<tr");
        mystra = mystra.replace(/<\/body>/gi, "\n<\/body>");
        mystra = mystra.replace(/<\/table/gi, "\n<\/table");
        myArrayA = mystra.split("\n");

        myArrayA.forEach(function (element) {
            if(element.startsWith("<table") || element.startsWith("<tr") || element.startsWith("<\/table")) {
                myArrayB.push(element);
            }
        });

        myArrayA = [];
        scharf = true;
        myArrayB.forEach(function (element) {
            if(element.startsWith("<tr class=\"head\">")) {
                scharf = false;
                myArrayA.push(element);
            } else {
                if(scharf || element.includes(klasse[kid-1]) || element.includes("<\/table") ) myArrayA.push(element);
            }
        });
   
        mystra = "";
        myArrayA.forEach(function (element) {
            mystra += element + "\n";
        });

        bid = id.replace(/\.Timetable/gi, "\.vis");
        setState(bid, mystra);
     });
});

Das sollte die entsprechende Datenpunkte füllen. Oben im Skript die Klassen anpassen nicht vergessen.

Es gibt noch eine Möglichkeit, dass es nur zwei Tabellen (heute, morgen) angelegt werden und in den Tabellen beide Klassen für beide Jungs angezeigt werden. Falls du das haben willst, dann sag mir Bescheid.

Brunoz

Hallo a200,

sorry, das ich mich erst heute melde.

Wie Sie sehen können, werden die Daten nicht korrekt angezeigt. (1. Bild)

Im meinem Falle reicht mir die Darstellung aber wie auf dem 3. Bild.
Das ist schon so wie ich es mir erhofft hatte.

Vielen Dank für die Arbeit.

Gruß
Claudio

a200

@Brunoz

hi,
kannst du mir bitte die die HTML-Datei aus dem *.Timetable Datenpunkt der Klasse, die nihct richtig angezeigt wird. Ich muss den Code analysieren.

Brunoz

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>  <head>    <title>HeinekingMedia Vertretungsplan - Classic</title>    <style type="text/css">      html, body { font-family:  Arial; }      .head { background-color: #000000; color: #FFFFFF; font-weight: bold; }      .TeacherHead { background-color: #FFFFFF; color: #000000; font-weight: normal; }      .TeacherHead td { border-top: 2px solid #000000; border-bottom: 1px solid #000000; }      .SubTypeHead { background-color: #000000; color: #FFFFFF; font-weight: bold; }      .def { background-color: #dedede; color: #000000; }      .alt { background-color: #b1f073; color: #000000; }      .new.def { background-color: #FFE97F; color: #000000; }      .new.alt { background-color: #FF75EC; color: #000000; }      table { width: 100%; margin-top: 5px; background-color: black; }      td { padding-left: 4px; padding-right: 4px; }      .additionInfoTable { width: 100%; border: 1px solid black; padding: 0; margin: 0; }      .additionInfoTable th { background: #000000; color: #FFFFFF; font-weight: bold; }      .additionInfoTable td { background: white; color: black; border-bottom: 0px solid black; font-weight: normal; }      .headTable { background: white; width: 100%; border: 0px; padding: 0; margin: 0; }      .headTable td { background: white; color: black; font-weight: bold; text-align: right; border: 0;}      h2 { font-size: 0.8em; margin:0; text-align: right; }      h1 { font-size: 2em;margin-bottom:5px; }      td.teacherNew { font-weight: bold; }      td.teacherOld { opacity: .40; filter: alpha(opacity = 40); -ms-filter: "alpha(opacity = 40)" }      span.hilite { font-weight: bold; text-decoration:underline; }      .NoSubstitutes { text-align: center; border: 0; }    </style>    <link rel="stylesheet" type="text/css" href="a6b426b1-76c0-4330-b4e1-ce564b4c8e44.css">    <script language="javascript">    </script>  </head>  <body>    <table class="headTable">    <tr><td>Letzte Änderung: 08.03.2019 01:05</td></tr>    </table><center><h1>11.03.2019, Montag</h1></center><table class="additionInfoTable"><tr><th colspan="2">Nachrichten zum Tag</th></tr><tr><td>Betroffene Klassen</td><td>7A, 7C, 7M+, 8B, 9B, 9C</td></tr></table><table cellspacing="1"><tr class="head"><td>Klasse</td><td>Stunde</td><td>Fach</td><td>Fach alt</td><td>Raum</td><td>Art</td></tr><tr class="def"><td>7A, 7C</td><td>4</td><td></td><td>KREL</td><td>009</td><td>Vertretung</td></tr><tr class="alt"><td>7C</td><td>1</td><td></td><td>CH</td><td></td><td>Ausfall</td></tr><tr class="def"><td>7M+</td><td>5</td><td></td><td>D</td><td>010</td><td>Vertretung</td></tr><tr class="alt"><td>7M+</td><td>6</td><td></td><td>D</td><td></td><td>Ausfall</td></tr><tr class="def"><td>8B</td><td>3</td><td>Geo</td><td>CH</td><td>010</td><td>Vertretung</td></tr><tr class="alt"><td>9B</td><td>2</td><td>EWG</td><td>M</td><td>206</td><td>Vertretung</td></tr><tr class="def"><td>9B</td><td>3</td><td>G</td><td>M</td><td>206</td><td>Vertretung</td></tr><tr class="alt"><td>9B, 9C</td><td>8-9</td><td></td><td>TE</td><td></td><td>Ausfall</td></tr><tr class="def"><td>9B, 9C</td><td>10</td><td></td><td>TE</td><td></td><td>Ausfall</td></tr></table></body></html>

a200

@Brunoz sagte in DSB - Abrage:

hier die neue Version von Skript 2. Bei einer Änderungen der Datenpunkte:

javascript.0.VIS.DSBMmobile-tmp.Kind1.heute.Timetable
javascript.0.VIS.DSBMmobile-tmp.Kind2.heute.Timetable
javascript.0.VIS.DSBMmobile-tmp.Kind1.morgen.Timetable
javascript.0.VIS.DSBMmobile-tmp.Kind2.morgen.Timetable

werden beide Klassen gesucht und in den entsprechenden Datenpunkt .vis geschrieben. Da deine Kinder auf der gleichen Schule sind, kannst du das Kind2 ignorieren und nur die DP

javascript.0.VIS.DSBMmobile-tmp.Kind1.heute.vis
javascript.0.VIS.DSBMmobile-tmp.Kind1.morgen.vis

ausgeben. Dort werden jeweils beide Klassen aufgeführt (falls vorganden!). Da die Skripte auf Änderungen in den Datenpunkten reagieren, kannst du zum Testen den Inhalte des Datenpunktes javascript.0.VIS.DSBMmobile-tmp.Kind1.heute.Timetable löschen und Enter drücken. Nach der nächsten Abfrage wird der DP wieder gefüllt und der Filter (Skript 2) sollte die gesuchten Klassen ausgeben.

var klasse = ["7A","9C"];
var myArrayA;
var myArrayB;
var mystra;
var bid;
var kid

const TT = $('state[state.id=javascript.0.VIS.DSBMmobile-tmp.Kind*.Timetable]').each(function(id) {
     on({id: id, change: "ne"}, function (obj) {
         
        kid = id.replace("javascript.0.VIS.DSBMmobile-tmp.Kind", "").charAt(0);

        myArrayA = [];
        myArrayB = [];

        mystra = getState(id).val;
        mystra = mystra.replace(/<table/gi, "\n<table");
        mystra = mystra.replace(/<tr/gi, "\n<tr");
        mystra = mystra.replace(/<\/body>/gi, "\n<\/body>");
        mystra = mystra.replace(/<\/table/gi, "\n<\/table");
        myArrayA = mystra.split("\n");

        myArrayA.forEach(function (element) {
            if(element.startsWith("<table") || element.startsWith("<tr") || element.startsWith("<\/table")) {
                myArrayB.push(element);
            }
        });

        myArrayA = [];
        scharf = true;
        myArrayB.forEach(function (element) {
            if(element.startsWith("<tr class=\"head\">")) {
                scharf = false;
                myArrayA.push(element);
            } else {
                if(scharf || element.includes(klasse[0]) || element.includes(klasse[1]) || element.includes("<\/table") ) myArrayA.push(element);
            }
        });
   
        mystra = "";
        myArrayA.forEach(function (element) {
            mystra += element + "\n";
        });

        bid = id.replace(/\.Timetable/gi, "\.vis");
        setState(bid, mystra);
     });
});

Brunoz

Hallo a200,

funktioniert bisher super! Nur ist mir eines noch im nachhinein aufgefallen.

Am zweiten Tag - fehlt das Datum!

Tag
Tag

a200

@Brunoz Ich werde es am Abend prüfen.

NEWS

DSB - Abrage

Support us

691
Online

31.8k
Users

80.0k
Topics

1.3m
Posts

NEWS

DSB - Abrage

Support us

691Online

31.8kUsers

80.0kTopics

1.3mPosts

691
Online

31.8k
Users

80.0k
Topics

1.3m
Posts