160 lines
		
	
	
		
			6.2 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
			
		
		
	
	
			160 lines
		
	
	
		
			6.2 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
'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 _propTypes = require('prop-types');
 | 
						|
 | 
						|
var _propTypes2 = _interopRequireDefault(_propTypes);
 | 
						|
 | 
						|
var _Editor = require('../Editor');
 | 
						|
 | 
						|
var _Editor2 = _interopRequireDefault(_Editor);
 | 
						|
 | 
						|
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; } /* eslint react/display-name: 0 */
 | 
						|
 | 
						|
 | 
						|
var InsertModalBody = function (_Component) {
 | 
						|
  _inherits(InsertModalBody, _Component);
 | 
						|
 | 
						|
  function InsertModalBody() {
 | 
						|
    _classCallCheck(this, InsertModalBody);
 | 
						|
 | 
						|
    return _possibleConstructorReturn(this, (InsertModalBody.__proto__ || Object.getPrototypeOf(InsertModalBody)).apply(this, arguments));
 | 
						|
  }
 | 
						|
 | 
						|
  _createClass(InsertModalBody, [{
 | 
						|
    key: 'getFieldValue',
 | 
						|
    value: function getFieldValue() {
 | 
						|
      var _this2 = this;
 | 
						|
 | 
						|
      var newRow = {};
 | 
						|
      this.props.columns.forEach(function (column, i) {
 | 
						|
        var inputVal = void 0;
 | 
						|
        if (column.autoValue) {
 | 
						|
          // when you want same auto generate value and not allow edit, example ID field
 | 
						|
          var time = new Date().getTime();
 | 
						|
          inputVal = typeof column.autoValue === 'function' ? column.autoValue() : 'autovalue-' + time;
 | 
						|
        } else if (column.hiddenOnInsert || !column.field) {
 | 
						|
          inputVal = '';
 | 
						|
        } else {
 | 
						|
          var dom = _this2.refs[column.field + i];
 | 
						|
          inputVal = dom.value;
 | 
						|
 | 
						|
          if (column.editable && column.editable.type === 'checkbox') {
 | 
						|
            var values = inputVal.split(':');
 | 
						|
            inputVal = dom.checked ? values[0] : values[1];
 | 
						|
          } else if (column.customInsertEditor) {
 | 
						|
            inputVal = inputVal || dom.getFieldValue();
 | 
						|
          }
 | 
						|
        }
 | 
						|
        newRow[column.field] = inputVal;
 | 
						|
      }, this);
 | 
						|
      return newRow;
 | 
						|
    }
 | 
						|
  }, {
 | 
						|
    key: 'render',
 | 
						|
    value: function render() {
 | 
						|
      var _props = this.props,
 | 
						|
          columns = _props.columns,
 | 
						|
          validateState = _props.validateState,
 | 
						|
          ignoreEditable = _props.ignoreEditable;
 | 
						|
 | 
						|
      return _react2.default.createElement(
 | 
						|
        'div',
 | 
						|
        { className: 'modal-body' },
 | 
						|
        columns.map(function (column, i) {
 | 
						|
          var editable = column.editable,
 | 
						|
              format = column.format,
 | 
						|
              field = column.field,
 | 
						|
              name = column.name,
 | 
						|
              autoValue = column.autoValue,
 | 
						|
              hiddenOnInsert = column.hiddenOnInsert,
 | 
						|
              customInsertEditor = column.customInsertEditor;
 | 
						|
 | 
						|
          var attr = {
 | 
						|
            ref: field + i,
 | 
						|
            placeholder: editable.placeholder ? editable.placeholder : name
 | 
						|
          };
 | 
						|
          var fieldElement = void 0;
 | 
						|
          var defaultValue = editable.defaultValue || undefined;
 | 
						|
          if (customInsertEditor) {
 | 
						|
            var getElement = customInsertEditor.getElement;
 | 
						|
 | 
						|
            fieldElement = getElement(column, attr, 'form-control', ignoreEditable, defaultValue);
 | 
						|
          }
 | 
						|
 | 
						|
          // fieldElement = false, means to use default editor when enable custom editor
 | 
						|
          // Becasuse some users want to have default editor based on some condition.
 | 
						|
          if (!customInsertEditor || fieldElement === false) {
 | 
						|
            fieldElement = (0, _Editor2.default)(editable, attr, format, '', defaultValue, ignoreEditable);
 | 
						|
          }
 | 
						|
 | 
						|
          if (autoValue || hiddenOnInsert || !column.field) {
 | 
						|
            // when you want same auto generate value
 | 
						|
            // and not allow edit, for example ID field
 | 
						|
            return null;
 | 
						|
          }
 | 
						|
          var error = validateState[field] ? _react2.default.createElement(
 | 
						|
            'span',
 | 
						|
            { className: 'help-block bg-danger' },
 | 
						|
            validateState[field]
 | 
						|
          ) : null;
 | 
						|
          return _react2.default.createElement(
 | 
						|
            'div',
 | 
						|
            { className: 'form-group', key: field },
 | 
						|
            _react2.default.createElement(
 | 
						|
              'label',
 | 
						|
              null,
 | 
						|
              name
 | 
						|
            ),
 | 
						|
            fieldElement,
 | 
						|
            error
 | 
						|
          );
 | 
						|
        })
 | 
						|
      );
 | 
						|
    }
 | 
						|
  }]);
 | 
						|
 | 
						|
  return InsertModalBody;
 | 
						|
}(_react.Component);
 | 
						|
 | 
						|
InsertModalBody.propTypes = {
 | 
						|
  columns: _propTypes2.default.array,
 | 
						|
  validateState: _propTypes2.default.object,
 | 
						|
  ignoreEditable: _propTypes2.default.bool
 | 
						|
};
 | 
						|
 | 
						|
InsertModalBody.defaultProps = {
 | 
						|
  validateState: {},
 | 
						|
  ignoreEditable: false
 | 
						|
};
 | 
						|
 | 
						|
var _default = InsertModalBody;
 | 
						|
exports.default = _default;
 | 
						|
;
 | 
						|
 | 
						|
var _temp = function () {
 | 
						|
  if (typeof __REACT_HOT_LOADER__ === 'undefined') {
 | 
						|
    return;
 | 
						|
  }
 | 
						|
 | 
						|
  __REACT_HOT_LOADER__.register(InsertModalBody, 'InsertModalBody', '/Users/allen/Node/react-bootstrap-table-new/react-bootstrap-table/src/toolbar/InsertModalBody.js');
 | 
						|
 | 
						|
  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/allen/Node/react-bootstrap-table-new/react-bootstrap-table/src/toolbar/InsertModalBody.js');
 | 
						|
}();
 | 
						|
 | 
						|
; |