From 2bf8945e02a5cb9b5648688b7acbb27243980a2a Mon Sep 17 00:00:00 2001
From: Michael Lange <dingoeatingfuzz@gmail.com>
Date: Tue, 17 Oct 2017 17:52:31 -0700
Subject: [PATCH] Use the right footer pagination styles on task group page

---
 ui/app/templates/jobs/job/task-group.hbs | 26 +++++++++++-------------
 1 file changed, 12 insertions(+), 14 deletions(-)

diff --git a/ui/app/templates/jobs/job/task-group.hbs b/ui/app/templates/jobs/job/task-group.hbs
index 6d010d199..8f86fb8a2 100644
--- a/ui/app/templates/jobs/job/task-group.hbs
+++ b/ui/app/templates/jobs/job/task-group.hbs
@@ -64,7 +64,8 @@
           {{#list-table
             source=p.list
             sortProperty=sortProperty
-            sortDescending=sortDescending as |t|}}
+            sortDescending=sortDescending
+            class="with-foot" as |t|}}
             {{#t.head}}
               {{#t.sort-by prop="shortId"}}ID{{/t.sort-by}}
               {{#t.sort-by prop="modifyIndex" title="Modify Index"}}Modified{{/t.sort-by}}
@@ -78,19 +79,16 @@
               {{allocation-row allocation=row.model context="job" onClick=(action "gotoAllocation" row.model)}}
             {{/t.body}}
           {{/list-table}}
-          <nav class="pagination is-centered">
-            <ul class="pagination-list">
-              {{#p.first class="pagination-link"}} |&lt; {{/p.first}}
-              {{#p.prev class="pagination-link"}} &lt; {{/p.prev}}
-              {{#each p.pageLinks as |link|}}
-                {{#link-to (query-params currentPage=link.pageNumber) class="pagination-link" activeClass="is-current"}}
-                  {{link.pageNumber}}
-                {{/link-to}}
-              {{/each}}
-              {{#p.next class="pagination-link"}} &gt; {{/p.next}}
-              {{#p.last class="pagination-link"}} &gt;| {{/p.last}}
-            </ul>
-          </nav>
+          <div class="table-foot">
+            <nav class="pagination">
+              <div class="pagination-numbers">
+                {{p.startsAt}}&ndash;{{p.endsAt}} of {{sortedAllocations.length}}
+              </div>
+              {{#p.prev class="pagination-previous"}} &lt; {{/p.prev}}
+              {{#p.next class="pagination-next"}} &gt; {{/p.next}}
+              <ul class="pagination-list"></ul>
+            </nav>
+          </div>
         {{else}}
           <div class="boxed-section-body">
             <div class="empty-message">