Make TaskList use Dynamic List

appengine/swarming/elements/res/imp/tasklist/task-filters.html

Index: appengine/swarming/elements/res/imp/tasklist/task-filters.html
diff --git a/appengine/swarming/elements/res/imp/tasklist/task-filters.html b/appengine/swarming/elements/res/imp/tasklist/task-filters.html
new file mode 100644
index 0000000000000000000000000000000000000000..0b4434c9569bfeeb6550350d5c00abefda6c51e5
--- /dev/null
+++ b/appengine/swarming/elements/res/imp/tasklist/task-filters.html
@@ -0,0 +1,75 @@
+<!--
+  This in an HTML Import-able file that contains the definition
+  of the following elements:
+
+    <task-filters>
+
+  Usage:
+
+    <task-filters></task-filters>
+
+    TODO(kjlubick): Make this not a stub
+
+  Properties:
+    // outputs

[jcgregorio, 2016/08/16 16:07:36]

Stray comment in a comment?

[kjlubick, 2016/08/16 16:47:41]

There will be inputs.  I usually like to list properties grouped by inputs and
outputs.

+    columns: Array<String>, the columns that should be displayed.
+    query_params: Object, The query params that will filter the query
+        server-side. TODO(kjlubick): Document appropriate content.
+    filter: Object, an object {filter:Function} where filter will take one param
+        (bot) and return a Boolean if it should be displayed given the
+        current filters.
+    verbose: Boolean, if the data displayed should be verbose.
+
+  Methods:
+    None.
+
+  Events:
+    None.
+-->
+
+<dom-module id="task-filters">
+  <template>
+    <style>
+      :host {
+        display: block;
+      }
+    </style>
+
+  </template>
+  <script>
+  (function(){
+    Polymer({
+      is: 'task-filters',
+
+      properties: {
+      // output

[jcgregorio, 2016/08/16 16:07:36]

stray comment?

[kjlubick, 2016/08/16 16:47:41]

Same thing, see above.

+        columns: {
+          type: Array,
+          value: function() {
+            return ["name", "state", "user"];
+          },
+          notify: true,
+        },
+        filter: {
+          type: Function,
+          value: function() {
+            return function(){
+              return true;
+            };
+          },
+          notify: true,
+        },
+        query_params: {
+          type: Object,
+          notify: true,
+        },
+        verbose: {
+          type: Boolean,
+          value: true,
+          notify: true,
+        },
+      }
+    });
+  })();
+  </script>
+</dom-module>