2539e9f0ae
Replaces the theme switcher in the nav bar with a less intrusive link at the bottom. Closes #125
329 lines
8.8 KiB
JavaScript
329 lines
8.8 KiB
JavaScript
/*
|
||
* Copyright (C) 2020 Birte Kristina Friesel
|
||
*
|
||
* SPDX-License-Identifier: AGPL-3.0-or-later
|
||
*/
|
||
var j_departure = 0;
|
||
var j_duration = 0;
|
||
var j_arrival = 0;
|
||
var j_dest = '';
|
||
var j_stops = [];
|
||
var j_token = '';
|
||
|
||
function setTheme(theme) {
|
||
localStorage.setItem('theme', theme);
|
||
if (!otherTheme.hasOwnProperty(theme)) {
|
||
theme = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
|
||
}
|
||
addStyleSheet(theme, 'theme');
|
||
}
|
||
|
||
function upd_journey_data() {
|
||
$('.countdown').each(function() {
|
||
const journey_token = $(this).data('token');
|
||
if (journey_token) {
|
||
j_token = journey_token;
|
||
}
|
||
var journey_data = $(this).data('journey');
|
||
if (journey_data) {
|
||
journey_data = journey_data.split(';');
|
||
j_departure = parseInt(journey_data[0]);
|
||
j_arrival = parseInt(journey_data[1]);
|
||
j_duration = j_arrival - j_departure;
|
||
}
|
||
var journey_dest = $(this).data('dest');
|
||
if (journey_dest) {
|
||
j_dest = journey_dest;
|
||
}
|
||
var stops = $(this).data('route');
|
||
if (stops) {
|
||
stops = stops.split('|');
|
||
j_stops = [];
|
||
for (var stop_id in stops) {
|
||
var stopdata = stops[stop_id].split(';');
|
||
for (var i = 1; i < 5; i++) {
|
||
stopdata[i] = parseInt(stopdata[i]);
|
||
}
|
||
j_stops.push(stopdata);
|
||
}
|
||
}
|
||
});
|
||
}
|
||
function upd_countdown() {
|
||
const now = Date.now() / 1000;
|
||
if (j_departure > now) {
|
||
$('.countdown').text('Abfahrt in ' + Math.round((j_departure - now)/60) + ' Minuten');
|
||
} else if (j_arrival > 0) {
|
||
if (j_arrival > now) {
|
||
var diff = Math.round((j_arrival - now)/60);
|
||
if (diff >= 120) {
|
||
$('.countdown').text('Ankunft in ' + Math.floor(diff/60) + ' Stunden und ' + (diff%60) + ' Minuten');
|
||
} else if (diff >= 60) {
|
||
$('.countdown').text('Ankunft in 1 Stunde und ' + (diff%60) + ' Minuten');
|
||
} else {
|
||
$('.countdown').text('Ankunft in ' + diff + ' Minuten');
|
||
}
|
||
} else {
|
||
$('.countdown').text('Ziel erreicht');
|
||
}
|
||
}
|
||
}
|
||
function hhmm(epoch) {
|
||
var date = new Date(epoch * 1000);
|
||
var h = date.getHours();
|
||
var m = date.getMinutes();
|
||
return (h < 10 ? '0' + h : h) + ':' + (m < 10 ? '0' + m : m);
|
||
}
|
||
function odelay(sched, rt) {
|
||
if (sched < rt) {
|
||
return ' (+' + ((rt - sched) / 60) + ')';
|
||
}
|
||
else if (sched == rt) {
|
||
return '';
|
||
}
|
||
return ' (' + ((rt - sched) / 60) + ')';
|
||
}
|
||
|
||
function tvly_run(link, req, err_callback) {
|
||
var error_icon = '<i class="material-icons">error</i>';
|
||
var progressbar;
|
||
if (link.data('tr')) {
|
||
progressbar = $('<tr><td colspan="' + link.data('tr') + '"><div class="progress"><div class="indeterminate"></div></div></td></tr>');
|
||
}
|
||
else {
|
||
progressbar = $('<div class="progress"><div class="indeterminate"></div></div>');
|
||
}
|
||
link.hide();
|
||
link.after(progressbar);
|
||
$.post('/action', req, function(data) {
|
||
if (data.success) {
|
||
$(location).attr('href', data.redirect_to);
|
||
} else {
|
||
M.toast({html: error_icon + ' ' + data.error});
|
||
progressbar.remove();
|
||
if (err_callback) {
|
||
err_callback();
|
||
}
|
||
link.append(' ' + error_icon);
|
||
link.show();
|
||
}
|
||
});
|
||
}
|
||
function tvly_update() {
|
||
$.get('/ajax/status_card.html', function(data) {
|
||
$('.statuscol').html(data);
|
||
tvly_reg_handlers();
|
||
upd_journey_data();
|
||
setTimeout(tvly_update, 40000);
|
||
}).fail(function() {
|
||
$('.sync-failed-marker').css('display', 'block');
|
||
upd_countdown();
|
||
setTimeout(tvly_update, 5000);
|
||
});
|
||
}
|
||
function tvly_update_public() {
|
||
var user_name;
|
||
var profile_status = 0;
|
||
$('.publicstatuscol').each(function() {
|
||
user_name = $(this).data('user');
|
||
profile_status = $(this).data('profile');
|
||
});
|
||
$.get('/ajax/status/' + user_name + '.html', {token: j_token, profile: profile_status}, function(data) {
|
||
$('.publicstatuscol').html(data);
|
||
upd_journey_data();
|
||
setTimeout(tvly_update_public, 40000);
|
||
}).fail(function() {
|
||
$('.sync-failed-marker').css('display', 'block');
|
||
upd_countdown();
|
||
setTimeout(tvly_update_public, 5000);
|
||
});
|
||
}
|
||
function tvly_update_timeline() {
|
||
$.get('/timeline/in-transit', {ajax: 1}, function(data) {
|
||
$('.timeline-in-transit').html(data);
|
||
setTimeout(tvly_update_timeline, 60000);
|
||
}).fail(function() {
|
||
$('.sync-failed-marker').css('display', 'block');
|
||
setTimeout(tvly_update_timeline, 10000);
|
||
});
|
||
}
|
||
function tvly_journey_progress() {
|
||
var now = Date.now() / 1000;
|
||
var progress = 0;
|
||
if (j_duration > 0) {
|
||
progress = 1 - ((j_arrival - now) / j_duration);
|
||
if (progress < 0) {
|
||
progress = 0;
|
||
}
|
||
if (progress > 1) {
|
||
progress = 1;
|
||
}
|
||
$('.progress .determinate').css('width', (progress * 100) + '%');
|
||
|
||
for (stop in j_stops) {
|
||
var stop_name = j_stops[stop][0];
|
||
var sched_arr = j_stops[stop][1];
|
||
var rt_arr = j_stops[stop][2];
|
||
var sched_dep = j_stops[stop][3];
|
||
var rt_dep = j_stops[stop][4];
|
||
if (stop_name == j_dest) {
|
||
$('.next-stop').html('');
|
||
break;
|
||
}
|
||
if ((rt_arr != 0) && (rt_arr - now > 0)) {
|
||
$('.next-stop').html(stop_name + '<br/>' + hhmm(rt_arr) + odelay(sched_arr, rt_arr));
|
||
break;
|
||
}
|
||
if ((rt_dep != 0) && (rt_dep - now > 0)) {
|
||
if (rt_arr != 0) {
|
||
$('.next-stop').html(stop_name + '<br/>' + hhmm(rt_arr) + ' → ' + hhmm(rt_dep) + odelay(sched_dep, rt_dep));
|
||
} else {
|
||
$('.next-stop').html(stop_name + '<br/>' + hhmm(rt_dep) + odelay(sched_dep, rt_dep));
|
||
}
|
||
break;
|
||
}
|
||
}
|
||
setTimeout(tvly_journey_progress, 5000);
|
||
}
|
||
}
|
||
function tvly_reg_handlers() {
|
||
$('.action-checkin').click(function() {
|
||
var link = $(this);
|
||
var req = {
|
||
action: 'checkin',
|
||
station: link.data('station'),
|
||
train: link.data('train'),
|
||
dest: link.data('dest'),
|
||
ts: link.data('ts'),
|
||
};
|
||
tvly_run(link, req);
|
||
});
|
||
$('.action-checkout').click(function() {
|
||
var link = $(this);
|
||
var req = {
|
||
action: 'checkout',
|
||
station: link.data('station'),
|
||
force: link.data('force'),
|
||
};
|
||
tvly_run(link, req, function() {
|
||
if (!link.data('force')) {
|
||
link.append(' – Ohne Echtzeitdaten auschecken?')
|
||
link.data('force', true);
|
||
}
|
||
});
|
||
});
|
||
$('.action-undo').click(function() {
|
||
var link = $(this);
|
||
var now = Date.now() / 1000;
|
||
var checkints = parseInt(link.data('checkints'));
|
||
var req = {
|
||
action: 'undo',
|
||
undo_id: link.data('id'),
|
||
};
|
||
var do_checkout = true;
|
||
if (now - checkints > 900) {
|
||
do_checkout = confirm("Checkin wirklich rückgängig machen? Er kann ggf. nicht wiederholt werden.");
|
||
}
|
||
if (do_checkout) {
|
||
tvly_run(link, req);
|
||
}
|
||
});
|
||
$('.action-cancelled-from').click(function() {
|
||
var link = $(this);
|
||
var req = {
|
||
action: 'cancelled_from',
|
||
station: link.data('station'),
|
||
ts: link.data('ts'),
|
||
train: link.data('train'),
|
||
};
|
||
tvly_run(link, req);
|
||
});
|
||
$('.action-cancelled-to').click(function() {
|
||
var link = $(this);
|
||
var req = {
|
||
action: 'cancelled_to',
|
||
station: link.data('station'),
|
||
force: true,
|
||
};
|
||
tvly_run(link, req);
|
||
});
|
||
$('.action-delete').click(function() {
|
||
var link = $(this);
|
||
var req = {
|
||
action: 'delete',
|
||
id: link.data('id'),
|
||
checkin: link.data('checkin'),
|
||
checkout: link.data('checkout'),
|
||
};
|
||
var really_delete = confirm("Diese Zugfahrt wirklich löschen? Der Eintrag wird sofort aus der Datenbank entfernt und kann nicht wiederhergestellt werden.");
|
||
if (really_delete) {
|
||
tvly_run(link, req);
|
||
}
|
||
});
|
||
$('.action-share').click(function() {
|
||
var text = $(this).data('text');
|
||
var url = $(this).data('url');
|
||
if (navigator.share) {
|
||
shareObj = {
|
||
text: text
|
||
};
|
||
if (url) {
|
||
shareObj['url'] = url;
|
||
}
|
||
navigator.share(shareObj);
|
||
} else {
|
||
var el = document.createElement('textarea');
|
||
if (url) {
|
||
text += ' ' + url;
|
||
}
|
||
el.value = text;
|
||
el.setAttribute('readonly', '');
|
||
el.style.position = 'absolute';
|
||
el.style.left = '-9999px';
|
||
document.body.appendChild(el);
|
||
el.select();
|
||
el.setSelectionRange(0, 99999);
|
||
document.execCommand('copy');
|
||
document.body.removeChild(el);
|
||
M.toast({html: 'Text kopiert: „' + text + '“'});
|
||
}
|
||
});
|
||
}
|
||
$(document).ready(function() {
|
||
tvly_reg_handlers();
|
||
if ($('.statuscol .autorefresh').length) {
|
||
upd_journey_data();
|
||
setTimeout(tvly_update, 40000);
|
||
setTimeout(tvly_journey_progress, 5000);
|
||
}
|
||
if ($('.publicstatuscol .autorefresh').length) {
|
||
upd_journey_data();
|
||
setTimeout(tvly_update_public, 40000);
|
||
setTimeout(tvly_journey_progress, 5000);
|
||
}
|
||
if ($('.timeline-in-transit .autorefresh').length) {
|
||
setTimeout(tvly_update_timeline, 60000);
|
||
}
|
||
$('a[href]').click(function() {
|
||
$('nav .preloader-wrapper').addClass('active');
|
||
});
|
||
$('a[href="#now"]').keydown(function(event) {
|
||
// also trigger click handler on keyboard enter
|
||
if (event.keyCode == 13) {
|
||
event.preventDefault();
|
||
event.target.click();
|
||
}
|
||
});
|
||
$('a[href="#now"]').click(function(event) {
|
||
event.preventDefault();
|
||
$('nav .preloader-wrapper').removeClass('active');
|
||
now_el = $('#now')[0];
|
||
now_el.previousElementSibling.querySelector(".dep-time").focus();
|
||
now_el.scrollIntoView({behavior: "smooth", block: "center"});
|
||
});
|
||
const elems = document.querySelectorAll('.carousel');
|
||
const instances = M.Carousel.init(elems, {
|
||
fullWidth: true,
|
||
indicators: true}
|
||
);
|
||
});
|