diff --git a/pages/support/components/SuccessMessage/index.js b/pages/support/components/SuccessMessage/index.js
new file mode 100644
index 0000000..0c6a9a3
--- /dev/null
+++ b/pages/support/components/SuccessMessage/index.js
@@ -0,0 +1,27 @@
+import React from "react";
+import Link from "next/link";
+
+export default class SuccessMessage extends React.Component
+{
+ constructor(props)
+ {
+ super(props);
+ this.state = {
+ };
+ }
+
+ render()
+ {
+ const { number, comment } = this.props;
+
+ return (
+
+
+
{ comment }
+
+
Перейти в раздел «Документы по договору»
+
+ );
+ }
+}
\ No newline at end of file
diff --git a/pages/support/request.js b/pages/support/request.js
index 805c633..28b1617 100644
--- a/pages/support/request.js
+++ b/pages/support/request.js
@@ -5,6 +5,8 @@ import { connect } from "react-redux";
import { withRouter } from "next/router";
import moment from "moment";
import { SpinnerCircular } from "spinners-react";
+import Dropzone from 'react-dropzone';
+import Select from 'react-select'
import { reduxWrapper } from "../../store";
@@ -12,12 +14,94 @@ import Header from "../components/Header";
import Footer from "../components/Footer";
import Company from "../components/Company";
import InnerMenu from "./components/InnerMenu";
+import SuccessMessage from "./components/SuccessMessage";
import {
getSupportThemes,
getContractsList,
+ getBitrixFile
} from "../../actions";
+class TemplateFile extends React.Component
+{
+ constructor(props)
+ {
+ super(props);
+ this.state = {
+ downloading: false
+ }
+ }
+
+ _handle_onDownloadFile = () =>
+ {
+ const { filename, url } = this.props.template;
+ const { downloading } = this.state;
+
+ if(!downloading)
+ {
+ this.setState({ downloading: true }, () =>
+ {
+ getBitrixFile({ url, filename })
+ .then(() => { this.setState({ downloading: false }); })
+ .catch(() => { this.setState({ downloading: false }); });
+ });
+ }
+ }
+
+ render()
+ {
+ const { template } = this.props;
+ const { downloading } = this.state;
+
+ return (
+
+
{ template.filename }Скачать шаблон{ downloading ? () : null }
+
+ )
+ }
+}
+class FileDropzone extends React.Component
+{
+ constructor(props)
+ {
+ super(props);
+ this.state = {}
+ }
+
+ render()
+ {
+ const { files, onAddFile, onDeleteFile } = this.props;
+ return (
+ <>
+ { files.length > 0 && (
+
+
+
Приложенные файлы
+ { files.map((file, index) => (
+
{ file.name } onDeleteFile(file.name) }>[ удалить ]
+ )) }
+
+
+ ) }
+
onAddFile(acceptedFiles) }>
+ { ({getRootProps, getInputProps}) => (
+
+
+
+
+ Перенесите файлы на экран для быстрой загрузки или выберите файл с компьютера
+
+
+
+
+
+
+ )
+ }
+}
+
class SupportRequestPage extends React.Component
{
constructor(props) {
@@ -30,9 +114,12 @@ class SupportRequestPage extends React.Component
phone: "",
email: "",
question: "",
+ selected_contracts: [],
file: null,
+ files: [],
opened_theme: 0,
opened_question: 0,
+ success: false,
};
}
@@ -79,23 +166,87 @@ class SupportRequestPage extends React.Component
this.setState({ opened_theme: index, opened_question: 0 });
}
- _handle_onSelectContracts = (event) =>
+ _handle_onSendAppeal = () =>
{
+ const { name, phone, email, question, selected_contracts, } = this.state;
+
+ const appeal = {
+ phone: phone,
+ email: email,
+ description: question,
+ contract_numbers: selected_contracts
+ }
+ }
+
+ _handle_onContract = (options) =>
+ {
+ const selected_contracts = [];
+ for(let i in options)
+ {
+ selected_contracts.push(options[i].value);
+ this.setState({ selected_contracts });
+ }
+ }
+
+ _handle_onAddFile = (files) =>
+ {
+ console.log("_handle_onAdd", files);
+
+ const existed_files = [ ...this.state.files ];
+ for(let nf in files)
+ {
+ let e = false;
+ for(let ef in this.state.files)
+ {
+ if(this.state.files[ef].name === files[nf].name) { e = true; }
+ }
+
+ if(!e)
+ {
+ existed_files.push(files[nf]);
+ }
+ }
+
+ this.setState({ files: existed_files });
+ }
+
+ _handle_onDeleteFile = (file_name) =>
+ {
+ const files = [];
+ for(let i in this.state.files)
+ {
+ if(this.state.files[i].name !== file_name)
+ {
+ files.push(this.state.files[i]);
+ }
+ }
+
+ this.setState({ files });
}
_renderForm = () =>
{
- const { loading, contracts, themes, name, phone, email, question, file, opened_theme, opened_question } = this.state;
+ const { loading, contracts, themes, name, phone, email, question, file, files, opened_theme, opened_question } = this.state;
+
+ const contracts_list = [];
+ for(let i in contracts)
+ {
+ contracts_list.push({
+ value: contracts[i].number, label: contracts[i].number
+ });
+ }
return (
)
}
@@ -130,7 +272,7 @@ class SupportRequestPage extends React.Component
render()
{
const { number } = this.props;
- const { loading, themes, opened_theme, opened_question } = this.state;
+ const { loading, success, themes, opened_theme, opened_question } = this.state;
const procedure = themes !== undefined && themes !== null ? themes[opened_theme].questions[opened_question] : undefined;
@@ -153,61 +295,68 @@ class SupportRequestPage extends React.Component