add train type information to journeyView
This commit is contained in:
parent
1c9fde6bfd
commit
1d5b4f2f7c
|
@ -65,11 +65,32 @@ const legTemplate = (element) => {
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
<td colspan="4">
|
<td colspan="4">
|
||||||
<span>${element.line.name} ${element.line.additionalName ? '('+element.line.additionalName+')' : ''} → ${element.direction} ${element.cancelled ? html`<b class="cancelled-text">${t('cancelled-ride')}</b>` : ''}
|
<span>${element.line.name}
|
||||||
|
→ ${element.direction}
|
||||||
|
${element.cancelled ? html`<b class="cancelled-text">${t('cancelled-ride')}</b>` : ''}
|
||||||
${Object.entries(remarks).map(remarksTemplate)}
|
${Object.entries(remarks).map(remarksTemplate)}
|
||||||
${travelynxTemplate(element)}</span>
|
${travelynxTemplate(element)}</span>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td colspan="4">
|
||||||
|
<div class="train-details">
|
||||||
|
${element.line.additionalName ? html`
|
||||||
|
<div class="train-detail">
|
||||||
|
Trip: ${element.line.additionalName}
|
||||||
|
</div>
|
||||||
|
` : ''}
|
||||||
|
${element.line.trainType ? html`
|
||||||
|
<div class="train-detail">
|
||||||
|
Train type: ${element.line.trainType}
|
||||||
|
</div>
|
||||||
|
` : ''}
|
||||||
|
<div class="train-detail">
|
||||||
|
Duration: ${formatDuration((element.arrival.prognosedTime || element.arrival.plannedTime) - (element.departure.prognosedTime || element.departure.plannedTime))}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<th>${t('arrival')}</th>
|
<th>${t('arrival')}</th>
|
||||||
<th>${t('departure')}</th>
|
<th>${t('departure')}</th>
|
||||||
|
@ -97,8 +118,8 @@ const journeyTemplate = (data, requestId, journeyId) => {
|
||||||
const departure = data.legs[0].departure;
|
const departure = data.legs[0].departure;
|
||||||
const arrival = data.legs[data.legs.length - 1].arrival;
|
const arrival = data.legs[data.legs.length - 1].arrival;
|
||||||
|
|
||||||
const departureTime = departure.prognosedTime ? departure.prognosedTime : departure.plannedTime;
|
const departureTime = departure.prognosedTime || departure.plannedTime;
|
||||||
const arrivalTime = arrival.prognosedTime ? arrival.prognosedTime : arrival.plannedTime;
|
const arrivalTime = arrival.prognosedTime || arrival.plannedTime;
|
||||||
const duration = arrivalTime - departureTime;
|
const duration = arrivalTime - departureTime;
|
||||||
|
|
||||||
const legs = [];
|
const legs = [];
|
||||||
|
|
|
@ -957,3 +957,16 @@ form>div.history {
|
||||||
header h3 {
|
header h3 {
|
||||||
margin-right: 1.5em;
|
margin-right: 1.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.train-details {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.journey thead>tr:nth-child(2) {
|
||||||
|
border-bottom: 2px solid #ccc;
|
||||||
|
}
|
||||||
|
|
||||||
|
.train-detail {
|
||||||
|
margin: .4em 2em;
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in a new issue