Prepare release of 2023.7.1-beta
This commit is contained in:
Fred Boniface
@@ -150,72 +150,78 @@
|
||||
click(rid, uid, tid);
|
||||
}
|
||||
</script>
|
||||
|
||||
<p class="smallScreen">Your display is too small to view this data</p>
|
||||
<table>
|
||||
<tr>
|
||||
<th class="id">ID</th>
|
||||
<th class="from">From</th>
|
||||
<th class="to">To</th>
|
||||
<th class="plat">Plat</th>
|
||||
<th class="time">Sch</th>
|
||||
<th class="time">Exp</th>
|
||||
<th class="time">Sch</th>
|
||||
<th class="time">Exp</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="other" colspan="4" />
|
||||
<th class="timepair" colspan="2">Arrival</th>
|
||||
<th class="timepair" colspan="2">Departure</th>
|
||||
</tr>
|
||||
{#each services as service}
|
||||
{#await generateServiceData(service)}
|
||||
<tr><td colspan="8">Loading Service Data...</td></tr>
|
||||
{:then serviceData}
|
||||
<tr
|
||||
class="dataRow"
|
||||
on:click={(event) => detail(event, service.rid, service.uid, service.trainid)}
|
||||
on:keypress={(event) => detail(event, service.rid, service.uid, service.trainid)}
|
||||
<table>
|
||||
<tr>
|
||||
<th class="id">ID</th>
|
||||
<th class="from">From</th>
|
||||
<th class="to">To</th>
|
||||
<th class="plat">Plat</th>
|
||||
<th class="time">Sch</th>
|
||||
<th class="time">Exp</th>
|
||||
<th class="time">Sch</th>
|
||||
<th class="time">Exp</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="other" colspan="4" />
|
||||
<th class="timepair" colspan="2">Arrival</th>
|
||||
<th class="timepair" colspan="2">Departure</th>
|
||||
</tr>
|
||||
{#each services as service}
|
||||
{#await generateServiceData(service)}
|
||||
<tr><td colspan="8">Loading Service Data...</td></tr>
|
||||
{:then serviceData}
|
||||
<tr
|
||||
class="dataRow"
|
||||
on:click={(event) => detail(event, service.rid, service.uid, service.trainid)}
|
||||
on:keypress={(event) => detail(event, service.rid, service.uid, service.trainid)}
|
||||
>
|
||||
<td class="id">{service.trainid}</td>
|
||||
<td class="from {serviceData.isNonPublic && 'nonPass'} {serviceData.isCancelled && 'cancTxt'}">{serviceData.from}</td>
|
||||
<td class="to {serviceData.isNonPublic && 'nonPass'} {serviceData.isCancelled && 'cancTxt'}">{serviceData.to}</td>
|
||||
<td class="plat {serviceData.isNonPublic && 'nonPass'} {serviceData.isCancelled && 'cancTxt'} {serviceData.platformHidden && 'nonPass'}"
|
||||
>{serviceData.platform.number || '-'}</td
|
||||
>
|
||||
<td class="id">{service.trainid}</td>
|
||||
<td class="from {serviceData.isNonPublic && 'nonPass'} {serviceData.isCancelled && 'cancTxt'}">{serviceData.from}</td>
|
||||
<td class="to {serviceData.isNonPublic && 'nonPass'} {serviceData.isCancelled && 'cancTxt'}">{serviceData.to}</td>
|
||||
<td class="plat {serviceData.isNonPublic && 'nonPass'} {serviceData.isCancelled && 'cancTxt'} {serviceData.platformHidden && 'nonPass'}">{serviceData.platform.number || '-'}</td>
|
||||
<td class="time schTime {serviceData.isNonPublic && 'nonPass'} {serviceData.isCancelled && 'cancTxt'}">{serviceData.schArr}</td>
|
||||
<td class="time {serviceData.isNonPublic && 'nonPass'} {serviceData.isLateArr && 'late'} {serviceData.isArrDelayed && 'late'} {serviceData.isCancelled && 'canc'} {serviceData.isEarlyArr && 'early'}"
|
||||
>{serviceData.isArrDelayed ? 'LATE' : serviceData.expArr}</td
|
||||
>
|
||||
<td class="time schTime {serviceData.isNonPublic && 'nonPass'} {serviceData.isCancelled && 'cancTxt'}">{serviceData.schDep}</td>
|
||||
<td
|
||||
class="time {serviceData.isNonPublic && 'nonPass'} {serviceData.isLateDep && 'late'} {serviceData.isDepDelayed && 'late'}
|
||||
<td class="time schTime {serviceData.isNonPublic && 'nonPass'} {serviceData.isCancelled && 'cancTxt'}">{serviceData.schArr}</td>
|
||||
<td
|
||||
class="time {serviceData.isNonPublic && 'nonPass'} {serviceData.isLateArr && 'late'} {serviceData.isArrDelayed && 'late'} {serviceData.isCancelled &&
|
||||
'canc'} {serviceData.isEarlyArr && 'early'}">{serviceData.isArrDelayed ? 'LATE' : serviceData.expArr}</td
|
||||
>
|
||||
<td class="time schTime {serviceData.isNonPublic && 'nonPass'} {serviceData.isCancelled && 'cancTxt'}">{serviceData.schDep}</td>
|
||||
<td
|
||||
class="time {serviceData.isNonPublic && 'nonPass'} {serviceData.isLateDep && 'late'} {serviceData.isDepDelayed && 'late'}
|
||||
{serviceData.isCancelled && 'canc'} {serviceData.isEarlyDep && 'early'}">{serviceData.isDepDelayed ? 'LATE' : serviceData.expDep}</td
|
||||
>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="tableTxt" colspan="8">
|
||||
{service.operator} {#if service.isCharter}charter{/if}
|
||||
{#if serviceData.length} | {serviceData.length} carriages{/if}
|
||||
{#if service.delayReason}
|
||||
<br />
|
||||
<Reason type={'delay'} code={service.delayReason} />
|
||||
{/if}
|
||||
{#if service.cancelReason}
|
||||
<br />
|
||||
<Reason type={'cancel'} code={service.cancelReason} />
|
||||
{/if}
|
||||
</td>
|
||||
</tr>
|
||||
{:catch}
|
||||
<tr>
|
||||
<td colspan="8">Unable to display service</td>
|
||||
</tr>
|
||||
{/await}
|
||||
{/each}
|
||||
</table>
|
||||
>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="tableTxt" colspan="8">
|
||||
{service.operator}
|
||||
{#if service.isCharter}charter{/if}
|
||||
{#if serviceData.length} | {serviceData.length} carriages{/if}
|
||||
{#if service.delayReason}
|
||||
<br />
|
||||
<Reason type={'delay'} code={service.delayReason} />
|
||||
{/if}
|
||||
{#if service.cancelReason}
|
||||
<br />
|
||||
<Reason type={'cancel'} code={service.cancelReason} />
|
||||
{/if}
|
||||
</td>
|
||||
</tr>
|
||||
{:catch}
|
||||
<tr>
|
||||
<td colspan="8">Unable to display service</td>
|
||||
</tr>
|
||||
{/await}
|
||||
{/each}
|
||||
</table>
|
||||
|
||||
<style>
|
||||
table {
|
||||
table-layout: fixed;
|
||||
width: 100%;
|
||||
max-width: 875px;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
color: white;
|
||||
@@ -261,10 +267,12 @@
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
td.to, th.to {
|
||||
td.to,
|
||||
th.to {
|
||||
text-align: right;
|
||||
}
|
||||
td.from, th.from {
|
||||
td.from,
|
||||
th.from {
|
||||
text-align: left;
|
||||
}
|
||||
td.time {
|
||||
@@ -280,27 +288,52 @@
|
||||
}
|
||||
|
||||
/* Handle small screens */
|
||||
.smallScreen {display: none; margin: 20px;}
|
||||
.smallScreen {
|
||||
display: none;
|
||||
margin: 20px;
|
||||
}
|
||||
@media screen and (max-width: 335px) {
|
||||
th {font-size: 10px;}
|
||||
.dataRow {font-size: 12px;}
|
||||
td.time {font-size: 12px;}
|
||||
.tableTxt{font-size:10px;}
|
||||
th {
|
||||
font-size: 10px;
|
||||
}
|
||||
.dataRow {
|
||||
font-size: 12px;
|
||||
}
|
||||
td.time {
|
||||
font-size: 12px;
|
||||
}
|
||||
.tableTxt {
|
||||
font-size: 10px;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 279px) {
|
||||
table {display: none;}
|
||||
.smallScreen {display: block;}
|
||||
table {
|
||||
display: none;
|
||||
}
|
||||
.smallScreen {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
/* Handle Large Screens */
|
||||
@media screen and (min-width: 375px) {
|
||||
.dataRow{font-size: 18px;}
|
||||
td.time{font-size:16px;}
|
||||
.dataRow {
|
||||
font-size: 18px;
|
||||
}
|
||||
td.time {
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 450px) {
|
||||
.dataRow{font-size:20px;}
|
||||
td.time{font-size:19px;}
|
||||
.tableTxt{font-size:13px;}
|
||||
.dataRow {
|
||||
font-size: 20px;
|
||||
}
|
||||
td.time {
|
||||
font-size: 19px;
|
||||
}
|
||||
.tableTxt {
|
||||
font-size: 13px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Conditional Classes */
|
||||
|
||||
@@ -108,24 +108,24 @@
|
||||
<br />
|
||||
Times in <span class="estimate">yellow</span> are estimated times
|
||||
</p>
|
||||
{#if train.GetServiceDetailsResult.delayReason}
|
||||
<p class="reason late">
|
||||
<Reason type="delay" code={train.GetServiceDetailsResult.delayReason} />
|
||||
</p>
|
||||
{/if}
|
||||
{#if train.GetServiceDetailsResult.cancelReason}
|
||||
<p class="reason canc">
|
||||
<Reason type="cancel" code={train.GetServiceDetailsResult.cancelReason} />
|
||||
</p>
|
||||
{/if}
|
||||
<table id="detailTable">
|
||||
{#if train.GetServiceDetailsResult.delayReason}
|
||||
<p class="reason late">
|
||||
<Reason type="delay" code={train.GetServiceDetailsResult.delayReason} />
|
||||
</p>
|
||||
{/if}
|
||||
{#if train.GetServiceDetailsResult.cancelReason}
|
||||
<p class="reason canc">
|
||||
<Reason type="cancel" code={train.GetServiceDetailsResult.cancelReason} />
|
||||
</p>
|
||||
{/if}
|
||||
<table id="detailTable">
|
||||
<tr>
|
||||
<th class="tableLocation">Loc.</th>
|
||||
<th class="tablePlatform">Pl.</th>
|
||||
<th class="tableTime">Sch</th>
|
||||
<th class="tableTime">Est/<br>Act</th>
|
||||
<th class="tableTime">Est/<br />Act</th>
|
||||
<th class="tableTime">Sch</th>
|
||||
<th class="tableTime">Est/<br>Act</th>
|
||||
<th class="tableTime">Est/<br />Act</th>
|
||||
<th class="tableDelay" />
|
||||
</tr>
|
||||
<tr>
|
||||
@@ -209,17 +209,23 @@
|
||||
margin-right: 0px;
|
||||
padding: 0px;
|
||||
color: white;
|
||||
font-family: ubuntu,monospace;
|
||||
font-family: ubuntu, monospace;
|
||||
font-size: 16px;
|
||||
}
|
||||
@media screen and (max-width: 338px) {
|
||||
#detailTable{font-size: 14px}
|
||||
#detailTable {
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 301px) {
|
||||
#detailTable{font-size: 12px}
|
||||
#detailTable {
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 469px) {
|
||||
#detailTable{font-size: 20px}
|
||||
#detailTable {
|
||||
font-size: 20px;
|
||||
}
|
||||
}
|
||||
.tableLocation {
|
||||
width: 18%;
|
||||
|
||||
@@ -1,3 +1,3 @@
|
||||
export const version = '2023.7.1';
|
||||
export const versionTag = 'beta.2';
|
||||
export const versionTag = 'beta.3';
|
||||
export const showWelcome = true;
|
||||
|
||||
Reference in New Issue
Block a user