Midway through extracting filters

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

 <!--
   Copyright 2016 The LUCI Authors. All rights reserved.
   Use of this source code is governed under the Apache License, Version 2.0
   that can be found in the LICENSE file.
 
   This in an HTML Import-able file that contains the definition
   of the following elements:
 
     <task-list>
 
@@ skipping 46 matching lines @@
       busy="[[_busy]]"
       name="Swarming Task List">
 
       <h2 hidden$="[[_signed_in]]">You must sign in to see anything useful.</h2>
 
       <div hidden$="[[_not(_signed_in)]]">
         <task-list-data
           auth_headers="[[_auth_headers]]"
           query_params="[[_query_params]]"
           tasks="{{_items}}"
-          busy="{{_busy}}">
+          busy="{{_busy}}"
+          primary_map="{{_primary_map}}"
+          primary_arr="{{_primary_arr}}">
         </task-list-data>
 
         <div class="horizontal layout">
 
           <task-filters
+            primary_map="[[_primary_map]]"
+            primary_arr="[[_primary_arr]]"
             columns="{{_columns}}"
             query_params="{{_query_params}}"
             filter="{{_filter}}"
             verbose="{{_verbose}}">
           </task-filters>
 
         </div>
 
         <table class="task-list">
           <thead on-sort_change="_sortChange">
@@ skipping 11 matching lines @@
                 <sort-toggle
                     name="name"
                     current="[[_sort]]">
                 </sort-toggle>
               </th>
               <!-- This wonky syntax is the proper way to listen to changes on an
               array (we are listening to all subproperties). The element returned is
               not of much use, so we'll ignore it in _hide() and use this._columns.
               -->
               <th hidden$="[[_hide('state', _columns.*)]]">
-                <span>Status</span>
+                <span>State</span>
                 <sort-toggle
                     name="state"
                     current="[[_sort]]">
                 </sort-toggle>
               </th>
 
               <template
                     is="dom-repeat"
                     items="[[_plainColumns]]"
                     as="c">
@@ skipping 51 matching lines @@
   (function(){
     var specialColumns = ["name", "state"];
     var columnMap = {};
     var headerMap = {
       "user": "Requesting User",
     };
     var specialSort = {};
 
     Polymer({
       is: 'task-list',
+
+      // The order behaviors are applied in matters - later ones overwrite
+      // attributes of earlier ones
       behaviors: [
           SwarmingBehaviors.SwarmingBehavior,
           SwarmingBehaviors.DynamicTableBehavior,
       ],
 
       properties: {
         client_id: {
           type: String,
         },
 
         // For dynamic table.
         _columnMap: {
           type: Object,
-          value: columnMap,
+          value: function() {
+            var base = this._commonColumns();
+            for (var attr in columnMap) {
+              base[attr] = columnMap[attr];
+            }
+            return base;
+          },
         },
         _headerMap: {
           type: Object,
           value: headerMap,
         },
         _specialColumns: {
           type: Array,
           value: specialColumns,
         },
         _specialSort: {
           type: Object,
           value: specialSort,
         },
       },
 
       _attribute: function(task, col, def) {
-        var retVal = task[col] || [def];
+        var retVal = this._tag(task, col) || task[col] || [def];
         if (!Array.isArray(retVal)) {
           return [retVal];
         }
         return retVal;
       },
 
+      _tag: function(task, col) {
+        if (!task || !task.tagMap) {
+          return undefined;
+        }
+        return task.tagMap[col];
+      },
+
       _taskLink: function(task) {
         // TODO(kjlubick) Make this point to /newui/ when appropriate.
         return "/restricted/task/"+task.task_id;
       },
 
       _taskClass: function(task) {
         // TODO(kjlubick): Color tasks?
         return "";
       }
 
     });
   })();
   </script>
 </dom-module>