shradmin/lib/components/detail/SimpleShowLayout.js

A frontend Framework for building admin application, using antd and mirrorjs.

'use strict';

exports.__esModule = true;

var _style3 = require('antd/lib/row/style');

var _row = require('antd/lib/row');

var _row2 = _interopRequireDefault(_row);

var _style4 = require('antd/lib/col/style');

var _col = require('antd/lib/col');

var _col2 = _interopRequireDefault(_col);

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _propTypes = require('prop-types');

var _propTypes2 = _interopRequireDefault(_propTypes);

var _inflection = require('inflection');

var _inflection2 = _interopRequireDefault(_inflection);

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

var styles = {
  row: {
    paddingTop: "2em"
  },
  label: {
    fontWeight: "bold",
    color: "#5a5a5a",
    fontSize: "10pt"
  }
};

var SimpleShowLayout = function SimpleShowLayout(_ref) {
  var children = _ref.children,
      model = _ref.model,
      record = _ref.record,
      translate = _ref.translate,
      labelStyle = _ref.labelStyle,
      labelCol = _ref.labelCol,
      wrapperCol = _ref.wrapperCol;
  return _react2.default.createElement(
    'div',
    null,
    _react2.default.Children.map(children, function (child, index) {
      return child && _react2.default.createElement(
        _row2.default,
        { key: index, style: styles.row },
        _react2.default.createElement(
          _col2.default,
          _extends({ style: _extends({}, styles.label, labelStyle) }, labelCol),
          _react2.default.createElement(
            'span',
            null,
            translate('models.' + model + '.fields.' + child.props.source, { _: _inflection2.default.humanize(child.props.source) })
          )
        ),
        _react2.default.createElement(
          _col2.default,
          wrapperCol,
          _react2.default.cloneElement(child, {
            record: record
          })
        )
      );
    })
  );
};

SimpleShowLayout.propTypes = process.env.NODE_ENV !== "production" ? {
  labelStyle: _propTypes2.default.object,
  labelCol: _propTypes2.default.object,
  wrapperCol: _propTypes2.default.object
} : {};

SimpleShowLayout.defaultProps = {
  labelCol: { span: 24 },
  wrapperCol: { span: 24 }
};

exports.default = SimpleShowLayout;
module.exports = exports['default'];