evo/evoleasing-account
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

error pages markup updates, mobile markup updates

Browse Source
This commit is contained in:
merelendor 2022-09-07 22:55:01 +03:00
parent 97ddaffab2
commit 22cc5e3224
10 changed files with 111 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
css/forms/style.css
View File

@ -866,7 +866,7 @@
} }
@media all and (max-width: 768px) { @media all and (max-width: 768px) {
.settings_table .table_row .table_cell:last-child button { .settings_table .table_row .table_cell:last-child button {
background: transparent; /*background: transparent;*/
text-indent: 0; text-indent: 0;
font-weight: 600; font-weight: 600;
font-size: 15px; font-size: 15px;

2
css/forms/style.less
View File

@ -1007,7 +1007,7 @@
@media all and (max-width: 768px) { @media all and (max-width: 768px) {
button { button {
background: transparent; /*background: transparent;*/
text-indent: 0; text-indent: 0;
font-weight: 600; font-weight: 600;
font-size: 15px; font-size: 15px;

6
css/main/style.css
View File

@ -4066,8 +4066,10 @@ main .dropdown_blocks_list .dropdown_block .block_body .fines_detail ul li {
.help_tooltip .help_icon:hover svg path[fill] { .help_tooltip .help_icon:hover svg path[fill] {
fill: var(--blue); fill: var(--blue);
} }
.help_tooltip .help_icon:hover + .help_content { @media all and (min-width: 768px) {
display: block; .help_tooltip .help_icon:hover + .help_content {
display: block;
}
} }
.help_tooltip .help_content { .help_tooltip .help_content {
display: none; display: none;

10
css/main/style.less
View File

@ -4556,11 +4556,11 @@ main .dropdown_blocks_list .dropdown_block .block_body {
} }
} }
&+.help_content { @media all and (min-width: 768px) {
display: block; &+.help_content {
} display: block;
}
}
} }
} }

23
pages/500.js
View File

@ -1,11 +1,11 @@
import React from "react"; import React from "react";
import Head from "next/head"; import Head from "next/head";
import Link from "next/link";
import Header from "./components/Header";
import Footer from "./components/Footer"; 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) constructor(props)
{ {
@ -20,7 +20,7 @@ class Offline extends React.Component
componentDidMount() {} componentDidMount() {}
render() render()
{ {
return ( return (
<React.Fragment> <React.Fragment>
@ -28,33 +28,28 @@ class Offline extends React.Component
<title>ЛК Эволюция автолизинга</title> <title>ЛК Эволюция автолизинга</title>
<meta name="description" content="ЛК Эволюция автолизинга" /> <meta name="description" content="ЛК Эволюция автолизинга" />
</Head> </Head>
<Header { ...this.props } /> <MainHeader/>
<main> <main>
<section> <section>
<div className="clear"></div> <div className="clear"></div>
<div className="container"> <div className="container">
<div className="title_wrapper"> <div className="title_wrapper">
<div className="left"> <div className="left">
<h1 className="section_title">Личный кабинет</h1> <h1 className="section_title">Извините</h1>
</div>
<div className="right">
<Company { ...this.props }/>
</div> </div>
</div> </div>
<div className="offline"> <div className="offline">
<p> <p>
В настоящий момент ведутся технические работы. Если Вам К сожалению возникла техническая проблема, наши специалисты в курсе и проводят восстановительные работы.<br/><br/><Link href="/"><a style={{ textDecoration: "underline" }}>Вернуться в Личный кабинет</a></Link>
необходимо получить информацию, пожалуйста, свяжитесь с нами
по телефону: 8 800 111 22 33
</p> </p>
</div> </div>
</div> </div>
</section> </section>
</main> </main>
<Footer authenticated={ false }/> <Footer/>
</React.Fragment> </React.Fragment>
); );
} }
} }
export default Offline; export default Page500;

56
pages/503.js Normal file
View File

@ -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;

2
pages/contract/change/index.js
View File

@ -360,7 +360,7 @@ class ChangeGraphicPage extends React.Component
<div className="block"> <div className="block">
<p className="title"> <p className="title">
Подписанты Подписанты
<Link href=""><a>Добавить подписанта</a></Link> <Link href="/support/request#0b6b0460b862ea69764f3e9d5dca187e"><a>Добавить подписанта</a></Link>
</p> </p>
<SignatoriesList signatories={ signatories }/> <SignatoriesList signatories={ signatories }/>
</div> </div>

7
pages/contract/services.js
View File

@ -151,9 +151,12 @@ class ContractServicesPage extends React.Component
{ {
for(let i in insurance) 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;
}
} }
} }
} }

18
pages/settings/admin.js
View File

@ -124,7 +124,7 @@ class Form extends React.Component
const { name, email, selection, selected_companies_all, selected_companies_list, } = this.state; const { name, email, selection, selected_companies_all, selected_companies_list, } = this.state;
return ( return (
<div className="table_row editable"> <>
<div className="table_cell" data-title="ФИО пользователя"> <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) } }/> <input type="text" placeholder="Введите ФИО" value={ name } style={ errors.indexOf("name") > -1 ? { color: "#ED0A34" } : {} } onChange={ (event) => { this._handle_onChange("name", event.target.value) } }/>
</div> </div>
@ -173,7 +173,7 @@ class Form extends React.Component
</div> </div>
</div> </div>
<div className="table_cell" data-title="Статус">-</div> <div className="table_cell" data-title="Статус">-</div>
</div> </>
) )
} }
} }
@ -196,6 +196,8 @@ class AdminPage extends React.Component
to_delete: [], to_delete: [],
errors: [], errors: [],
}; };
this.formRef = React.createRef();
} }
static getDerivedStateFromProps(nextProps, prevState) static getDerivedStateFromProps(nextProps, prevState)
@ -233,7 +235,13 @@ class AdminPage extends React.Component
_handle_onAdd = () => _handle_onAdd = () =>
{ {
this.setState({ add: true }); this.setState({ add: true }, () =>
{
this.formRef.current.scrollIntoView({
behavior: 'smooth',
block: 'center',
});
});
} }
_handle_onEdit = () => _handle_onEdit = () =>
@ -484,7 +492,9 @@ class AdminPage extends React.Component
</div> </div>
{*/} {*/}
{ add && ( { 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>
) } ) }
{/*} {/*}
{*/} {*/}

18
pages/support/request.js
View File

@ -88,6 +88,8 @@ class SupportRequestPage extends React.Component
opened_question: 0, opened_question: 0,
success: false, success: false,
}; };
this.formRef = React.createRef();
} }
static getDerivedStateFromProps(nextProps, prevState) static getDerivedStateFromProps(nextProps, prevState)
@ -152,7 +154,17 @@ class SupportRequestPage extends React.Component
opened_theme++; 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(() => {}); .catch(() => {});
}); });
@ -393,8 +405,8 @@ class SupportRequestPage extends React.Component
</div> </div>
</div> </div>
{ themes_filtered !== undefined && themes_filtered !== null && ( { themes_filtered !== undefined && themes_filtered !== null && (
<div className="column"> <div className="column" ref={ this.formRef }>
<div className="column_text_block"> <div className="column_text_block" >
<p><b>Процедура</b></p> <p><b>Процедура</b></p>
<p dangerouslySetInnerHTML={{ __html: procedure.answer }}/> <p dangerouslySetInnerHTML={{ __html: procedure.answer }}/>
</div> </div>