ctucx.git: trainsearch

tripView: add refresh-feature

diff --git a/src/tripView.js b/src/tripView.js
@@ -9,7 +9,7 @@ import { go } from './router.js';
 import { getHafasClient, client } from './hafasClient.js';
 import { t } from './languages.js';
 
-const tripTemplate = (data, profile) => {
+const tripTemplate = (data, profile, refreshToken) => {
 	let changes = 0;
 	let lastArrival;
 

@@ -33,7 +33,7 @@ const tripTemplate = (data, profile) => {
 				<div class="container">
 					<h3>Trip of ${formatLineDisplayName(data.line)} to ${data.direction}</h3>
 				</div>
-				<a class="icon-reload invisible" title="${t('title')}"></a>
+				<a class="icon-reload" title="${t('title')}" @click=${() => refreshTripView(profile, refreshToken)}></a>
 			</header>
 		</div>
 

@@ -116,8 +116,28 @@ export const tripView = async (match, isUpdate) => {
 
 	hideOverlay();
 
-	render(tripTemplate(data.trip, profile), ElementById('content'));
+	render(tripTemplate(data.trip, profile, refreshToken), ElementById('content'));
 	setThemeColor(queryBackgroundColor('header'));
 
+	console.log(data)
+
 	if (history.length > 0) showElement(ElementById('back'));
 };
+
+const refreshTripView = async (profile, refreshToken) => {
+	document.querySelector('.icon-reload').classList.add('spinning');
+
+	let data;
+
+	try {
+		const client = await getHafasClient(profile);
+		data = await client.trip(refreshToken, {stopovers: true});
+		processLeg(data.trip);
+	} catch(e) {
+		showAlertModal(e.toString());
+		throw e;
+	}
+
+	render(tripTemplate(data.trip, profile, refreshToken), ElementById('content'));
+	document.querySelector('.icon-reload').classList.remove('spinning');
+};