dareway-rui/build/workflow/vm/detail/viewDutyPositionTask.js

'use strict';

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

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

var _objectSpread2 = _interopRequireDefault(require('@babel/runtime/helpers/objectSpread'));

var _regenerator = _interopRequireDefault(require('@babel/runtime/regenerator'));

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 _assertThisInitialized2 = _interopRequireDefault(require('@babel/runtime/helpers/assertThisInitialized'));

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

var _defineProperty2 = _interopRequireDefault(require('@babel/runtime/helpers/defineProperty'));

var _react = _interopRequireDefault(require('react'));

var _ = require('../../../');

/////////////////////////////////////////////////////////////////////////////
// Dependency
// React
// RUI
/////////////////////////////////////////////////////////////////////////////
// View
//
var viewProcessDiagram =
    /*#__PURE__*/
    (function(_RUIView) {
        (0, _inherits2.default)(viewProcessDiagram, _RUIView);

        function viewProcessDiagram(props) {
            var _this;

            (0, _classCallCheck2.default)(this, viewProcessDiagram);
            _this = (0, _possibleConstructorReturn2.default)(
                this,
                (0, _getPrototypeOf2.default)(viewProcessDiagram).call(this, props)
            );
            (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), 'componentDidMount', function() {
                _this.props.invoke('viewDptDiagram');
            });
            return _this;
        }

        (0, _createClass2.default)(viewProcessDiagram, [
            {
                key: 'render',
                value: function render() {
                    var _this$props$getState = this.props.getState(),
                        dptDiagramURL = _this$props$getState.dptDiagramURL;

                    return _react.default.createElement(
                        _.Panel,
                        null,
                        _react.default.createElement(
                            'div',
                            {
                                style: {
                                    width: '100%',
                                    height: '100%',
                                    overflow: 'auto'
                                }
                            },
                            _react.default.createElement('img', {
                                src: dptDiagramURL
                            })
                        )
                    );
                } // defer = "defer"
            }
        ]);
        return viewProcessDiagram;
    })(_.RUIView); /////////////////////////////////////////////////////////////////////////////
// Model
//

var modelviewProcessDiagram = _.RUICore.createModel({
    state: {
        dptDiagramURL: ''
    },
    effects: {
        // TODO
        viewDptDiagram:
            /*#__PURE__*/
            _regenerator.default.mark(function viewDptDiagram(_ref, RUI) {
                var payload, _ref2, piid, url, reqUrl, reqData, resultUrl;

                return _regenerator.default.wrap(function viewDptDiagram$(_context) {
                    while (1) {
                        switch ((_context.prev = _context.next)) {
                            case 0:
                                payload = _ref.payload;
                                _context.next = 3;
                                return RUI.getParameters();

                            case 3:
                                _ref2 = _context.sent;
                                piid = _ref2.piid;
                                url = new _.URL('processDetail/viewDptDiagram');
                                url.addPara('piid', piid);
                                url.addPara('_random', Math.random());
                                reqUrl = url.getUrl();
                                reqData = url.getData();
                                resultUrl = reqUrl + '?' + reqData;
                                _context.next = 13;
                                return RUI.invoke('viewDptDiagramSuccess', {
                                    resultUrl: resultUrl
                                });

                            case 13:
                            case 'end':
                                return _context.stop();
                        }
                    }
                }, viewDptDiagram);
            })
    },
    reducers: {
        viewDptDiagramSuccess: function viewDptDiagramSuccess(state, _ref3) {
            var payload = _ref3.payload;
            var resultUrl = payload.resultUrl;
            return (0, _objectSpread2.default)({}, state, {
                dptDiagramURL: resultUrl
            });
        }
    }
}); /////////////////////////////////////////////////////////////////////////////
// Export
//

var _default = _.RUICore.buildVMFactory(viewProcessDiagram, modelviewProcessDiagram);

exports.default = _default;

//@ sourceMappingURL=viewDutyPositionTask.js.map