pis #2
@ -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',
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -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
62
js/auth.js
@ -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('./')
|
||||||
}
|
}
|
@ -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
22
js/index.js
@ -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
56
js/issue.js
@ -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
198
js/lib.board.js
@ -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')
|
||||||
}
|
}
|
||||||
}
|
}
|
132
js/lib.main.js
132
js/lib.main.js
@ -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
18
js/pis.js
@ -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')
|
||||||
}
|
}
|
||||||
}
|
}
|
@ -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'
|
||||||
}
|
}
|
@ -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'
|
||||||
}
|
}
|
@ -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
32
js/stat.js
@ -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
140
sw.js
@ -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()
|
||||||
}));
|
}))
|
||||||
});
|
})
|
Reference in New Issue
Block a user