115 lines
4.5 KiB
JavaScript
115 lines
4.5 KiB
JavaScript
import React from "react";
|
||
import Link from "next/link";
|
||
import { connect } from "react-redux";
|
||
import { getContractEvents, getContractFines, getContractInfo, } from "../../../../actions";
|
||
|
||
class InnerMenu extends React.Component
|
||
{
|
||
constructor(props)
|
||
{
|
||
super(props);
|
||
this.menuRef = React.createRef();
|
||
|
||
this.state = {
|
||
menuOpened: false,
|
||
};
|
||
}
|
||
|
||
static getDerivedStateFromProps(nextProps, prevState)
|
||
{
|
||
return {
|
||
};
|
||
}
|
||
|
||
componentDidMount()
|
||
{
|
||
}
|
||
|
||
componentDidUpdate(prevProps, prevState)
|
||
{
|
||
}
|
||
|
||
_handle_onToggleMenu = () =>
|
||
{
|
||
this.setState({
|
||
menuOpened: !this.state.menuOpened,
|
||
});
|
||
}
|
||
|
||
_getActiveLink = (route) =>
|
||
{
|
||
if (route.indexOf("#main") > -1) return "Информация о лизингополучателе";
|
||
if (route.indexOf("#contacts") > -1) return "Адреса лизингополучателя";
|
||
if (route.indexOf("#signer") > -1) return "Информация о единоличном исполнительном органе, подписанте договора лизинга";
|
||
if (route.indexOf("#shareholders") > -1) return "Сведения об участниках (акционерах) и бенефициарных владельцах";
|
||
if (route.indexOf("#regulatory") > -1) return "Сведения об органах управления";
|
||
if (route.indexOf("#non-profit") > -1) return "Данные о некомерческой организации";
|
||
if (route.indexOf("#check") > -1) return "Проверка введеных данных";
|
||
if (route.indexOf("#signing") > -1) return "Выбор метода подписания";
|
||
|
||
return null;
|
||
}
|
||
|
||
render()
|
||
{
|
||
const { menuOpened, } = this.state;
|
||
|
||
return (
|
||
<aside>
|
||
<button className="nav_toggle" onClick={ this._handle_onToggleMenu }>
|
||
{ this.props.router && this._getActiveLink(this.props.router.asPath) }
|
||
</button>
|
||
<ul className={ menuOpened ? "aside_nav open" : "aside_nav" } ref={ this.menuRef }>
|
||
<li>
|
||
<Link href={`/questionnaire/#main`} shallow>
|
||
<a style={{fontWeight: 400}} className={ this.props.router && this.props.router.asPath.indexOf("#main") > -1 || this.props.router.asPath.indexOf("#") < 0 ? "active" : "" }>Информация о лизингополучателе</a>
|
||
</Link>
|
||
</li>
|
||
<li>
|
||
<Link href={`/questionnaire/#contacts`} shallow>
|
||
<a style={{fontWeight: 400}} className={ this.props.router && this.props.router.asPath.indexOf("#contacts") > -1 ? "active" : "" }>Адреса лизингополучателя</a>
|
||
</Link>
|
||
</li>
|
||
<li>
|
||
<Link href={`/questionnaire/#signer`} shallow>
|
||
<a style={{fontWeight: 400}} className={ this.props.router && this.props.router.asPath.indexOf("#signer") > -1 ? "active" : "" }>Информация о единоличном исполнительном органе, подписанте договора лизинга</a>
|
||
</Link>
|
||
</li>
|
||
<li>
|
||
<Link href={`/questionnaire/#shareholders`} shallow>
|
||
<a style={{fontWeight: 400}} className={ this.props.router && this.props.router.asPath.indexOf("#shareholders") > -1 ? "active" : "" }>Сведения об участниках (акционерах) и бенефициарных владельцах</a>
|
||
</Link>
|
||
</li>
|
||
<li>
|
||
<Link href={`/questionnaire/#regulatory`} shallow>
|
||
<a style={{fontWeight: 400}} className={ this.props.router && this.props.router.asPath.indexOf("#regulatory") > -1 ? "active" : "" }>Сведения об органах управления</a>
|
||
</Link>
|
||
</li>
|
||
<li>
|
||
<Link href={`/questionnaire/#non-profit`} shallow>
|
||
<a style={{fontWeight: 400}} className={ this.props.router && this.props.router.asPath.indexOf("#non-profit") > -1 ? "active" : "" }>Данные о некомерческой организации</a>
|
||
</Link>
|
||
</li>
|
||
<li>
|
||
<Link href={`/questionnaire/#check`} shallow>
|
||
<a style={{fontWeight: 400}} className={ this.props.router && this.props.router.asPath.indexOf("#check") > -1 ? "active" : "" }>Проверка введеных данных</a>
|
||
</Link>
|
||
</li>
|
||
<li>
|
||
<Link href={`/questionnaire/#signing`} shallow>
|
||
<a style={{fontWeight: 400}} className={ this.props.router && this.props.router.asPath.indexOf("#signing") > -1 ? "active" : "" }>Выбор метода подписания</a>
|
||
</Link>
|
||
</li>
|
||
</ul>
|
||
</aside>
|
||
)
|
||
}
|
||
}
|
||
|
||
function mapStateToProps(state, ownProps)
|
||
{
|
||
return {
|
||
};
|
||
}
|
||
|
||
export default connect(mapStateToProps)(InnerMenu); |