create urgent list page

resources/assets/vue/components/bookings/sections/UrgentListSectionComponent.vue

@@ -22,7 +22,9 @@
             </div>
             <div class="row">
                 <div class="col">
-                    <pagination-component :section="section" class="mb-5" ref="pagination"></pagination-component>
+                    <div class="col-auto b-a p-t-5 p-b-5 m-l-5 pointer b-grey pointer" v-for="n in pagination.last_page">
+                        <small class="fs-11">{{n}}</small>
+                    </div>
                 </div>
             </div>
         </div>
@@ -32,19 +34,25 @@
     export default {
         data(){
             return {
-                list: []
+                list: [],
+                pagination: {
+                    last_page: 1
+                }
             }
         },
         created(){
-            this.submit(route('api.transaction.list') + '?page=1&filters=' + JSON.stringify({status: 2, type: 3, per_page: 50, order_by: {
-                    column: 'id',
-                    DESC: true
-                }}), 'get', 'urgentListSection', false, true)
+
         },
         methods: {
+            fetchList(Page = 1){
+                this.submit(route('api.transaction.list') + '?page='+ Page +'&filters=' + JSON.stringify({status: 2, type: 3, per_page: 50, order_by: {
+                        column: 'id',
+                        DESC: true
+                    }}), 'get', 'urgentListSection', false, true)
+            },
             successHandler(response){
                 this.list = response.payload.data;
-                this.$refs.pagination.makePagination(response.payload.meta, response.payload.links);
+                this.pagination = response.payload.meta;
             }
         }
     }