static: add admin shell to improve admin experience

passbook/static/static/src/AdminSiteShell.ts

@@ -0,0 +1,50 @@
+import { customElement, html, LitElement, property } from "lit-element";
+
+@customElement("pb-admin-shell")
+export class AdminSiteShell extends LitElement {
+
+    @property()
+    set defaultUrl(value: string) {
+        if (window.location.hash === "" && value !== undefined) {
+            window.location.hash = `#${value}`;
+        }
+    }
+
+    createRenderRoot() {
+        return this;
+    }
+
+    constructor() {
+        super();
+        this.loadContent();
+        window.addEventListener("hashchange", (e) => this.loadContent());
+    }
+
+    loadContent() {
+        let url = window.location.hash.slice(1, Infinity);
+        if (url === "") {
+            return
+        }
+        fetch(url).then(r => r.text()).then((t) => {
+            this.innerHTML = t;
+        }).then(() => {
+            this.querySelectorAll("a").forEach(a => {
+                if (a.href === "") {
+                    return;
+                }
+                try {
+                    const url = new URL(a.href);
+                    const qs = url.search || "";
+                    a.href = `#${url.pathname}${qs}`;
+                } catch (e) {
+                    a.href = `#${a.href}`;
+                }
+            });
+        });
+    }
+
+    render() {
+        return html`${this.innerHTML}`;
+    }
+
+}

passbook/static/static/src/Dropdown.ts

@@ -10,9 +10,6 @@ export class DropdownButton extends LitElement {
             btn.addEventListener("click", e => {
                 menu.hidden = !menu.hidden;
             });
-            btn.addEventListener("blur", e => {
-                menu.hidden = true;
-            });
         });
     }
 

passbook/static/static/src/main.ts

@@ -7,3 +7,4 @@ import './FlowShellCard';
 import './Messages';
 import './Tabs';
 import './ModalButton';
+import './AdminSiteShell';