react-gosuslugi
Version:
react-gosuslugi collection of common React UI components
211 lines (178 loc) • 8.5 kB
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 _axios = require('axios');
var _axios2 = _interopRequireDefault(_axios);
var _Button = require('../Button');
var _Button2 = _interopRequireDefault(_Button);
var _CardCaption = require('../CardCaption');
var _CardCaption2 = _interopRequireDefault(_CardCaption);
var _Loader = require('../Loader');
var _Loader2 = _interopRequireDefault(_Loader);
require('./FormHelp.sass');
require('../../sass/_inputs.sass');
require('../Thanks/Thanks.sass');
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-disable */
var FormHelp = function (_Component) {
_inherits(FormHelp, _Component);
function FormHelp(props) {
_classCallCheck(this, FormHelp);
var _this = _possibleConstructorReturn(this, (FormHelp.__proto__ || Object.getPrototypeOf(FormHelp)).call(this, props));
_this.onSubmit = function (event) {
_this.setState({ isLoading: true, help: false });
var textAreaValue = _this.state.textAreaValue;
var current_user = _this.props.current_user;
var windowLocation = window.location.href;
var userAgent = navigator.userAgent;
var platform = navigator.platform;
var vendor = navigator.vendor;
if (textAreaValue.length > 0) {
_axios2.default.post("/session/support.json", {
"info": {
"vendor": vendor,
"platform": platform,
"userAgent": userAgent,
"windowLocation": windowLocation
},
"message": textAreaValue,
"current_user": current_user
}).then(function (response) {
_this.setState({ isLoading: false, complete: true, appeal_id: response.data.appeal_id, textAreaValue: '' });
}).catch(function (error) {
console.log(error);
_this.setState({ isLoading: false });
});
} else {
event.preventDefault();
_this.setState({ isLoading: false, help: true });
}
};
_this.handleTextChange = function (event) {
_this.setState({ textAreaValue: event.target.value });
};
_this.handleUpdate = function () {
_this.handleClickOverflow();
_this.setState({ complete: false, help: false });
};
_this.handleSecond = function (event) {
event.preventDefault();
_this.setState({ complete: false });
};
_this.state = {
formData: {},
isLoading: false,
help: false,
complete: false,
appeal_id: null,
textAreaValue: ''
};
_this.handleClickOverflow = _this.props.handleClickOverflow;
return _this;
}
_createClass(FormHelp, [{
key: 'render',
value: function render() {
var isOpen = this.props.isOpen;
var _state = this.state,
textAreaValue = _state.textAreaValue,
appeal_id = _state.appeal_id,
complete = _state.complete,
isLoading = _state.isLoading,
help = _state.help;
return _react2.default.createElement(
'div',
null,
isOpen && _react2.default.createElement(
'div',
{ className: 'formHelp-wrapper' },
_react2.default.createElement('div', { className: 'overlay', onClick: this.handleUpdate }),
isLoading ? _react2.default.createElement(_Loader2.default, null) : complete ? _react2.default.createElement(
'form',
{ className: 'formHelp', onSubmit: this.onSubmit },
_react2.default.createElement(
'div',
{ className: 'thanks__caption-wrapper' },
_react2.default.createElement('div', { className: 'thanks__ok' }),
_react2.default.createElement(
'h3',
{ className: 'thanks__caption' },
'\u0412\u0430\u0448 \u0432\u043E\u043F\u0440\u043E\u0441 \u2116',
appeal_id,
' \u043F\u0440\u0438\u043D\u044F\u0442 \u0434\u043B\u044F \u043F\u0435\u0440\u0435\u0434\u0430\u0447\u0438 \u0432 \u0432\u0435\u0434\u043E\u043C\u0441\u0442\u0432\u043E'
)
),
_react2.default.createElement(
'div',
{ className: 'formHelp__btn-wrapper' },
_react2.default.createElement(
_Button2.default,
{ type: 'button', bsSize: 'large', bsStyle: 'primary', onClick: this.handleSecond },
'\u041D\u043E\u0432\u044B\u0439 \u0432\u043E\u043F\u0440\u043E\u0441'
),
_react2.default.createElement(
_Button2.default,
{ bsSize: 'large', onClick: this.handleUpdate },
'\u0417\u0430\u043A\u0440\u044B\u0442\u044C'
)
)
) : _react2.default.createElement(
'form',
{ className: 'formHelp', onSubmit: this.onSubmit },
_react2.default.createElement(
_CardCaption2.default,
{ bsSize: 'large', iconId: 1 },
'\u0417\u0430\u043F\u043E\u043B\u043D\u0438\u0442\u0435 \u0444\u043E\u0440\u043C\u0443 \u043F\u043E\u0434\u0430\u0447\u0438 \u0432\u043E\u043F\u0440\u043E\u0441\u0430'
),
_react2.default.createElement(
'div',
{ style: { marginTop: '20px' }, className: 'formHelp__form input-wrapper' },
_react2.default.createElement('textarea', {
className: 'formHelp__input ' + (textAreaValue ? 'label-min' : '') + ' ' + (help ? 'error' : ''),
id: 'textArea',
rows: 5,
value: textAreaValue,
onChange: this.handleTextChange
}),
_react2.default.createElement(
'label',
{ htmlFor: 'textArea' },
'\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0432\u0430\u0448 \u0432\u043E\u043F\u0440\u043E\u0441'
)
),
_react2.default.createElement(
'div',
{ className: 'formHelp__btn-wrapper' },
_react2.default.createElement(
_Button2.default,
{ type: 'submit', bsSize: 'large', bsStyle: 'primary' },
'\u041E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C'
),
_react2.default.createElement(
_Button2.default,
{ bsSize: 'large', onClick: this.handleUpdate },
'\u041E\u0442\u043C\u0435\u043D\u0430'
)
)
)
)
);
}
}]);
return FormHelp;
}(_react.Component);
FormHelp.propTypes = {
handleClickOverflow: _propTypes2.default.func.isRequired,
isOpen: _propTypes2.default.bool.isRequired,
current_user: _propTypes2.default.object
};
exports.default = FormHelp;