Merge branch 'fe-paginated-environments-api-add-pagination' into…

app/assets/javascripts/environments/components/environment.js.es6

@@ -86,7 +86,7 @@ module.exports = Vue.component('environment-component', {
         this.store.storeAvailableCount(response.body.available_count);
         this.store.storeStoppedCount(response.body.stopped_count);
         this.store.storeEnvironments(response.body.environments);
-        this.store.storePagination(response.headers);
+        this.store.setPagination(response.headers);
       })
       .then(() => {
         this.isLoading = false;

app/assets/javascripts/environments/stores/environments_store.js.es6

@@ -56,7 +56,7 @@ class EnvironmentsStore {
     return filteredEnvironments;
   }
 
-  storePagination(pagination = {}) {
+  setPagination(pagination = {}) {
     const normalizedHeaders = gl.utils.normalizeHeaders(pagination);
     const paginationInformation = {
       perPage: parseInt(normalizedHeaders['X-PER-PAGE'], 10),

app/assets/javascripts/vue_pipelines_index/pipelines.js.es6

@@ -35,8 +35,16 @@ require('../vue_shared/components/pipelines_table');
       this.store.fetchDataLoop.call(this, Vue, this.pagenum, this.scope, this.apiScope);
     },
     methods: {
-      change(pagenum, apiScope) {
-        if (!apiScope) apiScope = 'all';
+
+      /**
+       * Changes the URL according to the pagination component.
+       *
+       * If no scope is provided, 'all' is assumed.
+       *
+       * @param  {Number} pagenum
+       * @param  {String} apiScope = 'all'
+       */
+      change(pagenum, apiScope = 'all') {
         gl.utils.visitUrl(`?scope=${apiScope}&p=${pagenum}`);
       },
     },

spec/javascripts/environments/environments_store_spec.js.es6

@@ -51,7 +51,7 @@ const { environmentsList, serverData } = require('./mock_data');
         previousPage: 2,
       };
 
-      store.storePagination(pagination);
+      store.setPagination(pagination);
       expect(store.state.paginationInformation).toEqual(expectedResult);
     });
   });