web: add 404 page, don't auto-redirect to home

web/src/elements/router/Router404.ts

@@ -0,0 +1,27 @@
+import { gettext } from "django";
+import { CSSResult, customElement, html, LitElement, property, TemplateResult } from "lit-element";
+import { COMMON_STYLES } from "../../common/styles";
+
+@customElement("ak-router-404")
+export class Router404 extends LitElement {
+
+    @property()
+    url = "";
+
+    static get styles(): CSSResult[] {
+        return COMMON_STYLES;
+    }
+
+    render(): TemplateResult {
+        return html`<div class="pf-c-empty-state pf-m-full-height">
+            <div class="pf-c-empty-state__content">
+                <i class="fas fa-question-circle pf-c-empty-state__icon" aria-hidden="true"></i>
+                <h1 class="pf-c-title pf-m-lg">${gettext("Not found")}</h1>
+                <div class="pf-c-empty-state__body">
+                    ${gettext(`The url '${this.url}' was not found.`)}
+                </div>
+                <a href="#/" class="pf-c-button pf-m-primary" type="button">${gettext("Return home")}</a>
+            </div>
+        </div>`;
+    }
+}