office-ui-fabric-react
Version:
Reusable React components for building experiences for Office 365.
55 lines (53 loc) • 2.61 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 DialogLargeHeaderExample = (function (_super) {
__extends(DialogLargeHeaderExample, _super);
function DialogLargeHeaderExample() {
_super.call(this);
this.state = {
showDialog: false
};
}
DialogLargeHeaderExample.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.largeHeader, 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},
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")))));
};
DialogLargeHeaderExample.prototype._showDialog = function () {
this.setState({ showDialog: true });
};
DialogLargeHeaderExample.prototype._closeDialog = function () {
this.setState({ showDialog: false });
};
DialogLargeHeaderExample.prototype._onChoiceChanged = function () {
console.log('Choice option change');
};
return DialogLargeHeaderExample;
}(React.Component));
exports.DialogLargeHeaderExample = DialogLargeHeaderExample;
//# sourceMappingURL=Dialog.LargeHeader.Example.js.map