58 lines
1.3 KiB
JavaScript
58 lines
1.3 KiB
JavaScript
|
var CoreView = require('backbone/core-view');
|
||
|
|
var DropdownOverlayView = require('builder/components/dropdown-overlay/dropdown-overlay-view');
|
||
|
|
|
||
|
|
module.exports = CoreView.extend({
|
||
|
|
className: 'Editor-boxModal Editor-FormDialog js-formDialog is-opening',
|
||
|
|
|
||
|
|
initialize: function () {
|
||
|
|
this._initBinds();
|
||
|
|
},
|
||
|
|
|
||
|
|
render: function () {
|
||
|
|
this.clearSubViews();
|
||
|
|
this._renderContentView();
|
||
|
|
return this;
|
||
|
|
},
|
||
|
|
|
||
|
|
_renderContentView: function () {
|
||
|
|
var view = this.model.createContentView();
|
||
|
|
this.addView(view);
|
||
|
|
this.$el.append(view.render().$el);
|
||
|
|
|
||
|
|
this.dropdownOverlay = new DropdownOverlayView({
|
||
|
|
onClickAction: this.hide.bind(this),
|
||
|
|
visible: true
|
||
|
|
});
|
||
|
|
this.addView(this.dropdownOverlay);
|
||
|
|
},
|
||
|
|
|
||
|
|
_initBinds: function () {
|
||
|
|
this.listenTo(this.model, 'change:show', this._onShowChange);
|
||
|
|
this.listenTo(this.model, 'destroy', this._onDestroy);
|
||
|
|
},
|
||
|
|
|
||
|
|
_onShowChange: function (m, show) {
|
||
|
|
if (show) {
|
||
|
|
this.$el.show();
|
||
|
|
this.$el.removeClass('is-closing').addClass('is-opening');
|
||
|
|
} else {
|
||
|
|
this.$el.removeClass('is-opening').addClass('is-closing');
|
||
|
|
this.$el.hide();
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
show: function () {
|
||
|
|
this.model.show();
|
||
|
|
},
|
||
|
|
|
||
|
|
hide: function () {
|
||
|
|
this.model.hide();
|
||
|
|
},
|
||
|
|
|
||
|
|
_onDestroy: function () {
|
||
|
|
this.hide();
|
||
|
|
this.dropdownOverlay && this.dropdownOverlay.clean();
|
||
|
|
this.clean();
|
||
|
|
}
|
||
|
|
});
|