2020-09-16 12:39:29 +02:00
|
|
|
function log(msg) {
|
|
|
|
console.log("[Bahn Insight] " + msg);
|
|
|
|
}
|
|
|
|
|
|
|
|
function getMediaURL(path) {
|
|
|
|
path = "media/" + path;
|
|
|
|
return chrome.runtime.getURL(path) || browser.runtime.getURL(path);
|
|
|
|
}
|
2020-09-16 13:45:43 +02:00
|
|
|
|
2020-09-16 13:17:49 +02:00
|
|
|
/**
|
|
|
|
* Return train name in format "PRODUCT TRAIN_NUMER"
|
|
|
|
* i.e. "ICE 112", "RE 12734"
|
|
|
|
* Sometimes train name is in format "PRODUCT LINE_NUMER (TRAIN_NUMER)"
|
|
|
|
* i.e. "STB 12 (62371)"
|
2020-09-16 13:45:43 +02:00
|
|
|
* Sometimes 'trains' are not trains or we can't find an unique id for them
|
|
|
|
* i.e. busses, ferrys, trams
|
|
|
|
* they will also be cleaned up and returned as undefined, because we can't link to them correctly
|
2020-09-16 13:17:49 +02:00
|
|
|
*/
|
|
|
|
function bahnParseTrainName(dirty_train_name) {
|
2020-09-16 14:16:47 +02:00
|
|
|
var name_list = dirty_train_name.trim().replace(/ +/g, ' ').split(" ");
|
2020-09-16 12:39:29 +02:00
|
|
|
|
2020-09-16 13:17:49 +02:00
|
|
|
// Train name in format "STB 12 (23561)"
|
|
|
|
if(name_list.length == 3 && name_list[2].charAt(0) == '(' && name_list[2].charAt(name_list[2].length-1) == ')') {
|
|
|
|
return name_list[0] + " " + name_list[2].substring(1, name_list[2].length-1);
|
|
|
|
}
|
|
|
|
|
2020-09-16 13:45:43 +02:00
|
|
|
// Exclude linking to specific products
|
|
|
|
if(["bus", "fäh", "str"].indexOf(name_list[0].toLowerCase()) !== -1) {
|
|
|
|
return undefined;
|
|
|
|
}
|
|
|
|
|
2020-09-16 13:17:49 +02:00
|
|
|
return dirty_train_name;
|
|
|
|
}
|
2020-09-16 12:39:29 +02:00
|
|
|
|
2020-09-19 20:17:36 +02:00
|
|
|
/**
|
|
|
|
* Returns HTML a as DOM object
|
|
|
|
*
|
|
|
|
* @param href URI as string
|
|
|
|
*/
|
2020-09-16 14:53:04 +02:00
|
|
|
function domCreateLink(href) {
|
|
|
|
var link = document.createElement("a");
|
|
|
|
link.setAttribute("href", href);
|
|
|
|
return link;
|
|
|
|
}
|
|
|
|
|
2020-09-19 20:17:36 +02:00
|
|
|
/**
|
|
|
|
* Returns HTML img as DOM object
|
|
|
|
*
|
|
|
|
* @param src Image URI as string
|
|
|
|
*/
|
2020-09-16 14:53:04 +02:00
|
|
|
function domCreateImage(src) {
|
|
|
|
var image = document.createElement("img");
|
|
|
|
image.setAttribute("src", src);
|
|
|
|
return image;
|
|
|
|
}
|
|
|
|
|
2020-09-19 20:17:36 +02:00
|
|
|
/**
|
|
|
|
* Returns HTML br as DOM object
|
|
|
|
*/
|
2020-09-16 15:05:04 +02:00
|
|
|
function domCreateLinebreak() {
|
|
|
|
var linebreak = document.createElement("br");
|
|
|
|
return linebreak;
|
|
|
|
}
|
|
|
|
|
2020-09-19 20:17:36 +02:00
|
|
|
/**
|
|
|
|
* Returns an 'image button' like construct as DOM object
|
|
|
|
*
|
|
|
|
* @param href URI as string
|
|
|
|
* @param image_src Image URI as string
|
|
|
|
*/
|
2020-09-16 14:53:04 +02:00
|
|
|
function domCreateButton(href, image_src) {
|
|
|
|
var link = domCreateLink(href);
|
2020-09-16 14:55:46 +02:00
|
|
|
link.setAttribute("target", "_blank");
|
2020-09-16 14:53:04 +02:00
|
|
|
var image = domCreateImage(image_src);
|
|
|
|
image.setAttribute("style", "height: 2em; vertical-align:middle;")
|
|
|
|
link.append(image);
|
|
|
|
return link;
|
|
|
|
}
|
|
|
|
|
2020-09-19 20:17:36 +02:00
|
|
|
/**
|
|
|
|
* Returns an 'image buttom' to specifically link to marudor.de
|
|
|
|
*
|
|
|
|
* @param path URL path part after https://marudor.de
|
|
|
|
*/
|
2020-09-16 14:53:04 +02:00
|
|
|
function domCreateButtonMarudor(path) {
|
|
|
|
var button = domCreateButton("https://marudor.de" + path, getMediaURL("marudor.svg"));
|
|
|
|
return button;
|
|
|
|
}
|
|
|
|
|
2020-09-16 14:19:31 +02:00
|
|
|
var connection_result_observer = new MutationObserver((mutations) => {
|
2020-09-16 14:22:10 +02:00
|
|
|
mutations.forEach((mutation) => {
|
|
|
|
if (mutation.type === 'childList') {
|
|
|
|
var target = mutation.target;
|
|
|
|
if (target.tagName === 'TD') {
|
|
|
|
var timetable = target.querySelector("td div.detailContainer table.result tbody");
|
|
|
|
|
2020-09-19 20:11:06 +02:00
|
|
|
/*
|
|
|
|
* COLLECT DATA
|
|
|
|
*/
|
2020-09-19 20:09:43 +02:00
|
|
|
var data = [];
|
|
|
|
var relations = timetable.querySelectorAll("tr.first");
|
|
|
|
relations.forEach((relation, i) => {
|
|
|
|
var relationend = relation.nextElementSibling;
|
|
|
|
data[i] = {};
|
|
|
|
data[i]["from"] = {}
|
|
|
|
data[i]["to"] = {}
|
|
|
|
|
2020-09-19 20:22:08 +02:00
|
|
|
// Depature station name
|
2020-09-19 20:09:43 +02:00
|
|
|
var relation_from = relation.querySelector("td.station");
|
|
|
|
data[i]["from"]["station"] = relation_from.innerText;
|
|
|
|
|
2020-09-19 20:22:08 +02:00
|
|
|
// Arrival station name
|
2020-09-19 20:09:43 +02:00
|
|
|
var relation_to = relationend.querySelector("td.station");
|
|
|
|
data[i]["to"]["station"] = relation_to.innerText;
|
|
|
|
|
2020-09-19 20:22:08 +02:00
|
|
|
// Departure time & current estimation
|
2020-09-19 20:09:43 +02:00
|
|
|
var relation_departure = relation.querySelector("td.time");
|
|
|
|
var relation_departure_list = relation_departure.firstChild.textContent.trim().split(" ");
|
|
|
|
data[i]["from"]["time"] = relation_departure_list[1];
|
|
|
|
data[i]["from"]["time_current"] = null;
|
|
|
|
var relation_departure_current = relation_departure.querySelector("span.delay, span.delayOnTime");
|
2020-09-19 20:59:27 +02:00
|
|
|
if(relation_departure_current != null) {
|
2020-09-19 20:09:43 +02:00
|
|
|
data[i]["from"]["time_current"] = relation_departure_current.innerText.trim();
|
|
|
|
}
|
|
|
|
|
2020-09-19 20:22:08 +02:00
|
|
|
// Arrival time & current estimation
|
2020-09-19 20:09:43 +02:00
|
|
|
var relation_arrival = relationend.querySelector("td.time");
|
|
|
|
var relation_arrival_list = relation_arrival.firstChild.textContent.trim().split(" ");
|
|
|
|
data[i]["to"]["time"] = relation_arrival_list[1];
|
|
|
|
data[i]["to"]["time_current"] = null;
|
|
|
|
var relation_arrival_current = relation_arrival.querySelector("span.delay, span.delayOnTime");
|
2020-09-19 20:59:27 +02:00
|
|
|
if(relation_arrival_current != null) {
|
2020-09-19 20:09:43 +02:00
|
|
|
data[i]["to"]["time_current"] = relation_arrival_current.innerText.trim();
|
|
|
|
}
|
|
|
|
|
2020-09-19 20:22:08 +02:00
|
|
|
// Departure platform
|
2020-09-19 20:09:43 +02:00
|
|
|
var relation_platform = relation.querySelector("td.platform");
|
|
|
|
data[i]["from"]["platform"] = relation_platform.innerText;
|
|
|
|
|
2020-09-19 20:22:08 +02:00
|
|
|
// Arrival platform
|
2020-09-19 20:09:43 +02:00
|
|
|
var relation_to_platform = relationend.querySelector("td.platform");
|
|
|
|
data[i]["to"]["platform"] = relation_to_platform.innerText;
|
|
|
|
|
2020-09-19 20:22:08 +02:00
|
|
|
// Travel products
|
2020-09-19 20:09:43 +02:00
|
|
|
var relation_products = relation.querySelector("td.products");
|
|
|
|
data[i]["products"] = [];
|
|
|
|
|
2020-09-19 20:22:08 +02:00
|
|
|
// Fetch all products for this travel
|
2020-09-19 20:09:43 +02:00
|
|
|
var relation_trains = relation_products.querySelectorAll("span a");
|
|
|
|
relation_trains.forEach((train, j) => {
|
|
|
|
data[i]["products"][j] = {};
|
2020-09-19 20:22:08 +02:00
|
|
|
|
|
|
|
// Prodcut details
|
2020-09-19 20:09:43 +02:00
|
|
|
data[i]["products"][j]["product"] = null;
|
|
|
|
data[i]["products"][j]["train_number"] = null;
|
|
|
|
data[i]["products"][j]["line_name"] = null;
|
|
|
|
|
|
|
|
var name_list = train.innerText.trim().replace(/ +/g, ' ').split(" ");
|
|
|
|
|
2020-09-19 20:22:08 +02:00
|
|
|
// Product name in format "STB 12 (23561)"
|
2020-09-19 20:09:43 +02:00
|
|
|
if(name_list.length == 3 && name_list[2].charAt(0) == '(' && name_list[2].charAt(name_list[2].length-1) == ')') {
|
|
|
|
data[i]["products"][j]["product"] = name_list[0];
|
|
|
|
data[i]["products"][j]["train_number"] = name_list[0] + " " + name_list[2].substring(1, name_list[2].length-1);
|
|
|
|
data[i]["products"][j]["line_name"] = name_list[0] + " " + name_list[1];
|
|
|
|
}
|
2020-09-19 20:22:08 +02:00
|
|
|
// Product name in format "ICE 234"
|
2020-09-19 20:09:43 +02:00
|
|
|
else {
|
|
|
|
data[i]["products"][j]["product"] = name_list[0];
|
|
|
|
data[i]["products"][j]["train_number"] = name_list[0] + " " + name_list[1];
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
2020-09-19 20:22:08 +02:00
|
|
|
// Travel information
|
2020-09-19 20:09:43 +02:00
|
|
|
var relation_items = relation.querySelectorAll("td");
|
|
|
|
var relation_info = relation_items[relation_items.length-1];
|
|
|
|
data[i]["info"] = relation_info.innerText;
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
console.log(data);
|
|
|
|
|
2020-09-19 20:11:06 +02:00
|
|
|
/*
|
|
|
|
* INJECT CUSTOM UI
|
|
|
|
*/
|
|
|
|
|
2020-09-16 14:22:10 +02:00
|
|
|
var trains = timetable.querySelectorAll("tr.first td.products");
|
|
|
|
trains.forEach((train) => {
|
|
|
|
var train_names = train.querySelectorAll("span a");
|
|
|
|
train_names.forEach((train_name) => {
|
2020-09-16 14:53:04 +02:00
|
|
|
train_name_text = bahnParseTrainName(train_name.innerText);
|
|
|
|
if(typeof train_name_text !== 'undefined') {
|
|
|
|
var marudor_button = domCreateButtonMarudor("/details/" + train_name_text);
|
|
|
|
train_name.after(marudor_button);
|
2020-09-16 15:05:04 +02:00
|
|
|
|
|
|
|
// Move linebreaks from link inner, after our button
|
|
|
|
linebreaks = train_name.querySelectorAll("br");
|
|
|
|
if(linebreaks.length != 0) {
|
|
|
|
linebreaks.forEach((linebreak) => {
|
|
|
|
train_name.removeChild(linebreak);
|
|
|
|
});
|
|
|
|
|
|
|
|
marudor_button.after(domCreateLinebreak());
|
|
|
|
}
|
2020-09-19 20:11:06 +02:00
|
|
|
|
2020-09-16 14:22:10 +02:00
|
|
|
}
|
2020-09-16 12:39:29 +02:00
|
|
|
});
|
2020-09-16 14:22:10 +02:00
|
|
|
});
|
|
|
|
|
|
|
|
var stations = timetable.querySelectorAll("tr td.station");
|
|
|
|
stations.forEach((station) => {
|
|
|
|
var station_name = station.innerText;
|
2020-09-16 14:53:04 +02:00
|
|
|
var marudor_button = domCreateButtonMarudor("/" + station_name);
|
|
|
|
station.append(marudor_button);
|
2020-09-16 14:22:10 +02:00
|
|
|
});
|
2020-09-16 12:39:29 +02:00
|
|
|
|
|
|
|
}
|
2020-09-16 14:22:10 +02:00
|
|
|
}
|
|
|
|
});
|
2020-09-16 12:39:29 +02:00
|
|
|
});
|
|
|
|
|
2020-09-16 13:03:05 +02:00
|
|
|
|
|
|
|
var target = document.getElementById('resultsOverview');
|
|
|
|
|
|
|
|
if(typeof target !== 'undefined') {
|
2020-09-16 14:19:31 +02:00
|
|
|
connection_result_observer.observe(target, {
|
2020-09-16 13:03:05 +02:00
|
|
|
subtree: true,
|
|
|
|
childList: true
|
|
|
|
});
|
|
|
|
}
|