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

Adjust PIS Styling

Browse Source
This commit is contained in:
Fred Boniface 2023-04-30 21:10:37 +01:00
parent 92f621b6f9
commit a7b8fb36d4
4 changed files with 32 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
js/lib.main.js
View File

@ -151,7 +151,7 @@ async function getApi(path,auth = false) {
log(`resp.status: ${resp.status}`) log(`resp.status: ${resp.status}`)
log(`resp.json: ${json}`) log(`resp.json: ${json}`)
if (resp.status != 200) { if (resp.status != 200) {
return false return resp.status
} }
if (!resp.ok) { if (!resp.ok) {
return false return false

11
js/pis.js
View File

@ -9,7 +9,9 @@ async function findByOrigDest() {
const endpoint = `pis/origdest/${formData.origin}/${formData.destination}` const endpoint = `pis/origdest/${formData.origin}/${formData.destination}`
const json = await getApi(endpoint, auth = true) const json = await getApi(endpoint, auth = true)
if (json == false) { if (json == false) {
await noData() await displayNoData()
} else if (json == 401) {
await displayUnauthorised()
} else { } else {
await insertData(json) await insertData(json)
} }
@ -45,11 +47,16 @@ async function insertData(json) {
document.getElementById('result-count').textContent = results.toString() document.getElementById('result-count').textContent = results.toString()
} }
async function noData() { 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() {
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)
}
async function reset() { async function reset() {
document.getElementById('origin').value = "" document.getElementById('origin').value = ""
document.getElementById('destination').value = "" document.getElementById('destination').value = ""

18
pis.html
View File

@ -45,13 +45,19 @@
<div id="crs-box"> <div id="crs-box">
<p>Enter a services start and end station CRS codes to see code options and <p>Enter a services start and end station CRS codes to see code options and
stopping patterns.</p> stopping patterns.</p>
<p>Currently supported (Beta): GWR Bristol Metro region only.</p> <p>Currently supported (Beta): GWR: Bristol Metro, WOS & CDF Southbound.</p>
<p id="auth-required">You need to be logged into a free <a href="./settings.html">rail staff version</a> account for this feature.</p> <p id="auth-required">You need to be logged into a free <a href="./settings.html">rail staff version</a> account for this feature.</p>
<label for="origin">Origin:</label><br> <form id = "crs-inputs" action="javascript:findByOrigDest();">
<input type="text" class="small-lookup-box" id="origin" name="origin" maxlength="3"><br><br> <div class="crs-input">
<label for="destination">Destination:</label><br> <label for="origin">From:</label><br>
<input type="text" class="small-lookup-box" id="destination" name="destination" maxlength="3"><br><br> <input type="text" class="small-lookup-box pis-input" id="origin" name="origin" maxlength="3">
<input type="submit" value="Find" class="lookup-button" onclick="findByOrigDest()"> </div>
<div class="crs-input">
<label for="destination">To:</label><br>
<input type="text" class="small-lookup-box pis-input" id="destination" name="destination" maxlength="3"><br><br>
</div>
</form>
<input type="submit" value="Find" class="lookup-button">
</div> </div>
<div id="result-box"> <div id="result-box">

13
styles/pis.css
View File

@ -1,5 +1,12 @@
#crs-boxes { #crs-inputs {
display: block; display: flex;
justify-content: center;
}
.pis-input {
width: 55%;
max-width: 200px;
margin: auto;
} }
#result-box { #result-box {
@ -19,7 +26,7 @@ td, th {
} }
#reset { #reset {
margin-top: 25px margin-top: 15px
} }
#reset { #reset {