Implement autocomplete and smart queries

client/presets-page.js

@@ -10,6 +10,8 @@ import * as expression from "../common/expression";
 import * as notifications from "./notifications";
 import putForm from "./components/put-form";
 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;
 
@@ -27,6 +29,14 @@ const attributes = [
   { id: "provisionArgs", label: "Arguments", unsortable: true }
 ];
 
+const unpackSmartQuery = memoize(query => {
+  return expressionParser.map(query, e => {
+    if (Array.isArray(e) && e[0] === "FUNC" && e[1] === "Q")
+      return smartQuery.unpack("presets", e[2], e[3]);
+    return e;
+  });
+});
+
 function putActoinHandler(action, object, isNew) {
   if (action === "save") {
     let id = object["_id"];
@@ -352,9 +362,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 presets = store.fetch("presets", filter, {
       limit: vnode.state.showCount || PAGE_SIZE,
@@ -384,11 +393,7 @@ const component = {
     return [
       m("h1", "Listing presets"),
       m(filterComponent, {
-        predefined: [
-          { parameter: "_id" },
-          { parameter: "channel" },
-          { parameter: "weight" }
-        ],
+        resource: "presets",
         filter: vnode.attrs.filter,
         onChange: onFilterChanged
       }),