rework ui

html/ui/js/app.js

@@ -15,6 +15,8 @@ createApp({
                 hostFromTemplate: {},
                 hostFromTemplateDel: "",
             },
+            view: "",
+            viewFilter: "",
             session: {},
             error: null,
             publicState: null,
@@ -57,6 +59,27 @@ createApp({
     },
 
     computed: {
+        views() {
+            var views = [{type: "actions", name: "admin", title: "Admin actions"}];
+
+            (this.state.Clusters||[]).forEach((c) => views.push({type: "cluster", name: c.Name, title: `Cluster ${c.Name}`}));
+            (this.state.Hosts   ||[]).forEach((c) => views.push({type: "host",    name: c.Name, title: `Host ${c.Name}`}));
+
+            console.log("views:",views);
+
+            return views.filter((v) => v.name.includes(this.viewFilter));
+        },
+        viewObj() {
+            if (this.view) {
+                if (this.view.type == "cluster") {
+                    return this.state.Clusters.find((c) => c.Name == this.view.name);
+                }
+                if (this.view.type == "host") {
+                    return this.state.Hosts.find((h) => h.Name == this.view.name);
+                }
+            }
+            return undefined;
+        },
         hostsFromTemplate() {
             return (this.state.Hosts||[]).filter((h) => h.Template)
         },