48 lines
1.2 KiB
JavaScript
48 lines
1.2 KiB
JavaScript
/**
|
|
* API callbacks for pagination and tabs
|
|
* shared between Pipelines and Environments table.
|
|
*
|
|
* Components need to have `scope`, `page` and `requestData`
|
|
*/
|
|
import { historyPushState, buildUrlWithCurrentLocation } from '../../lib/utils/common_utils';
|
|
|
|
export default {
|
|
methods: {
|
|
onChangeTab(scope) {
|
|
this.updateContent({ scope, page: '1' });
|
|
},
|
|
|
|
onChangePage(page) {
|
|
/* URLS parameters are strings, we need to parse to match types */
|
|
const params = {
|
|
page: Number(page).toString(),
|
|
};
|
|
|
|
if (this.scope) {
|
|
params.scope = this.scope;
|
|
}
|
|
this.updateContent(params);
|
|
},
|
|
|
|
updateInternalState(parameters) {
|
|
// stop polling
|
|
this.poll.stop();
|
|
|
|
const queryString = Object.keys(parameters)
|
|
.map(parameter => {
|
|
const value = parameters[parameter];
|
|
// update internal state for UI
|
|
this[parameter] = value;
|
|
return `${parameter}=${encodeURIComponent(value)}`;
|
|
})
|
|
.join('&');
|
|
|
|
// update polling parameters
|
|
this.requestData = parameters;
|
|
|
|
historyPushState(buildUrlWithCurrentLocation(`?${queryString}`));
|
|
|
|
this.isLoading = true;
|
|
},
|
|
},
|
|
};
|