Pagination in tables

Author: abhinavk96

app/components/tables/utilities/pagination.js

@@ -0,0 +1,21 @@
+import Component from '@ember/component';
+import { computed } from '@ember/object';
+export default Component.extend({
+  currentRange: computed(function() {
+    return '1-10';
+  }),
+  pageCount: computed(function() {
+
+  }),
+  actions: {
+    moveToNextPage() {
+      console.log('hello');
+      this.incrementProperty('currentPage');
+    },
+    moveToPreviousPage() {
+      console.log('pevious');
+      this.decrementProperty('currentPage');
+    }
+  },
+  totalCount: 100
+});

app/templates/components/tables/utilities/pagination.hbs

@@ -0,0 +1,16 @@
+<div class="ui secondary menu">
+  <div class="ui secondary mini labeled icon compact menu">
+    <a class="item" {{action 'moveToPreviousPage'}}>
+      <i class="caret left icon"></i>
+      Previous
+    </a>
+    <a class="item" {{action 'moveToNextPage'}}>
+       <i class="caret right icon"></i>
+      Next
+    </a>
+  </div>
+  <div class="ui text right padded menu">
+    Showing {{currentRange}} of  {{totalCount}} entries
+  </div>
+</div>
+