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

loading state

Browse Source
This commit is contained in:
merelendor 2021-11-28 14:42:04 +01:00
parent 6e54585c9c
commit 782d798056
3 changed files with 60 additions and 49 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
pages/contract/agreement.js
View File

@ -4,6 +4,7 @@ import Image from 'next/image';
import { connect } from "react-redux";
import { withRouter } from 'next/router';
import moment from "moment";
import { SpinnerCircular } from 'spinners-react';
import { reduxWrapper } from '../../store';
@ -22,6 +23,7 @@ class ContractPage extends React.Component
this.state = {
contract_date: null,
agreement: null,
loading: false,
}
}
@ -50,7 +52,7 @@ class ContractPage extends React.Component
render()
{
const { contract_date } = this.state;
const { contract_date, loading } = this.state;
const { number } = this.props;
return (

102
pages/contract/documents.js
View File

@ -4,6 +4,7 @@ import Image from 'next/image';
import { connect } from "react-redux";
import { withRouter } from 'next/router';
import moment from "moment";
import { SpinnerCircular } from 'spinners-react';
import { reduxWrapper } from '../../store';
@ -22,6 +23,7 @@ class ContractDocumentsPage extends React.Component
this.state = {
contract_date: null,
documents: null,
loading: false,
}
}
@ -50,7 +52,7 @@ class ContractDocumentsPage extends React.Component
render()
{
const { contract_date } = this.state;
const { contract_date, loading } = this.state;
const { number } = this.props;
return (
@ -92,57 +94,63 @@ class ContractDocumentsPage extends React.Component
</div>
</div>
<div className="dropdown_blocks_list">
<div className="dropdown_block bt">
<div className="block_header">
<p>
УПД по очередным платежам
</p>
<button className="block_toggle"></button>
</div>
<div className="block_body">
<div className="transaction_detail">
<p>№ постановления: <b>3432434242334</b></p>
<ul>
<li>Сумма: <b>3 000,00 р.</b></li>
<li>Дата: <b>01/01/2020</b></li>
<li>Статус: <b className="success">Оплачен</b></li>
<li>Штраф: п. 1.15 - Несоблюдение правил парковки </li>
</ul>
{ loading ? (
<div className="table_row table_header" style={{ minHeight: 300, display: "flex", justifyContent: "center", alignItems: "center" }}>
<SpinnerCircular size={90} thickness={51} speed={100} color="rgba(28, 1, 169, 1)" secondaryColor="rgba(236, 239, 244, 1)" />
</div>
) : (
<div className="dropdown_blocks_list">
<div className="dropdown_block bt">
<div className="block_header">
<p>
УПД по очередным платежам
</p>
<button className="block_toggle"></button>
</div>
<div className="block_body">
<div className="transaction_detail">
<p>№ постановления: <b>3432434242334</b></p>
<ul>
<li>Сумма: <b>3 000,00 р.</b></li>
<li>Дата: <b>01/01/2020</b></li>
<li>Статус: <b className="success">Оплачен</b></li>
<li>Штраф: п. 1.15 - Несоблюдение правил парковки </li>
</ul>
</div>
</div>
</div>
</div>
<div className="dosc_list medium-icon">
<div className="row">
<p className="doc_name i-pdf i-medium">
Дополнительное соглашение №1
</p>
<a href="#" className="button button-blue download-icon">Скачать</a>
<div className="dosc_list medium-icon">
<div className="row">
<p className="doc_name i-pdf i-medium">
Дополнительное соглашение №1
</p>
<a href="#" className="button button-blue download-icon">Скачать</a>
</div>
<div className="row">
<p className="doc_name i-pdf i-medium">
Дополнительное соглашение №2
</p>
<a href="#" className="button button-blue download-icon">Скачать</a>
</div>
<div className="row">
<p className="doc_name i-pdf i-medium">
Выкупные документы
</p>
<a href="#" className="button button-blue download-icon">Скачать</a>
</div>
</div>
<div className="row">
<p className="doc_name i-pdf i-medium">
Дополнительное соглашение №2
</p>
<a href="#" className="button button-blue download-icon">Скачать</a>
</div>
<div className="row">
<p className="doc_name i-pdf i-medium">
Выкупные документы
</p>
<a href="#" className="button button-blue download-icon">Скачать</a>
<div className="dropdown_block bt">
<div className="block_header">
<p>
УПД по доп.услугам
</p>
<button className="block_toggle"></button>
</div>
<div className="block_body"></div>
</div>
</div>
<div className="dropdown_block bt">
<div className="block_header">
<p>
УПД по доп.услугам
</p>
<button className="block_toggle"></button>
</div>
<div className="block_body"></div>
</div>
</div>
) }
</article>
</div>
</div>

3
pages/contract/services.js
View File

@ -4,6 +4,7 @@ import Image from 'next/image';
import { connect } from "react-redux";
import { withRouter } from 'next/router';
import moment from "moment";
import { SpinnerCircular } from 'spinners-react';
import { reduxWrapper } from '../../store';
@ -70,7 +71,7 @@ class ContractServicesPage extends React.Component
render()
{
const { opened, contract_date } = this.state;
const { opened, contract_date, loading } = this.state;
const { number } = this.props;
return (