Implement the index form

This commit is contained in:
Fred Boniface 2023-01-11 21:48:52 +00:00
parent 997c5542be
commit de834106b8
5 changed files with 13 additions and 6 deletions

View File

@ -1,3 +1,7 @@
# What to do next: # What to do next:
* LDB to lookup and validate CRS or convert TIPLOC/STANOX to CRS before fetch. * Docker - nginx-proxy needs rebuilding and repushing.
* Docker - owlboard needs rebuilding and repushing.
* Frontend - Fix index.html form.
* Frontend - Implement message when API returns error state.
* Frontend - Add page builder.

View File

@ -7,7 +7,7 @@
<meta name="author" content="Frederick Boniface"> <meta name="author" content="Frederick Boniface">
<meta name="theme-color" content="#155bb7"> <meta name="theme-color" content="#155bb7">
<title id="pgTitle">OwlBoard - Loading</title> <title id="pgTitle">OwlBoard - Loading</title>
<script src="./js/ldb.js"></script> <script src="./js/board.js"></script>
<link rel="stylesheet" type="text/css" href="./styles/style.css"/> <link rel="stylesheet" type="text/css" href="./styles/style.css"/>
<link rel="stylesheet" type="text/css" href="./styles/boards.css"/> <link rel="stylesheet" type="text/css" href="./styles/boards.css"/>
<link rel="icon" type="image/png" href="./images/logo/logo-sq-256.png"/> <link rel="icon" type="image/png" href="./images/logo/logo-sq-256.png"/>

View File

@ -10,7 +10,7 @@
<link rel="stylesheet" type="text/css" href="./styles/style.css"/> <link rel="stylesheet" type="text/css" href="./styles/style.css"/>
<link rel="icon" type="image/png" href="./images/logo/logo-sq-256.png"/> <link rel="icon" type="image/png" href="./images/logo/logo-sq-256.png"/>
<link rel="manifest" type="application/json" href="./manifest.json"/> <link rel="manifest" type="application/json" href="./manifest.json"/>
<script src="./js/main.js"></script> <script src="./js/index.js"></script>
<title>OwlBoard</title> <title>OwlBoard</title>
</head> </head>
@ -38,9 +38,11 @@
<img class="titleimg" src="/images/logo/logo-full-512.png" alt="OwlBoard Logo"> <img class="titleimg" src="/images/logo/logo-full-512.png" alt="OwlBoard Logo">
</picture> </picture>
<br> <br>
<input class="lookup-box" type="text" id="crs-lookup" name="crs-lookup" placeholder="Enter CRS/TIPLOC"/> <form action="board.html">
<input class="lookup-box" type="text" id="crs-lookup" name="stn" placeholder="Enter CRS/TIPLOC"/>
<br> <br>
<button class="lookup-button" onclick="getTextEntry()">Lookup Board</button> <input type="submit" value="Lookup Board" class="lookup-button">
</form>
<br> <br>
<br> <br>

View File

@ -12,5 +12,6 @@ async function sidebarClose() {
async function gotoBoard(station){ async function gotoBoard(station){
console.log(`Finding ${station}`) console.log(`Finding ${station}`)
var url = `http://${window.location.host}/board.html/${station}`;
window.location.assign(`board.html?stn=${station}`) window.location.assign(`board.html?stn=${station}`)
} }