@mree/mre-react-message/distribution/lib/BinaryDialog.js

componentes que exibem mensagens

'use strict';

Object.defineProperty(exports, "__esModule", {
    value: true
});

var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _mreReactModel = require('@mree/mre-react-model');

var _Dialog = require('material-ui/Dialog');

var _Dialog2 = _interopRequireDefault(_Dialog);

var _FlatButton = require('material-ui/FlatButton');

var _FlatButton2 = _interopRequireDefault(_FlatButton);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

var BinaryDialog = function (_BaseComponent) {
    _inherits(BinaryDialog, _BaseComponent);

    function BinaryDialog(props, states) {
        _classCallCheck(this, BinaryDialog);

        var _this = _possibleConstructorReturn(this, (BinaryDialog.__proto__ || Object.getPrototypeOf(BinaryDialog)).call(this, props, states));

        _this._bind('handleClose', 'handleLeftButton', 'handleRightButton');
        return _this;
    }

    _createClass(BinaryDialog, [{
        key: 'componentWillMount',
        value: function componentWillMount() {
            this.setState({ open: true });
        }
    }, {
        key: 'componentWillReceiveProps',
        value: function componentWillReceiveProps(nextProps) {
            if (nextProps.props != null && nextProps.props != {} && nextProps.props != this.props.props) {
                this.setState({ open: true });
            }
        }
    }, {
        key: 'handleClose',
        value: function handleClose() {
            var message = {
                function: "cleanMessengerData"
            };
            this.props.execute(message);
            this.setState({ open: false });
        }
    }, {
        key: 'handleLeftButton',
        value: function handleLeftButton() {
            this.handleClose();
            var message = {
                function: this.props.callback,
                userInput: false
            };
            this.props.execute(message);
        }
    }, {
        key: 'handleRightButton',
        value: function handleRightButton() {
            this.handleClose();
            var message = {
                function: this.props.callback,
                userInput: true
            };
            this.props.execute(message);
        }
    }, {
        key: 'render',
        value: function render() {
            var actionsButtons = [_react2.default.createElement(_FlatButton2.default
            //backgroundColor =         {this.props.leftButton.backgroundColor}
            //buttonStyle =             {this.props.leftButton.buttonStyle}
            //children =                {this.props.leftButton.children}
            //className =               {this.props.leftButton.className}
            //disabled =                {this.props.leftButton.disabled}
            //disabledBackgroundColor = {this.props.leftButton.disabledBackgroundColor}
            //disabledLabelColor =      {this.props.leftButton.disabledLabelColor}
            //fullWidth =               {this.props.leftButton.fullWidth}
            //href =                    {this.props.leftButton.href}
            //icon =                    {this.props.leftButton.icon}

            //backgroundColor =         {this.props.rightButton.backgroundColor}
            //buttonStyle =             {this.props.rightButton.buttonStyle}
            //children =                {this.props.rightButton.children}
            //className =               {this.props.rightButton.className}
            //disabled =                {this.props.rightButton.disabled}
            //disabledBackgroundColor = {this.props.rightButton.disabledBackgroundColor}
            //disabledLabelColor =      {this.props.rightButton.disabledLabelColor}
            //fullWidth =               {this.props.rightButton.fullWidth}
            //href =                    {this.props.rightButton.href}
            //icon =                    {this.props.rightButton.icon}
            , { label: this.props.leftButton.label
                //labelColor =              {this.props.leftButton.labelColor}
                //labelPosition =           {this.props.leftButton.labelPosition}
                //labelStyle =              {this.props.leftButton.labelStyle}
                //overlayStyle =            {this.props.leftButton.overlayStyle}
                , primary: this.props.leftButton.primary
                //rippleStyle =             {this.props.leftButton.rippleStyle}
                //secondary =               {this.props.leftButton.secondary}
                //style =                   {this.props.leftButton.style}
                , keyboardFocused: this.props.leftButton.keyboardFocused,
                onTouchTap: this.handleLeftButton
            }), _react2.default.createElement(_FlatButton2.default, { label: this.props.rightButton.label
                //labelColor =              {this.props.rightButton.labelColor}
                //labelPosition =           {this.props.rightButton.labelPosition}
                //labelStyle =              {this.props.rightButton.labelStyle}
                //overlayStyle =            {this.props.rightButton.overlayStyle}
                , primary: this.props.rightButton.primary
                //rippleStyle =             {this.props.rightButton.rippleStyle}
                //secondary =               {this.props.rightButton.secondary}
                //style =                   {this.props.rightButton.style}
                , keyboardFocused: this.props.rightButton.keyboardFocused,
                onTouchTap: this.handleRightButton
            })];
            return _react2.default.createElement(_Dialog2.default // Docs: http://www.material-ui.com/#/components/dialog
            , { actions: actionsButtons
                //actionsContainerClassName =   {this.props.actionsContainerClassName}
                //actionsContainerStyle =       {this.props.actionsContainerStyle}
                //autoDetectWindowHeight =      {this.props.autoDetectWindowHeight}
                , autoScrollBodyContent: this.props.autoScrollBodyContent
                //bodyClassName =               {this.props.bodyClassName}
                //bodyStyle =                   {this.props.bodyStyle}
                , children: this.props.feedback.message
                //className =                   {this.props.className}
                //contentClassName =            {this.props.contentClassName}
                //contentStyle =                {this.props.contentStyle}
                , modal: this.props.modal,
                onRequestClose: this.handleClose,
                open: this.state.open
                //overlayClassName =            {this.props.overlayClassName}
                //overlayStyle =                {this.props.overlayStyle}
                //repositionOnUpdate =          {this.props.repositionOnUpdate}
                //style =                       {this.props.style}
                , title: this.props.feedback.title
                //titleClassName =              {this.props.titleClassName}
                //titleStyle =                  {this.props.titleStyle}
            });
        }
    }]);

    return BinaryDialog;
}(_mreReactModel.BaseComponent);

exports.default = BinaryDialog;