react-admin-ui/components/Sections/Content/EntityForm/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 _reduxForm = require('redux-form');

var _utils = require('../../../../utils');

var _lib = require('../../../../lib');

var _materialUi = require('material-ui');

var _Fields = require('./Fields');

var _Fields2 = _interopRequireDefault(_Fields);

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

var _ = require('../../');

var _Delete = require('../Delete');

var _Delete2 = _interopRequireDefault(_Delete);

var _2 = require('../..');

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

var EntityForm = (_dec = (0, _reduxForm.reduxForm)(), _dec(_class = function (_React$Component) {
    (0, _inherits3.default)(EntityForm, _React$Component);

    function EntityForm() {
        (0, _classCallCheck3.default)(this, EntityForm);
        return (0, _possibleConstructorReturn3.default)(this, (EntityForm.__proto__ || (0, _getPrototypeOf2.default)(EntityForm)).apply(this, arguments));
    }

    (0, _createClass3.default)(EntityForm, [{
        key: 'render',
        value: function render() {
            var _props = this.props,
                handleSubmit = _props.handleSubmit,
                submitting = _props.submitting,
                _props$entity = _props.entity,
                name = _props$entity.name,
                del = _props$entity.actions.del,
                submitLabel = _props.submitLabel,
                query = _props.query,
                id = _props.params.id,
                fields = _props.fields;

            var tabs = (0, _utils.groupFields)(fields);
            var prefix = (0, _lib.getPrefix)();
            return _react2.default.createElement(
                'div',
                null,
                _react2.default.createElement(
                    'form',
                    { onSubmit: handleSubmit },
                    tabs.length > 1 ? _react2.default.createElement(
                        _materialUi.Tabs,
                        null,
                        tabs.map(function (item, index) {
                            return _react2.default.createElement(
                                _materialUi.Tab,
                                { label: item.name || 'noName', key: index },
                                _react2.default.createElement(_Fields2.default, { fields: item.fields })
                            );
                        })
                    ) : _react2.default.createElement(_Fields2.default, { fields: tabs[0].fields }),
                    _react2.default.createElement(
                        _2.ContentWrapper,
                        null,
                        _react2.default.createElement(
                            _.Controls,
                            null,
                            id && del && _react2.default.createElement(_Delete2.default, { id: id, name: name, del: del, query: query, prefix: prefix }),
                            id && _react2.default.createElement(_materialUi.RaisedButton, { label: 'Show', type: 'button', primary: false, containerElement: _react2.default.createElement(_reactIsomorphicTools.Link, { to: {
                                        pathname: prefix + '/' + name + '/' + id,
                                        query: query
                                    }
                                }) }),
                            _react2.default.createElement(_materialUi.RaisedButton, { label: submitLabel, type: 'submit', primary: true, disabled: submitting })
                        )
                    )
                )
            );
        }
    }]);
    return EntityForm;
}(_react2.default.Component)) || _class);
exports.default = EntityForm;