106 lines
3.0 KiB
JavaScript
106 lines
3.0 KiB
JavaScript
versionDisplay()
|
|
|
|
let data // Maybe this is a bad idea?
|
|
|
|
init()
|
|
|
|
async function init() {
|
|
const headcode = await getQuery('headcode')
|
|
if (headcode == 'false') {
|
|
parse([]) // Pass an empty array to parse()
|
|
}
|
|
const res = await get(headcode)
|
|
parse(res)
|
|
}
|
|
|
|
async function get(headcode) {
|
|
const apiPath = `train/headcode/today/${headcode}`
|
|
data = await getApi(apiPath, auth = true)
|
|
if (typeof data == 'number' || !data) {
|
|
log('train-detail.get: Status: ' + data, 'ERR')
|
|
return []
|
|
}
|
|
log(data, 'DBUG')
|
|
return data
|
|
}
|
|
|
|
async function parse(data) {
|
|
if (data.length >= 1) {
|
|
document.getElementById('train_options').style = 'display:none;'
|
|
displayOne(data[0])
|
|
}
|
|
displayOptions(data)
|
|
document.getElementById('train_data').style = 'display:block;'
|
|
}
|
|
|
|
async function displayOptions(data) {
|
|
for (service in data) {
|
|
const serviceData = data[service]
|
|
const lastStop = serviceData['stops'][(serviceData['stops'].length - 1)]
|
|
log(`displayOptions: data[${service}] = ${serviceData}`, 'dbug')
|
|
let button = `
|
|
<button class='service_button' onclick='displayOne(data[${service}])'>
|
|
<span class='service_toc'>GW</span>
|
|
<span class='service_origin_time'>${serviceData['stops'][0]['wttDeparture']}</span>
|
|
<span class='service_origin_tiploc'>${serviceData['stops'][0]['tiploc']}</span>
|
|
to
|
|
<span class='service_dest_tiploc'>${lastStop['tiploc']}</span>
|
|
</button>
|
|
`
|
|
document.getElementById('train_options').insertAdjacentHTML('beforeend', button)
|
|
}
|
|
document.getElementById('train_options').style = 'display:block;'
|
|
return data
|
|
}
|
|
|
|
async function displayOne(object) {
|
|
// Display a single service
|
|
const dataTableHead = `
|
|
<p id='data_headcode'>${object['headcode']}</p>
|
|
<p id='data_piscode'>PIS Code: ${object['pis']}</p>
|
|
<table id='data_table'>
|
|
<tr>
|
|
<th>Location</th>
|
|
<th>Arr.</th>
|
|
<th>Dep.</th>
|
|
</tr>
|
|
`
|
|
const dataTableClose = `
|
|
</table>`
|
|
let publicStops = []
|
|
for (const stop of object['stops']) {
|
|
if (stop['isPublic']) {
|
|
publicStops.push(stop)
|
|
}
|
|
}
|
|
console.log(publicStops)
|
|
stopRows = ''
|
|
for (const stop of publicStops) {
|
|
stopRows += await createPublicStopTableRow(stop)
|
|
}
|
|
const displayBox = document.getElementById('train_data')
|
|
displayBox.innerHTML = ''
|
|
displayBox.insertAdjacentHTML('beforeend', dataTableHead + stopRows + dataTableClose)
|
|
displayBox.style = 'display:block;'
|
|
}
|
|
|
|
async function createPublicStopTableRow(stop) {
|
|
let data_tiploc = stop['tiploc'], public_arr = stop['publicArrival'],
|
|
public_dep = stop['publicDeparture']
|
|
if (typeof data_tiploc === 'undefined') {
|
|
data_tiploc = ''
|
|
}
|
|
if (typeof public_arr === 'undefined') {
|
|
public_arr = '-'
|
|
}
|
|
if (typeof public_dep === 'undefined') {
|
|
public_dep = '-'
|
|
}
|
|
return `
|
|
<tr>
|
|
<td id='data_tiploc'>${data_tiploc}</td>
|
|
<td id='public_arr'>${public_arr}</td>
|
|
<td id='public_dep'>${public_dep}</td>
|
|
</tr>
|
|
`
|
|
} |