From 22cc5e3224917286425b348369732985cd5bed33 Mon Sep 17 00:00:00 2001
From: merelendor <merelendor@gmail.com>
Date: Wed, 7 Sep 2022 22:55:01 +0300
Subject: [PATCH] error pages markup updates, mobile markup updates

---
 css/forms/style.css            |  2 +-
 css/forms/style.less           |  2 +-
 css/main/style.css             |  6 ++--
 css/main/style.less            | 10 +++---
 pages/500.js                   | 23 ++++++--------
 pages/503.js                   | 56 ++++++++++++++++++++++++++++++++++
 pages/contract/change/index.js |  2 +-
 pages/contract/services.js     |  7 +++--
 pages/settings/admin.js        | 18 ++++++++---
 pages/support/request.js       | 18 +++++++++--
 10 files changed, 111 insertions(+), 33 deletions(-)
 create mode 100644 pages/503.js

diff --git a/css/forms/style.css b/css/forms/style.css
index 36ca8a7..a987050 100644
--- a/css/forms/style.css
+++ b/css/forms/style.css
@@ -866,7 +866,7 @@
 }
 @media all and (max-width: 768px) {
   .settings_table .table_row .table_cell:last-child button {
-    background: transparent;
+    /*background: transparent;*/
     text-indent: 0;
     font-weight: 600;
     font-size: 15px;
diff --git a/css/forms/style.less b/css/forms/style.less
index 4433b6b..9f8862b 100644
--- a/css/forms/style.less
+++ b/css/forms/style.less
@@ -1007,7 +1007,7 @@
 
                 @media all and (max-width: 768px) {
                     button {
-                        background: transparent;
+                        /*background: transparent;*/
                         text-indent: 0;
                         font-weight: 600;
                         font-size: 15px;
diff --git a/css/main/style.css b/css/main/style.css
index 0e04c44..0c0cf7b 100644
--- a/css/main/style.css
+++ b/css/main/style.css
@@ -4066,8 +4066,10 @@ main .dropdown_blocks_list .dropdown_block .block_body .fines_detail ul li {
 .help_tooltip .help_icon:hover svg path[fill] {
   fill: var(--blue);
 }
-.help_tooltip .help_icon:hover + .help_content {
-  display: block;
+@media all and (min-width: 768px) {
+  .help_tooltip .help_icon:hover + .help_content {
+    display: block;
+  }
 }
 .help_tooltip .help_content {
   display: none;
diff --git a/css/main/style.less b/css/main/style.less
index 13260bd..cf3b388 100644
--- a/css/main/style.less
+++ b/css/main/style.less
@@ -4556,11 +4556,11 @@ main .dropdown_blocks_list .dropdown_block .block_body {
                 }
             }
 
-            &+.help_content {
-                display: block;
-            }
-
-
+			@media all and (min-width: 768px) {
+				&+.help_content {
+					display: block;
+				}
+			}
         }
     }
 
diff --git a/pages/500.js b/pages/500.js
index ef2e34b..3301043 100644
--- a/pages/500.js
+++ b/pages/500.js
@@ -1,11 +1,11 @@
 import React from "react";
 import Head from "next/head";
+import Link from "next/link";
 
-import Header from "./components/Header";
 import Footer from "./components/Footer";
-import Company from "./components/Company";
+import MainHeader from "./components/MainHeader";
 
-class Offline extends React.Component 
+class Page500 extends React.Component 
 {
 	constructor(props) 
 	{
@@ -20,7 +20,7 @@ class Offline extends React.Component
 
 	componentDidMount() {}
 
-	render() 
+	render()
 	{
 		return (
 			<React.Fragment>
@@ -28,33 +28,28 @@ class Offline extends React.Component
 					<title>ЛК Эволюция автолизинга</title>
 					<meta name="description" content="ЛК Эволюция автолизинга" />
 				</Head>
-				<Header { ...this.props } />
+				<MainHeader/>
 				<main>
 					<section>
 						<div className="clear"></div>
 						<div className="container">
 							<div className="title_wrapper">
 								<div className="left">
-									<h1 className="section_title">Личный кабинет</h1>
-								</div>
-								<div className="right">
-									<Company { ...this.props }/>
+									<h1 className="section_title">Извините</h1>
 								</div>
 							</div>
 							<div className="offline">
 								<p>
-								В настоящий момент ведутся технические работы. Если Вам
-								необходимо получить информацию, пожалуйста, свяжитесь с нами
-								по телефону: 8 800 111 22 33
+									К сожалению возникла техническая проблема, наши специалисты в курсе и проводят восстановительные работы.<br/><br/><Link href="/"><a style={{ textDecoration: "underline" }}>Вернуться в Личный кабинет</a></Link>
 								</p>
 							</div>
 						</div>
 					</section>
 				</main>
-				<Footer authenticated={ false }/>
+				<Footer/>
 			</React.Fragment>
 		);
 	}
 }
 
-export default Offline;
+export default Page500;
diff --git a/pages/503.js b/pages/503.js
new file mode 100644
index 0000000..1df5b79
--- /dev/null
+++ b/pages/503.js
@@ -0,0 +1,56 @@
+import React from "react";
+import Head from "next/head";
+
+import MainHeader from "./components/MainHeader";
+import Footer from "./components/Footer";
+
+class Page503 extends React.Component 
+{
+	constructor(props) 
+	{
+		super(props);
+		this.state = {};
+	}
+
+	static getDerivedStateFromProps(nextProps, prevState) 
+	{
+		return {};
+	}
+
+	componentDidMount() {}
+
+	render()
+	{
+		return (
+			<React.Fragment>
+				<Head>
+					<title>ЛК Эволюция автолизинга</title>
+					<meta name="description" content="ЛК Эволюция автолизинга" />
+				</Head>
+				<MainHeader/>
+				<main>
+					<section>
+						<div className="clear"></div>
+						<div className="container">
+							<div className="title_wrapper">
+								<div className="left">
+									<h1 className="section_title">Личный кабинет</h1>
+								</div>
+							</div>
+							<div className="offline">
+								<p>
+								В настоящий момент ведутся технические работы. Если Вам
+								необходимо получить информацию, пожалуйста, свяжитесь с нами
+								по телефону: 8 800 333 75 75
+								</p>
+							</div>
+						</div>
+					</section>
+				</main>
+				<Footer/>
+			</React.Fragment>
+		);
+	}
+}
+
+export default Page503;
diff --git a/pages/contract/change/index.js b/pages/contract/change/index.js
index 7cbc9b1..a653fc2 100644
--- a/pages/contract/change/index.js
+++ b/pages/contract/change/index.js
@@ -360,7 +360,7 @@ class ChangeGraphicPage extends React.Component
 														<div className="block">
 															<p className="title">
 																Подписанты
-																<Link href=""><a>Добавить подписанта</a></Link>
+																<Link href="/support/request#0b6b0460b862ea69764f3e9d5dca187e"><a>Добавить подписанта</a></Link>
 															</p>
 															<SignatoriesList signatories={ signatories }/>
 														</div>
diff --git a/pages/contract/services.js b/pages/contract/services.js
index afa74c8..493b6b3 100644
--- a/pages/contract/services.js
+++ b/pages/contract/services.js
@@ -151,9 +151,12 @@ class ContractServicesPage extends React.Component
 		{
 			for(let i in insurance)
 			{
-				if(insurance[i].length > 0)
+				if(insurance[i] !== undefined && insurance[i] !== null)
 				{
-					return true;
+					if(insurance[i].length > 0)
+					{
+						return true;
+					}
 				}
 			}
 		}
diff --git a/pages/settings/admin.js b/pages/settings/admin.js
index 2f06b8a..2054602 100644
--- a/pages/settings/admin.js
+++ b/pages/settings/admin.js
@@ -124,7 +124,7 @@ class Form extends React.Component
 		const { name, email, selection, selected_companies_all, selected_companies_list, } = this.state;
 
 		return (
-			<div className="table_row editable">
+			<>
 				<div className="table_cell" data-title="ФИО пользователя">
 					<input type="text" placeholder="Введите ФИО" value={ name } style={ errors.indexOf("name") > -1 ? { color: "#ED0A34" } : {} } onChange={ (event) => { this._handle_onChange("name", event.target.value) } }/>
 				</div>
@@ -173,7 +173,7 @@ class Form extends React.Component
 					</div>
 				</div>
 				<div className="table_cell" data-title="Статус">-</div>
-			</div>
+			</>
 		)
 	}
 }
@@ -196,6 +196,8 @@ class AdminPage extends React.Component
 			to_delete: [], 
 			errors: [], 
 		};
+
+		this.formRef = React.createRef();
 	}
 
 	static getDerivedStateFromProps(nextProps, prevState)
@@ -233,7 +235,13 @@ class AdminPage extends React.Component
 
 	_handle_onAdd = () => 
 	{
-		this.setState({ add: true });
+		this.setState({ add: true }, () => 
+		{
+			this.formRef.current.scrollIntoView({
+				behavior: 'smooth', 
+				block: 'center', 
+			});
+		});
 	}
 
 	_handle_onEdit = () => 
@@ -484,7 +492,9 @@ class AdminPage extends React.Component
 										</div>
 										{*/}
 										{ add && (
-											<Form companies={ companies } errors={ errors } form={ form } onForm={ this._onFormEdit }/>
+											<div className="table_row editable" ref={ this.formRef }>
+												<Form companies={ companies } errors={ errors } form={ form } onForm={ this._onFormEdit }/>
+											</div>
 										) }
 										{/*}
 										{*/}
diff --git a/pages/support/request.js b/pages/support/request.js
index 218b05b..74ec3d5 100644
--- a/pages/support/request.js
+++ b/pages/support/request.js
@@ -88,6 +88,8 @@ class SupportRequestPage extends React.Component
 			opened_question: 0, 
 			success: false, 
 		};
