ming-demo3/lib/components/meta/Footer.js

mdf metaui web

"use strict";

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));

var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));

var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));

var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));

var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));

var _react = _interopRequireWildcard(require("react"));

var _reactDom = require("react-dom");

var _basic = require("../basic");

var _env = _interopRequireDefault(require("../../helpers/env"));

var Footer = function (_Component) {
  (0, _inherits2["default"])(Footer, _Component);

  function Footer(props) {
    var _this;

    (0, _classCallCheck2["default"])(this, Footer);
    _this = (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(Footer).call(this, props));
    _this.state = {
      show: true
    };
    _this.keys = {};

    _this.init();

    return _this;
  }

  (0, _createClass2["default"])(Footer, [{
    key: "init",
    value: function init() {
      var _this2 = this;

      var controls = this.props.meta.controls;
      if (!controls || !controls.length) return;
      controls.forEach(function (control) {
        _this2.keys[control.cItemName] = true;
      });
    }
  }, {
    key: "componentDidMount",
    value: function componentDidMount() {
      var _this3 = this;

      this.props.viewModel.on('modeChange', function (mode) {
        _this3.setState({
          show: mode === _env["default"].VOUCHER_STATE_BROWSE
        });
      });
      this.props.viewModel.on('afterLoadData', function (data) {
        for (var key in _this3.keys) {
          _this3.keys[key] = data[key] ? true : false;
        }

        _this3.setState({
          show: _this3.state.show
        });
      });
      var height = (0, _reactDom.findDOMNode)(this.refs.footer) ? (0, _reactDom.findDOMNode)(this.refs.footer).clientHeight : 0;
      if (height) this.props.viewModel.execute('footerHeightUpdate', height);
    }
  }, {
    key: "parseControls",
    value: function parseControls(container) {
      var _this4 = this;

      var controls = container.controls;
      if (!controls || !controls.length) return null;
      var components = [];
      var containerCols = container.iCols || 4;
      controls.forEach(function (control) {
        components.push(_this4.parseControl(control, containerCols));
      });
      var className = this.state.show ? 'tab-bottom-txt' : 'hide';
      return _react["default"].createElement(_basic.Row, {
        key: container.groupId,
        className: className
      }, _react["default"].createElement(_basic.Col, {
        span: 24
      }, components));
    }
  }, {
    key: "parseControl",
    value: function parseControl(control, containerCols) {
      var viewModel = this.props.viewModel;
      var controlWidth = 100 / containerCols;
      var controlType = control.cControlType.trim().toLocaleLowerCase();
      var modelKey = control.cItemName;
      var controlModel = viewModel.get(modelKey);
      var component;

      switch (controlType) {
        case 'select':
          {
            component = _react["default"].createElement(_basic.Select, (0, _extends2["default"])({
              model: controlModel
            }, control));
          }
          break;

        default:
          {
            component = _react["default"].createElement(_basic.Input, (0, _extends2["default"])({
              model: controlModel
            }, control));
          }
      }

      var className = this.keys[modelKey] ? "viewSetting viewCell width-percent-".concat(controlWidth.toFixed(0)) : 'hide';
      return _react["default"].createElement("div", {
        ref: "footer",
        key: modelKey,
        className: className,
        id: "".concat(viewModel.getParams().billNo, "|").concat(modelKey)
      }, component);
    }
  }, {
    key: "render",
    value: function render() {
      return this.parseControls(this.props.meta);
    }
  }]);
  return Footer;
}(_react.Component);

exports["default"] = Footer;
//# sourceMappingURL=Footer.js.map