правки - https://boatneck-stew-ffc.notion.site/b56949a82c6b45bfb953436f07c23215?v=4414fd9a376f46568d40ca53b1708fd0

components/questionnaire/forms/FilesList.js

@@ -52,6 +52,10 @@ export default class FilesList extends React.Component
 		return chunks;
 	}
 
+	_renderFileType = (file) => 
+	{
+		return file.name.split(".").pop();
+	}
 	render() 
 	{
 		const { files, checking } = this.props;
@@ -59,14 +63,14 @@ export default class FilesList extends React.Component
 		console.log("FilesList", "files", files);
 
 		return (
-			<div style={{ flexDirection: "row", display: "flex", alignItems: "flex-start", justifyContent: "flex-start", gap: "2%", }}>
+			<div className="files_list" style={{ flexDirection: "row", display: "flex", alignItems: "flex-start", justifyContent: "flex-start", flexWrap: "wrap",  gap: "2%", }}>
 
 				{ files.map((file, index) => { 
 					if(file.name === undefined) { return null; }
 					return (
-						<div key={ index } className="dosc_list medium-icon" style={{ position: "relative", border: "1px dashed rgb(28, 1, 169)", width: "32%", height: "100px", borderRadius: "4px", display: "flex", alignItems: "center", justifyContent: "center", }}>
+						<div key={ index } className="dosc_list medium-icon" style={{ marginBottom: "2%", position: "relative", border: "1px dashed rgb(28, 1, 169)", width: "32%", height: "100px", borderRadius: "4px", display: "flex", alignItems: "center", justifyContent: "center", }}>
 							<div className="row" style={{ alignItems: "center", justifyContent: "center", display: "flex", flexDirection: "row", flex: 1, marginBottom: "0px" }}>
-								<p className="doc_name i-pdf extension" style={{ wordBreak: "break-all", lineHeight: "15px" }}>{ this._renderFileName(file.name) }{/*}<span style={{width: "100%"}}>Постановление</span>{*/}</p>
+								<p className="doc_name extension" data-format={ this._renderFileType(file) } style={{ wordBreak: "break-all", lineHeight: "15px" }}>{ this._renderFileName(file.name) }{/*}<span style={{width: "100%"}}>Постановление</span>{*/}</p>
 							</div>
 							{ !checking && (
 								<div style={{ position: "absolute", top: "5px", right: "5px", width: "20px", height: "20px", background: "#edeff5", flex: 1, justifyContent: "center", display: "flex", alignItems: "center", borderRadius: "10px", cursor: "pointer" }} onClick={ () => this._handle_onRemoveFile(file.name) }>

components/questionnaire/forms/Form_1_Main/index.js

@@ -8,6 +8,8 @@ import pluralize from 'pluralize-ru';
 import { SpinnerCircular } from 'spinners-react';
 import { connect } from "react-redux";
 import { withRouter } from 'next/router';
+import InputMask from 'react-input-mask';
+import CurrencyInput from 'react-currency-input';
 
 import QuestionnaireForm from "../QuestionnaireForm";
 import { reduxWrapper } from '../../../../store';
@@ -100,6 +102,10 @@ class Form_1_Main extends QuestionnaireForm
 	{
 		const { checking } = this.props;
 		const { loading, main } = this.state;
+		const firstLetter = /(?!.*[DFIOQU])[A-VXY]/i;
+		const letter = /(?!.*[DFIOQU])[A-Z]/i;
+		const digit = /[0-9]/;
+		const fin_mask = [firstLetter, digit, letter, " ", digit, letter, digit];
 
 		return (
 			<React.Fragment>
@@ -149,15 +155,17 @@ class Form_1_Main extends QuestionnaireForm
 					<div className="formgroup">
 						<div className="form_field">
 							<label>Телефон</label>
-							<input type="text" 
+							<InputMask 
+								mask='+7 (999) 999 99 99' 
 								id="main.telephone" 
 								name="main.telephone" 
 								value={ main.telephone } 
 								placeholder="Введите номер" 
 								onChange={ (event) => this._handle_onTextFieldChange(event.target.name, event.target.value) } 
 								required={ true } 
-								disabled={ checking } 
+								disabled={ checking } >
-							/>
+							</InputMask>
+							
 						</div>
 
 						<div className="form_field">
@@ -188,12 +196,13 @@ class Form_1_Main extends QuestionnaireForm
 
 					<div className="form_field">
 						<label>Финансовая нагрузка</label>
-						<input type="text" 
+						 <CurrencyInput 
 						 	id="main.financial_loan" 
 							 name="main.financial_loan" 
 							 value={ main.financial_loan } 
+							 precision="2"
 							 placeholder="Укажите сумму" 
-							onChange={ (event) => this._handle_onTextFieldChange(event.target.name, event.target.value) } 
+							 onChangeEvent={ (event) => this._handle_onTextFieldChange(event.target.name, event.target.value) } 
 							 disabled={ checking } 
 						 />
 						<p>сумма текущих ежемесячных платежей по действующим кредитам/договорам лизинга</p>

components/questionnaire/forms/Form_2_Contacts/index.js

@@ -113,7 +113,7 @@ class Form_2_Contacts extends QuestionnaireForm
 						<p>для юр.диц -  заполняется, если отличается от указанного в ЕГРЮЛ; для ИП - заполняется всегда</p>
 					</div>
 
-					<p>Прошу оригиналы  счетов-фактур и актов отказанных услуг по заключенному договору лизинга направлять:</p>
+					<p><b>Прошу оригиналы  счетов-фактур и актов отказанных услуг по заключенному договору лизинга направлять:</b></p>
 
 					<div className="form_field">
 						<div style={{ width: "100%" }}>

components/questionnaire/forms/Form_3_Signer/index.js

@@ -20,6 +20,7 @@ import citizenships from "../../../../lib/citizenships.json";
 import { reduxWrapper } from '../../../../store';
 import moment from "moment";
 import AddressSuggests from "../../AddressSuggests";
+import InputMask from 'react-input-mask';
 
 class Form_3_Signer extends QuestionnaireForm
 {
@@ -352,34 +353,36 @@ class Form_3_Signer extends QuestionnaireForm
 					<div className="formgroup">
 						<div className="form_field">
 							<label>Серия паспорта</label>
-							<input type="text" 
+							
+							<InputMask 
+								mask='9999' 
 								id="head_person.identity_document.seria" 
 								name="head_person.identity_document.seria" 
 								value={ head_person.identity_document.seria } 
 								placeholder="Введите серию" 
 								onChange={ (event) => this._handle_onTextFieldChange(event.target.name, event.target.value) } 
 								required={ true } 
-								disabled={ checking } 
+								disabled={ checking }  >
-							/>
+							</InputMask>
 						</div>
 						<div className="form_field">
 							<label>Номер паспорта</label>
-							<input type="text" 
+							<InputMask 
+								mask='999999' 
 								id="head_person.identity_document.docnumber" 
 								name="head_person.identity_document.docnumber" 
 								value={ head_person.identity_document.docnumber } 
 								placeholder="Введите номер" 
 								onChange={ (event) => this._handle_onTextFieldChange(event.target.name, event.target.value) } 
 								required={ true } 
-								disabled={ checking } 
+								disabled={ checking }   >
-							/>
+							</InputMask>
 						</div>
 					</div>
 					<div className="formgroup">
 						<div className="form_field">
 							<label>Дата выдачи</label>
 							<CalendarDatePicker 
-								style={{ width: "calc(100% - 198px)" }} 
 								placeholder="ДД.ММ.ГГГГ" 
 								id={ "head_person.identity_document.issuedate" } 
 								value={ head_person.identity_document.issuedate !== "" ? head_person.identity_document.issuedate : null } 
@@ -466,15 +469,16 @@ class Form_3_Signer extends QuestionnaireForm
 					
 					<div className="form_field">
 						<label>Телефон</label>
-						<input type="text" 
+						<InputMask 
+							mask='+7 (999) 999 99 99' 
 							id={ "head_person.telephone" } 
 							name={ "head_person.telephone" } 
 							value={ head_person.telephone } 
 							placeholder="Введите номер телефона" 
 							onChange={ (event) => this._handle_onTextFieldChange(event.target.name, event.target.value) } 
 							required={ true } 
-							disabled={ checking } 
+							disabled={ checking } >
-						/>
+							</InputMask>
 					</div>
 
 					<div className="form_field">

components/questionnaire/forms/Form_4_Shareholders/index.js

@@ -16,6 +16,7 @@ import CalendarDatePicker from '../../../CalendarDatePicker';
 import citizenships from "../../../../lib/citizenships.json";
 import { reduxWrapper } from '../../../../store';
 import AddressSuggests from "../../AddressSuggests";
+import InputMask from 'react-input-mask';
 
 class ShareholderForm extends React.Component
 {
@@ -93,15 +94,16 @@ class ShareholderForm extends React.Component
 
 				<div className="form_field">
 					<label>Телефон</label>
-					<input type="text" 
+					<InputMask 
+							mask='+7 (999) 999 99 99' 
 							id={ `founded_persons[${ index }].telephone` } 
 							name={ `founded_persons[${ index }].telephone` } 
 							value={ shareholder.telephone } 
 							placeholder="Введите номер телефона" 
 							onChange={ (event) => this._handle_onTextFieldChange(event.target.name, event.target.value) } 
 							required={ true } 
-						disabled={ checking } 
+							disabled={ checking }  >
-					/>
+					</InputMask>
 				</div>
 
 				<div className="form_field">
@@ -122,26 +124,28 @@ class ShareholderForm extends React.Component
 						<label>Серия и номер паспорта</label>
 						<div className="formgroup">
 							<div className="form_field">
-								<input type="text" 
+								<InputMask 
+									mask='9999' 
 									id={ `founded_persons[${ index }].identity_document.seria` } 
 									name={ `founded_persons[${ index }].identity_document.seria` } 
 									value={ shareholder.identity_document.seria } 
 									placeholder="Введите серию" 
 									onChange={ (event) => this._handle_onTextFieldChange(event.target.name, event.target.value) } 
 									required={ true } 
-									disabled={ checking } 
+									disabled={ checking }   >
-								/>
+								</InputMask>
 							</div>
 							<div className="form_field">
-								<input type="text" 
+								<InputMask 
+									mask='999999' 
 									id={ `founded_persons[${ index }].identity_document.docnumber` } 
 									name={ `founded_persons[${ index }].identity_document.docnumber` } 
 									value={ shareholder.identity_document.docnumber } 
 									placeholder="Введите номер" 
 									onChange={ (event) => this._handle_onTextFieldChange(event.target.name, event.target.value) } 
 									required={ true } 
-									disabled={ checking } 
+									disabled={ checking }   >
-								/>
+								</InputMask>
 							</div>
 						</div>
 					</div>

css/components/style.less

@@ -347,7 +347,8 @@ input[type="radio"] {
     padding: 0 12px;
     width: 100%;
     outline: none;
-    font-size: 15px;
+    font-family: 'Montserrat', sans-serif;
+    font-size: 1rem; 
 
     &::placeholder {
       font-size: 15px;

css/forms/style.less

@@ -1455,6 +1455,8 @@
         select,
         .autocomlete {
             width: ~"calc(100% - 198px)";
+            font-family: 'Montserrat', sans-serif;
+            font-size: 1rem; 
 
             &[value=""] {
                 //background-color: #EDEFF5;
@@ -1479,11 +1481,26 @@
                 }
             }
         }
+
+        .date_input_wrapper {
+            @media all and (max-width: 720px) {
+                width: 100%;
+            }
+        }
     }
 
     .action {
         text-align: right;
         margin-top: 40px;
+
+        @media all and (max-width: 720px) {
+            flex-wrap: wrap;
+            gap: 10px 0;
+
+            button {
+                width: 100%;
+            }
+        }
     }
 
     ul {
@@ -1588,6 +1605,20 @@
         }
     }
 
+    .files_list {
+        @media all and (max-width: 720px) {
+            .dosc_list {
+                width: 100% !important;
+
+                .doc_name {
+                    align-items: center;
+                    align-content: center;
+                    width: auto;
+                }
+            }
+        }
+    }
+
     &.questionnaire_4,
     &.questionnaire_5 {
         .form_field {

css/var.css.map

@@ -1 +1 @@
-{"version":3,"sources":["var.less"],"names":[],"mappings":"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"}
+{"version":3,"sources":["var.less"],"names":[],"mappings":"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"}

css/var.less

@@ -426,10 +426,11 @@ div {
 
       &:before {
         font-size: 8px;
-        width: 31px;
+        width: 34px;
-        height: 42px;
+        height: 44px;
         left: 0;
         right: 0;
+        padding: 0; 
       }
     }
   } 
@@ -514,7 +515,9 @@ div {
       width: 34px;
 
       @media all and (max-width: 1600px) {
-        width: 32px;
+        width: 34px;
+        padding: 0;
+        height: 44px;
       }
     }
   }

package.json

@@ -37,9 +37,11 @@
     "qs": "^6.10.1",
     "react": "17.0.2",
     "react-cookie": "^4.1.1",
+    "react-currency-input": "^1.3.6",
     "react-dom": "17.0.2",
     "react-dropzone": "^14.2.2",
     "react-google-recaptcha-v3": "^1.10.0",
+    "react-input-mask": "^2.0.4",
     "react-redux": "^7.2.6",
     "react-select": "^5.7.2",
     "react-slick": "^0.29.0",