OwlBoard/web
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Activity

pis #2

Merged
fred.boniface merged 76 commits from pis into main 2023-05-06 21:53:45 +01:00
Conversation 0 Commits 76 Files Changed 34 +1113 -1112
14 changed files with 1113 additions and 1112 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 9444c5fdf5 - Show all commits

5
.eslintrc.js
View File

@ -12,7 +12,7 @@ module.exports = {
'rules': { 'rules': {
'indent': [ 'indent': [
'error', 'error',
4 2
], ],
'linebreak-style': [ 'linebreak-style': [
'error', 'error',
@ -25,6 +25,7 @@ module.exports = {
'semi': [ 'semi': [
'error', 'error',
'never' 'never'
] ],
'no-undef': 'off',
} }
} }

18
find-code.html
View File

@ -1,24 +1,23 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"/> <meta charset="UTF-8">
<meta name="description" content="OwlBoard - Find CRS, TIPLOC & STANOX Codes with ease."/> <meta name="description" content="OwlBoard - Find CRS, TIPLOC & STANOX Codes with ease.">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="application-name" content="OwlBoard"> <meta name="application-name" content="OwlBoard">
<meta name="author" content="Frederick Boniface"> <meta name="author" content="Frederick Boniface">
<meta name="theme-color" content="#00b7b7"> <meta name="theme-color" content="#00b7b7">
<link rel="apple-touch-icon" href="/images/app-icons/any/apple-192.png"> <link rel="apple-touch-icon" href="/images/app-icons/any/apple-192.png">
<link rel="stylesheet" type="text/css" href="./styles/main.css"/> <link rel="stylesheet" type="text/css" href="./styles/main.css">
<link rel="stylesheet" type="text/css" href="./styles/find-code.css"/> <link rel="stylesheet" type="text/css" href="./styles/find-code.css">
<link rel="icon" type="image/svg+xml" href="./images/icon.svg"/> <link rel="icon" type="image/svg+xml" href="./images/icon.svg">
<link rel="manifest" type="application/json" href="./manifest.json"/> <link rel="manifest" type="application/json" href="./manifest.json">
<title>OwlBoard - Code Lookup</title> <title>OwlBoard - Code Lookup</title>
<script src="./js/lib.main.js" defer></script> <script src="./js/lib.main.js" defer></script>
<script src="./js/find-code.js" defer></script> <script src="./js/find-code.js" defer></script>
</head> </head>
<body> <body>
<div id="top_button" class="hide_micro"> <div id="top_button" class="hide_micro">
<a href="/"> <a href="/">
<picture aria-label="Home" class="sidebar_control"> <picture aria-label="Home" class="sidebar_control">
@ -27,7 +26,6 @@
</picture> </picture>
</a> </a>
</div> </div>
<picture> <picture>
<source srcset="/images/logo/wide_logo.svg" type="image/svg+xml"> <source srcset="/images/logo/wide_logo.svg" type="image/svg+xml">
<source media="(max-height: 739px)" srcset="/images/logo/logo-full-200.png" type="image/png"> <source media="(max-height: 739px)" srcset="/images/logo/logo-full-200.png" type="image/png">
@ -47,7 +45,7 @@
</div> </div>
<label for="name">Location name:</label><br> <label for="name">Location name:</label><br>
<input type="text" class="small-lookup-box" id="name" name="name" readonly=""><br> <input type="text" class="small-lookup-box" id="name" name="name" readonly><br>
<label for="3alpha">CRS/3ALPHA:</label><br> <label for="3alpha">CRS/3ALPHA:</label><br>
<input type="text" class="small-lookup-box" id="3alpha" name="3alpha" maxlength="3"><br> <input type="text" class="small-lookup-box" id="3alpha" name="3alpha" maxlength="3"><br>
<label for="nlc">NLC:</label><br> <label for="nlc">NLC:</label><br>
@ -57,7 +55,7 @@
<label for="stanox">STANOX:</label><br> <label for="stanox">STANOX:</label><br>
<input type="number" class="small-lookup-box" id="stanox" name="stanox"><br> <input type="number" class="small-lookup-box" id="stanox" name="stanox"><br>
<label for="stanme" hidden>STANME:</label><br> <label for="stanme" hidden>STANME:</label><br>
<input type="test" class="small-lookup-box" id="stanme" name="stanme" readonly="" hidden><br> <input type="text" class="small-lookup-box" id="stanme" name="stanme" readonly hidden><br>
<input type="submit" value="Find" class="lookup-button" onclick="fetchEntry()"> <input type="submit" value="Find" class="lookup-button" onclick="fetchEntry()">
<input type="submit" value="Clear" class="lookup-button" onclick="clearForm()"> <input type="submit" value="Clear" class="lookup-button" onclick="clearForm()">
</body> </body>

62
js/auth.js
View File

@ -6,74 +6,74 @@ Auth process: User Requests Key => Server emails key to user =>
auth.js adds this to localStorage auth.js adds this to localStorage
*/ */
const cmd = document.getElementById('cmd') // Assign element to const const cmd = document.getElementById('cmd') // Assign element to const
versionDisplay(); // Show web version in footer versionDisplay() // Show web version in footer
init(); // Run init function init() // Run init function
async function sendHome(){ async function sendHome(){
await delay(2000); await delay(2000)
location.replace('./') location.replace('./')
} }
async function cmdOut(message) { async function cmdOut(message) {
html = "<p>" + message + "</p>" html = '<p>' + message + '</p>'
cmd.insertAdjacentHTML('beforeend', html) cmd.insertAdjacentHTML('beforeend', html)
} }
async function registerKey(key) { // Posts key to server and listens for response. async function registerKey(key) { // Posts key to server and listens for response.
const url = `${window.location.origin}/api/v1/register/register`; const url = `${window.location.origin}/api/v1/register/register`
const res = await fetch(url, { // The response will contain the UUID which will be registered const res = await fetch(url, { // The response will contain the UUID which will be registered
method: "POST", method: 'POST',
headers: { headers: {
"Content-Type": "application/json" 'Content-Type': 'application/json'
}, },
redirect: "follow", redirect: 'follow',
body: JSON.stringify({uuid: key}) body: JSON.stringify({uuid: key})
}) })
const data = await res.json(); const data = await res.json()
return res.status === 201 return res.status === 201
? (localStorage.setItem("uuid", data.api_key), true) ? (localStorage.setItem('uuid', data.api_key), true)
: false; : false
} }
async function checkAuth(key) { async function checkAuth(key) {
const url = `${window.location.origin}/api/v1/auth/test`; const url = `${window.location.origin}/api/v1/auth/test`
const res = await fetch(url, { const res = await fetch(url, {
method: "GET", method: 'GET',
redirect: "follow", redirect: 'follow',
headers: { headers: {
"uuid": key 'uuid': key
} }
}) })
return res.status === 200 ? true : false return res.status === 200 ? true : false
} }
async function init(){ // Reads registration key from query, and calls registerKey(key) async function init(){ // Reads registration key from query, and calls registerKey(key)
cmdOut("Reading authorisation code"); cmdOut('Reading authorisation code')
const key = await getQuery("key"); const key = await getQuery('key')
if (key === "false") { if (key === 'false') {
cmdOut("No valid key found") cmdOut('No valid key found')
cmdOut("Try clicking the link again or request a new activation link") cmdOut('Try clicking the link again or request a new activation link')
hideLoading() hideLoading()
return return
} }
cmdOut("Requesting API Key from server"); cmdOut('Requesting API Key from server')
if (!await registerKey(key)) { if (!await registerKey(key)) {
cmdOut("Failed to register or invalid key") cmdOut('Failed to register or invalid key')
cmdOut("Try again later or request a new link") cmdOut('Try again later or request a new link')
hideLoading() hideLoading()
return return
} }
showLoading() showLoading()
if (! await checkAuth(localStorage.getItem("uuid"))) { if (! await checkAuth(localStorage.getItem('uuid'))) {
cmdOut("Authentication Check failed") cmdOut('Authentication Check failed')
cmdOut("Please logout and request a new link") cmdOut('Please logout and request a new link')
hideLoading() hideLoading()
await delay(2000) await delay(2000)
location.replace("./") location.replace('./')
} }
hideLoading(); hideLoading()
cmdOut("Authentication succesful") cmdOut('Authentication succesful')
cmdOut("Redirecting to home") cmdOut('Redirecting to home')
await delay(3000) await delay(3000)
location.replace("./") location.replace('./')
} }

99
js/find-code.js
View File

