работы по обновлению лк

css/main/style.less

@@ -1978,6 +1978,34 @@ main {
     }
 
     aside {
+        @media all and (max-width: 1279px) {
+            position: relative;
+            z-index: 2;
+        }
+
+        .nav_toggle {
+            display: none;
+
+            @media all and (max-width: 1279px) {
+                    display: block;
+                    height: 23px;
+                    z-index: 3;
+                    background-image: url("/assets/images/icons/icon-select.svg");
+                    background-repeat: no-repeat;
+                    background-position: 100% 50%;
+                    font-size: 13px;
+                    color: var(--blue);
+                    font-weight: 700;
+                    //padding-right: 24px;
+                    padding-left: 0;
+                    cursor: pointer;
+                    text-align: left;
+                    white-space: nowrap;
+                    text-overflow: ellipsis;
+                    max-width: 285px;
+                    overflow: hidden;
+            }
+        }
         .aside_nav {
             list-style: none;
             padding: 0;
@@ -2033,27 +2061,41 @@ main {
             }
 
             @media all and (max-width: 1279px) {
-                display: flex;
+                display: block;
-                margin-left: -16px;
+                position: absolute;
-                margin-right: -16px;
+                background: #fff;
-                overflow-x: auto;
+                padding: 15px 20px;
-                padding-left: 16px;
+                top: 25px;
-                padding-right: 16px;
+                left: -10px;
+                max-width: 320px;
+                box-shadow: 0px 4px 32px rgba(0, 0, 0, 0.16);
+
+                &:not(.open) {
+                    display: none;
+                }
 
                 li {
-                    background: #EDEFF5;
+                    &:not(:last-child) {
-                    margin-bottom: 0;
+                    margin-bottom: 6px;
+                    }
 
                     a {
-                        white-space: nowrap;
+                        font-size: 15px;
-                        font-size: 13px;
-                        line-height: 20px;
-                        min-height: 40px;
                         font-weight: 400;
+                        padding: 0;
+                        min-height: unset;
 
+                        &.active {
+                            background-color: transparent;
+                            color: var(--blue);
+                        }
                     }
                 }
             }
+
+            @media all and (max-width: 768px) {
+                left: 0;
+            }
         }
 
         .button {
@@ -4987,6 +5029,19 @@ main .dropdown_blocks_list .dropdown_block .block_body {
             max-width: 660px;
         }
 
+        &.full {
+            width: 100%;
+            margin-right: 0;
+            display: flex;
+            flex-wrap: wrap;
+            justify-content: space-between;
+
+            .column_text_block {
+                width: calc(50% - 37px);
+                margin-bottom: 30px;
+            }
+        }
+
         .column_text_block {
             margin-bottom: 40px;
 

css/var.css.map

@@ -1 +1 @@
-{"version":3,"sources":["var.less"],"names":[],"mappings":"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"}
+{"version":3,"sources":["var.less"],"names":[],"mappings":"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"}

css/var.less

@@ -102,6 +102,21 @@ body {
 .aside_container {
   display: flex;
   justify-content: space-between;
+  position: relative;
+
+  @media all and (min-width: 1280px) {
+    &:before {
+      content: "";
+      display: block;
+      position: absolute;
+      width: 1px;
+      top: -135px;
+      left: 0;
+      bottom: 0;
+      z-index: -1;
+      background: var(--inactive)
+    }
+  }
 
   aside {
     width: 415px;
@@ -157,9 +172,10 @@ body {
         width: 255px;
         padding-bottom: 40px;
       }
-    
+
-      @media all and (max-width: 960px) {
+      @media all and (max-width: 1279px) {
-        padding-bottom: 30px;
+        border-right: 0;
+        padding-bottom: 20px;
       }
     }
 

pages/appeal/detail.js

@@ -0,0 +1,152 @@
+import React from "react";
+import Head from "next/head";
+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";
+
+import Header from "../components/Header";
+import Footer from "../components/Footer";
+import Company from "../components/Company";
+import InnerMenu from "../components/Appeals/InnerMenu";
+
+import {
+  getContractInfo,
+  getContractAgreement,
+  getContractRules,
+  getFile,
+} from "../../actions";
+
+class ContractPage extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      date: null,
+      car: null,
+      contract_date: null,
+      agreement: null,
+      rules: null,
+      loading: false,
+    };
+  }
+
+  static getDerivedStateFromProps(nextProps, prevState) {
+    return {
+      date: nextProps.date,
+      car: nextProps.car,
+      contract_date: nextProps.contract_date,
+      agreement: nextProps.agreement,
+      rules: nextProps.rules,
+    };
+  }
+
+  componentDidMount() {}
+
+  render() {
+    const { loading, date, car, contract_date, agreement, rules } = this.state;
+    const { number } = this.props;
+
+    console.log("rules", rules);
+
+    const types = {
+      contracts: "Договор",
+      redemptions: "Выкупные документы",
+      agreements: "Дополнительное соглашение",
+      assignments: "Договор цессии",
+    };
+
+    return (
+      <React.Fragment>
+        <Head>
+          <title>ЛК Эволюция автолизинга</title>
+          <meta name="description" content="ЛК Эволюция автолизинга" />
+        </Head>
+        <Header {...this.props} />
+        <main>
+          <section>
+            <div className="clear"></div>
+            <div className="container">
+              <div className="title_wrapper">
+                <div className="left" style={{ flexDirection: "column" }}>
+                  <h1 className="section_title">Обращение</h1>
+                </div>
+              </div>
+              <div className="aside_container about">
+                <article className="full">
+                  <div className="new_appeal">
+                    <div className="column full">
+                      <div className="column_text_block">
+                      <p>
+                          <b>Досрочное прекращение срока действия договора лизинга</b>
+                        </p>
+
+                        <p>
+                          <b>Процедура</b>
+                        </p>
+                        <p>
+                          К каждой теме свободное html поле для миниинструкции
+                          (со ссылками на <a>формы документов</a> и{" "}
+                          <a>документы</a>). Привязка к теме обращения в CRM
+                        </p>
+                      </div>
+
+                      <div className="column_text_block">
+                        <p>
+                          <b>Документы</b>
+                        </p>
+                        <div className="dosc_list medium-icon">
+                          <div className="row">
+                            <p className="doc_name i-pdf extension">
+                              №2021_1655 от 20.04.2021
+                              <span>2021_1655 от 20.04.2021</span>
+                            </p>
+                          </div>
+
+                          <div className="row">
+                            <p className="doc_name i-pdf extension">
+                              №2021_1655 от 20.04.2021
+                              <span>2021_1655 от 20.04.2021</span>
+                            </p>
+                          </div>
+                        </div>
+                      </div>
+                      <button className="button button-blue">Создать обращение</button>
+                    </div>
+                  </div>
+                </article>
+              </div>
+            </div>
+          </section>
+        </main>
+        <Footer />
+      </React.Fragment>
+    );
+  }
+}
+
+function mapStateToProps(state, ownProps) {
+  return {
+    contract_date: state.contract.date,
+    date: state.contract.date,
+    car: state.contract.car,
+    agreement: state.contract.agreement,
+    rules: state.contract.rules,
+  };
+}
+
+export const getServerSideProps = reduxWrapper.getServerSideProps(
+  (store) =>
+    async ({ req, res, query }) => {
+      return {
+        props: {
+          //number: query.number,
+          number: null,
+        },
+      };
+    }
+);
+
+export default withRouter(connect(mapStateToProps)(ContractPage));

pages/contract/components/InnerMenu/index.js

@@ -7,8 +7,17 @@ export default class InnerMenu extends React.Component
 	{
 		super(props);
 		this.menuRef = React.createRef();
+		this.state = {
+			menuOpened: false,
+		};
 	}
 
+	_handle_onToggleMenu = () => {
+		this.setState({
+		  menuOpened: !this.state.menuOpened,
+		});
+	  };
+
 	componentDidMount()
 	{
 		let l = 0;
@@ -31,13 +40,29 @@ export default class InnerMenu extends React.Component
 		this.menuRef.current.scrollLeft = l - 50;
 	}
 
+	_getActiveLink = (route) => {
+		if (route.indexOf("/payments/") > -1) return "График платежей";
+		if (route.indexOf("/change/") > -1) return "Изменить график";
+		if (route.indexOf("/services") > -1) return "Дополнительные услуги";
+		if (route.indexOf("/agreement") > -1) return "Документы по договору";
+		if (route.indexOf("/documents") > -1) return "Закрывающие документы";
+		if (route.indexOf("/materials") > -1) return "Документы по ФСБУ 25/2018";
+		if (route.indexOf("/events") > -1) return "События по договору";
+		return null;
+	  };
+
 	render()
 	{
+		const { menuOpened } = this.state;
 		const { number } = this.props;
 
 		return (
 			<aside>
-				<ul className="aside_nav" ref={ this.menuRef }>
+				<button className="nav_toggle" onClick={this._handle_onToggleMenu}>
+				{this.props.router &&
+                  this._getActiveLink(this.props.router.route)}
+				</button>
+				<ul className={menuOpened ? "aside_nav open" : "aside_nav"} ref={ this.menuRef }>
 					<li>
 						<Link href={`/contract/${ number }/payments`} shallow>
 							<a className={ this.props.router && this.props.router.asPath.indexOf("payments") > -1 ? "active" : "" }>График платежей</a>