this._handle_onCard('telematic') }>
@@ -163,6 +164,11 @@ function mapStateToProps(state, ownProps)
export const getServerSideProps = reduxWrapper.getServerSideProps(store =>
async ({ req, res, query }) =>
{
+ return {
+ props: {
+ number: query.number,
+ }
+ }
}
);
diff --git a/pages/documents/calendar.js b/pages/documents/calendar.js
new file mode 100644
index 0000000..81f8bbc
--- /dev/null
+++ b/pages/documents/calendar.js
@@ -0,0 +1,384 @@
+import React from "react";
+import Head from 'next/head';
+import Image from 'next/image';
+import moment from 'moment';
+import 'moment/locale/ru';
+import numeral from "numeral";
+import cookie from 'cookie';
+
+import { connect } from "react-redux";
+import { withRouter } from 'next/router';
+import { reduxWrapper } from '../../store';
+
+import Header from '../components/Header';
+import Footer from '../components/Footer';
+import InnerMenu from "./components/InnerMenu";
+import Company from "../components/Company";
+import CalendarCellModal from "../components/Modal/calendar";
+
+import { getCalendar } from '../../actions';
+
+class CalendarPage extends React.Component
+{
+ constructor(props)
+ {
+ super(props);
+ this.state = {
+ modalOpened: false,
+ payments: null,
+ periods: null,
+ selected_period: moment().format("YYYYMM"),
+ selected_payment: undefined,
+ };
+ }
+
+ static getDerivedStateFromProps(nextProps, prevState)
+ {
+ return {
+ company: nextProps.company,
+ payments: nextProps.payments,
+ periods: nextProps.periods,
+ };
+ }
+
+ componentDidMount()
+ {
+ const date_from = moment().startOf("month").toDate();
+ const date_to = moment().endOf("month").toDate();
+
+ getCalendar({ dispatch: this.props.dispatch, date_from, date_to }).then().catch();
+ }
+
+ toggleModal = () =>
+ {
+ this.setState({
+ modalOpened: !this.state.modalOpened
+ })
+ }
+
+ getPayments = (date) =>
+ {
+ const { payments } = this.state;
+
+ for(let i in payments)
+ {
+ if(payments[i].date === date)
+ {
+ return payments[i];
+ }
+ }
+ return undefined;
+ }
+
+ _handle_onDayClick = (day) =>
+ {
+ this.setState({ selected_payment: day.payment });
+ this.toggleModal();
+ }
+
+ _handle_onChangePeriod = (period) =>
+ {
+ this.setState({ selected_period: period }, () =>
+ {
+ const date_from = moment(period, "YYYYMM").startOf("month").toDate();
+ const date_to = moment(period, "YYYYMM").endOf("month").toDate();
+
+ getCalendar({ dispatch: this.props.dispatch, date_from, date_to }).then().catch();
+ });
+ }
+
+ render()
+ {
+ const { selected_period, selected_payment, periods, payments } = this.state;
+ if(payments === null) { return null; }
+
+ let month = moment(selected_period, "YYYYMM").format("M") - 1;
+
+ //console.log("periodsperiodsperiodsperiodsperiods");
+ //console.log(periods);
+
+ const dates = [];
+ const date_sm = moment(selected_period, 'YYYYMM').startOf("month");
+ const date_em = moment(selected_period, 'YYYYMM').endOf("month");
+
+ //console.log("date_sm", date_sm.format("YYYY-MM-DD"));
+ //console.log("date_em", date_em.format("YYYY-MM-DD"));
+ //console.log("date_sm.day()", date_sm.day());
+ //console.log("date_em.day()", date_em.day());
+
+ let date_s = null;
+ if(date_sm.day() !== 1)
+ { date_s = date_sm.subtract(date_sm.day() - 1, "days"); }
+ else
+ { date_s = date_sm; }
+
+ let date_e = null;
+ if(date_em.day() !== 0)
+ { date_e = date_em.add(7 - date_em.day(), "days"); }
+ else
+ { date_e = date_em; }
+
+ const date = moment();
+ //console.log(date_sm.format("YYYY-MM-DD"));
+ //console.log(date_sm.day());
+ //console.log("date_s", date_s.format("YYYY-MM-DD"))
+ //console.log("date_e", date_e.format("YYYY-MM-DD"))
+
+ let d = date_s;
+ let payment = this.getPayments(date_s.format("YYYY-MM-DD"));
+ dates.push({
+ date: date_s.clone(),
+ payment: payment,
+ });
+
+ while(d.add(1, 'days').diff(date_e) < 0)
+ {
+ //console.log(d.toDate());
+ let payment = this.getPayments(d.format("YYYY-MM-DD"));
+ dates.push({
+ date: d.clone(),
+ payment: payment,
+ });
+ }
+
+ const dow = date.day();
+ //console.log(dow);
+ //console.log("date.month())", date.month());
+
+ const weeks = dates.reduce(function(result, value, index, array) {
+ if (index % 7 === 0)
+ result.push(array.slice(index, index +7));
+ return result;
+ }, []);
+
+ return (
+
+
+ ЛК Эволюция автолизинга
+
+
+
+
+
+
+
+
+
+
Календарь оплат
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Пн
+
Вт
+
Ср
+
Чт
+
Пт
+
Сб
+
Вс
+
+
+ { weeks.map((week, index) =>
+ {
+ return (
+
+ { week.map((day, index) => {
+ return (
+
+
+
{ day.date.format("DD") } { day.date.format("MMM").toLocaleLowerCase() } { day.date.format("Y").toLocaleLowerCase() }
+
+
{ day.payment && (
+
this._handle_onDayClick(day) }>
+ Общий платеж
+ { numeral(day.payment.total).format('') } р.
+
+ )}
+
+
+ )
+ }) }
+
+ )
+ }) }
+ {/*}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Общий платеж
+ 239 400,00 р.
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {*/}
+
+
+
+
+
+
+
+
+
+ )
+ }
+}
+
+function mapStateToProps(state, ownProps)
+{
+ return {
+ }
+}
+
+export const getServerSideProps = reduxWrapper.getServerSideProps(store =>
+ async ({ req, res, query }) =>
+ {
+ let props = {};
+
+ if(req.headers.cookie !== undefined)
+ {
+ const cookies = cookie.parse(req.headers?.cookie ? req.headers?.cookie : "");
+
+ if(cookies.jwt === undefined || cookies.jwt === null)
+ {
+ res.statusCode = 302;
+ res.setHeader('Location', `/login`);
+ }
+ else
+ {
+ //const tokenValid = await checkToken(cookies.jwt);
+ const tokenValid = true;
+ if(!tokenValid)
+ {
+ res.statusCode = 302;
+ res.setHeader('Location', `/login`);
+ }
+ }
+ }
+ else
+ {
+ res.statusCode = 302;
+ res.setHeader('Location', `/login`);
+ }
+
+ return { props: props };
+ }
+);
+
+export default withRouter(connect(mapStateToProps)(IndexPage));
\ No newline at end of file
diff --git a/pages/transaction.js b/pages/transaction.js
index 2202aca..68c26f8 100644
--- a/pages/transaction.js
+++ b/pages/transaction.js
@@ -19,13 +19,13 @@ export default function TransactionPage()
-
-
-
-
-
Договор №1234/2021 от 10.01.2021
+
+
+
+
+
Договор №1234/2021 от 10.01.2021
-
+
ООО “Друзья и КО”
ИНН: 12345678765 КПП: 13432-02
@@ -34,9 +34,9 @@ export default function TransactionPage()
-
@@ -83,7 +84,7 @@ class ContractServicesPage extends React.Component
@@ -107,7 +108,7 @@ class ContractServicesPage extends React.Component
@@ -120,7 +121,7 @@ class ContractServicesPage extends React.Component