Add proper natural sort to swarming UI

appengine/swarming/ui/res/imp/botlist/bot-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:
 
     <bot-list>
 
@@ skipping 481 matching lines @@
           var v = deviceColumnMap[col](device);
           v = parseFloat(swarming.alias.unapply(v)) || 0;
           avgA += v / devsA.length;
         }.bind(this));
         var devsB = this._devices(botB);
         devsB.forEach(function(device) {
           var v = deviceColumnMap[col](device);
           v = parseFloat(swarming.alias.unapply(v)) || 0;
           avgB += v / devsB.length;
         }.bind(this));
-        return dir * swarming.naturalCompare(avgA, avgB);
+        return dir * naturalSort(avgA, avgB);
       };
     }
 
     var specialSort = {
       android_devices: function(dir, botA, botB) {
         // We sort on the number of attached devices. Note that this
         // may not be the same as android_devices, because _devices().length
         // counts all devices plugged into the bot, whereas android_devices
         // counts just devices ready for work.
         var botACol = this._devices(botA).length;
         var botBCol = this._devices(botB).length;
-        return dir * swarming.naturalCompare(botACol, botBCol);
+        return dir * naturalSort(botACol, botBCol);
       },
 
       battery_health: deviceAverage("battery_health"),
       battery_level: deviceAverage("battery_level"),
       battery_status: deviceAverage("battery_status"),
       battery_temperature: deviceAverage("battery_temperature"),
       battery_voltage: deviceAverage("battery_voltage"),
       device_temperature: deviceAverage("device_temperature"),
 
       bot_temperature: function(dir, botA, botB) {
         // Sort by average temperature.
         var botACol = botA.state.temp.average || 0;
         var botBCol = botB.state.temp.average || 0;
-        return dir * swarming.naturalCompare(botACol, botBCol);
+        return dir * naturalSort(botACol, botBCol);
       },
       disk_space: function(dir, botA, botB) {
         // We sort based on the raw number of MB of the first disk.
         var botACol = botA.disks[0].mb;
         var botBCol = botB.disks[0].mb;
-        return dir * swarming.naturalCompare(botACol, botBCol);
+        return dir * naturalSort(botACol, botBCol);
       },
       first_seen: function(dir, botA, botB) {
         var botACol = botA.first_seen_ts;
         var botBCol = botB.first_seen_ts;
-        return dir * swarming.naturalCompare(botACol, botBCol);
+        return dir * naturalSort(botACol, botBCol);
       },
       last_seen: function(dir, botA, botB) {
         var botACol = botA.last_seen_ts;
         var botBCol = botB.last_seen_ts;
-        return dir * swarming.naturalCompare(botACol, botBCol)
+        return dir * naturalSort(botACol, botBCol)
       },
       running_time: function(dir, botA, botB) {
         var botACol = this._state(botA, "running_time") || 0;
         var botBCol = this._state(botB, "running_time") || 0;
-        return dir * swarming.naturalCompare(botACol, botBCol)
+        return dir * naturalSort(botACol, botBCol)
       },
       uptime: function(dir, botA, botB) {
         var botACol = this._state(botA, "uptime") || 0;
         var botBCol = this._state(botB, "uptime") || 0;
-        return dir * swarming.naturalCompare(botACol, botBCol)
+        return dir * naturalSort(botACol, botBCol)
       },
     };
 
     Polymer({
       is: 'bot-list',
 
       // The order behaviors are applied in matters - later ones overwrite
       // attributes of earlier ones
       behaviors: [
           SwarmingBehaviors.BotListBehavior,
@@ skipping 134 matching lines @@
           return;
         }
         var url = "/api/swarming/v1/bots/list?" + sk.query.fromParamSet(this._query_params);
         this.$.page_bots.load(url,this._auth_headers);
       }
 
     });
   })();
   </script>
 </dom-module>