TypeScript!

ui/admin-menu.ts

@@ -0,0 +1,65 @@
+import m from "mithril";
+import { ClosureComponent, Component } from "mithril";
+
+const component: ClosureComponent = (): Component => {
+  return {
+    view: vnode => {
+      const active = { [vnode.attrs["page"]]: "active" };
+      const tabs = [];
+
+      if (window.authorizer.hasAccess("presets", 1)) {
+        tabs.push(
+          m(
+            "li",
+            { class: active["presets"] },
+            m("a", { href: "#!/admin/presets" }, "Presets")
+          )
+        );
+      }
+
+      if (window.authorizer.hasAccess("provisions", 1)) {
+        tabs.push(
+          m(
+            "li",
+            { class: active["provisions"] },
+            m("a", { href: "#!/admin/provisions" }, "Provisions")
+          )
+        );
+      }
+
+      if (window.authorizer.hasAccess("virtualParameters", 1)) {
+        tabs.push(
+          m(
+            "li",
+            { class: active["virtualParameters"] },
+            m("a", { href: "#!/admin/virtualParameters" }, "Virtual Parameters")
+          )
+        );
+      }
+
+      if (window.authorizer.hasAccess("files", 1)) {
+        tabs.push(
+          m(
+            "li",
+            { class: active["files"] },
+            m("a", { href: "#!/admin/files" }, "Files")
+          )
+        );
+      }
+
+      if (window.authorizer.hasAccess("config", 1)) {
+        tabs.push(
+          m(
+            "li",
+            { class: active["config"] },
+            m("a", { href: "#!/admin/config" }, "Config")
+          )
+        );
+      }
+
+      return m("nav#side-menu", m("ul", tabs));
+    }
+  };
+};
+
+export default component;