@ -1,12 +1,12 @@
hideLoading(); hideLoading()
async function fetchEntry(){ // This can be condensed async function fetchEntry(){ // This can be condensed
showLoading(); showLoading()
var name = document.getElementById("name") var name = document.getElementById('name')
var crs = document.getElementById("3alpha") var crs = document.getElementById('3alpha')
var nlc = document.getElementById("nlc") var nlc = document.getElementById('nlc')
var tiploc = document.getElementById("tiploc") var tiploc = document.getElementById('tiploc')
var stanox = document.getElementById("stanox") var stanox = document.getElementById('stanox')
var values = { var values = {
name: name.value, name: name.value,
@ -20,78 +20,79 @@ async function fetchEntry(){ // This can be condensed
async function parseData(values){ async function parseData(values){
vibe() vibe()
if (values.crs != ""){ let data
if (values.crs != ''){
setLoadingDesc(`Searching\n${values.crs.toUpperCase()}`) setLoadingDesc(`Searching\n${values.crs.toUpperCase()}`)
var data = await getData("crs", values.crs) data = await getData('crs', values.crs)
} else if (values.nlc != ""){ } else if (values.nlc != ''){
setLoadingDesc(`Searching\n${values.nlc.toUpperCase()}`) setLoadingDesc(`Searching\n${values.nlc.toUpperCase()}`)
var data = await getData("nlc", values.nlc) data = await getData('nlc', values.nlc)
} else if (values.tiploc != ""){ } else if (values.tiploc != ''){
setLoadingDesc(`Searching\n${values.tiploc.toUpperCase()}`) setLoadingDesc(`Searching\n${values.tiploc.toUpperCase()}`)
var data = await getData("tiploc", values.tiploc) data = await getData('tiploc', values.tiploc)
} else if (values.stanox != ""){ } else if (values.stanox != ''){
setLoadingDesc(`Searching\n${values.stanox.toUpperCase()}`) setLoadingDesc(`Searching\n${values.stanox.toUpperCase()}`)
var data = await getData("stanox", values.stanox) data = await getData('stanox', values.stanox)
} else if (values.name != ""){ } else if (values.name != ''){
setLoadingDesc(`Searching\n${values.name}`) setLoadingDesc(`Searching\n${values.name}`)
var data = await getData("name", values.name) data = await getData('name', values.name)
} else { } else {
log("find-code.parseData: No data entered", "WARN") log('find-code.parseData: No data entered', 'WARN')
await clearForm(); await clearForm()
document.getElementById("name").value = "No data entered" document.getElementById('name').value = 'No data entered'
vibe("err"); vibe('err')
hideLoading(); hideLoading()
return; return
} }
displayData(data); displayData(data)
} }
async function getData(type, value){ async function getData(type, value){
log(`find-code.getData: Looking for: ${type} '${value}'`, "INFO") log(`find-code.getData: Looking for: ${type} '${value}'`, 'INFO')
try { try {
var url = `${window.location.origin}/api/v1/find/${type}/${value}`; var url = `${window.location.origin}/api/v1/find/${type}/${value}`
var resp = await fetch(url); var resp = await fetch(url)
return await resp.json() return await resp.json()
} catch (err) { } catch (err) {
log(`find-code.getData: Error getting data: ${err}`, "WARN") log(`find-code.getData: Error getting data: ${err}`, 'WARN')
vibe("err") vibe('err')
return ""; return ''
} }
} }
async function displayData(data){ async function displayData(data){
hideLoading(); hideLoading()
if (data.status === "failed" || data == ""){ if (data.status === 'failed' || data == ''){
log(`find-code.displayData: Unable to find data`, "WARN") log('find-code.displayData: Unable to find data', 'WARN')
clearForm(); clearForm()
document.getElementById("name").value = "Not Found"; document.getElementById('name').value = 'Not Found'
} else { } else {
log(`find-code.displayData: Inserting data`, "INFO") log('find-code.displayData: Inserting data', 'INFO')
vibe("ok") vibe('ok')
try { try {
document.getElementById("name").value = data['0']['NLCDESC'] document.getElementById('name').value = data['0']['NLCDESC']
} catch (err) {} } catch (err) {}
try { try {
document.getElementById("3alpha").value = data['0']['3ALPHA'] document.getElementById('3alpha').value = data['0']['3ALPHA']
} catch (err) {} } catch (err) {}
try { try {
document.getElementById("nlc").value = data['0']['NLC'] document.getElementById('nlc').value = data['0']['NLC']
} catch (err) {} } catch (err) {}
try { try {
document.getElementById("tiploc").value = data['0']['TIPLOC'] document.getElementById('tiploc').value = data['0']['TIPLOC']
} catch (err) {} } catch (err) {}
try { try {
document.getElementById("stanox").value = data['0']['STANOX'] document.getElementById('stanox').value = data['0']['STANOX']
} catch (err) {} } catch (err) {}
} }
} }
async function clearForm(){ async function clearForm(){
document.getElementById("name").value = "" document.getElementById('name').value = ''
document.getElementById("3alpha").value = "" document.getElementById('3alpha').value = ''
document.getElementById("nlc").value = "" document.getElementById('nlc').value = ''
document.getElementById("tiploc").value = "" document.getElementById('tiploc').value = ''
document.getElementById("stanox").value = "" document.getElementById('stanox').value = ''
vibe("ok"); vibe('ok')
hideLoading(); hideLoading()
} }

22
js/index.js
View File

@ -1,27 +1,27 @@
// Init: // Init:
pageInit(); pageInit()
versionDisplay(); versionDisplay()
if ("serviceWorker" in navigator) { if ('serviceWorker' in navigator) {
navigator.serviceWorker.register("/sw.js"); navigator.serviceWorker.register('/sw.js')
} }
async function pageInit() { async function pageInit() {
await loadQuickLinks(); await loadQuickLinks()
hideLoading(); // From lib.main hideLoading() // From lib.main
} }
async function gotoBoard(station){ async function gotoBoard(station){
vibe("ok") vibe('ok')
window.location.assign(`${window.location.origin}/board.html?stn=${station}`); window.location.assign(`${window.location.origin}/board.html?stn=${station}`)
} }
async function loadQuickLinks(){ async function loadQuickLinks(){
var data = await getQuickLinks(); // From lib.main var data = await getQuickLinks() // From lib.main
var buttons = ""; var buttons = ''
for(var i = 0; i < data.length; i++) { for(var i = 0; i < data.length; i++) {
buttons += ` buttons += `
<button class="actionbutton" onclick="gotoBoard('${data[i]}')">${data[i].toUpperCase()}</button>` <button class="actionbutton" onclick="gotoBoard('${data[i]}')">${data[i].toUpperCase()}</button>`
} }
document.getElementById("quick_links").insertAdjacentHTML("beforeend", buttons) document.getElementById('quick_links').insertAdjacentHTML('beforeend', buttons)
} }

56
js/issue.js
View File

@ -1,22 +1,22 @@
init(); init()
async function init() { async function init() {
hideLoading() hideLoading()
} }
async function submit() { async function submit() {
setLoadingDesc("Collecting\nData") setLoadingDesc('Collecting\nData')
showLoading() showLoading()
var browserData = await getBrowserData(); var browserData = await getBrowserData()
setLoadingDesc("Reading\nForm") setLoadingDesc('Reading\nForm')
var formData = await getFormData(); var formData = await getFormData()
preflight({browserData: browserData, formData: formData}) preflight({browserData: browserData, formData: formData})
} }
async function getFormData() { async function getFormData() {
let data = {} let data = {}
data.subject = document.getElementById("subject").value data.subject = document.getElementById('subject').value
data.message = document.getElementById("message").value data.message = document.getElementById('message').value
return data return data
} }
@ -31,38 +31,38 @@ async function getBrowserData() {
} }
async function preflight(data) { async function preflight(data) {
document.getElementById("pre_subject").textContent = data.formData.subject document.getElementById('pre_subject').textContent = data.formData.subject
pre_msg = `UserAgent: ${data.browserData.userAgent} pre_msg = `UserAgent: ${data.browserData.userAgent}
\nUserAgentData: ${data.browserData.userAgentData} \nUserAgentData: ${data.browserData.userAgentData}
\nlocalStorage Avail: ${data.browserData.localStorage} \nlocalStorage Avail: ${data.browserData.localStorage}
\nsessionStorage Avail: ${data.browserData.sessionStorage} \nsessionStorage Avail: ${data.browserData.sessionStorage}
\nViewport size: ${data.browserData.viewport} \nViewport size: ${data.browserData.viewport}
\nUser message:\n\n${data.formData.message}` \nUser message:\n\n${data.formData.message}`
document.getElementById("pre_message").innerText = pre_msg document.getElementById('pre_message').innerText = pre_msg
hideLoading() hideLoading()
document.getElementById("preflight").style = "display: block" document.getElementById('preflight').style = 'display: block'
sessionStorage.setItem("preflight_subject", data.formData.subject) sessionStorage.setItem('preflight_subject', data.formData.subject)
sessionStorage.setItem("preflight_msg", pre_msg) sessionStorage.setItem('preflight_msg', pre_msg)
} }
async function cancel() { async function cancel() {
document.getElementById("preflight").style = "display: none" document.getElementById('preflight').style = 'display: none'
} }
async function send() { async function send() {
setLoadingDesc("Sending\nData") setLoadingDesc('Sending\nData')
document.getElementById("preflight").style = "display: none" document.getElementById('preflight').style = 'display: none'
showLoading() showLoading()
var subject = sessionStorage.getItem("preflight_subject"); var subject = sessionStorage.getItem('preflight_subject')
var msg = sessionStorage.getItem("preflight_msg") var msg = sessionStorage.getItem('preflight_msg')
if (typeof subject != "string") { if (typeof subject != 'string') {
subject = document.getElementById("preflight_subject").innerText subject = document.getElementById('preflight_subject').innerText
} }
if (typeof msg != "string") { if (typeof msg != 'string') {
msg = document.getElementById("preflight_msg") msg = document.getElementById('preflight_msg')
} }
var payload = JSON.stringify({subject: subject, msg: msg}) var payload = JSON.stringify({subject: subject, msg: msg})
console.log(payload); console.log(payload)
let opt = { let opt = {
method: 'POST', method: 'POST',
headers: { headers: {
@ -74,15 +74,15 @@ async function send() {
} }
var res = await fetch(`${window.location.origin}/api/v1/issue`, opt) var res = await fetch(`${window.location.origin}/api/v1/issue`, opt)
if (res.status == 200) { if (res.status == 200) {
setLoadingDesc("Success") setLoadingDesc('Success')
vibe("ok") vibe('ok')
await delay(2500) await delay(2500)
window.location.replace("/") window.location.replace('/')
} else { } else {
setLoadingDesc("Error") setLoadingDesc('Error')
vibe("err") vibe('err')
await delay(2500) await delay(2500)
hideLoading() hideLoading()
document.getElementById("preflight").style = "display: none;" document.getElementById('preflight').style = 'display: none;'
} }
} }

198
js/lib.board.js
View File

@ -1,39 +1,39 @@
/* Fetch Functions */ /* Fetch Functions */
async function publicLdb(stn) { async function publicLdb(stn) {
var url = `${window.location.origin}/api/v1/ldb/${stn}`; var url = `${window.location.origin}/api/v1/ldb/${stn}`
console.time("Time: Fetch LDB Data") console.time('Time: Fetch LDB Data')
var resp = await fetch(url); var resp = await fetch(url)
console.timeEnd("Time: Fetch LDB Data") console.timeEnd('Time: Fetch LDB Data')
return await resp.json(); return await resp.json()
} }
/* Set page heading */ /* Set page heading */
async function setHeaders(title,time) { async function setHeaders(title,time) {
var prefix = `OwlBoard - ` var prefix = 'OwlBoard - '
document.title = `${prefix}${title}` document.title = `${prefix}${title}`
document.getElementById("stn_name").textContent = title document.getElementById('stn_name').textContent = title
document.getElementById("fetch_time").textContent = time.toLocaleTimeString() document.getElementById('fetch_time').textContent = time.toLocaleTimeString()
sessionStorage.setItem("board_location", title); sessionStorage.setItem('board_location', title)
} }
/* Display No Trains Message */ /* Display No Trains Message */
async function displayNoTrains() { async function displayNoTrains() {
log("No Trains", "WARN") log('No Trains', 'WARN')
document.getElementById('no_services').style = "display: block;"; document.getElementById('no_services').style = 'display: block;'
hideLoading(); hideLoading()
} }
/* Parse the value of `platform` to account for unknown platforms */ /* Parse the value of `platform` to account for unknown platforms */
async function parsePlatform(svc){ async function parsePlatform(svc){
if (svc.platform != undefined) { if (svc.platform != undefined) {
var platform = svc.platform; var platform = svc.platform
} else { } else {
var platform = "-"; var platform = '-'
} }
if (svc.platformChanged) { // Not present in public API, ready for staff version. if (svc.platformChanged) { // Not present in public API, ready for staff version.
var changed = "changed"; var changed = 'changed'
} else { } else {
var changed = ""; var changed = ''
} }
return {num: platform, change: changed} return {num: platform, change: changed}
} }
@ -42,111 +42,111 @@ async function parsePlatform(svc){
/* Change value of time strings to fit well on small screens */ /* Change value of time strings to fit well on small screens */
async function parseTime(string){ async function parseTime(string){
switch (string) { switch (string) {
case "Delayed": case 'Delayed':
var output = "LATE"; var output = 'LATE'
var change = "changed"; var change = 'changed'
break; break
case "Cancelled": case 'Cancelled':
var output = "CANC"; var output = 'CANC'
var change = "cancelled"; var change = 'cancelled'
break; break
case "On time": case 'On time':
var output = "RT"; var output = 'RT'
var change = ""; var change = ''
break; break
case "": case '':
var output = "-"; var output = '-'
var change = ""; var change = ''
break; break
case undefined: case undefined:
var output = "-"; var output = '-'
var change = ""; var change = ''
break; break
case "No report": case 'No report':
var output = "-"; var output = '-'
var change = ""; var change = ''
break; break
case "undefined": case 'undefined':
var output = false; var output = false
var change = ""; var change = ''
break; break
default: default:
var output = string; var output = string
var change = "changed"; var change = 'changed'
} }
return {data: output, changed: change}; return {data: output, changed: change}
} }
/* Convert multiple Origin/Destinations to single string */ /* Convert multiple Origin/Destinations to single string */
async function parseName(location) { async function parseName(location) {
if (Array.isArray(location)) { if (Array.isArray(location)) {
var name = `${location[0]['locationName']} & ${location[1]['locationName']}` var name = `${location[0]['locationName']} & ${location[1]['locationName']}`
return name; return name
} }
else { else {
return location.locationName; return location.locationName
} }
} }
// Display Alert Messages // Display Alert Messages
async function displayAlerts(array) { async function displayAlerts(array) {
var counter = 0 var counter = 0
var messages = "" var messages = ''
for(var i = 0; i < array.length; i++) { for(var i = 0; i < array.length; i++) {
// Increment counter // Increment counter
counter += 1; counter += 1
// Reset Vars // Reset Vars
messages += `<p>${array[i]}</p>`; messages += `<p>${array[i]}</p>`
} }
if (counter > 0) { if (counter > 0) {
document.getElementById("alerts_msg").insertAdjacentHTML("beforeend", messages) document.getElementById('alerts_msg').insertAdjacentHTML('beforeend', messages)
document.getElementById("alerts").style = "display:block" document.getElementById('alerts').style = 'display:block'
document.getElementById("alerts_bar").style = "display:block" document.getElementById('alerts_bar').style = 'display:block'
if (counter == 1) { if (counter == 1) {
document.getElementById("alert_bar_note").textContent = `There is ${counter} active alert` document.getElementById('alert_bar_note').textContent = `There is ${counter} active alert`
} else if (counter > 1) { } else if (counter > 1) {
document.getElementById("alert_bar_note").textContent = `There are ${counter} active alerts` document.getElementById('alert_bar_note').textContent = `There are ${counter} active alerts`
} }
return true; return true
} }
return false; return false
} }
/* Show/Hide alerts box */ /* Show/Hide alerts box */
async function inflateAlerts() { async function inflateAlerts() {
document.getElementById("alerts_msg").style = "display:block;"; document.getElementById('alerts_msg').style = 'display:block;'
document.getElementById("alert_expand_arrow").style = "transform: rotate(180deg);"; document.getElementById('alert_expand_arrow').style = 'transform: rotate(180deg);'
document.getElementById("alerts_bar").setAttribute("onclick", "deflateAlerts()") document.getElementById('alerts_bar').setAttribute('onclick', 'deflateAlerts()')
} }
async function deflateAlerts() { async function deflateAlerts() {
document.getElementById("alerts_msg").style = "display.none;"; document.getElementById('alerts_msg').style = 'display.none;'
document.getElementById("alert_expand_arrow").style = "transform: rotate(0deg);"; document.getElementById('alert_expand_arrow').style = 'transform: rotate(0deg);'
document.getElementById("alerts_bar").setAttribute("onclick", "inflateAlerts()") document.getElementById('alerts_bar').setAttribute('onclick', 'inflateAlerts()')
} }
/*//// SERVICE DETAIL LISTS ////*/ /*//// SERVICE DETAIL LISTS ////*/
// Build calling list: -- This outputs calling point data to sessionStorage in the format: key{pre: [{PREVIOUS_Stops}], post: [{POST_STOPS}]} // Build calling list: -- This outputs calling point data to sessionStorage in the format: key{pre: [{PREVIOUS_Stops}], post: [{POST_STOPS}]}
async function buildCallLists(svc) { async function buildCallLists(svc) {
var sSvcId = svc.serviceID; var sSvcId = svc.serviceID
var oSvcData = { var oSvcData = {
plat: svc.platform, plat: svc.platform,
sta: svc.sta, sta: svc.sta,
eta: svc.eta, eta: svc.eta,
std: svc.std, std: svc.std,
etd: svc.etd etd: svc.etd
}; }
try { try {
if (typeof svc.previousCallingPoints.callingPointList.callingPoint != 'undefined') { if (typeof svc.previousCallingPoints.callingPointList.callingPoint != 'undefined') {
let array = await makeArray(svc.previousCallingPoints.callingPointList.callingPoint); let array = await makeArray(svc.previousCallingPoints.callingPointList.callingPoint)
oSvcData.pre = array; oSvcData.pre = array
} }
} catch (err) { /* Do nothing if ERR */ } } catch (err) { /* Do nothing if ERR */ }
try { try {
if (typeof svc.subsequentCallingPoints.callingPointList.callingPoint != 'undefined') { if (typeof svc.subsequentCallingPoints.callingPointList.callingPoint != 'undefined') {
let array = await makeArray(svc.subsequentCallingPoints.callingPointList.callingPoint); let array = await makeArray(svc.subsequentCallingPoints.callingPointList.callingPoint)
oSvcData.post = array; oSvcData.post = array
} }
} catch (err) { /* Do nothing if ERR */ } } catch (err) { /* Do nothing if ERR */ }
sessionStorage.setItem(sSvcId, JSON.stringify(oSvcData)) sessionStorage.setItem(sSvcId, JSON.stringify(oSvcData))
@ -154,27 +154,27 @@ async function buildCallLists(svc) {
/* Display calling list: - Read data from sessionStorage and write to DOM. */ /* Display calling list: - Read data from sessionStorage and write to DOM. */
async function showCalls(id) { async function showCalls(id) {
log(`Showing details for service ${id}`, "INFO") log(`Showing details for service ${id}`, 'INFO')
var svcDetail = await JSON.parse(sessionStorage.getItem(id)); var svcDetail = await JSON.parse(sessionStorage.getItem(id))
var pre = ""; var pre = ''
var post = ""; var post = ''
if (typeof svcDetail.pre != 'undefined') { if (typeof svcDetail.pre != 'undefined') {
for(var preCall = 0; preCall < svcDetail.pre.length; preCall++) { for(var preCall = 0; preCall < svcDetail.pre.length; preCall++) {
pre += await singleCall(svcDetail.pre[preCall]); pre += await singleCall(svcDetail.pre[preCall])
} }
} }
if (typeof svcDetail.post != 'undefined') { if (typeof svcDetail.post != 'undefined') {
for(var postCall = 0; postCall < svcDetail.post.length; postCall++) { for(var postCall = 0; postCall < svcDetail.post.length; postCall++) {
post += await singleCall(svcDetail.post[postCall]); post += await singleCall(svcDetail.post[postCall])
} }
} }
/* Run retreived data through parsers */ /* Run retreived data through parsers */
var thisStd = await parseTime(svcDetail.std); var thisStd = await parseTime(svcDetail.std)
var thisEtd = await parseTime(svcDetail.etd); var thisEtd = await parseTime(svcDetail.etd)
var thisSta = await parseTime(svcDetail.sta); var thisSta = await parseTime(svcDetail.sta)
var thisEta = await parseTime(svcDetail.eta); var thisEta = await parseTime(svcDetail.eta)
/* Prepare data for this station */ /* Prepare data for this station */
if (thisStd.data != "-") { if (thisStd.data != '-') {
var sTime = `${thisStd.data}` var sTime = `${thisStd.data}`
var eTime = `${thisEtd.data}` var eTime = `${thisEtd.data}`
var change = thisEtd.changed var change = thisEtd.changed
@ -185,7 +185,7 @@ async function showCalls(id) {
}; };
let here = `<tr> let here = `<tr>
<td class="detail-name detail-name-here detail-table-content">${sessionStorage.getItem("board_location")}</td> <td class="detail-name detail-name-here detail-table-content">${sessionStorage.getItem('board_location')}</td>
<td class="detail-table-content">${sTime}</td> <td class="detail-table-content">${sTime}</td>
<td class="detail-table-content ${change}">${eTime}</td> <td class="detail-table-content ${change}">${eTime}</td>
</tr> ` </tr> `
@ -204,23 +204,23 @@ async function showCalls(id) {
</table> </table>
</div>` </div>`
document.body.insertAdjacentHTML("beforeend", dom); document.body.insertAdjacentHTML('beforeend', dom)
document.getElementById(id).style = "display: block;"; document.getElementById(id).style = 'display: block;'
return; return
} }
async function hideCalls(id) { async function hideCalls(id) {
let element = document.getElementById(id) let element = document.getElementById(id)
element.style = "display: none;"; element.style = 'display: none;'
element.remove(); element.remove()
return; return
} }
/* Builds the train data information in to a table row */ /* Builds the train data information in to a table row */
async function singleCall(data) { async function singleCall(data) {
if (typeof data.et != "undefined") { if (typeof data.et != 'undefined') {
var time = await parseTime(data.et) var time = await parseTime(data.et)
} else if (typeof data.at != "undefined") { } else if (typeof data.at != 'undefined') {
var time = await parseTime(data.at) var time = await parseTime(data.at)
} }
return `<tr> return `<tr>
@ -232,19 +232,19 @@ async function singleCall(data) {
/* Error Handler */ /* Error Handler */
async function errorHandler() { async function errorHandler() {
if (sessionStorage.getItem("failcount")) { if (sessionStorage.getItem('failcount')) {
var errCount = parseInt(sessionStorage.getItem("failcount")) var errCount = parseInt(sessionStorage.getItem('failcount'))
} else { } else {
var errCount = 0; var errCount = 0
} }
errCount += 1; errCount += 1
sessionStorage.setItem("failcount", errCount.toString()) sessionStorage.setItem('failcount', errCount.toString())
if (errCount < 10){ if (errCount < 10){
await delay(3000); await delay(3000)
vibe("err") vibe('err')
location.reload() location.reload()
} else { } else {
sessionStorage.removeItem("failcount"); sessionStorage.removeItem('failcount')
window.location.assign("conn-err.html") window.location.assign('conn-err.html')
} }
} }

144
js/lib.main.js
View File

@ -1,118 +1,118 @@
/* All Page Init */ /* All Page Init */
const version = "2.0.0-dev"; const version = '2.0.0-dev'
/* Feature Detectors */ /* Feature Detectors */
/* Valid values for ${type}: localstorage, sessionstorage */ /* Valid values for ${type}: localstorage, sessionstorage */
async function storageAvailable(type) { // Currently not used async function storageAvailable(type) { // Currently not used
try { try {
let storage = window[type]; let storage = window[type]
let x = '__storage_test__'; let x = '__storage_test__'
storage.setItem(x, "test"); storage.setItem(x, 'test')
storage.getItem(x); storage.getItem(x)
storage.removeItem(x); storage.removeItem(x)
log(`lib.main.storageAvailable: ${type} is available`, "INFO") log(`lib.main.storageAvailable: ${type} is available`, 'INFO')
return true; return true
} catch (err) { } catch (err) {
log(`lib.main.storageAvailable: ${type} is not available`, "ERR") log(`lib.main.storageAvailable: ${type} is not available`, 'ERR')
return false; return false
} }
} }
async function versionDisplay() { // Outputs version string on to any page with a tag with id="ver_str" async function versionDisplay() { // Outputs version string on to any page with a tag with id="ver_str"
localStorage.setItem("version", version) localStorage.setItem('version', version)
document.getElementById('ver_str').textContent = version document.getElementById('ver_str').textContent = version
return; return
} }
/* Array Converter /* Array Converter
Converts a string to a single item array */ Converts a string to a single item array */
async function makeArray(data) { async function makeArray(data) {
if (!Array.isArray(data)) { if (!Array.isArray(data)) {
var array = []; var array = []
array.push(data); array.push(data)
return array; return array
} }
return data; return data
} }
/* Timeouts */ /* Timeouts */
/* Usage: '' */ /* Usage: '' */
const delay = ms => new Promise(res => setTimeout(res, ms)); const delay = ms => new Promise(res => setTimeout(res, ms))
/* Log Helper */ /* Log Helper */
/* Maintains backwards compatibility for previous /* Maintains backwards compatibility for previous
implementation of log helper */ implementation of log helper */
async function log(msg, type) { async function log(msg, type) {
const mode = "tst" const mode = 'tst'
if (mode === "prod" && type != "ERR") { if (mode === 'prod' && type != 'ERR') {
return; return
} }
var time = new Date().toISOString(); var time = new Date().toISOString()
switch (type) { switch (type) {
case "ERR": case 'ERR':
console.error(`${time} - ${msg}`); console.error(`${time} - ${msg}`)
break; break
case "WARN": case 'WARN':
console.warn(`${time} - ${msg}`); console.warn(`${time} - ${msg}`)
break; break
case "INFO": case 'INFO':
console.info(`${time} - ${msg}`); console.info(`${time} - ${msg}`)
break; break
default: default:
console.log(`${time} - ${msg}`); console.log(`${time} - ${msg}`)
break; break
}; }
}; }
/* Show/Hide - Menu Control */ /* Show/Hide - Menu Control */
async function sidebarOpen() { async function sidebarOpen() {
document.getElementById("sidebar").style.width = "50%"; document.getElementById('sidebar').style.width = '50%'
document.getElementById("sidebar_open_short").style.display = "none"; document.getElementById('sidebar_open_short').style.display = 'none'
document.getElementById("sidebar_close_short").style.display = "block"; document.getElementById('sidebar_close_short').style.display = 'block'
} }
async function sidebarClose() { async function sidebarClose() {
document.getElementById("sidebar").style.width = "0%" document.getElementById('sidebar').style.width = '0%'
document.getElementById("sidebar_open_short").style.display = "block"; document.getElementById('sidebar_open_short').style.display = 'block'
document.getElementById("sidebar_close_short").style.display = "none"; document.getElementById('sidebar_close_short').style.display = 'none'
} }
/* Loading Box Control */ /* Loading Box Control */
async function hideLoading() { async function hideLoading() {
document.getElementById("loading").style = "display: none;"; document.getElementById('loading').style = 'display: none;'
} }
/* DEPRECIATED: Alias for hideLoading() - Marked for removal*/ /* DEPRECIATED: Alias for hideLoading() - Marked for removal*/
async function clearLoading() { async function clearLoading() {
log("Depreciated function called - clearLoading() - Alias to hideLoading()", "WARN") log('Depreciated function called - clearLoading() - Alias to hideLoading()', 'WARN')
hideLoading(); hideLoading()
} }
async function showLoading() { async function showLoading() {
document.getElementById("loading").style = "display: block;"; document.getElementById('loading').style = 'display: block;'
} }
async function setLoadingDesc(desc) { async function setLoadingDesc(desc) {
document.getElementById("loading_desc").textContent = `${desc}`; document.getElementById('loading_desc').textContent = `${desc}`
} }
/* Fetch User Settings */ /* Fetch User Settings */
async function getQuickLinks() { async function getQuickLinks() {
var defaults = var defaults =
["bri","lwh","srd","mtp","rda","cfn", ['bri','lwh','srd','mtp','rda','cfn',
"sml","shh","pri","avn","sar","svb"]; 'sml','shh','pri','avn','sar','svb']
try { try {
if (localStorage.getItem("qlOpt")) { if (localStorage.getItem('qlOpt')) {
var data = JSON.parse(localStorage.getItem("qlOpt")); var data = JSON.parse(localStorage.getItem('qlOpt'))
} else { } else {
data = defaults; data = defaults
} }
} catch (err) { } catch (err) {
data = defaults; data = defaults
} }
return data.sort(); return data.sort()
} }
/* Fetch a known query parameter from the pages URL */ /* Fetch a known query parameter from the pages URL */
@ -133,16 +133,16 @@ async function getApi(path,auth = false) {
if (auth) { if (auth) {
let key = localStorage.getItem('uuid') let key = localStorage.getItem('uuid')
var options = { var options = {
method: "GET", method: 'GET',
redirect: "follow", redirect: 'follow',
headers: { headers: {
"uuid": key 'uuid': key
} }
} }
} else { } else {
var options = { var options = {
method: "GET", method: 'GET',
redirect: "follow" redirect: 'follow'
} }
} }
try { try {
@ -155,10 +155,10 @@ async function getApi(path,auth = false) {
return resp.status return resp.status
} }
if (!resp.ok) { if (!resp.ok) {
log(`lib.main: getApi: Fetch error`) log('lib.main: getApi: Fetch error')
return false return false
} }
return json; return json
} catch(err) { } catch(err) {
log(`lib.main: getApi: Caught fetch error. Status: ${resp.status}`) log(`lib.main: getApi: Caught fetch error. Status: ${resp.status}`)
return resp.status return resp.status
@ -166,24 +166,24 @@ async function getApi(path,auth = false) {
} }
async function showHideAuthNotice() { async function showHideAuthNotice() {
let uuid = localStorage.getItem("uuid") let uuid = localStorage.getItem('uuid')
if (uuid) { if (uuid) {
document.getElementById('auth-required').style = 'display:none' document.getElementById('auth-required').style = 'display:none'
} }
} }
async function vibe(type) { async function vibe(type) {
let canVibrate = "vibrate" in navigator || "mozVibrate" in navigator let canVibrate = 'vibrate' in navigator || 'mozVibrate' in navigator
if (canVibrate && !("vibrate" in navigator)){ if (canVibrate && !('vibrate' in navigator)){
navigator.vibrate = navigator.mozVibrate navigator.vibrate = navigator.mozVibrate
} }
switch (type) { switch (type) {
case "err": case 'err':
navigator.vibrate([300]) navigator.vibrate([300])
break; break
case "ok": case 'ok':
navigator.vibrate([50,50,50]) navigator.vibrate([50,50,50])
break; break
default: default:
navigator.vibrate(30) navigator.vibrate(30)
} }

18
js/pis.js
View File

@ -21,8 +21,8 @@ async function findByOrigDest() {
} }
async function fetchOrigDest() { async function fetchOrigDest() {
var orig = document.getElementById("origin").value var orig = document.getElementById('origin').value
var dest = document.getElementById("destination").value var dest = document.getElementById('destination').value
return {origin: orig, destination: dest} return {origin: orig, destination: dest}
} }
@ -42,30 +42,30 @@ async function insertData(json) {
<td class="station">${json[i]['stops'].join(', ')}</td></tr>` <td class="station">${json[i]['stops'].join(', ')}</td></tr>`
results++ results++
} }
tableData += "</table>" tableData += '</table>'
div.insertAdjacentHTML("beforeend", tableData) div.insertAdjacentHTML('beforeend', tableData)
document.getElementById('result-count').textContent = results.toString() document.getElementById('result-count').textContent = results.toString()
} }
async function displayNoData() { async function displayNoData() {
const msg = '<p id="result-table">No results found</p>' const msg = '<p id="result-table">No results found</p>'
document.getElementById('result-box').insertAdjacentHTML("beforeend", msg) document.getElementById('result-box').insertAdjacentHTML('beforeend', msg)
} }
async function displayUnauthorised() { async function displayUnauthorised() {
const msg = '<p id="result-table">Unauthorised - please ensure you are logged into the <a href="./settings.html">rail staff version</a></p>' const msg = '<p id="result-table">Unauthorised - please ensure you are logged into the <a href="./settings.html">rail staff version</a></p>'
document.getElementById('result-box').insertAdjacentHTML("beforeend", msg) document.getElementById('result-box').insertAdjacentHTML('beforeend', msg)
} }
async function reset() { async function reset() {
try { try {
document.getElementById('origin').value = "" document.getElementById('origin').value = ''
document.getElementById('destination').value = "" document.getElementById('destination').value = ''
document.getElementById('result-box').style = 'display:none' document.getElementById('result-box').style = 'display:none'
document.getElementById('result-table').remove() document.getElementById('result-table').remove()
document.getElementById('crs-box').style = 'display:block' document.getElementById('crs-box').style = 'display:block'
document.getElementById('result-count').textContent = 0 document.getElementById('result-count').textContent = 0
} catch(e) { } catch(e) {
log(`Nothing to reset`) log('Nothing to reset')
} }
} }

82
js/settings.js
View File

@ -2,21 +2,21 @@
// Init: // Init:
// //
// Setup quick links // Setup quick links
const ql = ["ql0","ql1","ql2","ql3","ql4","ql5","ql6","ql7","ql8","ql9","ql10","ql11"] const ql = ['ql0','ql1','ql2','ql3','ql4','ql5','ql6','ql7','ql8','ql9','ql10','ql11']
storageAvailable("localStorage"); storageAvailable('localStorage')
getQl(); getQl()
// Check if already registered // Check if already registered
ifAlreadyRegistered(); ifAlreadyRegistered()
// Hide loading // Hide loading
hideLoading(); hideLoading()
async function ifAlreadyRegistered() { // If already registered, show this on the page async function ifAlreadyRegistered() { // If already registered, show this on the page
if (! await isRegistered()) { if (! await isRegistered()) {
return null return null
} else { } else {
document.getElementsByName("eml")[0].placeholder = "Registered"; document.getElementsByName('eml')[0].placeholder = 'Registered'
document.getElementById("reg_text").textContent = "You are already registered"; document.getElementById('reg_text').textContent = 'You are already registered'
document.getElementById("reg_button").textContent = "Log Out"; document.getElementById('reg_button').textContent = 'Log Out'
} }
} }
@ -34,66 +34,66 @@ async function getQl(){ // Fetch Quick Links from localstorage
} }
async function setQl(){ // Fetch Quick Links from text input and save to localstorage async function setQl(){ // Fetch Quick Links from text input and save to localstorage
await showLoading();// called as an onclick function await showLoading()// called as an onclick function
var qlSet = [] var qlSet = []
for (i in ql) { for (i in ql) {
var opt = document.getElementById(`ql${i}`).value var opt = document.getElementById(`ql${i}`).value
if (opt != ""){ if (opt != ''){
qlSet.push(opt) qlSet.push(opt)
} }
qlSet.sort() qlSet.sort()
} }
localStorage.setItem("qlOpt", JSON.stringify(qlSet)) localStorage.setItem('qlOpt', JSON.stringify(qlSet))
log(`settings.setQl: User settings saved`, "INFO") log('settings.setQl: User settings saved', 'INFO')
await hideLoading(); await hideLoading()
await showDone(); await showDone()
vibe("ok") vibe('ok')
await delay(800); await delay(800)
hideDone(); hideDone()
} }
async function clearQl(){ // Clear Quick Links from localstorage async function clearQl(){ // Clear Quick Links from localstorage
showLoading(); showLoading()
localStorage.removeItem("qlOpt") localStorage.removeItem('qlOpt')
log(`settings.setQl: User settings reset to default`, "INFO") log('settings.setQl: User settings reset to default', 'INFO')
getQl() getQl()
await hideLoading(); await hideLoading()
await showDone(); await showDone()
vibe("ok"); vibe('ok')
await delay(800); await delay(800)
hideDone(); hideDone()
} }
async function isRegistered() { // Check if a device is registered, returns BOOL async function isRegistered() { // Check if a device is registered, returns BOOL
if (localStorage.getItem("uuid")) { if (localStorage.getItem('uuid')) {
return true return true
// Also need an API Call here to check if auth is working. // Also need an API Call here to check if auth is working.
// A Suitable function exists in auth.js - move it to lib.main.js // A Suitable function exists in auth.js - move it to lib.main.js
} }
localStorage.removeItem("uuid"); localStorage.removeItem('uuid')
return false return false
} }
async function register() { // Registers a device by sending POST request to API Server async function register() { // Registers a device by sending POST request to API Server
if (! await isRegistered()) { if (! await isRegistered()) {
showLoading() showLoading()
let url = `${window.location.origin}/api/v1/register/request`; let url = `${window.location.origin}/api/v1/register/request`
let email = document.getElementById("eml").value let email = document.getElementById('eml').value
let res = await fetch(url, { let res = await fetch(url, {
method: "POST", method: 'POST',
headers: { headers: {
"Content-Type": "application/json" 'Content-Type': 'application/json'
}, },
redirect: "follow", redirect: 'follow',
body: JSON.stringify({email: email}) body: JSON.stringify({email: email})
}) })
if (res.status == 201) { if (res.status == 201) {
showDone(); showDone()
hideLoading(); hideLoading()
return; return
} else if (res.status == 403) { } else if (res.status == 403) {
log(`settings.register: Error: Fetch returned: ${res.body['errorCode']}`, "err") log(`settings.register: Error: Fetch returned: ${res.body['errorCode']}`, 'err')
document.getElementsByName("eml")[0].placeholder = "Not Authorised"; document.getElementsByName('eml')[0].placeholder = 'Not Authorised'
} }
} else { } else {
logout() logout()
@ -101,15 +101,15 @@ async function register() { // Registers a device by sending POST request to API
} }
async function logout() { // Simply removed the UUID from localstorage async function logout() { // Simply removed the UUID from localstorage
localStorage.removeItem("uuid"); localStorage.removeItem('uuid')
location.reload(); location.reload()
return return
} }
async function showDone() { // Diaplays the 'Done' dialogue. async function showDone() { // Diaplays the 'Done' dialogue.
document.getElementById("done").style = "opacity: 1; display: block"; document.getElementById('done').style = 'opacity: 1; display: block'
} }
async function hideDone() { // Hides the 'Done' dialogue. async function hideDone() { // Hides the 'Done' dialogue.
document.getElementById("done").style = "opacity: 0; display: none"; document.getElementById('done').style = 'opacity: 0; display: none'
} }

156
js/simple-board.js
View File

@ -4,25 +4,25 @@ init()
/* Init function */ /* Init function */
async function init() { // Gets query string and then fetch API response and pass to parsing function async function init() { // Gets query string and then fetch API response and pass to parsing function
console.time("Time: Init to Complete") console.time('Time: Init to Complete')
setLoadingDesc(`Loading\nservices`) setLoadingDesc('Loading\nservices')
var stn = await getQuery("stn"); var stn = await getQuery('stn')
setLoadingDesc(`Loading\n${stn.toUpperCase()}`) setLoadingDesc(`Loading\n${stn.toUpperCase()}`)
log(`init: Looking up: ${stn}`); log(`init: Looking up: ${stn}`)
var sv = await getQuery("sv"); var sv = await getQuery('sv')
log(`init: Staff Version: ${sv}`); log(`init: Staff Version: ${sv}`)
if (sv === 'true') { if (sv === 'true') {
log("init: Staff Version not supported yet.") log('init: Staff Version not supported yet.')
log("init: Unable to proceed.") log('init: Unable to proceed.')
} else { } else {
try { try {
var data = await publicLdb(stn) var data = await publicLdb(stn)
setLoadingDesc(`${stn.toUpperCase()}\nParsing Data`) setLoadingDesc(`${stn.toUpperCase()}\nParsing Data`)
log("simple-board.init: Fetched LDB Data", "INFO") log('simple-board.init: Fetched LDB Data', 'INFO')
} catch (err) { } catch (err) {
var data = "err" var data = 'err'
setLoadingDesc(`Waiting\nConnection`) setLoadingDesc('Waiting\nConnection')
log(`simple-board.init: Error fetching data: ${err}`, "ERR") log(`simple-board.init: Error fetching data: ${err}`, 'ERR')
} }
parseLdb(data) parseLdb(data)
} }
@ -31,43 +31,43 @@ async function init() { // Gets query string and then fetch API response and pas
/* Check for any errors in data returned from the Fetch call /* Check for any errors in data returned from the Fetch call
If no errors, if there are none, call buildPage(). */ If no errors, if there are none, call buildPage(). */
async function parseLdb(data) { async function parseLdb(data) {
if (data.ERROR == "NOT_FOUND") { // Station not found if (data.ERROR == 'NOT_FOUND') { // Station not found
hideLoading(); hideLoading()
document.getElementById("error_notice").style = "display: block;"; document.getElementById('error_notice').style = 'display: block;'
document.getElementById("err_not_found").style = "display: block;"; document.getElementById('err_not_found').style = 'display: block;'
setHeaders("Not Found",new Date()) setHeaders('Not Found',new Date())
} else if (data == false) { // No data for station } else if (data == false) { // No data for station
hideLoading(); hideLoading()
document.getElementById("error_notice").style = "display: block;"; document.getElementById('error_notice').style = 'display: block;'
document.getElementById("err_no_data").style = "display:block;"; document.getElementById('err_no_data').style = 'display:block;'
setHeaders("No Data",new Date()) setHeaders('No Data',new Date())
} else if (data == "err") { // Connection Error } else if (data == 'err') { // Connection Error
await delay(2000); await delay(2000)
hideLoading(); hideLoading()
document.getElementById("error_notice").style = "display: block;"; document.getElementById('error_notice').style = 'display: block;'
document.getElementById("err_conn").style = "display: block;"; document.getElementById('err_conn').style = 'display: block;'
setHeaders("Connection Error",new Date()) setHeaders('Connection Error',new Date())
showLoading(); showLoading()
await delay(5000); await delay(5000)
log(`parseLdb: Passing to error handler`, "ERR") log('parseLdb: Passing to error handler', 'ERR')
errorHandler(); errorHandler()
} else { } else {
buildPage(data); buildPage(data)
} }
} }
// Build and Display Functions // Build and Display Functions
async function buildPage(data) { async function buildPage(data) {
setLoadingDesc('Loading\nData') setLoadingDesc('Loading\nData')
var stationName = data.GetStationBoardResult.locationName; var stationName = data.GetStationBoardResult.locationName
log(`buildPage: Data ready for ${stationName}`); log(`buildPage: Data ready for ${stationName}`)
var generateTime = new Date(await data.GetStationBoardResult.generatedAt); var generateTime = new Date(await data.GetStationBoardResult.generatedAt)
log(`buildPage: Data prepared at ${generateTime.toLocaleString()}`) log(`buildPage: Data prepared at ${generateTime.toLocaleString()}`)
setHeaders(stationName, generateTime); setHeaders(stationName, generateTime)
// Check for notices and if true pass to function // Check for notices and if true pass to function
if (data.GetStationBoardResult.nrccMessages) { if (data.GetStationBoardResult.nrccMessages) {
setLoadingDesc('Loading\nAlerts') setLoadingDesc('Loading\nAlerts')
await displayAlerts(await makeArray(data.GetStationBoardResult.nrccMessages.message)); await displayAlerts(await makeArray(data.GetStationBoardResult.nrccMessages.message))
} }
if (data.GetStationBoardResult.trainServices) { if (data.GetStationBoardResult.trainServices) {
setLoadingDesc('Loading\nTrains') setLoadingDesc('Loading\nTrains')
@ -83,21 +83,21 @@ async function buildPage(data) {
setLoadingDesc('Loading\nBusses') setLoadingDesc('Loading\nBusses')
displayBus(await makeArray(data.GetStationBoardResult.busServices.service)) displayBus(await makeArray(data.GetStationBoardResult.busServices.service))
} }
hideLoading(); hideLoading()
console.timeEnd("Time: Init to Complete") console.timeEnd('Time: Init to Complete')
} }
async function displayTrains(data) { // Iterated through train services and passes API sections to other functions async function displayTrains(data) { // Iterated through train services and passes API sections to other functions
log(`simple-board.displayTrains: Inserting data in DOM`) log('simple-board.displayTrains: Inserting data in DOM')
for(var i = 0; i < data.length; i++) { for(var i = 0; i < data.length; i++) {
// Reset Vars // Reset Vars
var svc = data[i]; var svc = data[i]
displayService(svc); displayService(svc)
buildCallLists(svc); buildCallLists(svc)
} }
document.getElementById("output").style = "display:block;"; document.getElementById('output').style = 'display:block;'
log(`simple-board.displayTrains: Insertion complete`) log('simple-board.displayTrains: Insertion complete')
} }
async function displayFerry(ferrySvc) { // Iterates through each ferry service and passes to another function async function displayFerry(ferrySvc) { // Iterates through each ferry service and passes to another function
@ -114,16 +114,16 @@ async function displayBus(busSvc) { // Iterates through each bus service and pas
} }
async function displayService(svc) { // Creates a table row from each train service. async function displayService(svc) { // Creates a table row from each train service.
var table = document.getElementById("output"); var table = document.getElementById('output')
// Determine Time Message // Determine Time Message
var sta = await parseTime(svc.sta); var sta = await parseTime(svc.sta)
var eta = await parseTime(svc.eta); var eta = await parseTime(svc.eta)
var std = await parseTime(svc.std); var std = await parseTime(svc.std)
var etd = await parseTime(svc.etd); var etd = await parseTime(svc.etd)
// Determine Platform Message // Determine Platform Message
//if (svc.platform != undefined){var plt = svc.platform} else {var plt = "-"}; //if (svc.platform != undefined){var plt = svc.platform} else {var plt = "-"};
var plt = await parsePlatform(svc); var plt = await parsePlatform(svc)
// Define Table Row // Define Table Row
var row = ` var row = `
<table> <table>
@ -138,38 +138,38 @@ async function displayService(svc) { // Creates a table row from each train serv
</tr> </tr>
</table>` </table>`
// Put Table Row // Put Table Row
table.insertAdjacentHTML("beforeend", row) table.insertAdjacentHTML('beforeend', row)
// Display Operator where provided (it always will be, I think) // Display Operator where provided (it always will be, I think)
if (svc.operator) { if (svc.operator) {
var opRow = `<p class="msg op">A ${svc.operator} service` var opRow = `<p class="msg op">A ${svc.operator} service`
if (svc.length) { // Displays number of carriages where provided if (svc.length) { // Displays number of carriages where provided
opRow += ` with ${svc.length} carriages</p>`; opRow += ` with ${svc.length} carriages</p>`
} else { } else {
opRow += `</p>` opRow += '</p>'
} }
table.insertAdjacentHTML("beforeend", opRow); table.insertAdjacentHTML('beforeend', opRow)
} }
// Parse cancelReason and then delayReason // Parse cancelReason and then delayReason
if (svc.cancelReason) { if (svc.cancelReason) {
var cancelRow = `<p class="msg">${svc.cancelReason}</p>` var cancelRow = `<p class="msg">${svc.cancelReason}</p>`
table.insertAdjacentHTML("beforeend", cancelRow); table.insertAdjacentHTML('beforeend', cancelRow)
} }
if (svc.delayReason) { if (svc.delayReason) {
var delayRow = `<p class="msg">${svc.delayReason}</p>` var delayRow = `<p class="msg">${svc.delayReason}</p>`
table.insertAdjacentHTML("beforeend", delayRow); table.insertAdjacentHTML('beforeend', delayRow)
} }
} }
async function displayFerryService(svc) { // Creates a table for for each ferry service async function displayFerryService(svc) { // Creates a table for for each ferry service
var table = document.getElementById("ferry"); var table = document.getElementById('ferry')
log(JSON.stringify(svc)) log(JSON.stringify(svc))
// Determine Time Message // Determine Time Message
var sta = await parseTime(svc.sta); var sta = await parseTime(svc.sta)
var eta = await parseTime(svc.eta); var eta = await parseTime(svc.eta)
var std = await parseTime(svc.std); var std = await parseTime(svc.std)
var etd = await parseTime(svc.etd); var etd = await parseTime(svc.etd)
// Determine Platform Message // Determine Platform Message
var plt = ""; var plt = ''
// Define Table Row // Define Table Row
var row = ` var row = `
<table> <table>
@ -184,29 +184,29 @@ async function displayFerryService(svc) { // Creates a table for for each ferry
</tr> </tr>
</table>` </table>`
// Put Table Row // Put Table Row
table.insertAdjacentHTML("beforeend", row) table.insertAdjacentHTML('beforeend', row)
// Parse cancelReason & delayReason // Parse cancelReason & delayReason
if (svc.cancelReason) { if (svc.cancelReason) {
var cancelRow = `<p class="msg">${svc.cancelReason}</p>` var cancelRow = `<p class="msg">${svc.cancelReason}</p>`
table.insertAdjacentHTML("beforeend", cancelRow); table.insertAdjacentHTML('beforeend', cancelRow)
} }
if (svc.delayReason) { if (svc.delayReason) {
var delayRow = `<p class="msg">${svc.delayReason}</p>` var delayRow = `<p class="msg">${svc.delayReason}</p>`
table.insertAdjacentHTML("beforeend", delayRow); table.insertAdjacentHTML('beforeend', delayRow)
} }
document.getElementById("ferry").style = "display:block" document.getElementById('ferry').style = 'display:block'
} }
async function displayBusService(svc) { // Creates a table row for each bus service. async function displayBusService(svc) { // Creates a table row for each bus service.
var table = document.getElementById("bus"); var table = document.getElementById('bus')
log(JSON.stringify(svc)) log(JSON.stringify(svc))
// Determine Time Message // Determine Time Message
var sta = await parseTime(svc.sta); var sta = await parseTime(svc.sta)
var eta = await parseTime(svc.eta); var eta = await parseTime(svc.eta)
var std = await parseTime(svc.std); var std = await parseTime(svc.std)
var etd = await parseTime(svc.etd); var etd = await parseTime(svc.etd)
// Determine Platform Message // Determine Platform Message
var plt = ""; var plt = ''
// Define Table Row // Define Table Row
var row = ` var row = `
<table> <table>
@ -221,20 +221,20 @@ async function displayBusService(svc) { // Creates a table row for each bus serv
</tr> </tr>
</table>` </table>`
// Put Table Row // Put Table Row
table.insertAdjacentHTML("beforeend", row) table.insertAdjacentHTML('beforeend', row)
// Display operator // Display operator
if (svc.operator) { if (svc.operator) {
var opRow = `<p class="msg op">A ${svc.operator} service</p>` var opRow = `<p class="msg op">A ${svc.operator} service</p>`
table.insertAdjacentHTML("beforeend", opRow); table.insertAdjacentHTML('beforeend', opRow)
} }
// Parse cancelReason & delayReason // Parse cancelReason & delayReason
if (svc.cancelReason) { if (svc.cancelReason) {
var cancelRow = `<p class="msg">${svc.cancelReason}</p>` var cancelRow = `<p class="msg">${svc.cancelReason}</p>`
table.insertAdjacentHTML("beforeend", cancelRow); table.insertAdjacentHTML('beforeend', cancelRow)
} }
if (svc.delayReason) { if (svc.delayReason) {
var delayRow = `<p class="msg">${svc.delayReason}</p>` var delayRow = `<p class="msg">${svc.delayReason}</p>`
table.insertAdjacentHTML("beforeend", delayRow); table.insertAdjacentHTML('beforeend', delayRow)
} }
document.getElementById("bus").style = "display:block" document.getElementById('bus').style = 'display:block'
} }

159
js/staff-board.js
View File

@ -4,25 +4,26 @@ init()
/* Init function */ /* Init function */
async function init() { // Gets query string and then fetch API response and pass to parsing function async function init() { // Gets query string and then fetch API response and pass to parsing function
console.time("Time: Init to Complete") console.time('Time: Init to Complete')
setLoadingDesc(`Loading\nservices`) setLoadingDesc('Loading\nservices')
var stn = await getQuery("stn"); var stn = await getQuery('stn')
setLoadingDesc(`Loading\n${stn.toUpperCase()}`) setLoadingDesc(`Loading\n${stn.toUpperCase()}`)
log(`init: Looking up: ${stn}`); log(`init: Looking up: ${stn}`)
var sv = await getQuery("sv"); var sv = await getQuery('sv')
log(`init: Staff Version: ${sv}`); log(`init: Staff Version: ${sv}`)
if (sv === 'true') { if (sv === 'true') {
log("init: Staff Version not supported yet.") log('init: Staff Version not supported yet.')
log("init: Unable to proceed.") log('init: Unable to proceed.')
} else { } else {
let data
try { try {
var data = await publicLdb(stn) data = await publicLdb(stn)
setLoadingDesc(`${stn.toUpperCase()}\nParsing Data`) setLoadingDesc(`${stn.toUpperCase()}\nParsing Data`)
log("simple-board.init: Fetched LDB Data", "INFO") log('simple-board.init: Fetched LDB Data', 'INFO')
} catch (err) { } catch (err) {
var data = "err" data = 'err'
setLoadingDesc(`Waiting\nConnection`) setLoadingDesc('Waiting\nConnection')
log(`simple-board.init: Error fetching data: ${err}`, "ERR") log(`simple-board.init: Error fetching data: ${err}`, 'ERR')
} }
parseLdb(data) parseLdb(data)
} }
@ -31,43 +32,43 @@ async function init() { // Gets query string and then fetch API response and pas
/* Check for any errors in data returned from the Fetch call /* Check for any errors in data returned from the Fetch call
If no errors, if there are none, call buildPage(). */ If no errors, if there are none, call buildPage(). */
async function parseLdb(data) { async function parseLdb(data) {
if (data.ERROR == "NOT_FOUND") { // Station not found if (data.ERROR == 'NOT_FOUND') { // Station not found
hideLoading(); hideLoading()
document.getElementById("error_notice").style = "display: block;"; document.getElementById('error_notice').style = 'display: block;'
document.getElementById("err_not_found").style = "display: block;"; document.getElementById('err_not_found').style = 'display: block;'
setHeaders("Not Found",new Date()) setHeaders('Not Found',new Date())
} else if (data == false) { // No data for station } else if (data == false) { // No data for station
hideLoading(); hideLoading()
document.getElementById("error_notice").style = "display: block;"; document.getElementById('error_notice').style = 'display: block;'
document.getElementById("err_no_data").style = "display:block;"; document.getElementById('err_no_data').style = 'display:block;'
setHeaders("No Data",new Date()) setHeaders('No Data',new Date())
} else if (data == "err") { // Connection Error } else if (data == 'err') { // Connection Error
await delay(2000); await delay(2000)
hideLoading(); hideLoading()
document.getElementById("error_notice").style = "display: block;"; document.getElementById('error_notice').style = 'display: block;'
document.getElementById("err_conn").style = "display: block;"; document.getElementById('err_conn').style = 'display: block;'
setHeaders("Connection Error",new Date()) setHeaders('Connection Error',new Date())
showLoading(); showLoading()
await delay(5000); await delay(5000)
log(`parseLdb: Passing to error handler`, "ERR") log('parseLdb: Passing to error handler', 'ERR')
errorHandler(); errorHandler()
} else { } else {
buildPage(data); buildPage(data)
} }
} }
// Build and Display Functions // Build and Display Functions
async function buildPage(data) { async function buildPage(data) {
setLoadingDesc('Loading\nData') setLoadingDesc('Loading\nData')
var stationName = data.GetStationBoardResult.locationName; var stationName = data.GetStationBoardResult.locationName
log(`buildPage: Data ready for ${stationName}`); log(`buildPage: Data ready for ${stationName}`)
var generateTime = new Date(await data.GetStationBoardResult.generatedAt); var generateTime = new Date(await data.GetStationBoardResult.generatedAt)
log(`buildPage: Data prepared at ${generateTime.toLocaleString()}`) log(`buildPage: Data prepared at ${generateTime.toLocaleString()}`)
setHeaders(stationName, generateTime); setHeaders(stationName, generateTime)
// Check for notices and if true pass to function // Check for notices and if true pass to function
if (data.GetStationBoardResult.nrccMessages) { if (data.GetStationBoardResult.nrccMessages) {
setLoadingDesc('Loading\nAlerts') setLoadingDesc('Loading\nAlerts')
await displayAlerts(await makeArray(data.GetStationBoardResult.nrccMessages.message)); await displayAlerts(await makeArray(data.GetStationBoardResult.nrccMessages.message))
} }
if (data.GetStationBoardResult.trainServices) { if (data.GetStationBoardResult.trainServices) {
setLoadingDesc('Loading\nTrains') setLoadingDesc('Loading\nTrains')
@ -83,21 +84,21 @@ async function buildPage(data) {
setLoadingDesc('Loading\nBusses') setLoadingDesc('Loading\nBusses')
displayBus(await makeArray(data.GetStationBoardResult.busServices.service)) displayBus(await makeArray(data.GetStationBoardResult.busServices.service))
} }
hideLoading(); hideLoading()
console.timeEnd("Time: Init to Complete") console.timeEnd('Time: Init to Complete')
} }
async function displayTrains(data) { // Iterated through train services and passes API sections to other functions async function displayTrains(data) { // Iterated through train services and passes API sections to other functions
log(`simple-board.displayTrains: Inserting data in DOM`) log('simple-board.displayTrains: Inserting data in DOM')
for(var i = 0; i < data.length; i++) { for(var i = 0; i < data.length; i++) {
// Reset Vars // Reset Vars
var svc = data[i]; var svc = data[i]
displayService(svc); displayService(svc)
buildCallLists(svc); buildCallLists(svc)
} }
document.getElementById("output").style = "display:block;"; document.getElementById('output').style = 'display:block;'
log(`simple-board.displayTrains: Insertion complete`) log('simple-board.displayTrains: Insertion complete')
} }
async function displayFerry(ferrySvc) { // Iterates through each ferry service and passes to another function async function displayFerry(ferrySvc) { // Iterates through each ferry service and passes to another function
@ -114,16 +115,16 @@ async function displayBus(busSvc) { // Iterates through each bus service and pas
} }
async function displayService(svc) { // Creates a table row from each train service. async function displayService(svc) { // Creates a table row from each train service.
var table = document.getElementById("output"); var table = document.getElementById('output')
// Determine Time Message // Determine Time Message
var sta = await parseTime(svc.sta); var sta = await parseTime(svc.sta)
var eta = await parseTime(svc.eta); var eta = await parseTime(svc.eta)
var std = await parseTime(svc.std); var std = await parseTime(svc.std)
var etd = await parseTime(svc.etd); var etd = await parseTime(svc.etd)
// Determine Platform Message // Determine Platform Message
//if (svc.platform != undefined){var plt = svc.platform} else {var plt = "-"}; //if (svc.platform != undefined){var plt = svc.platform} else {var plt = "-"};
var plt = await parsePlatform(svc); var plt = await parsePlatform(svc)
// Define Table Row // Define Table Row
var row = ` var row = `
<table> <table>
@ -138,38 +139,38 @@ async function displayService(svc) { // Creates a table row from each train serv
</tr> </tr>
</table>` </table>`
// Put Table Row // Put Table Row
table.insertAdjacentHTML("beforeend", row) table.insertAdjacentHTML('beforeend', row)
// Display Operator where provided (it always will be, I think) // Display Operator where provided (it always will be, I think)
if (svc.operator) { if (svc.operator) {
var opRow = `<p class="msg op">A ${svc.operator} service` var opRow = `<p class="msg op">A ${svc.operator} service`
if (svc.length) { // Displays number of carriages where provided if (svc.length) { // Displays number of carriages where provided
opRow += ` with ${svc.length} carriages</p>`; opRow += ` with ${svc.length} carriages</p>`
} else { } else {
opRow += `</p>` opRow += '</p>'
} }
table.insertAdjacentHTML("beforeend", opRow); table.insertAdjacentHTML('beforeend', opRow)
} }
// Parse cancelReason and then delayReason // Parse cancelReason and then delayReason
if (svc.cancelReason) { if (svc.cancelReason) {
var cancelRow = `<p class="msg">${svc.cancelReason}</p>` var cancelRow = `<p class="msg">${svc.cancelReason}</p>`
table.insertAdjacentHTML("beforeend", cancelRow); table.insertAdjacentHTML('beforeend', cancelRow)
} }
if (svc.delayReason) { if (svc.delayReason) {
var delayRow = `<p class="msg">${svc.delayReason}</p>` var delayRow = `<p class="msg">${svc.delayReason}</p>`
table.insertAdjacentHTML("beforeend", delayRow); table.insertAdjacentHTML('beforeend', delayRow)
} }
} }
async function displayFerryService(svc) { // Creates a table for for each ferry service async function displayFerryService(svc) { // Creates a table for for each ferry service
var table = document.getElementById("ferry"); var table = document.getElementById('ferry')
log(JSON.stringify(svc)) log(JSON.stringify(svc))
// Determine Time Message // Determine Time Message
var sta = await parseTime(svc.sta); var sta = await parseTime(svc.sta)
var eta = await parseTime(svc.eta); var eta = await parseTime(svc.eta)
var std = await parseTime(svc.std); var std = await parseTime(svc.std)
var etd = await parseTime(svc.etd); var etd = await parseTime(svc.etd)
// Determine Platform Message // Determine Platform Message
var plt = ""; var plt = ''
// Define Table Row // Define Table Row
var row = ` var row = `
<table> <table>
@ -184,29 +185,29 @@ async function displayFerryService(svc) { // Creates a table for for each ferry
</tr> </tr>
</table>` </table>`
// Put Table Row // Put Table Row
table.insertAdjacentHTML("beforeend", row) table.insertAdjacentHTML('beforeend', row)
// Parse cancelReason & delayReason // Parse cancelReason & delayReason
if (svc.cancelReason) { if (svc.cancelReason) {
var cancelRow = `<p class="msg">${svc.cancelReason}</p>` var cancelRow = `<p class="msg">${svc.cancelReason}</p>`
table.insertAdjacentHTML("beforeend", cancelRow); table.insertAdjacentHTML('beforeend', cancelRow)
} }
if (svc.delayReason) { if (svc.delayReason) {
var delayRow = `<p class="msg">${svc.delayReason}</p>` var delayRow = `<p class="msg">${svc.delayReason}</p>`
table.insertAdjacentHTML("beforeend", delayRow); table.insertAdjacentHTML('beforeend', delayRow)
} }
document.getElementById("ferry").style = "display:block" document.getElementById('ferry').style = 'display:block'
} }
async function displayBusService(svc) { // Creates a table row for each bus service. async function displayBusService(svc) { // Creates a table row for each bus service.
var table = document.getElementById("bus"); var table = document.getElementById('bus')
log(JSON.stringify(svc)) log(JSON.stringify(svc))
// Determine Time Message // Determine Time Message
var sta = await parseTime(svc.sta); var sta = await parseTime(svc.sta)
var eta = await parseTime(svc.eta); var eta = await parseTime(svc.eta)
var std = await parseTime(svc.std); var std = await parseTime(svc.std)
var etd = await parseTime(svc.etd); var etd = await parseTime(svc.etd)
// Determine Platform Message // Determine Platform Message
var plt = ""; var plt = ''
// Define Table Row // Define Table Row
var row = ` var row = `
<table> <table>
@ -221,20 +222,20 @@ async function displayBusService(svc) { // Creates a table row for each bus serv
</tr> </tr>
</table>` </table>`
// Put Table Row // Put Table Row
table.insertAdjacentHTML("beforeend", row) table.insertAdjacentHTML('beforeend', row)
// Display operator // Display operator
if (svc.operator) { if (svc.operator) {
var opRow = `<p class="msg op">A ${svc.operator} service</p>` var opRow = `<p class="msg op">A ${svc.operator} service</p>`
table.insertAdjacentHTML("beforeend", opRow); table.insertAdjacentHTML('beforeend', opRow)
} }
// Parse cancelReason & delayReason // Parse cancelReason & delayReason
if (svc.cancelReason) { if (svc.cancelReason) {
var cancelRow = `<p class="msg">${svc.cancelReason}</p>` var cancelRow = `<p class="msg">${svc.cancelReason}</p>`
table.insertAdjacentHTML("beforeend", cancelRow); table.insertAdjacentHTML('beforeend', cancelRow)
} }
if (svc.delayReason) { if (svc.delayReason) {
var delayRow = `<p class="msg">${svc.delayReason}</p>` var delayRow = `<p class="msg">${svc.delayReason}</p>`
table.insertAdjacentHTML("beforeend", delayRow); table.insertAdjacentHTML('beforeend', delayRow)
} }
document.getElementById("bus").style = "display:block" document.getElementById('bus').style = 'display:block'
} }

32
js/stat.js
View File

@ -1,4 +1,4 @@
init(); init()
async function init() { // The page init function async function init() { // The page init function
versionDisplay() versionDisplay()
@ -6,25 +6,25 @@ async function init() { // The page init function
} }
async function get() { // Fetch data from API async function get() { // Fetch data from API
var url = `${window.location.origin}/api/v1/stats`; var url = `${window.location.origin}/api/v1/stats`
var resp = await fetch(url); var resp = await fetch(url)
return await resp.json(); return await resp.json()
} }
async function display(data) { // Parses and displays data from API async function display(data) { // Parses and displays data from API
document.getElementById('server_host').textContent = data.host; document.getElementById('server_host').textContent = data.host
document.getElementById('server_mode').textContent = data.mode || "Unknown"; document.getElementById('server_mode').textContent = data.mode || 'Unknown'
document.getElementById('ver-bkend').textContent = data.verBkend || "Unknown"; document.getElementById('ver-bkend').textContent = data.verBkend || 'Unknown'
let dat = data.dat[0] let dat = data.dat[0]
let ver = data.ver[0] let ver = data.ver[0]
document.getElementById('time').textContent = await convertUnixLocal(dat.since); document.getElementById('time').textContent = await convertUnixLocal(dat.since)
document.getElementById('ldbws').textContent = dat.ldbws || "0"; document.getElementById('ldbws').textContent = dat.ldbws || '0'
document.getElementById('ldbsvws').textContent = dat.ldbsvws || "0"; document.getElementById('ldbsvws').textContent = dat.ldbsvws || '0'
document.getElementById('apicorpus').textContent = dat.corpus_api || "0"; document.getElementById('apicorpus').textContent = dat.corpus_api || '0'
document.getElementById('corpus').textContent = dat.corpus || "0"; document.getElementById('corpus').textContent = dat.corpus || '0'
document.getElementById('stations').textContent = dat.stations || "0"; document.getElementById('stations').textContent = dat.stations || '0'
document.getElementById('users').textContent = dat.user || "0"; document.getElementById('users').textContent = dat.user || '0'
document.getElementById('meta').textContent = dat.meta || "0"; document.getElementById('meta').textContent = dat.meta || '0'
document.getElementById('pis').textContent = dat.pis document.getElementById('pis').textContent = dat.pis
document.getElementById('ver-dbman').textContent = ver.dbmanager || "Unknown"; document.getElementById('ver-dbman').textContent = ver.dbmanager || 'Unknown'
} }

140
sw.js
View File

@ -1,89 +1,89 @@
/* Service Worker */ /* Service Worker */
const appVersion = "PIS-DEV-23043001" const appVersion = 'PIS-DEV-23043001'
const cacheName = `owlboard-${appVersion}`; const cacheName = `owlboard-${appVersion}`
const cacheIDs = [cacheName]; const cacheIDs = [cacheName]
const cacheFiles = [ const cacheFiles = [
"/404.html", '/404.html',
"/auth.html", '/auth.html',
"/board.html", '/board.html',
"/conn-err.html", '/conn-err.html',
"/help.html", '/help.html',
"/", '/',
"/issue.html", '/issue.html',
"/find-code.html", '/find-code.html',
"/settings.html", '/settings.html',
"/pis.html", '/pis.html',
"/manifest.json", '/manifest.json',
"/styles/fonts/firamono/firamono-500.woff2", '/styles/fonts/firamono/firamono-500.woff2',
"/styles/fonts/firamono/firamono-regular.woff2", '/styles/fonts/firamono/firamono-regular.woff2',
"/styles/fonts/urwgothic/urwgothic.woff2", '/styles/fonts/urwgothic/urwgothic.woff2',
"/styles/fonts/urwgothic/urwgothicDemi.woff2", '/styles/fonts/urwgothic/urwgothicDemi.woff2',
"/styles/board.css", '/styles/board.css',
"/styles/find-code.css", '/styles/find-code.css',
"/styles/help.css", '/styles/help.css',
"/styles/issue.css", '/styles/issue.css',
"/styles/main.css", '/styles/main.css',
"/styles/settings.css", '/styles/settings.css',
"/styles/pis.css", '/styles/pis.css',
"/js/find-code.js", '/js/find-code.js',
"/js/index.js", '/js/index.js',
"/js/issue.js", '/js/issue.js',
"/js/lib.board.js", '/js/lib.board.js',
"/js/lib.main.js", '/js/lib.main.js',
"/js/auth.js", '/js/auth.js',
"/js/settings.js", '/js/settings.js',
"/js/simple-board.js", '/js/simple-board.js',
"/js/pis.js", '/js/pis.js',
"/images/icon.svg", '/images/icon.svg',
"/images/logo/wide_logo.svg", '/images/logo/wide_logo.svg',
"/images/logo/mono-logo.svg", '/images/logo/mono-logo.svg',
"/images/app-icons/any/plain-logo.svg", '/images/app-icons/any/plain-logo.svg',
"/images/app-icons/any/plain-logo-512.png", '/images/app-icons/any/plain-logo-512.png',
"/images/nav/alert_icon.svg", '/images/nav/alert_icon.svg',
"/images/nav/save.svg", '/images/nav/save.svg',
"/images/nav/home_icon.svg", '/images/nav/home_icon.svg',
"/images/nav/back.svg", '/images/nav/back.svg',
"/images/nav/hamburger.svg", '/images/nav/hamburger.svg',
"/images/nav/close.svg", '/images/nav/close.svg',
"/images/nav/refresh.svg", '/images/nav/refresh.svg',
"/images/nre/nre-powered_400w.webp", '/images/nre/nre-powered_400w.webp',
"/images/nre/nre-powered_400w.jxl" '/images/nre/nre-powered_400w.jxl'
]; ]
self.addEventListener("install", (e) => { self.addEventListener('install', (e) => {
console.log("[Service Worker] Install"); console.log('[Service Worker] Install')
e.waitUntil( e.waitUntil(
(async () => { (async () => {
const cache = await caches.open(cacheName); const cache = await caches.open(cacheName)
console.log("[Service Worker] Caching app data"); console.log('[Service Worker] Caching app data')
await cache.addAll(cacheFiles); await cache.addAll(cacheFiles)
})() })()
); )
}); })
self.addEventListener("fetch", (e) => { self.addEventListener('fetch', (e) => {
e.respondWith( e.respondWith(
(async () => { (async () => {
const r = await caches.match(e.request,{ignoreSearch: true}); const r = await caches.match(e.request,{ignoreSearch: true})
if (r) { if (r) {
return r; return r
} }
const response = await fetch(e.request); const response = await fetch(e.request)
console.log(`[Service Worker] Not cached - fetching from server: ${e.request.url}`); console.log(`[Service Worker] Not cached - fetching from server: ${e.request.url}`)
return response; return response
})() })()
); )
}); })
self.addEventListener('activate', function (event) { self.addEventListener('activate', function (event) {
event.waitUntil(caches.keys().then(function (keys) { event.waitUntil(caches.keys().then(function (keys) {
return Promise.all(keys.filter(function (key) { return Promise.all(keys.filter(function (key) {
return !cacheIDs.includes(key); return !cacheIDs.includes(key)
}).map(function (key) { }).map(function (key) {
return caches.delete(key); return caches.delete(key)
})); }))
}).then(function () { }).then(function () {
return self.clients.claim(); return self.clients.claim()
})); }))
}); })