134 lines
3.8 KiB
JavaScript
Executable File
134 lines
3.8 KiB
JavaScript
Executable File
var $ = require('jquery');
|
|
var moment = require('moment');
|
|
var Backbone = require('backbone');
|
|
var CoreView = require('backbone/core-view');
|
|
var _ = require('underscore');
|
|
var PrivacyWarningView = require('builder/components/modals/privacy-warning/privacy-warning-view');
|
|
var ModalsServiceModel = require('builder/components/modals/modals-service-model');
|
|
var VisDefinitionModel = require('builder/data/vis-definition-model');
|
|
var template = require('./publish-button.tpl');
|
|
|
|
var REQUIRED_OPTS = [
|
|
'visDefinitionModel',
|
|
'mapcapsCollection',
|
|
'configModel',
|
|
'userModel'
|
|
];
|
|
|
|
module.exports = CoreView.extend({
|
|
|
|
events: {
|
|
'click .js-button': '_onUpdate'
|
|
},
|
|
|
|
initialize: function (opts) {
|
|
_.each(REQUIRED_OPTS, function (item) {
|
|
if (opts[item] === undefined) throw new Error(item + ' is required');
|
|
this['_' + item] = opts[item];
|
|
}, this);
|
|
|
|
// We recreate this modal stack to be able to
|
|
// have two modals stacked on screen
|
|
this._modals = new ModalsServiceModel();
|
|
|
|
this.model = new Backbone.Model({
|
|
status: 'idle'
|
|
});
|
|
|
|
this._initBinds();
|
|
},
|
|
|
|
render: function () {
|
|
var publishedOn = this._mapcapsCollection.length > 0
|
|
? _t('components.modals.publish.share.last-published', { date:
|
|
this.model.get('status') === 'updated'
|
|
? moment(this._mapcapsCollection.first().get('created_at')).fromNow()
|
|
: moment(this._mapcapsCollection.first().get('created_at')).format('Do MMMM YYYY, HH:mm')
|
|
})
|
|
: _t('components.modals.publish.share.unpublished');
|
|
|
|
this.clearSubViews();
|
|
this.$el.html(template({
|
|
isPublished: this._isPublished(),
|
|
isLoading: this._isLoading(),
|
|
isDisabled: this._isDisabled(),
|
|
publishedOn: publishedOn
|
|
}));
|
|
return this;
|
|
},
|
|
|
|
_initBinds: function () {
|
|
this._mapcapsCollection.on('reset', this.render, this);
|
|
this.add_related_model(this._mapcapsCollection);
|
|
this.model.on('change:status', this.render, this);
|
|
},
|
|
|
|
_isPublished: function () {
|
|
return this._mapcapsCollection.length > 0;
|
|
},
|
|
|
|
_isLoading: function () {
|
|
return this.model.get('status') === 'loading';
|
|
},
|
|
|
|
_isDisabled: function () {
|
|
return this.model.get('status') === 'updated';
|
|
},
|
|
|
|
_onUpdate: function () {
|
|
var self = this;
|
|
var url = this._visDefinitionModel.mapcapsURL();
|
|
var data = {
|
|
api_key: this._configModel.get('api_key')
|
|
};
|
|
|
|
if (this._isDisabled()) return false;
|
|
|
|
if (this._shouldShowPrivacyWarning()) {
|
|
this._checkPrivacyChange(
|
|
this._visDefinitionModel.get('privacy'),
|
|
function () { self._createMapCap(url, data); }
|
|
);
|
|
} else {
|
|
this._createMapCap(url, data);
|
|
}
|
|
},
|
|
|
|
_checkPrivacyChange: function (newPrivacyStatus, confirmCallback, dismissCallback) {
|
|
this._modals.create(function (modalModel) {
|
|
return new PrivacyWarningView({
|
|
modalModel: modalModel,
|
|
privacyType: newPrivacyStatus,
|
|
onConfirm: confirmCallback,
|
|
onDismiss: dismissCallback
|
|
});
|
|
});
|
|
},
|
|
|
|
_createMapCap: function (url, data) {
|
|
var self = this;
|
|
this.model.set({status: 'loading'});
|
|
|
|
$.post(url, data)
|
|
.done(function (data) {
|
|
self._visDefinitionModel.set('visChanges', 0);
|
|
self._mapcapsCollection.add(data, {at: 0});
|
|
self.model.set({status: 'updated'});
|
|
})
|
|
.fail(function () {
|
|
self.model.set({status: 'error'});
|
|
});
|
|
},
|
|
|
|
_shouldShowPrivacyWarning: function () {
|
|
return this._userModel.canSelectPremiumOptions(this._visDefinitionModel) &&
|
|
!this._isPublished() &&
|
|
VisDefinitionModel.isPubliclyAvailable(this._visDefinitionModel.get('privacy'));
|
|
},
|
|
|
|
clean: function () {
|
|
this._modals.destroy();
|
|
CoreView.prototype.clean.apply(this, arguments);
|
|
}
|
|
});
|