From cf2c56c7061b7ed40fdd3b40a352ddb9c9b7371f Mon Sep 17 00:00:00 2001
From: alexwl <alexey.a.kiryushin@gmail.com>
Date: Tue, 2 Oct 2018 13:17:04 +0300
Subject: Initial commit

---
 javascript/app/components/paginated-list.js | 48 +++++++++++++++++++++++++++++
 1 file changed, 48 insertions(+)
 create mode 100644 javascript/app/components/paginated-list.js

(limited to 'javascript/app/components/paginated-list.js')

diff --git a/javascript/app/components/paginated-list.js b/javascript/app/components/paginated-list.js
new file mode 100644
index 0000000..9d85610
--- /dev/null
+++ b/javascript/app/components/paginated-list.js
@@ -0,0 +1,48 @@
+import Ember from 'ember';
+function loadItems(store,component,url) {
+  store.loadFromUrlPaginated(url).then((result) => {
+    Ember.run.next(() => {
+      component.set('total',result.total);
+      component.set('items',result.items);
+      component.set('first',result.linkHeader.first);
+      component.set('next',result.linkHeader.next);
+      component.set('prev',result.linkHeader.prev);
+      component.set('last',result.linkHeader.last);
+      
+      const pageMatch = url.match(/(&|\?)page=(\d+)/);
+      const perPageMatch = url.match(/(&|\?)per_page=(\d+)/);
+      
+      const page = pageMatch ? pageMatch[2] : 1;
+      const perPage = perPageMatch ? perPageMatch[2] : 20;
+
+      if(result.linkHeader.next || result.linkHeader.prev) {
+        component.set('firstItemOnPage',(page - 1) * perPage + 1);
+        if(!result.linkHeader.last) {
+          component.set('lastItemOnPage',result.total);
+        } else {
+          component.set('lastItemOnPage',page * perPage);
+        }
+      }
+    });
+  });
+}
+
+export default Ember.Component.extend({
+  store : Ember.inject.service('store'),
+  init() {
+    this._super(...arguments);
+    if(this.get('url')) {
+      loadItems(this.get('store'),this,this.get('url'));
+    }
+  },
+  urlObserver : Ember.observer('url',function () {
+    loadItems(this.get('store'),this,this.get('url'));    
+    this.element.querySelector(".paginated-list-content").scrollTop = 0;    
+  }),
+  actions : {
+    update(url) {      
+      this.element.querySelector(".paginated-list-content").scrollTop = 0;
+      loadItems(this.get('store'),this,url);
+    }
+  }
+});
-- 
cgit v1.2.3