Merge pull request #13 from Callum Macrae

TahaSh · Sep 3, 2016 · b582c5c · b582c5c
2 parents be1f74d + 07f2c66
commit b582c5c
Show file tree

Hide file tree

Showing 6 changed files with 23 additions and 5 deletions.
diff --git a/dist/vue-paginate.js b/dist/vue-paginate.js
@@ -1,5 +1,5 @@
 /*!
- * vue-paginate v2.1.0
+ * vue-paginate v2.1.2
  * (c) 2016 Taha Shashtari
  * Released under the MIT License.
  */
@@ -205,7 +205,7 @@
     }, {
       key: 'initialOfLastNav',
       value: function initialOfLastNav() {
-        var numberOfNavs = ~ ~(this.list.numberOfPages / this.limit);
+        var numberOfNavs = ~~(this.list.numberOfPages / this.limit);
         var rest = this.list.numberOfPages - this.limit * numberOfNavs;
 
         rest = rest <= 1 ? rest + this.limit : rest;
@@ -262,6 +262,7 @@
       // Update the original list when the user changes the full list.
       vm.$watch('full' + utils.capitalize(this.listName), function (newVal, oldVal) {
         _this.originalList = newVal;
+        _this.setNumberOfPages(_this.originalList.length);
         vm['refresh' + utils.capitalize(_this.listName) + 'Page']();
       });
 

diff --git a/dist/vue-paginate.min.js b/dist/vue-paginate.min.js
diff --git a/dist/vue-paginate.min.js.gz b/dist/vue-paginate.min.js.gz
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vue-paginate",
-  "version": "2.1.1",
+  "version": "2.1.2",
   "description": "A simple vue.js plugin to paginate data",
   "main": "dist/vue-paginate.js",
   "scripts": {

diff --git a/src/paginate.js b/src/paginate.js
@@ -43,6 +43,7 @@ export default {
     // Update the original list when the user changes the full list.
     vm.$watch('full' + utils.capitalize(this.listName), (newVal, oldVal) => {
       this.originalList = newVal;
+      this.setNumberOfPages(this.originalList.length);
       vm['refresh' + utils.capitalize(this.listName) + 'Page']();
     });
 

diff --git a/test/functional/test.js b/test/functional/test.js
@@ -133,6 +133,22 @@ describe('Vue-Paginate', () => {
 
       vm.$data.limitedLangsLinks.should.eql([1, 2, 3, 4, 5, 6, 7]);
     });
+
+    it('updates the links when the list is updated', (done) => {
+      vm = new Vue({
+        template: '<div v-paginate:1="langs" limit="6">Hello</div>',
+        data: {
+          langs: ['PHP']
+        }
+      }).$mount();
+
+      vm.$data.fullLangs = ['PHP', 'JavaScript', 'HTML', 'CSS', 'Ruby', 'Python', 'Erlang'];
+
+      Vue.nextTick(() => {
+        vm.$data.limitedLangsLinks.should.eql([1, 2, 3, 4, 5, 6, 7]);
+        done();
+      });
+    });
   });
 
   describe('Dynamic perPage', () => {