Merge remote-tracking branch 'ui/master'

ui/components/parameter-table.js

@@ -0,0 +1,143 @@
+"use strict";
+
+import m from "mithril";
+import * as components from "../components";
+import * as taskQueue from "../task-queue";
+import * as store from "../store";
+import * as expression from "../../lib/common/expression";
+import * as expressionParser from "../../lib/common/expression-parser";
+import memoize from "../../lib/common/memoize";
+
+const memoizeParse = memoize(expression.parse);
+
+const component = {
+  oninit: vnode => {
+    const obj = expression.parse(vnode.attrs.parameter);
+    if (!Array.isArray(obj) || !obj[0] === "PARAM")
+      throw new Error("Object must be a parameter path");
+    vnode.state.object = obj[1];
+    vnode.state.parameters = Object.values(vnode.attrs.childParameters).map(
+      parameter => {
+        return Object.assign({}, parameter, {
+          parameter: expression.parse(parameter.parameter)
+        });
+      }
+    );
+  },
+  view: vnode => {
+    const device = vnode.attrs.device;
+    const object = store.evaluateExpression(vnode.state.object, device);
+    const parameters = vnode.state.parameters;
+
+    if (!device[object]) return null;
+
+    const instances = new Set();
+    const prefix = `${object}.`;
+    for (const p in device) {
+      if (p.startsWith(prefix)) {
+        const i = p.indexOf(".", prefix.length);
+        if (i === -1) instances.add(p);
+        else instances.add(p.slice(0, i));
+      }
+    }
+
+    const headers = Object.values(parameters).map(p => m("th", p.label));
+
+    const thead = m("thead", m("tr", headers));
+
+    const rows = [];
+    for (const i of instances) {
+      let filter =
+        vnode.attrs.filter != null ? memoizeParse(vnode.attrs.filter) : true;
+
+      filter = expressionParser.map(filter, e => {
+        if (Array.isArray(e) && e[0] === "PARAM")
+          return ["PARAM", ["||", i, ".", e[1]]];
+        return e;
+      });
+
+      if (!store.evaluateExpression(filter, device)) continue;
+
+      const row = parameters.map(p => {
+        const param = expressionParser.map(p.parameter, e => {
+          if (Array.isArray(e) && e[0] === "PARAM")
+            return ["PARAM", ["||", i, ".", e[1]]];
+          return e;
+        });
+        return m(
+          "td",
+          m(
+            components.get(p.type || "parameter"),
+            Object.assign({}, p, {
+              device: device,
+              parameter: expressionParser.stringify(param),
+              label: ""
+            })
+          )
+        );
+      });
+
+      if (device[i].writable === true) {
+        row.push(
+          m(
+            "td",
+            m(
+              "button",
+              {
+                title: "Delete this instance",
+                onclick: () => {
+                  taskQueue.queueTask({
+                    name: "deleteObject",
+                    device: device["DeviceID.ID"].value[0],
+                    objectName: i
+                  });
+                }
+              },
+              "✕"
+            )
+          )
+        );
+      }
+      rows.push(m("tr", row));
+    }
+
+    if (!rows.length) {
+      rows.push(
+        m("tr.empty", m("td", { colspan: headers.length }, "No instances"))
+      );
+    }
+
+    if (device[object].writable === true) {
+      rows.push(
+        m(
+          "tr",
+          m("td", { colspan: headers.length }),
+          m(
+            "td",
+            m(
+              "button",
+              {
+                title: "Create a new instance",
+                onclick: () => {
+                  taskQueue.queueTask({
+                    name: "addObject",
+                    device: device["DeviceID.ID"].value[0],
+                    objectName: object
+                  });
+                }
+              },
+              "🞢"
+            )
+          )
+        )
+      );
+    }
+
+    let label;
+    if (vnode.attrs.label) label = m("h2", vnode.attrs.label);
+
+    return [label, m("table.table", thead, m("tbody", rows))];
+  }
+};
+
+export default component;