+
+		this.formRef = React.createRef();
 	}
 
 	static getDerivedStateFromProps(nextProps, prevState) 
@@ -152,7 +154,17 @@ class SupportRequestPage extends React.Component
 						opened_theme++;
 					}
 
-					this.setState({ loading: false, themes_filtered, opened_theme: found ? opened_theme : 0, opened_question: found ? opened_question : 0 });
+					this.setState({ loading: false, themes_filtered, opened_theme: found ? opened_theme : 0, opened_question: found ? opened_question : 0 }, () => 
+					{
+						if(this.props.router.asPath.indexOf("#") > -1)
+						{
+							if(window.innerWidth <= 767)
+							{
+								const elementRect = this.formRef.current.getBoundingClientRect();
+								window.scrollTo({ top: parseInt(elementRect.top, 10) - 100, behavior: 'smooth' });
+							}
+						}
+					});
 				})
 				.catch(() => {});
 			});
@@ -393,8 +405,8 @@ class SupportRequestPage extends React.Component
 												</div>
 											</div>
 											{ themes_filtered !== undefined && themes_filtered !== null && (
-												<div className="column">
-													<div className="column_text_block">
+												<div className="column" ref={ this.formRef }>
+													<div className="column_text_block" >
 														<p><b>Процедура</b></p>
 														<p dangerouslySetInnerHTML={{ __html: procedure.answer }}/>
 													</div>