commit 0369b7f2004cf57e22aa8ee76abe4f83fa9133ac
author Ian Wienand <iwienand@redhat.com> Wed Dec 09 11:57:24 2020 +1100
committer Ian Wienand <iwienand@redhat.com> Wed Dec 09 11:57:24 2020 +1100
tree 92ea067a122a7f5a16ae91e7419b048aac68d998
parent 08e5163dec26284fce9d391d3805474b4ce55eb2

Add icons and sorting

gr-zuul-summary-status/gr-zuul-summary-status.js

diff --git a/gr-zuul-summary-status/gr-zuul-summary-status.js b/gr-zuul-summary-status/gr-zuul-summary-status.js
index 61de196..b1dd16d 100644
--- a/gr-zuul-summary-status/gr-zuul-summary-status.js
+++ b/gr-zuul-summary-status/gr-zuul-summary-status.js
@@ -12,6 +12,8 @@
 // License for the specific language governing permissions and limitations
 // under the License.
 
+let ZUUL_PRIORITY = [ 22348 ];
+
 /*
  * Tab contents
  */
@@ -35,7 +37,7 @@
 
     th, td {
       text-align: left;
-      padding: 10px;
+      padding: 2px;
     }
 
     th {
@@ -58,11 +60,15 @@
   </style>
 
   <template is="dom-repeat" items="[[__table]]">
+   <div style="padding-left:5px">
    <table>
     <tr>
-     <th><b>[[item.author_name]]</b> on revision <b>[[item.revision]]</b> in pipeline <b>[[item.pipeline]]</b></th>
+     <th>
+      <template is="dom-if" if="{{item.succeeded}}"><span style="color:green"><iron-icon icon="gr-icons:check"></iron-icon></span></template>
+      <template is="dom-if" if="{{!item.succeeded}}"><span style="color:red"><iron-icon icon="gr-icons:close"></iron-icon></span></template>
+      <b>[[item.author_name]]</b> on revision <b>[[item.revision]]</b> in pipeline <b>[[item.pipeline]]</b></th>
      <th><template is="dom-if" if="{{item.rechecks}}">[[item.rechecks]] rechecks</template></th>
-     <th><b>[[item.date]]</b></th>
+     <th><b>[[item.date_string]]</b></th>
     </tr>
     <template is="dom-repeat" items="[[item.results]]" as="job">
      <tr>
@@ -72,6 +78,7 @@
      </tr>
     </template>
    </table>
+   </div>
   </template>`;
     }
 
@@ -187,8 +194,10 @@
                 'author_id': message.author._account_id,
                 'revision': revision,
                 'rechecks': rechecks,
-                'date': date.toLocaleString(),
+                'date': date,
+                'date_string': date.toLocaleString(),
                 'status': status,
+                'succeeded': status === 'succeeded' ? true : false,
                 'pipeline': pipeline,
                 'results': results
             }
@@ -198,8 +207,17 @@
             } else {
                 this.__table[existing] = table;
             }
-            console.debug("Zuul Summary table now:");
-            console.debug(this.__table);
+
+            // Sort first by listed priority, then by date
+            this.__table.sort((a, b) => {
+                // >>> 0 is just a trick to convert -1 to uint max
+                // of 2^32-1
+                let p_a = ZUUL_PRIORITY.indexOf(a.author_id) >>> 0;
+                let p_b = ZUUL_PRIORITY.indexOf(b.author_id) >>> 0;
+                let priority = p_a - p_b;
+                let date = b.date - a.date;
+                return priority || date;
+            });
         });
     }
 }