99 lines
5.4 KiB
JavaScript
99 lines
5.4 KiB
JavaScript
(function(root, factory) {
|
|
if (typeof define === 'function' && define.amd) {
|
|
define(function(require, exports, module) {
|
|
module.exports = factory(require("jquery"), require("framework/html/presets").layoutSets, require("framework/html/layout_controller").DefaultLayoutController, require("../Simple/SimpleLayout.js").SimpleLayoutController, require("ui/popup"))
|
|
})
|
|
}
|
|
else {
|
|
root.DevExpress.layouts = root.DevExpress.layouts || {};
|
|
root.DevExpress.layouts.PopupLayout = factory(jQuery, DevExpress.framework.html.layoutSets, DevExpress.framework.html.DefaultLayoutController, DevExpress.layouts.SimpleLayout.SimpleLayoutController);
|
|
root.DevExpress.framework.html.OverlayLayoutControllerBase = root.DevExpress.layouts.PopupLayout.OverlayLayoutControllerBase;
|
|
root.DevExpress.framework.html.PopupLayoutController = root.DevExpress.layouts.PopupLayout.PopupLayoutController
|
|
}
|
|
}(this, function($, layoutSets, DefaultLayoutController, SimpleLayoutController) {
|
|
var exports = {},
|
|
abstract = DefaultLayoutController.abstract;
|
|
var OverlayLayoutControllerBase = DefaultLayoutController.inherit({
|
|
ctor: function(options) {
|
|
options = options || {};
|
|
this.callBase(options);
|
|
if (!options.childController) {
|
|
this._ensureChildController(SimpleLayoutController, "SimpleLayout");
|
|
this.childController = new SimpleLayoutController
|
|
}
|
|
else {
|
|
this.childController = options.childController
|
|
}
|
|
this.contentContainerSelector = options.contentContainerSelector
|
|
}, _initChildController: function(options) {
|
|
var that = this,
|
|
$targetViewPort = that._$mainLayout.find(this.contentContainerSelector);
|
|
that.childController.init($.extend({}, options, {$viewPort: $targetViewPort}));
|
|
$.each(["viewRendered", "viewShowing", "viewReleased", "viewHidden"], function(_, callbacksPropertyName) {
|
|
that.childController.on(callbacksPropertyName, function(args) {
|
|
that.fireEvent(callbacksPropertyName, [args])
|
|
})
|
|
})
|
|
}, _ensureChildController: function(controller, layoutName) {
|
|
if (!controller) {
|
|
throw new Error(layoutName + "Controller is not found but it is required by the '" + this.name + "' layout for specified platform and device. Make sure the " + layoutName + ".* files are referenced in your main *.html file or specify other platform and device.");
|
|
}
|
|
}, _base: function() {
|
|
return DefaultLayoutController.prototype
|
|
}, _showContainerWidget: abstract, _hideContainerWidget: abstract, init: function(options) {
|
|
options = options || {};
|
|
this.callBase(options);
|
|
this._initChildController(options)
|
|
}, activate: function($target) {
|
|
var that = this,
|
|
result;
|
|
that.childController.activate();
|
|
that._base().activate.call(that, $target);
|
|
result = that._showContainerWidget($target);
|
|
return result
|
|
}, deactivate: function() {
|
|
var that = this,
|
|
result;
|
|
result = that._hideContainerWidget();
|
|
result.done(function() {
|
|
that._base().deactivate.call(that);
|
|
that.childController.deactivate()
|
|
});
|
|
return result
|
|
}, showView: function(viewInfo, direction) {
|
|
return this.childController.showView(viewInfo, direction)
|
|
}
|
|
});
|
|
var PopupLayoutController = OverlayLayoutControllerBase.inherit({
|
|
ctor: function(options) {
|
|
options = options || {};
|
|
options.name = options.name || "popup";
|
|
options.contentContainerSelector = options.contentContainerSelector || ".child-controller-content";
|
|
this.isOverlay = true;
|
|
this._targetContainer = options.targetContainer;
|
|
this.callBase(options)
|
|
}, init: function(options) {
|
|
this.callBase(options);
|
|
this._popup = this._$mainLayout.find(".popup-container").dxPopup("instance");
|
|
if (this._targetContainer) {
|
|
this._popup.option("container", this._targetContainer)
|
|
}
|
|
}, _showContainerWidget: function() {
|
|
return this._popup.show()
|
|
}, _hideContainerWidget: function() {
|
|
return this._popup.hide()
|
|
}
|
|
});
|
|
$.each(["navbar", "simple", "slideout", "pivot", "split"], function(index, name) {
|
|
layoutSets[name] = layoutSets[name] || [];
|
|
$.each(layoutSets[name], function(index, layoutInfo) {
|
|
layoutInfo.modal = false
|
|
});
|
|
layoutSets[name].push({
|
|
modal: true, controller: new PopupLayoutController
|
|
})
|
|
});
|
|
exports.OverlayLayoutControllerBase = OverlayLayoutControllerBase;
|
|
exports.PopupLayoutController = PopupLayoutController;
|
|
return exports
|
|
})); |