react-admin-ui/components/Sections/Content/List/Body.js

React Admin Panel based on material-ui interface Edit

'use strict';

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

var _extends2 = require('babel-runtime/helpers/extends');

var _extends3 = _interopRequireDefault(_extends2);

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 _react = require('react');

var _react2 = _interopRequireDefault(_react);

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

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

var Body = function (_React$Component) {
    (0, _inherits3.default)(Body, _React$Component);

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

    (0, _createClass3.default)(Body, [{
        key: 'render',
        value: function render() {
            var _props = this.props,
                _props$entity = _props.entity,
                name = _props$entity.name,
                _props$entity$id = _props$entity.id,
                id = _props$entity$id === undefined ? 'id' : _props$entity$id,
                _props$entity$actions = _props$entity.actions,
                edit = _props$entity$actions.edit,
                show = _props$entity$actions.show,
                _props$entity$actions2 = _props$entity$actions.list,
                fields = _props$entity$actions2.fields,
                hasMany = _props$entity$actions2.hasMany,
                prefix = _props.prefix,
                query = _props.query,
                widgets = _props.widgets,
                items = _props.items;

            return _react2.default.createElement(
                'div',
                null,
                items.map(function (item, key) {
                    return _react2.default.createElement(
                        TableRow,
                        { key: key, hoverable: true },
                        fields.map(function (field, key) {
                            var _field = field,
                                component = _field.component;

                            if (typeof component == 'string') {
                                var widget = (0, _utils.showField)(component, widgets);
                                if (widget) {
                                    field = (0, _extends3.default)({}, field, { component: widget, id: '__' + item.name });
                                }
                            }
                            return _react2.default.createElement(
                                TableRowColumn,
                                { style: field.style || {}, key: key },
                                field.component ? _react2.default.createElement(field.component, {
                                    data: (0, _utils.showField)(field.name, widgets) }) : (0, _utils.showField)(field.name, widgets)
                            );
                        }),
                        _react2.default.createElement(RelationsBody, { entityName: name, item: item, hasMany: hasMany, id: id, query: query }),
                        _react2.default.createElement(
                            TableRowColumn,
                            null,
                            _react2.default.createElement(
                                'div',
                                { style: { float: 'right' } },
                                edit && show && _react2.default.createElement(
                                    Link,
                                    { to: {
                                            pathname: prefix + '/edit/' + item[id],
                                            query: query
                                        } },
                                    _react2.default.createElement(Edit, null)
                                ),
                                show && _react2.default.createElement(
                                    Link,
                                    { to: {
                                            pathname: prefix + '/show/' + item[id],
                                            query: query
                                        } },
                                    _react2.default.createElement(ChevronRight, null)
                                )
                            )
                        )
                    );
                })
            );
        }
    }]);
    return Body;
}(_react2.default.Component);

exports.default = Body;