Display Infra trooper on the status page

status/res/imp/tree-status-sk.html

 <!--
   The common.js file must be included before this file.
 
   This in an HTML Import-able file that contains the definition
   of the following elements:
 
     <tree-status-sk>
 
   To use this file import it:
 
@@ skipping 30 matching lines @@
           reflect: true,
         },
         sheriff: {
           value: "",
           reflect: false,
         },
         gpuSheriff: {
           value: "",
           reflect: false,
         },
+        trooper: {
+          value: "",
+          reflect: false,
+        },
         author: {
           value: "",
           reflect: false,
         },
         timeSince: {
           value: "",
           reflect: false,
         },
         reload: {
           value: 60,
           reflect: true,
         },
         timeout: {
           value: null,
           reflect: false,
         },
         sheriffTimeout: {
           value: null,
           reflect: false,
         },
         gpuSheriffTimeout: {
           value: null,
           reflect: false,
         },
+        trooperTimeout: {
+          value: null,
+          reflect: false,
+        },
       },
 
       ready: function() {
         this.reloadStatus();
         this.reloadSheriffStatus();
         this.reloadGpuSheriffStatus();
+        this.reloadTrooperStatus();
       },
 
       reloadChanged: function() {
         this.resetTimeout();
         this.resetSheriffTimeout();
         this.resetGpuSheriffTimeout();
+        this.resetTrooperTimeout();
       },
 
       resetTimeout: function() {
         if (this.timeout) {
           window.clearTimeout(this.timeout);
         }
         if (this.reload > 0) {
           var that = this;
           this.timeout = window.setTimeout(function() { that.reloadStatus(); }, this.reload * 1000);
         }
@@ skipping 12 matching lines @@
       resetGpuSheriffTimeout: function() {
         if (this.gpuSheriffTimeout) {
           window.clearTimeout(this.gpuSheriffTimeout);
         }
         if (this.reload > 0) {
           var that = this;
           this.gpuSheriffTimeout = window.setTimeout(function() { that.reloadGpuSheriffStatus(); }, this.reload * 1000);
         }
       },
 
-      updateStatus: function(newSheriff, newGpuSheriff, newMessage, newBinaryStatus, newAuthor, newTimeSince) {
+      resetTrooperTimeout: function() {
+        if (this.trooperTimeout) {
+          window.clearTimeout(this.trooperTimeout);
+        }
+        if (this.reload > 0) {
+          var that = this;
+          this.trooperTimeout = window.setTimeout(function() { that.reloadTrooperStatus(); }, this.reload * 1000);
+        }
+      },
+
+      updateStatus: function(newSheriff, newGpuSheriff, newTrooper, newMessage, newBinaryStatus, newAuthor, newTimeSince) {
         if ((this.sheriff != newSheriff) ||
             (this.gpuSheriff != newGpuSheriff) ||
+            (this.trooper != newTrooper) ||
             (this.message != newMessage) ||
             (this.binaryStatus != newBinaryStatus) ||
             (this.author != newAuthor) ||
             (this.timeSince != newTimeSince)) {
           this.sheriff = newSheriff;
           this.gpuSheriff = newGpuSheriff;
+          this.trooper = newTrooper;
           this.message = newMessage;
           this.binaryStatus = newBinaryStatus;
           this.author = newAuthor;
           this.timeSince = newTimeSince;
           this.dispatchEvent(new CustomEvent("change", {
             detail: {
               sheriff: this.sheriff,
               gpuSheriff: this.gpuSheriff,
+              trooper: this.trooper,
               message: this.message,
               open: this.binaryStatus,
               author: this.author,
               timeSince: this.timeSince,
             }
           }))
         }
       },
 
       reloadStatus: function() {
         var that = this;
         sk.get("https://skia-tree-status.appspot.com/banner-status?format=json").then(JSON.parse).then(function(json) {
-          that.updateStatus(that.sheriff, that.gpuSheriff, json.message, json.general_state == "open", json.username.split("@")[0], sk.human.diffDate(json.date + " UTC"));
+          that.updateStatus(that.sheriff, that.gpuSheriff, that.trooper, json.message, json.general_state == "open", json.username.split("@")[0], sk.human.diffDate(json.date + " UTC"));
           that.resetTimeout();
         }).catch(function() {
           that.resetTimeout();
         });
       },
 
       reloadSheriffStatus: function() {
         var that = this;
         sk.get("https://skia-tree-status.appspot.com/current-sheriff?format=json").then(JSON.parse).then(function(json) {
-          that.updateStatus(json.username.split("@")[0], that.gpuSheriff, that.message, that.binaryStatus, that.author, that.timeSince);
+          that.updateStatus(json.username.split("@")[0], that.gpuSheriff, that.trooper, that.message, that.binaryStatus, that.author, that.timeSince);
           that.resetSheriffTimeout();
         }).catch(function() {
           that.resetSheriffTimeout();
         });
       },
 
       reloadGpuSheriffStatus: function() {
         var that = this;
         sk.get("https://skia-tree-status.appspot.com/current-gpu-sheriff?format=json").then(JSON.parse).then(function(json) {
-          that.updateStatus(that.sheriff, json.username.split("@")[0], that.message, that.binaryStatus, that.author, that.timeSince);
+          that.updateStatus(that.sheriff, json.username.split("@")[0], that.trooper, that.message, that.binaryStatus, that.author, that.timeSince);
           that.resetGpuSheriffTimeout();
         }).catch(function() {
           that.resetGpuSheriffTimeout();
         });
       },
+
+      reloadTrooperStatus: function() {
+        var that = this;
+        sk.get("https://skia-tree-status.appspot.com/current-trooper?format=json").then(JSON.parse).then(function(json) {
+          that.updateStatus(that.sheriff, that.trooper, json.username.split("@")[0], that.message, that.binaryStatus, that.author, that.timeSince);
+          that.resetTrooperTimeout();
+        }).catch(function() {
+          that.resetTrooperTimeout();
+        });
+      },
     });
   </script>
 </polymer-element>