52 lines
1.0 KiB
JavaScript
52 lines
1.0 KiB
JavaScript
|
var CoreView = require('backbone/core-view');
|
||
|
|
var template = require('./password-dialog.tpl');
|
||
|
|
var _ = require('underscore');
|
||
|
|
|
||
|
|
var REQUIRED_OPTS = [
|
||
|
|
'onBack',
|
||
|
|
'onEdit'
|
||
|
|
];
|
||
|
|
|
||
|
|
var ESCAPE_KEY_CODE = 27;
|
||
|
|
var ENTER_KEY_CODE = 13;
|
||
|
|
|
||
|
|
module.exports = CoreView.extend({
|
||
|
|
className: 'Editor-boxModal Editor-PrivacyDialog',
|
||
|
|
|
||
|
|
events: {
|
||
|
|
'click .js-back': '_onClickBack',
|
||
|
|
'keyup .js-input': '_onKeyUpInput'
|
||
|
|
},
|
||
|
|
|
||
|
|
initialize: function (opts) {
|
||
|
|
_.each(REQUIRED_OPTS, function (item) {
|
||
|
|
if (opts[item] === undefined) throw new Error(item + ' is required');
|
||
|
|
this['_' + item] = opts[item];
|
||
|
|
}, this);
|
||
|
|
},
|
||
|
|
|
||
|
|
render: function () {
|
||
|
|
this.$el.empty();
|
||
|
|
this.$el.html(template());
|
||
|
|
return this;
|
||
|
|
},
|
||
|
|
|
||
|
|
_onKeyUpInput: function (e) {
|
||
|
|
if (e.which === ESCAPE_KEY_CODE) {
|
||
|
|
this._onBack();
|
||
|
|
}
|
||
|
|
|
||
|
|
if (e.which === ENTER_KEY_CODE) {
|
||
|
|
this._onEdit && this._onEdit(this.getValue());
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
_onClickBack: function () {
|
||
|
|
this._onBack();
|
||
|
|
},
|
||
|
|
|
||
|
|
getValue: function () {
|
||
|
|
return this.$('.js-input').val();
|
||
|
|
}
|
||
|
|
});
|