ctucx.git: trainsearch

journeyView.js: show remarks-icon as needed

diff --git a/src/journeyView.js b/src/journeyView.js
@@ -9,7 +9,10 @@ import { go } from './router.js';
 import { html, nothing, render } from 'lit-html';
 
 const legTemplate = (leg, profile) => {
-	const remarks = leg.remarks || [];
+	const remarks        = leg.remarks || [];
+	const remarksStatus  = remarks.some((obj) => obj.type === 'status');
+	const remarksWarning = remarks.some((obj) => obj.type === 'warning');
+	const remarksIcon    = remarksWarning ? 'icon-warning' : (remarksStatus ? 'icon-status' : 'icon-hint');
 
 	return html`
 		${leg.walking ? html`

@@ -27,7 +30,7 @@ const legTemplate = (leg, profile) => {
 							<div class="center"><a href="#/t/${profile}/${leg.tripId}">${formatLineDisplayName(leg.line)}${leg.direction ? html` → ${leg.direction}` : nothing}</a>
 							${leg.cancelled ? html`<b class="cancelled-text">${t('cancelled-ride')}</b>` : nothing}
 							${!!remarks.length ? html`
-								<a class="link icon-hint" @click=${() => showModal(t('remarks'), remarksModalTemplate(remarks))}></a>
+								<a class="link ${remarksIcon}" @click=${() => showModal(t('remarks'), remarksModalTemplate(remarks))}></a>
 							` : nothing}</div>
 						</td>
 					</tr>