travelynx/public/static/js/travelynx-actions.js

/*
 * 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',
			hafas: link.data('hafas'),
			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',
			hafas: link.data('hafas'),
			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',
			hafas: link.data('hafas'),
			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',
			hafas: link.data('hafas'),
			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 Fahrt 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}
	);
});