Generalize store quering functions

client/components/overview-dot.js

@@ -0,0 +1,37 @@
+"use strict";
+
+import m from "mithril";
+import * as config from "../config";
+import * as store from "../store";
+
+const CHARTS = config.get("ui.overview.charts");
+
+const component = {
+  view: vnode => {
+    const device = vnode.attrs.device;
+    const chart = CHARTS[vnode.attrs.chart];
+    for (let slice of Object.values(chart.slices)) {
+      const filter = store.unpackFilter(slice.filter);
+      if (filter.test(device)) {
+        const dot = m(
+          "svg",
+          {
+            width: "1em",
+            height: "1em",
+            xmlns: "http://www.w3.org/2000/svg",
+            "xmlns:xlink": "http://www.w3.org/1999/xlink"
+          },
+          m("circle", {
+            cx: "0.5em",
+            cy: "0.5em",
+            r: "0.4em",
+            fill: slice.color
+          })
+        );
+        return m("span.overview-dot", dot, `${slice.label}`);
+      }
+    }
+  }
+};
+
+export default component;