tplus-pos/dist/selfsettle/pwd2.js

pos module

'use strict';

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

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 _class, _class2, _temp;

var _tplusComponentsTouch = require('tplus-components-touch');

var _pwdKeyboard = require('../components/pwdKeyboard');

var _pwdKeyboard2 = _interopRequireDefault(_pwdKeyboard);

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _mobxReact = require('mobx-react');

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

var _propTypes2 = _interopRequireDefault(_propTypes);

var _mutantsAppfx = require('mutants-appfx');

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

/**
 * @props {boolean} visible
 * @props {fun} cancel 
 * @props {fun} ok
 * @props {string} title
 * @props {string} placeholder
 */
var PwdModal = (0, _mobxReact.observer)(_class = (_temp = _class2 = function (_Component) {
  (0, _inherits3.default)(PwdModal, _Component);

  function PwdModal(props, context) {
    (0, _classCallCheck3.default)(this, PwdModal);

    var _this = (0, _possibleConstructorReturn3.default)(this, (PwdModal.__proto__ || (0, _getPrototypeOf2.default)(PwdModal)).call(this, props, context));

    _this.controllerEvent = function (methodName, methodArgs) {
      _this.context.onEvent({ 'controllerEvent': _mutantsAppfx.Action.fromJS(_this.context.viewModel, methodName) }, 'controllerEvent', methodArgs);
    };

    _this.ok = function () {
      var ok = _this.props.ok;

      if (ok) {
        ok(_this.state.input).then(function (result) {
          if (!result) return;
          _this.setState({
            input: ''
          });
        });
      }
    };

    _this.cancel = function () {
      _this.setState({
        input: ''
      });
      _this.props.cancel && _this.props.cancel();
    };

    _this.state = {
      input: ''
    };
    return _this;
  }

  (0, _createClass3.default)(PwdModal, [{
    key: 'render',
    value: function render() {
      var _this2 = this;

      var _props = this.props,
          visible = _props.visible,
          title = _props.title,
          placeholder = _props.placeholder,
          cardno = _props.cardno,
          balance = _props.balance;

      var footer = _react2.default.createElement('span', { onClick: this.ok });
      return _react2.default.createElement(
        _tplusComponentsTouch.ModalVertical,
        {
          show: visible,
          animation: true,
          className: 'pwd-modal'
          // modalType={'small'}
          , title: title,
          footer: footer,
          backdrop: true,
          closeButton: true,
          cancel: this.cancel
        },
        _react2.default.createElement(
          'div',
          { className: 'pwd-container' },
          _react2.default.createElement(_pwdKeyboard2.default, {
            className: 'barcode-keyboard',
            cardno: cardno,
            balance: balance,
            input: this.state.input,
            changeVal: function changeVal(val) {
              _this2.setState({ input: val });
            },
            placeholder: placeholder,
            ok: function ok() {
              return _this2.ok();
            }
          })
        )
      );
    }
  }]);
  return PwdModal;
}(_react.Component), _class2.contextTypes = {
  onEvent: _propTypes2.default.func,
  viewModel: _propTypes2.default.object,
  stores: _propTypes2.default.object,
  storeInfo: _propTypes2.default.object,
  isReturn: _propTypes2.default.bool,
  Idmember: _propTypes2.default.number
}, _temp)) || _class;

exports.default = PwdModal;
//# sourceMappingURL=pwd2.js.map