ctucx.git: trainsearch

fix modals

diff --git a/src/templates.js b/src/templates.js
@@ -0,0 +1,38 @@
+import { lineAdditionalName } from './helpers.js';
+import { showModal } from './overlays.js';
+import { html } from 'lit-html';
+import { settings } from './settings.js';
+import { t } from './app_functions.js';
+
+export const remarksModalTemplate = (type, remarks) => html`
+	<table class="remarks">
+		${remarks.map(element => html`
+			<tr>
+			<td>
+				<span class="remark icon-${type}"></span>
+				<span>${element.text}</span>
+			</td>
+			</tr>
+		`)}
+	</table>
+`;
+
+export const travelynxTemplate = (element) => {
+	if (settings.travelynx && element.line && element.line.mode === 'train') {
+		const trainName = lineAdditionalName(element.line) || element.line?.name;
+
+		if (trainName) {
+			return html`
+				<a class="link icon-travelynx" href="https://travelynx.de/s/${element.origin.id}?train=${encodeURIComponent(trainName)}"></a>
+			`;
+		}
+	}
+};
+
+export const showRemarksModal = (type, remarks) => {
+	showModal(t('remarks'), remarksModalTemplate(type, remarks));
+};
+export const remarksTemplate = ([type, remarks]) => !!remarks.length ? html`
+	<a class="link icon-${type}" @click=${() => showRemarksModal(type, remarks)}></a>
+` : '';
+