85 lines
2.1 KiB
JavaScript
85 lines
2.1 KiB
JavaScript
|
const $ = require('jquery');
|
||
|
const Backbone = require('backbone');
|
||
|
const checkAndBuildOpts = require('builder/helpers/required-opts');
|
||
|
const ApiKeyModel = require('dashboard/data/api-key-model');
|
||
|
const apiKeysCollectionTypes = require('dashboard/data/api-keys-collection-types');
|
||
|
const PaginationModel = require('builder/components/pagination/pagination-model');
|
||
|
|
||
|
const REQUIRED_OPTS = [
|
||
|
'userModel'
|
||
|
];
|
||
|
|
||
|
const STATUS = {
|
||
|
fetching: 'fetching',
|
||
|
fetched: 'fetched',
|
||
|
errored: 'errored'
|
||
|
};
|
||
|
|
||
|
module.exports = Backbone.Collection.extend({
|
||
|
defaults: {
|
||
|
status: STATUS.fetching
|
||
|
},
|
||
|
|
||
|
initialize: function (models, options) {
|
||
|
checkAndBuildOpts(options, REQUIRED_OPTS, this);
|
||
|
|
||
|
this._type = options.type || [apiKeysCollectionTypes.REGULAR];
|
||
|
this._paginationModel = new PaginationModel({
|
||
|
per_page: 5,
|
||
|
current_page: 1
|
||
|
});
|
||
|
|
||
|
this.on('sync', this._onCollectionSync);
|
||
|
this.on('error', () => { this.status = STATUS.errored; });
|
||
|
this.listenTo(this._paginationModel, 'change:current_page', this.fetch);
|
||
|
},
|
||
|
|
||
|
url: function () {
|
||
|
const urlParams = {
|
||
|
per_page: this._paginationModel.get('per_page'),
|
||
|
page: this._paginationModel.get('current_page'),
|
||
|
type: this._type
|
||
|
};
|
||
|
|
||
|
return `${this._userModel.get('base_url')}/api/v3/api_keys?${$.param(urlParams)}`;
|
||
|
},
|
||
|
|
||
|
fetch: function () {
|
||
|
const options = {
|
||
|
headers: {
|
||
|
'Authorization': `Basic ${this._userModel.getAuthToken()}`
|
||
|
}
|
||
|
};
|
||
|
|
||
|
Backbone.Collection.prototype.fetch.call(this, options);
|
||
|
},
|
||
|
|
||
|
model: function (attrs, opts) {
|
||
|
const options = { ...opts, userModel: opts.collection._userModel };
|
||
|
|
||
|
return new ApiKeyModel(attrs, options);
|
||
|
},
|
||
|
|
||
|
parse: function ({ result, ...stats }) {
|
||
|
this._stats = stats;
|
||
|
|
||
|
return result.map(key => ({ ...key, id: key.name })); // We are using the name as an unique id
|
||
|
},
|
||
|
|
||
|
_onCollectionSync: function () {
|
||
|
this.status = STATUS.fetched;
|
||
|
|
||
|
this._paginationModel.set({
|
||
|
total_count: this._getTotalPages()
|
||
|
});
|
||
|
},
|
||
|
|
||
|
_getTotalPages: function (attribute) {
|
||
|
return (this._stats && this._stats.total) || 0;
|
||
|
},
|
||
|
|
||
|
getPaginationModel: function () {
|
||
|
return this._paginationModel;
|
||
|
}
|
||
|
});
|