Implement autocomplete and smart queries

client/faults-page.js

@@ -7,6 +7,8 @@ import * as store from "./store";
 import * as notifications from "./notifications";
 import * as expression from "../common/expression";
 import memoize from "../common/memoize";
+import * as smartQuery from "./smart-query";
+import * as expressionParser from "../common/expression-parser";
 
 const PAGE_SIZE = config.ui.pageSize || 10;
 
@@ -33,6 +35,14 @@ const getDownloadUrl = memoize(filter => {
   })}`;
 });
 
+const unpackSmartQuery = memoize(query => {
+  return expressionParser.map(query, e => {
+    if (Array.isArray(e) && e[0] === "FUNC" && e[1] === "Q")
+      return smartQuery.unpack("faults", e[2], e[3]);
+    return e;
+  });
+});
+
 function init(args) {
   if (!window.authorizer.hasAccess("faults", 2))
     return Promise.reject(
@@ -219,9 +229,8 @@ const component = {
     }
 
     const sort = vnode.attrs.sort ? memoizedJsonParse(vnode.attrs.sort) : {};
-    const filter = vnode.attrs.filter
-      ? memoizedParse(vnode.attrs.filter)
-      : true;
+    let filter = vnode.attrs.filter ? memoizedParse(vnode.attrs.filter) : true;
+    filter = unpackSmartQuery(filter);
 
     let faults = store.fetch("faults", filter, {
       limit: vnode.state.showCount || PAGE_SIZE,
@@ -240,13 +249,7 @@ const component = {
     return [
       m("h1", "Listing faults"),
       m(filterComponent, {
-        predefined: [
-          { parameter: "device" },
-          { parameter: "channel" },
-          { parameter: "code" },
-          { parameter: "retries" },
-          { parameter: "timestamp" }
-        ],
+        resource: "faults",
         filter: vnode.attrs.filter,
         onChange: onFilterChanged
       }),