Initial commit
This commit is contained in:
@@ -0,0 +1,115 @@
|
||||
var CoreView = require('backbone/core-view');
|
||||
var $ = require('jquery');
|
||||
var _ = require('underscore');
|
||||
var errorParser = require('builder/helpers/error-parser');
|
||||
var template = require('./dataset-unlock-modal.tpl');
|
||||
var renderLoading = require('builder/components/loading/render-loading');
|
||||
var ErrorView = require('builder/components/error/error-view');
|
||||
|
||||
var REQUIRED_OPTS = [
|
||||
'tableName',
|
||||
'visModel',
|
||||
'configModel',
|
||||
'modalModel'
|
||||
];
|
||||
|
||||
/**
|
||||
* Remove confirmation dialog
|
||||
*/
|
||||
module.exports = CoreView.extend({
|
||||
className: 'Dialog-content',
|
||||
|
||||
events: {
|
||||
'click .js-confirm': '_onConfirm',
|
||||
'click .js-cancel': '_onCancel'
|
||||
},
|
||||
|
||||
initialize: function (opts) {
|
||||
_.each(REQUIRED_OPTS, function (item) {
|
||||
if (!opts[item]) throw new Error(item + ' is required');
|
||||
this['_' + item] = opts[item];
|
||||
}, this);
|
||||
|
||||
this._onKeyDown = this._onKeyDown.bind(this);
|
||||
this._initBinds();
|
||||
},
|
||||
|
||||
render: function () {
|
||||
this.clearSubViews();
|
||||
this.$el.html(
|
||||
template({
|
||||
tableName: this._tableName
|
||||
})
|
||||
);
|
||||
return this;
|
||||
},
|
||||
|
||||
_initBinds: function () {
|
||||
$(document).bind('keydown', this._onKeyDown);
|
||||
|
||||
this._modalModel.bind('change:show', function () {
|
||||
if (this._visModel.get('locked')) {
|
||||
this._onCancel();
|
||||
}
|
||||
}, this);
|
||||
this.add_related_model(this._modalModel);
|
||||
},
|
||||
|
||||
_disableBinds: function () {
|
||||
$(document).unbind('keydown', this._onKeyDown);
|
||||
},
|
||||
|
||||
_onKeyDown: function (ev) {
|
||||
var keyCode = ev.which;
|
||||
if (keyCode === $.ui.keyCode.ENTER) {
|
||||
this._onConfirm();
|
||||
}
|
||||
},
|
||||
|
||||
_renderLoadingView: function () {
|
||||
this.$el.html(
|
||||
renderLoading({
|
||||
title: _t('dataset.unlock.loading', { tableName: this._tableName })
|
||||
})
|
||||
);
|
||||
},
|
||||
|
||||
_renderErrorView: function (errorMessage) {
|
||||
var errorView = new ErrorView({
|
||||
title: _t('dataset.unlock.error', { tableName: this._tableName }),
|
||||
desc: errorMessage
|
||||
});
|
||||
this.$el.html(errorView.render().el);
|
||||
this.addView(errorView);
|
||||
},
|
||||
|
||||
_$content: function () {
|
||||
return this.$('.js-content');
|
||||
},
|
||||
|
||||
_onConfirm: function () {
|
||||
this._renderLoadingView();
|
||||
|
||||
this._visModel.save({
|
||||
locked: false
|
||||
}, {
|
||||
wait: true,
|
||||
success: function () {
|
||||
this._modalModel.destroy();
|
||||
}.bind(this),
|
||||
error: function (mdl, e) {
|
||||
this._renderErrorView(errorParser(e));
|
||||
}.bind(this)
|
||||
});
|
||||
},
|
||||
|
||||
_onCancel: function () {
|
||||
window.location = this._configModel.get('base_url');
|
||||
},
|
||||
|
||||
clean: function () {
|
||||
this._disableBinds();
|
||||
CoreView.prototype.clean.apply(this);
|
||||
}
|
||||
|
||||
});
|
||||
Reference in New Issue
Block a user