Make durations look nice on the task list

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 209 matching lines @@
         return this._attribute(task, "human_" + attr)[0];
       }
     }
     var columnMap = {
       abandoned_ts: humanTime("abandoned_ts"),
       completed_ts: humanTime("completed_ts"),
       costs_usd: function(task) {
         return this._attribute(task, "costs_usd", 0)[0];
       },
       created_ts: humanTime("created_ts"),
+      duration: humanTime("duration"),
       modified_ts: humanTime("modified_ts"),
       started_ts: humanTime("started_ts"),
       state: function(task) {
         var state = this._attribute(task, "state")[0];
         if (state === "COMPLETED") {
 
           if (this._attribute(task, "failure", false)[0]) {
             return "COMPLETED (FAILURE)";
           }
           var tryNum = this._attribute(task, "try_number", "-1")[0];
@@ skipping 12 matching lines @@
     // Given a time attribute like "abandoned_ts", sortableTime returns a function
     // that compares the tasks based on the attribute.  This is used for sorting.
     function sortableTime(attr) {
       // sort times based on the string they come with, formatted like
       // "2016-08-16T13:12:40.606300" which sorts correctly.  Locale time
       // (used in the columns), does not.
       return function(dir, a, b) {
         var aCol = this._attribute(a, attr)[0];
         var bCol = this._attribute(b, attr)[0];
 
-        return dir * swarming.naturalCompare(aCol, bCol);
+        return dir * (aCol - bCol);
       }
     }
     var specialSort = {
       abandoned_ts: sortableTime("abandoned_ts"),
       completed_ts: sortableTime("completed_ts"),
       created_ts: sortableTime("created_ts"),
+      duration: sortableTime("duration"),
       modified_ts: sortableTime("modified_ts"),
       started_ts: sortableTime("started_ts"),
     };
 
     Polymer({
       is: 'task-list',
       behaviors: [
           SwarmingBehaviors.DynamicTableBehavior,
       ],
 
@@ skipping 77 matching lines @@
           return undefined;
         }
         return task.tagMap[col];
       },
 
       _taskLink: function(taskId) {
         if (!taskId) {
           return undefined;
         }
         // TODO(kjlubick) Make this point to /newui/ when appropriate.
-        return "/restricted/task/"+taskId;
+        return "/user/task/"+taskId;
       },
 
       _taskClass: function(task) {
         var state = this._column("state", task);
         if (state === "CANCELED" ||state === "TIMED_OUT" || state === "EXPIRED") {
           return "exception";
         }
         if (state === "BOT_DIED") {
           return "died";
         }
         if (state === "COMPLETED (FAILURE)") {
           return "failed";
         }
         if (state === "RUNNING" || state === "PENDING") {
           return "pending";
         }
         return "";
       }
 
     });
   })();
   </script>
 </dom-module>