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) {
.settings_table .table_row .table_cell:last-child button {
background: transparent;
/*background: transparent;*/
text-indent: 0;
font-weight: 600;
font-size: 15px;

2
css/forms/style.less
View File

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

2
css/main/style.css
View File

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

4
css/main/style.less
View File

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

21
pages/500.js
View File

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

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">
<p className="title">
Подписанты
<Link href=""><a>Добавить подписанта</a></Link>
<Link href="/support/request#0b6b0460b862ea69764f3e9d5dca187e"><a>Добавить подписанта</a></Link>
</p>
<SignatoriesList signatories={ signatories }/>
</div>

3
pages/contract/services.js
View File

@ -150,6 +150,8 @@ class ContractServicesPage extends React.Component
if(insurance !== undefined && insurance !== null)
{
for(let i in insurance)
{
if(insurance[i] !== undefined && insurance[i] !== null)
{
if(insurance[i].length > 0)
{
@ -157,6 +159,7 @@ class ContractServicesPage extends React.Component
}
}
}
}
return false;
}

16
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;
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 && (
<div className="table_row editable" ref={ this.formRef }>
<Form companies={ companies } errors={ errors } form={ form } onForm={ this._onFormEdit }/>
</div>
) }
{/*}
{*/}

16
pages/support/request.js
View File

@ -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,7 +405,7 @@ class SupportRequestPage extends React.Component
</div>
</div>
{ themes_filtered !== undefined && themes_filtered !== null && (
<div className="column">
<div className="column" ref={ this.formRef }>
<div className="column_text_block" >
<p><b>Процедура</b></p>
<p dangerouslySetInnerHTML={{ __html: procedure.answer }}/>