Implement the index form

UpNext.md

@@ -1,3 +1,7 @@
 # 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.

static/board.html

@@ -7,7 +7,7 @@
         <meta name="author" content="Frederick Boniface">
         <meta name="theme-color" content="#155bb7">
         <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/boards.css"/>
         <link rel="icon" type="image/png" href="./images/logo/logo-sq-256.png"/>

static/index.html

@@ -10,7 +10,7 @@
     <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="manifest" type="application/json" href="./manifest.json"/>
-    <script src="./js/main.js"></script>
+    <script src="./js/index.js"></script>
     <title>OwlBoard</title>
   </head>
 
@@ -38,9 +38,11 @@
       <img class="titleimg" src="/images/logo/logo-full-512.png" alt="OwlBoard Logo">
     </picture>
     <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>
-    <button class="lookup-button" onclick="getTextEntry()">Lookup Board</button>
+      <input type="submit" value="Lookup Board" class="lookup-button">
+    </form>
     <br>
     <br>
     

static/js/index.js

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