react-admin-ui/components/Sections/Header/UserMenu/index.js

React Admin Panel based on material-ui interface Edit

'use strict';

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

var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');

var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);

var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');

var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);

var _createClass2 = require('babel-runtime/helpers/createClass');

var _createClass3 = _interopRequireDefault(_createClass2);

var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');

var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);

var _inherits2 = require('babel-runtime/helpers/inherits');

var _inherits3 = _interopRequireDefault(_inherits2);

var _dec, _class;

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _reactRedux = require('react-redux');

var _Popover = require('material-ui/Popover');

var _Popover2 = _interopRequireDefault(_Popover);

var _Menu = require('material-ui/Menu');

var _Menu2 = _interopRequireDefault(_Menu);

var _MenuItem = require('material-ui/MenuItem');

var _MenuItem2 = _interopRequireDefault(_MenuItem);

var _person = require('material-ui/svg-icons/social/person');

var _person2 = _interopRequireDefault(_person);

var _reactIsomorphicTools = require('react-isomorphic-tools');

var _security = require('../../../../actions/security');

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

var UserMenu = (_dec = (0, _reactRedux.connect)(function (state) {
    return {
        user: state.authentication.user || false,
        userShow: state.modals.userShow || false
    };
}, { openModal: _reactIsomorphicTools.openModal, closeModal: _reactIsomorphicTools.closeModal, logout: _security.logout }), _dec(_class = function (_React$Component) {
    (0, _inherits3.default)(UserMenu, _React$Component);

    function UserMenu() {
        var _ref;

        var _temp, _this, _ret;

        (0, _classCallCheck3.default)(this, UserMenu);

        for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
            args[_key] = arguments[_key];
        }

        return _ret = (_temp = (_this = (0, _possibleConstructorReturn3.default)(this, (_ref = UserMenu.__proto__ || (0, _getPrototypeOf2.default)(UserMenu)).call.apply(_ref, [this].concat(args))), _this), _this.handleClose = function () {
            _this.props.close('userMenu');
        }, _this.handleOpen = function (e) {
            _this.anchorEl = e.currentTarget;
            _this.props.openModal('userMenu');
        }, _temp), (0, _possibleConstructorReturn3.default)(_this, _ret);
    }

    (0, _createClass3.default)(UserMenu, [{
        key: 'render',
        value: function render() {
            var _props = this.props,
                user = _props.user,
                userShow = _props.userShow;

            return this.props.user ? _react2.default.createElement(
                'div',
                { className: 'user-menu' },
                _react2.default.createElement(
                    'a',
                    { onClick: this.handleOpen },
                    _react2.default.createElement(_person2.default, null),
                    ' ',
                    user.username || user.email
                ),
                _react2.default.createElement(
                    _Popover2.default,
                    { open: userShow, anchorEl: this.anchorEl, onRequestClose: this.handleClose },
                    _react2.default.createElement(
                        _Menu2.default,
                        { onItemTouchTap: this.handleClose },
                        _react2.default.createElement(_MenuItem2.default, { primaryText: 'Sign out', onClick: this.props.logout })
                    )
                )
            ) : null;
        }
    }]);
    return UserMenu;
}(_react2.default.Component)) || _class);
exports.default = UserMenu;