Zaid Humaimidi
4a191afdec
- Replace all hand-written CSS with Tailwind utility classes - Upgrade CodeMirror 5 to CodeMirror 6 (scoped @codemirror/* packages) - Redesign layout with responsive sidebar navigation using JSX/Mithril - Flatten admin routes (e.g. /admin/presets -> /presets) - Add "remember me" login option with 2-week persistent cookie - Add delete confirmation dialogs across admin pages - Upgrade esbuild from 0.21 to 0.27 and update browser targets - Add Inter and Roboto Mono variable fonts with subset script
34 lines
1.0 KiB
TypeScript
34 lines
1.0 KiB
TypeScript
import { ClosureComponent, Component } from "mithril";
|
|
import { m } from "../components.ts";
|
|
import { evaluateExpression } from "../store.ts";
|
|
|
|
const component: ClosureComponent = (): Component => {
|
|
return {
|
|
view: (vnode) => {
|
|
let deviceId;
|
|
const device = vnode.attrs["device"];
|
|
if (device) deviceId = device["DeviceID.ID"].value[0];
|
|
|
|
const children = Object.values(vnode.attrs["components"]).map((c) => {
|
|
if (Array.isArray(c)) c = evaluateExpression(c, device || {});
|
|
if (typeof c !== "object") return `${c}`;
|
|
const type = evaluateExpression(c["type"], device || {});
|
|
if (!type) return null;
|
|
const attrs = Object.assign({}, vnode.attrs, c);
|
|
return m(type as string, attrs);
|
|
});
|
|
if (deviceId) {
|
|
return m(
|
|
"a.text-cyan-700 hover:text-cyan-900 font-medium",
|
|
{ href: `#!/devices/${encodeURIComponent(deviceId)}` },
|
|
children,
|
|
);
|
|
} else {
|
|
return children;
|
|
}
|
|
},
|
|
};
|
|
};
|
|
|
|
export default component;
|