Initial commit

lib/assets/javascripts/dashboard/data/api-keys-collection.js

@@ -0,0 +1,84 @@
+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;
+  }
+});