Starting to pull together an SPA structure: a router, page interface and the login page with template.

src/rust/long_term_stats/site_build/src/helpers.ts

@@ -0,0 +1,7 @@
+export function getValueFromForm(id: string): string {
+    let input = document.getElementById(id) as  HTMLInputElement;
+    if (input) {
+        return input.value;
+    }
+    return "";
+}

src/rust/long_term_stats/site_build/src/page.ts

@@ -0,0 +1,3 @@
+export interface Page {
+    wireup(): void;
+}

src/rust/long_term_stats/site_build/src/router.ts

@@ -0,0 +1,41 @@
+import { LoginPage } from './login/login';
+import { Page } from './page';
+
+export class SiteRouter {
+    hasCredentials: boolean;
+    curentPage: Page | undefined;
+
+    constructor() {
+        this.curentPage = undefined;
+        let token = localStorage.getItem("token");
+        if (token) {
+            this.hasCredentials = true;
+        } else {
+            this.hasCredentials = false;
+        }
+    }
+
+    initialRoute() {
+        if (this.hasCredentials) {
+            this.goto("dashboard");
+        } else {
+            this.goto("login");
+        }
+    }
+
+    // Handle actual navigation between pages
+    goto(page: string) {
+        console.log("Navigate to " + page)
+        switch (page) {
+            case "login": {
+                this.curentPage = new LoginPage();
+                break;
+            }
+            default: {
+                alert("I don't know how to go to: " + page);
+                return;
+            }
+        }
+        this.curentPage.wireup();
+    }
+}