ctucx.git: trainsearch

translations

diff --git a/client/src/journeyView.js b/client/src/journeyView.js
@@ -94,7 +94,7 @@ const legTemplate = leg => {
 									</div>
 								` : ''}
 								<div class="train-detail">
-									Duration: ${formatDuration(leg.arrival - leg.departure)}
+									${t('duration')}: ${formatDuration(leg.arrival - leg.departure)}
 								</div>
 								${leg.loadFactor ? html`
 									<div class="train-detail">

diff --git a/client/src/journeysView.js b/client/src/journeysView.js
@@ -18,16 +18,16 @@ const journeysTemplate = (data) => html`
 					<div class="mode-changers">
 						<a @click=${changeMode('table')} class="${settings.journeysViewMode === 'table' ? 'active' : ''}">
 							<div class="icon-table"></div>
-							<span>Table</span>
+							<span>${t('table-view')}</span>
 						</a>
 						<a @click=${changeMode('canvas')} class="${settings.journeysViewMode === 'canvas' ? 'active' : ''}">
 							<div class="icon-canvas"></div>
-							<span>Canvas</span>
+							<span>${t('canvas-view')}</span>
 						</a>
 						${settings.showMap ? html`
 							<a @click=${changeMode('map')} class="${settings.journeysViewMode === 'map' ? 'active' : ''}">
 								<div class="icon-map"></div>
-								<span>Map</span>
+								<span>${t('map-view')}</span>
 							</a>
 						` : ''}
 					</div>

diff --git a/client/src/languages.js b/client/src/languages.js
@@ -58,6 +58,8 @@ export const languages = {
 		'load-high':          'Hohe Auslastung',
 		'load-very-high':     'Sehr hohe Auslastung',
 		'load-exceptionally-high': 'Extrem hohe Auslastung',
+		'table-view':         'Tabelle',
+		'map-view':           'Karte',
 	},
 
 	'en': {

@@ -119,5 +121,8 @@ export const languages = {
 		'load-high':         'High load',
 		'load-very-high':    'Very high load',
 		'load-exceptionally-high': 'Exceptionally high load',
+		'table-view':        'Table',
+		'canvas-view':       'Canvas',
+		'map-view':          'Map',
 	}
 };

diff --git a/client/src/searchView.js b/client/src/searchView.js
@@ -98,16 +98,16 @@ const searchTemplate = (journeysHistory) => html`
 					<label class="icon-taxi" for="taxi" title="${t('taxi')}">${t('taxi')}<br></label>
 				</div>
 
-				<span class="hidden">{{LABEL_ACCESSIBILITY}}:</span>
+				<span class="hidden">${t('accessibility')}:</span>
 				<div class="selector">
 					<input type="radio" id="accessibilityNone" name="accessibility" value="none" ?checked=${settings.accessibility === 'none'}>
-					<label class="icon-walk-fast" for="accessibilityNone" title="{{LABEL_ACCESSIBILITY_NONE}}">{{LABEL_ACCESSIBILITY_NONE}}<br></label>
+					<label class="icon-walk-fast" for="accessibilityNone" title="${t('access_none')}">${t('access_none')}<br></label>
 
 					<input type="radio" id="accessibilityPartial" name="accessibility" value="partial" ?checked=${settings.accessibility === 'partial'}>
-					<label class="icon-walk" for="accessibilityPartial" title="{{LABEL_ACCESSIBILITY_PARTIAL}}">{{LABEL_ACCESSIBILITY_PARTIAL}}<br></label>
+					<label class="icon-walk" for="accessibilityPartial" title="${t('access_partial')}">${t('access_partial')}<br></label>
 
 					<input type="radio" id="accessibilityComplete" name="accessibility" value="complete" ?checked=${settings.accessibility === 'complete'}>
-					<label class="icon-weelchair" for="accessibilityComplete" title="{{LABEL_ACCESSIBILITY_FULL}}">{{LABEL_ACCESSIBILITY_FULL}}<br></label>
+					<label class="icon-weelchair" for="accessibilityComplete" title="${t('access_full')}">${t('access_full')}<br></label>
 				</div>
 
 				<div class="selector">