devextreme
Version:
HTML5 JavaScript Component Suite for Responsive Web Development
117 lines (116 loc) • 3.68 kB
JavaScript
/**
* DevExtreme (esm/ui/diagram/ui.diagram.dialogs.js)
* Version: 21.1.4
* Build date: Mon Jun 21 2021
*
* Copyright (c) 2012 - 2021 Developer Express Inc. ALL RIGHTS RESERVED
* Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
*/
import $ from "../../core/renderer";
import Widget from "../widget/ui.widget";
import messageLocalization from "../../localization/message";
import Popup from "../popup";
import {
extend
} from "../../core/utils/extend";
class DiagramDialog extends Widget {
_init() {
super._init();
this._command = void 0;
this._isShown = false;
this._createOnGetContentOption();
this._createOnHiddenOption()
}
_initMarkup() {
super._initMarkup();
this._command = this.option("command");
this._$popupElement = $("<div>").appendTo(this.$element());
this._popup = this._createComponent(this._$popupElement, Popup, {
title: this.option("title"),
maxWidth: this.option("maxWidth"),
height: this.option("height"),
toolbarItems: this.option("toolbarItems"),
onHidden: this._onHiddenAction
})
}
_clean() {
delete this._popup;
this._$popupElement && this._$popupElement.remove()
}
_getDefaultOptions() {
return extend(super._getDefaultOptions(), {
title: "",
maxWidth: 500,
height: "auto",
toolbarItems: this._getToolbarItems()
})
}
_getToolbarItems() {
return [this._getOkToolbarItem(), this._getCancelToolbarItem()]
}
_getOkToolbarItem() {
return {
widget: "dxButton",
location: "after",
toolbar: "bottom",
options: {
text: messageLocalization.format("dxDiagram-dialogButtonOK"),
onClick: function() {
this._command.execute(this._commandParameter);
this._hide()
}.bind(this)
}
}
}
_getCancelToolbarItem() {
return {
widget: "dxButton",
location: "after",
toolbar: "bottom",
options: {
text: messageLocalization.format("dxDiagram-dialogButtonCancel"),
onClick: this._hide.bind(this)
}
}
}
_optionChanged(args) {
switch (args.name) {
case "title":
case "maxWidth":
case "height":
case "toolbarItems":
this._popup.option(args.name, args.value);
break;
case "command":
this._command = args.value;
break;
case "onGetContent":
this._createOnGetContentOption();
break;
case "onHidden":
this._createOnHiddenOption();
break;
default:
super._optionChanged(args)
}
}
_createOnGetContentOption() {
this._onGetContentAction = this._createActionByOption("onGetContent")
}
_createOnHiddenOption() {
this._onHiddenAction = this._createActionByOption("onHidden")
}
_hide() {
this._popup.hide();
this._isShown = false
}
_show() {
this._popup.$content().empty().append(this._onGetContentAction());
this._popup.show();
this._isShown = true
}
isVisible() {
return this._isShown
}
}
export default DiagramDialog;