office-ui-fabric-react
Version:
Reusable React components for building experiences for Office 365.
55 lines (53 loc) • 2.57 kB
JavaScript
;
var __extends = (this && this.__extends) || function (d, b) {
for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
var React = require('react');
var index_1 = require('../../../../index');
var DialogCloseExample = (function (_super) {
__extends(DialogCloseExample, _super);
function DialogCloseExample() {
_super.call(this);
this.state = {
showDialog: false
};
}
DialogCloseExample.prototype.render = function () {
return (React.createElement("div", null,
React.createElement(index_1.Button, {description: 'Opens the Sample Dialog', onClick: this._showDialog.bind(this)}, "Open Dialog"),
React.createElement(index_1.Dialog, {isOpen: this.state.showDialog, type: index_1.DialogType.close, onDismiss: this._closeDialog.bind(this), title: 'All emails together', subText: 'Your Inbox has changed. No longer does it include favorites, it is a singular destination for your emails.', isBlocking: false, closeButtonAriaLabel: 'Close'},
React.createElement(index_1.ChoiceGroup, {options: [
{
key: 'A',
text: 'Option A'
},
{
key: 'B',
text: 'Option B',
isChecked: true
},
{
key: 'C',
text: 'Option C',
isDisabled: true
}
], onChanged: this._onChoiceChanged}),
React.createElement(index_1.DialogFooter, null,
React.createElement(index_1.Button, {buttonType: index_1.ButtonType.primary, onClick: this._closeDialog.bind(this)}, "Save"),
React.createElement(index_1.Button, {onClick: this._closeDialog.bind(this)}, "Cancel")))));
};
DialogCloseExample.prototype._showDialog = function () {
this.setState({ showDialog: true });
};
DialogCloseExample.prototype._closeDialog = function () {
this.setState({ showDialog: false });
};
DialogCloseExample.prototype._onChoiceChanged = function () {
console.log('Choice option change');
};
return DialogCloseExample;
}(React.Component));
exports.DialogCloseExample = DialogCloseExample;
//# sourceMappingURL=Dialog.Close.Example.js.map