ui: only show pager when needed

artefactual-labs · Dec 6, 2019 · cc3b168 · cc3b168
1 parent 2b759cb
commit cc3b168
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/ui/src/views/CollectionList.vue b/ui/src/views/CollectionList.vue
@@ -85,7 +85,7 @@
             </tr>
           </tbody>
         </table>
-        <b-nav inline>
+        <b-nav inline v-if="showPager">
           <b-button-group size="sm">
             <b-button class="page-link" :disabled="!showPrev" @click="goHome()">🏠</b-button>
             <b-button class="page-link" :disabled="!showPrev" @click="goPrev()">&laquo; Previous</b-button>
@@ -173,6 +173,13 @@ export default class CollectionList extends Vue {
     });
   }
 
+  private get showPager(): boolean {
+    if (typeof(this.showPrev) === 'undefined' || typeof(this.showNext) === 'undefined') {
+      return false;
+    }
+    return this.showPrev || this.showNext;
+  }
+
   private get queryHelp(): string | null {
     switch (this.$store.state.collection.query.field) {
       case 'name':