updates from tasks 07.12-16.12.21: avans, file extensions
This commit is contained in:
merelendor
parent
880ee05187
commit
57681ba377
@ -66,40 +66,6 @@ export const sendLoginFormEmail = ({ email, password, dispatch }) =>
|
||||
|
||||
reject();
|
||||
});
|
||||
|
||||
/*
|
||||
if(fields.username === "test@test.com" && fields.password === "test")
|
||||
{
|
||||
const cookies = new Cookies();
|
||||
cookies.set('jwt', 1, new Date(moment().add(1, 'day').toDate()));
|
||||
}
|
||||
Router.push('/');
|
||||
*/
|
||||
|
||||
/*
|
||||
axios.post(`${ process.env.NEXT_PUBLIC_API_HOST }/api/forms/terms/`, fields)
|
||||
.then((response) =>
|
||||
{
|
||||
console.log("sendTermsForm RESPONSE");
|
||||
console.log(response.data);
|
||||
|
||||
if(response.data.status)
|
||||
{
|
||||
resolve();
|
||||
}
|
||||
else
|
||||
{
|
||||
reject();
|
||||
}
|
||||
})
|
||||
.catch((error) =>
|
||||
{
|
||||
console.log("error");
|
||||
console.error(error);
|
||||
|
||||
reject();
|
||||
});
|
||||
*/
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
@ -39,7 +39,7 @@ export const getContract = ({ dispatch, number, }) =>
|
||||
console.log("response.data");
|
||||
console.log(response.data);
|
||||
|
||||
dispatch({ type: actionTypes.CONTRACT_PAYMENTS, data: { payments: response.data } });
|
||||
dispatch({ type: actionTypes.CONTRACT_PAYMENTS, data: { payments: response.data.payments, avans: response.data.avans } });
|
||||
|
||||
resolve();
|
||||
})
|
||||
|
||||
File diff suppressed because one or more lines are too long
@ -1 +1 @@
|
||||
{"version":3,"sources":["style.less"],"names":[],"mappings":"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"}
|
||||
{"version":3,"sources":["style.less"],"names":[],"mappings":"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"}
|
||||
@ -75,7 +75,8 @@ button,
|
||||
font-size: 15px;
|
||||
line-height: 20px;
|
||||
|
||||
@media all and (max-width: 1280px) {
|
||||
|
||||
@media all and (max-width: 1600px) {
|
||||
font-size: 13px;
|
||||
}
|
||||
}
|
||||
@ -346,6 +347,14 @@ input[type="radio"] {
|
||||
|
||||
}
|
||||
|
||||
@media all and (max-width: 1600px) and (min-width: 1280px) {
|
||||
font-size: 14px;
|
||||
|
||||
&::placeholder {
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-width: 960px) {
|
||||
font-size: 13px;
|
||||
}
|
||||
@ -390,7 +399,7 @@ input[type="radio"] {
|
||||
&:not(:last-child) {
|
||||
margin-right: 22px;
|
||||
|
||||
@media all and (max-width: 1280px) {
|
||||
@media all and (max-width: 1279px) {
|
||||
margin-right: 6px;
|
||||
}
|
||||
}
|
||||
@ -434,6 +443,10 @@ input[type="radio"] {
|
||||
.pagination {
|
||||
margin-top: 40px;
|
||||
|
||||
@media all and (max-width: 1600px) and (min-width: 1280px) {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
ul {
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
@ -444,6 +457,11 @@ input[type="radio"] {
|
||||
line-height: 35px;
|
||||
color: var(--blue);
|
||||
|
||||
@media all and (max-width: 1600px) and (min-width: 1280px) {
|
||||
font-size: 20px;
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
a {
|
||||
display: block;
|
||||
padding: 0 5px;
|
||||
@ -451,7 +469,7 @@ input[type="radio"] {
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-width: 1280px) {
|
||||
@media all and (max-width: 1279px) {
|
||||
ul {
|
||||
justify-content: center;
|
||||
|
||||
|
||||
@ -1,118 +1 @@
|
||||
footer {
|
||||
background: #EDEFF5;
|
||||
padding: 45px 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
@media all and (max-width: 768px) {
|
||||
footer {
|
||||
margin-top: 40px;
|
||||
pading: 25px 0;
|
||||
}
|
||||
}
|
||||
footer .container {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: flex-start;
|
||||
background: transparent;
|
||||
}
|
||||
@media all and (max-width: 1280px) {
|
||||
footer .container {
|
||||
padding: 0;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
}
|
||||
footer .column {
|
||||
width: 270px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
@media all and (max-width: 1280px) {
|
||||
footer .column {
|
||||
width: 33.333%;
|
||||
}
|
||||
footer .column:last-child {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
footer .column:last-child > div,
|
||||
footer .column:last-child > p {
|
||||
width: 33.333%;
|
||||
margin-top: 35px;
|
||||
padding-right: 30px;
|
||||
box-sizing: border-box;
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
}
|
||||
@media all and (max-width: 768px) {
|
||||
footer .column {
|
||||
width: 100%;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
footer .column:last-child > div,
|
||||
footer .column:last-child > p {
|
||||
width: 100%;
|
||||
margin-top: 15px;
|
||||
padding-right: 0;
|
||||
}
|
||||
}
|
||||
footer .column:not(:last-child) {
|
||||
padding-right: 15px;
|
||||
}
|
||||
footer .column li:not(:last-child) {
|
||||
margin-bottom: 13px;
|
||||
}
|
||||
@media all and (max-width: 768px) {
|
||||
footer .column li:not(:last-child) {
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
}
|
||||
footer .column li a {
|
||||
color: #000;
|
||||
}
|
||||
footer .column p {
|
||||
color: #8E94A7;
|
||||
line-height: 32px;
|
||||
}
|
||||
footer .column a[href^="tel"] {
|
||||
display: inline-block;
|
||||
font-size: 16px;
|
||||
line-height: 32px;
|
||||
color: #000;
|
||||
padding-left: 40px;
|
||||
background: url("/assets/images/icons/icon-phone.svg") no-repeat left center;
|
||||
}
|
||||
@media all and (max-width: 1280px) {
|
||||
footer .column a[href^="tel"] {
|
||||
font-size: 13px;
|
||||
background-size: 24px;
|
||||
padding-left: 37px;
|
||||
}
|
||||
}
|
||||
footer .column a[href^="mailto"] {
|
||||
display: inline-block;
|
||||
font-size: 16px;
|
||||
line-height: 24px;
|
||||
color: #000;
|
||||
padding-left: 40px;
|
||||
background: url("/assets/images/icons/icon-mail.svg") no-repeat left center;
|
||||
}
|
||||
@media all and (max-width: 1280px) {
|
||||
footer .column a[href^="mailto"] {
|
||||
font-size: 13px;
|
||||
background-size: 24px;
|
||||
padding-left: 37px;
|
||||
}
|
||||
}
|
||||
footer .column div:nth-child(1),
|
||||
footer .column div:nth-child(2),
|
||||
footer .column div.socials {
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
footer .column div a {
|
||||
line-height: 32px;
|
||||
}
|
||||
@media all and (max-width: 1280px) {
|
||||
footer .column div a {
|
||||
line-height: 1.45;
|
||||
}
|
||||
}
|
||||
footer{background:#EDEFF5;padding:45px 0;box-sizing:border-box}@media all and (max-width:1600px) and (min-width:1280px){footer{padding:0}}@media all and (max-width:768px){footer{margin-top:40px;pading:25px 0}}footer .container{display:flex;justify-content:space-between;align-items:flex-start;background:transparent}@media all and (max-width:1279px){footer .container{padding:0;flex-wrap:wrap}}footer .column{width:270px;box-sizing:border-box}@media all and (max-width:1279px){footer .column{width:33.333%}footer .column:last-child{width:100%;display:flex;flex-wrap:wrap}footer .column:last-child>div,footer .column:last-child>p{width:33.333%;margin-top:35px;padding-right:30px;box-sizing:border-box;margin-bottom:0 !important}}@media all and (max-width:768px){footer .column{width:100%;margin-bottom:16px}footer .column:last-child>div,footer .column:last-child>p{width:100%;margin-top:15px;padding-right:0}}footer .column:not(:last-child){padding-right:15px}footer .column li:not(:last-child){margin-bottom:13px}@media all and (max-width:768px){footer .column li:not(:last-child){margin-bottom:8px}}footer .column li a{color:#000}footer .column p{color:#8E94A7;line-height:32px}footer .column a[href^="tel"]{display:inline-block;font-size:16px;line-height:32px;color:#000;padding-left:40px;background:url("/assets/images/icons/icon-phone.svg") no-repeat left center}@media all and (max-width:1600px){footer .column a[href^="tel"]{font-size:13px;background-size:24px;padding-left:37px}}footer .column a[href^="mailto"]{display:inline-block;font-size:16px;line-height:24px;color:#000;padding-left:40px;background:url("/assets/images/icons/icon-mail.svg") no-repeat left center}@media all and (max-width:1600px){footer .column a[href^="mailto"]{font-size:13px;background-size:24px;padding-left:37px}}footer .column div:nth-child(1),footer .column div:nth-child(2),footer .column div.socials{margin-bottom:40px}@media all and (max-width:1600px) and (min-width:1280px){footer .column div:nth-child(1),footer .column div:nth-child(2),footer .column div.socials{margin-bottom:20px}}footer .column div a{line-height:32px}@media all and (max-width:1279px){footer .column div a{line-height:1.45}}/*# sourceMappingURL=./style.css.map */
|
||||
@ -1 +1 @@
|
||||
{"version":3,"sources":["style.less"],"names":[],"mappings":"AAAA,OACI,kBAAA,CACA,cAAA,CACA,sBAEA,gBAAkC,iBAAlC,OACI,eAAA,CACA,eAPR,MAUI,YACI,YAAA,CACA,6BAAA,CACA,sBAAA,CACA,uBAEA,gBAAmC,kBAAnC,MANJ,YAOQ,SAAA,CACA,gBAlBZ,MAsBI,SACI,WAAA,CACA,sBAEA,gBAAmC,kBAAnC,MAJJ,SAKQ,cAEA,MAPR,QAOS,YACG,UAAA,CACA,YAAA,CACA,eAHJ,MAPR,QAOS,WAKG,KALJ,MAPR,QAOS,WAKU,GACH,aAAA,CACA,eAAA,CACA,kBAAA,CACA,qBAAA,CACA,4BAKZ,gBAAkC,iBAAlC,MAtBJ,SAuBQ,UAAA,CACA,mBAEA,MA1BR,QA0BS,WACG,KADJ,MA1BR,QA0BS,WACU,GACH,UAAA,CACA,eAAA,CACA,iBAKZ,MAnCJ,QAmCK,IAAI,cACD,mBAII,MAxCZ,QAuCQ,GACK,IAAI,cACD,mBAEA,gBAAkC,iBAAlC,MA3ChB,QAuCQ,GACK,IAAI,cAIG,mBAlExB,MAsBI,QAuCQ,GASI,GACI,WAvEpB,MAsBI,QAsDQ,GACI,aAAA,CACA,iBAIA,MA5DZ,QA2DQ,EACK,cACG,oBAAA,CACA,cAAA,CACA,gBAAA,CACA,UAAA,CACA,iBAAA,CACA,eAAgB,6DAEhB,gBAAmC,kBAAnC,MApEhB,QA2DQ,EACK,cASO,cAAA,CACA,oBAAA,CACA,mBAIR,MA3EZ,QA2DQ,EAgBK,iBACG,oBAAA,CACA,cAAA,CACA,gBAAA,CACA,UAAA,CACA,iBAAA,CACA,eAAgB,4DAEhB,gBAAmC,kBAAnC,MAnFhB,QA2DQ,EAgBK,iBASO,cAAA,CACA,oBAAA,CACA,mBAMR,MA5FZ,QA2FQ,IACK,UAAU,IACX,MA7FZ,QA2FQ,IAEK,UAAU,IACX,MA9FZ,QA2FQ,IAGK,SAAU,mBApH3B,MAsBI,QA2FQ,IAKI,GACI,iBAEA,gBAAmC,kBAAnC,MAnGhB,QA2FQ,IAKI,GAIQ"}
|
||||
{"version":3,"sources":["style.less"],"names":[],"mappings":"AAAA,OACI,kBAAA,CACA,cAAA,CACA,sBAEA,gBAAmC,uBAAwB,kBAA3D,OACI,WAGJ,gBAAkC,iBAAlC,OACI,eAAA,CACA,eAXR,MAcI,YACI,YAAA,CACA,6BAAA,CACA,sBAAA,CACA,uBAEA,gBAAmC,kBAAnC,MANJ,YAOQ,SAAA,CACA,gBAtBZ,MA0BI,SACI,WAAA,CACA,sBAEA,gBAAmC,kBAAnC,MAJJ,SAKQ,cAEA,MAPR,QAOS,YACG,UAAA,CACA,YAAA,CACA,eAHJ,MAPR,QAOS,WAKG,KALJ,MAPR,QAOS,WAKU,GACH,aAAA,CACA,eAAA,CACA,kBAAA,CACA,qBAAA,CACA,4BAKZ,gBAAkC,iBAAlC,MAtBJ,SAuBQ,UAAA,CACA,mBAEA,MA1BR,QA0BS,WACG,KADJ,MA1BR,QA0BS,WACU,GACH,UAAA,CACA,eAAA,CACA,iBAKZ,MAnCJ,QAmCK,IAAI,cACD,mBAII,MAxCZ,QAuCQ,GACK,IAAI,cACD,mBAEA,gBAAkC,iBAAlC,MA3ChB,QAuCQ,GACK,IAAI,cAIG,mBAtExB,MA0BI,QAuCQ,GASI,GACI,WA3EpB,MA0BI,QAsDQ,GACI,aAAA,CACA,iBAIA,MA5DZ,QA2DQ,EACK,cACG,oBAAA,CACA,cAAA,CACA,gBAAA,CACA,UAAA,CACA,iBAAA,CACA,eAAgB,6DAEhB,gBAAmC,kBAAnC,MApEhB,QA2DQ,EACK,cASO,cAAA,CACA,oBAAA,CACA,mBAIR,MA3EZ,QA2DQ,EAgBK,iBACG,oBAAA,CACA,cAAA,CACA,gBAAA,CACA,UAAA,CACA,iBAAA,CACA,eAAgB,4DAIhB,gBAAmC,kBAAnC,MArFhB,QA2DQ,EAgBK,iBAWO,cAAA,CACA,oBAAA,CACA,mBAMR,MA9FZ,QA6FQ,IACK,UAAU,IACX,MA/FZ,QA6FQ,IAEK,UAAU,IACX,MAhGZ,QA6FQ,IAGK,SACG,mBAEA,gBAAmC,uBAAwB,kBAA3D,MAnGhB,QA6FQ,IACK,UAAU,IAKP,MAnGhB,QA6FQ,IAEK,UAAU,IAIP,MAnGhB,QA6FQ,IAGK,SAIO,oBA9HxB,MA0BI,QA6FQ,IAWI,GACI,iBAEA,gBAAmC,kBAAnC,MA3GhB,QA6FQ,IAWI,GAIQ"}
|
||||
@ -3,6 +3,10 @@ footer {
|
||||
padding: 45px 0;
|
||||
box-sizing: border-box;
|
||||
|
||||
@media all and (max-width: 1600px) and (min-width: 1280px) {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
@media all and (max-width: 768px) {
|
||||
margin-top: 40px;
|
||||
pading: 25px 0;
|
||||
@ -14,7 +18,7 @@ footer {
|
||||
align-items: flex-start;
|
||||
background: transparent;
|
||||
|
||||
@media all and (max-width: 1280px) {
|
||||
@media all and (max-width: 1279px) {
|
||||
padding: 0;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
@ -24,7 +28,7 @@ footer {
|
||||
width: 270px;
|
||||
box-sizing: border-box;
|
||||
|
||||
@media all and (max-width: 1280px) {
|
||||
@media all and (max-width: 1279px) {
|
||||
width: 33.333%;
|
||||
|
||||
&:last-child {
|
||||
@ -88,7 +92,7 @@ footer {
|
||||
padding-left: 40px;
|
||||
background: url("/assets/images/icons/icon-phone.svg") no-repeat left center;
|
||||
|
||||
@media all and (max-width: 1280px) {
|
||||
@media all and (max-width: 1600px) {
|
||||
font-size: 13px;
|
||||
background-size: 24px;
|
||||
padding-left: 37px;
|
||||
@ -103,7 +107,9 @@ footer {
|
||||
padding-left: 40px;
|
||||
background: url("/assets/images/icons/icon-mail.svg") no-repeat left center;
|
||||
|
||||
@media all and (max-width: 1280px) {
|
||||
|
||||
|
||||
@media all and (max-width: 1600px) {
|
||||
font-size: 13px;
|
||||
background-size: 24px;
|
||||
padding-left: 37px;
|
||||
@ -114,12 +120,18 @@ footer {
|
||||
div {
|
||||
&:nth-child(1),
|
||||
&:nth-child(2),
|
||||
&.socials {margin-bottom: 40px;}
|
||||
&.socials {
|
||||
margin-bottom: 40px;
|
||||
|
||||
@media all and (max-width: 1600px) and (min-width: 1280px) {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
line-height: 32px;
|
||||
|
||||
@media all and (max-width: 1280px) {
|
||||
@media all and (max-width: 1279px) {
|
||||
line-height: 1.45;
|
||||
}
|
||||
}
|
||||
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -467,6 +467,10 @@
|
||||
.contract_search {
|
||||
margin-bottom: 55px;
|
||||
|
||||
@media all and (max-width: 1600px) and (min-width: 1280px) {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
form {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
@ -1 +1 @@
|
||||
header{background:#fff;position:fixed;z-index:99;left:0;right:0;height:112px;font-size:16px;line-height:24px;box-shadow:8px 8px 16px 4px rgba(133,139,146,0.06)}header .container{height:inherit;display:flex;align-items:center;justify-content:space-between;padding:0;background:#fff}header .container:after{display:none}header a{text-decoration:none;color:#000}header a.logo{transform:translateY(4px)}header .header_menu{margin:0 32px;padding:0 32px;border-left:1px solid #e7e9f0;border-right:1px solid #e7e9f0;display:flex;align-items:center;justify-content:space-between;height:32px;width:100%}header .header_menu:last-child{border-right:0;padding-right:0;margin-right:0}header .header_menu nav .nav_toggle{display:none}header .header_menu nav ul{display:flex}header .header_menu nav ul li:not(:last-child){margin-right:24px}header .header_menu nav ul li:last-child{margin-right:63px}header .header_menu nav ul li a.active{color:var(--blue);font-weight:700}header .header_menu nav ul li.active a{color:var(--blue);font-weight:700}header .lk{display:block;text-decoration:none;min-width:32px;width:32px;height:32px;background:url("/assets/images/icons/icon-lk.svg") no-repeat center}@media all and (max-width:1420px){header{font-size:15px;line-height:24px}header a.logo img{width:180px;height:26px;object-fit:contain}header .header_menu{padding:0 16px;margin:0 16px}header .header_menu nav ul li:not(:last-child){margin-right:15px}header .header_menu nav ul li:last-child{margin-right:30px}}@media all and (max-width:1279px){header{font-size:15px;line-height:24px;height:86px}header a.logo img{width:130px;height:20px}header .header_menu{padding:0 16px 0 32px;margin:0 16px 0 32px}header .header_menu nav{height:23px;position:relative}header .header_menu nav .nav_toggle{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:15px;color:var(--blue);font-weight:700;padding-left:0;cursor:pointer;text-align:left;white-space:nowrap;text-overflow:ellipsis;max-width:285px;overflow:hidden}header .header_menu nav ul{display:block;position:absolute;background:#fff;padding:15px 20px;top:25px;left:-20px;width:320px}header .header_menu nav ul:not(.open){display:none}header .header_menu nav ul li:not(:last-child){margin-bottom:6px}header .header_menu nav ul li a{font-size:15px}header .header_menu a[href^="tel:"]{width:32px;height:32px;background:url("/assets/images/icons/icon-header-phone.svg") no-repeat center;text-indent:-9999px;overflow:hidden;margin-left:auto}}@media all and (max-width:768px){header{height:84px}header .container{padding-bottom:35px}header .header_menu{border-left:0;padding-left:0;margin-left:0;height:24px}header .header_menu nav{position:absolute;left:0;bottom:9px}header .header_menu a[href^="tel:"]{width:24px;height:24px;background-size:contain}header .lk{width:24px;height:24px;min-width:24px;background-size:contain}}/*# sourceMappingURL=./style.css.map */
|
||||
header{background:#fff;position:fixed;z-index:99;left:0;right:0;height:112px;font-size:16px;line-height:24px;box-shadow:8px 8px 16px 4px rgba(133,139,146,0.06)}@media all and (max-width:1600px) and (min-width:1280px){header{height:82px;font-size:14px;line-height:18px}}header .container{height:inherit;display:flex;align-items:center;justify-content:space-between;padding:0;background:#fff}header .container:after{display:none}header a{text-decoration:none;color:#000}header a.logo{transform:translateY(4px)}header .header_menu{margin:0 24px;padding:0 24px;border-left:1px solid #e7e9f0;border-right:1px solid #e7e9f0;display:flex;align-items:center;justify-content:space-between;height:32px;width:100%}header .header_menu:last-child{border-right:0;padding-right:0;margin-right:0}header .header_menu nav .nav_toggle{display:none}header .header_menu nav ul{display:flex}header .header_menu nav ul li:not(:last-child){margin-right:24px}header .header_menu nav ul li:last-child{margin-right:63px}header .header_menu nav ul li a.active{color:var(--blue);font-weight:700}header .header_menu nav ul li.active a{color:var(--blue);font-weight:700}header .lk{display:block;text-decoration:none;min-width:32px;width:32px;height:32px;background:url("/assets/images/icons/logout.svg") no-repeat center}@media all and (max-width:1420px){header a.logo img{width:180px;height:26px;object-fit:contain}header .header_menu{padding:0 16px;margin:0 16px}header .header_menu nav ul li:not(:last-child){margin-right:15px}header .header_menu nav ul li:last-child{margin-right:30px}}@media all and (max-width:1279px){header{font-size:15px;line-height:24px;height:86px}header a.logo img{width:130px;height:20px}header .header_menu{padding:0 16px 0 32px;margin:0 16px 0 32px}header .header_menu nav{height:23px;position:relative}header .header_menu nav .nav_toggle{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:15px;color:var(--blue);font-weight:700;padding-left:0;cursor:pointer;text-align:left;white-space:nowrap;text-overflow:ellipsis;max-width:285px;overflow:hidden}header .header_menu nav ul{display:block;position:absolute;background:#fff;padding:15px 20px;top:25px;left:-20px;width:320px}header .header_menu nav ul:not(.open){display:none}header .header_menu nav ul li:not(:last-child){margin-bottom:6px}header .header_menu nav ul li a{font-size:15px}header .header_menu a[href^="tel:"]{width:32px;height:32px;background:url("/assets/images/icons/icon-header-phone.svg") no-repeat center;text-indent:-9999px;overflow:hidden;margin-left:auto}}@media all and (max-width:768px){header{height:84px}header .container{padding-bottom:35px}header .header_menu{border-left:0;padding-left:0;margin-left:0;height:24px}header .header_menu nav{position:absolute;left:0;bottom:9px}header .header_menu a[href^="tel:"]{width:24px;height:24px;background-size:contain}header .lk{width:24px;height:24px;min-width:24px;background-size:contain}}/*# sourceMappingURL=./style.css.map */
|
||||
@ -1 +1 @@
|
||||
{"version":3,"sources":["style.less"],"names":[],"mappings":"AAAA,OACE,eAAA,CACA,cAAA,CACA,UAAA,CACA,MAAA,CACA,OAAA,CAEA,YAAA,CACA,cAAA,CACA,gBAAA,CACA,mDAVF,MAYE,YACE,cAAA,CACA,YAAA,CACA,kBAAA,CACA,6BAAA,CACA,SAAA,CACA,gBAEA,MARF,WAQG,OACC,aArBN,MAyBE,GACE,oBAAA,CACA,WAEA,MAJF,EAIG,MACC,UAAW,gBA9BjB,MAkCE,cACE,aAAA,CACA,cAAA,CACA,6BAAA,CACA,8BAAA,CACA,YAAA,CACA,kBAAA,CACA,6BAAA,CACA,WAAA,CACA,WAEA,MAXF,aAWG,YACC,cAAA,CACA,eAAA,CACA,eAhDN,MAkCE,aAiBE,IACE,aACE,aArDR,MAkCE,aAiBE,IAKE,IACE,aAGE,MA1BR,aAiBE,IAKE,GAGE,GACG,IAAI,cACH,kBAGF,MA9BR,aAiBE,IAKE,GAGE,GAKG,YACC,kBAjEZ,MAkCE,aAiBE,IAKE,GAGE,GASE,EAAC,QACC,MAAO,WAAP,CACA,gBAGF,MAvCR,aAiBE,IAKE,GAGE,GAcG,OACC,GACE,MAAO,WAAP,CACA,gBA5Ed,MAoFE,KACE,aAAA,CACA,oBAAA,CACA,cAAA,CACA,UAAA,CACA,WAAA,CACA,eAAgB,qDAGlB,gBAAmC,kBAAnC,OACE,cAAA,CACA,iBAGI,MADJ,EACK,KACG,KACI,WAAA,CACA,WAAA,CACA,mBATd,MAcE,cACI,cAAA,CACA,cAKE,MAPN,aAIE,IAEE,GAAG,GACA,IAAI,cACH,kBAGF,MAXN,aAIE,IAEE,GAAG,GAKA,YACC,mBAOV,gBAAmC,kBAAnC,OACE,cAAA,CACA,gBAAA,CACA,YAGI,MADJ,EACK,KACG,KACI,WAAA,CACA,YATd,MAcE,cACI,qBAAA,CACA,qBAhBN,MAcE,aAME,KACE,WAAA,CACA,kBAtBN,MAcE,aAME,IAKE,aACE,aAAA,CACA,WAAA,CACA,SAAA,CACA,qBAAsB,uCAAtB,CACA,2BAAA,CACA,4BAAA,CACA,cAAA,CACA,MAAO,WAAP,CACA,eAAA,CAEA,cAAA,CACA,cAAA,CACA,eAAA,CACA,kBAAA,CACA,sBAAA,CACA,eAAA,CACA,gBA1CR,MAcE,aAME,IAyBI,IACE,aAAA,CACA,iBAAA,CACA,eAAA,CACA,iBAAA,CACA,QAAA,CACA,UAAA,CACA,YAEA,MAxCR,aAME,IAyBI,GASG,IAAI,QACH,aAIA,MA7CV,aAME,IAyBI,GAaE,GACG,IAAI,cACH,kBA5Dd,MAcE,aAME,IAyBI,GAaE,GAKE,GACE,eAhEd,MAcE,aAwDE,EAAC,eACE,UAAA,CACA,WAAA,CACA,eAAgB,8DAAhB,CACA,mBAAA,CACA,eAAA,CACA,kBAKP,gBAAkC,iBAAlC,OACE,YADF,MAGE,YACE,oBAJJ,MAOE,cACE,aAAA,CACA,cAAA,CACA,aAAA,CACA,YAXJ,MAOE,aAME,KACE,iBAAA,CACA,MAAA,CACA,WAhBN,MAOE,aAYE,EAAC,eACC,UAAA,CACA,WAAA,CACA,wBAtBN,MA0BE,KACE,UAAA,CACA,WAAA,CACA,cAAA,CACA"}
|
||||
{"version":3,"sources":["style.less"],"names":[],"mappings":"AAAA,OACE,eAAA,CACA,cAAA,CACA,UAAA,CACA,MAAA,CACA,OAAA,CAEA,YAAA,CACA,cAAA,CACA,gBAAA,CACA,mDAEA,gBAAmC,uBAAwB,kBAA3D,OACE,WAAA,CACA,cAAA,CACA,kBAfJ,MAkBE,YACE,cAAA,CACA,YAAA,CACA,kBAAA,CACA,6BAAA,CACA,SAAA,CACA,gBAEA,MARF,WAQG,OACC,aA3BN,MA+BE,GACE,oBAAA,CACA,WAEA,MAJF,EAIG,MACC,UAAW,gBApCjB,MAwCE,cACE,aAAA,CACA,cAAA,CACA,6BAAA,CACA,8BAAA,CACA,YAAA,CACA,kBAAA,CACA,6BAAA,CACA,WAAA,CACA,WAEA,MAXF,aAWG,YACC,cAAA,CACA,eAAA,CACA,eAtDN,MAwCE,aAiBE,IACE,aACE,aA3DR,MAwCE,aAiBE,IAKE,IACE,aAGE,MA1BR,aAiBE,IAKE,GAGE,GACG,IAAI,cACH,kBAGF,MA9BR,aAiBE,IAKE,GAGE,GAKG,YACC,kBAvEZ,MAwCE,aAiBE,IAKE,GAGE,GASE,EAAC,QACC,MAAO,WAAP,CACA,gBAGF,MAvCR,aAiBE,IAKE,GAGE,GAcG,OACC,GACE,MAAO,WAAP,CACA,gBAlFd,MA0FE,KACE,aAAA,CACA,oBAAA,CACA,cAAA,CACA,UAAA,CACA,WAAA,CACA,eAAgB,oDAGlB,gBAAmC,kBAI7B,MADJ,EACK,KACG,KACI,WAAA,CACA,WAAA,CACA,mBARd,MAaE,cACI,cAAA,CACA,cAKE,MAPN,aAIE,IAEE,GAAG,GACA,IAAI,cACH,kBAGF,MAXN,aAIE,IAEE,GAAG,GAKA,YACC,mBAOV,gBAAmC,kBAAnC,OACE,cAAA,CACA,gBAAA,CACA,YAGI,MADJ,EACK,KACG,KACI,WAAA,CACA,YATd,MAcE,cACI,qBAAA,CACA,qBAhBN,MAcE,aAME,KACE,WAAA,CACA,kBAtBN,MAcE,aAME,IAKE,aACE,aAAA,CACA,WAAA,CACA,SAAA,CACA,qBAAsB,uCAAtB,CACA,2BAAA,CACA,4BAAA,CACA,cAAA,CACA,MAAO,WAAP,CACA,eAAA,CAEA,cAAA,CACA,cAAA,CACA,eAAA,CACA,kBAAA,CACA,sBAAA,CACA,eAAA,CACA,gBA1CR,MAcE,aAME,IAyBI,IACE,aAAA,CACA,iBAAA,CACA,eAAA,CACA,iBAAA,CACA,QAAA,CACA,UAAA,CACA,YAEA,MAxCR,aAME,IAyBI,GASG,IAAI,QACH,aAIA,MA7CV,aAME,IAyBI,GAaE,GACG,IAAI,cACH,kBA5Dd,MAcE,aAME,IAyBI,GAaE,GAKE,GACE,eAhEd,MAcE,aAwDE,EAAC,eACE,UAAA,CACA,WAAA,CACA,eAAgB,8DAAhB,CACA,mBAAA,CACA,eAAA,CACA,kBAKP,gBAAkC,iBAAlC,OACE,YADF,MAGE,YACE,oBAJJ,MAOE,cACE,aAAA,CACA,cAAA,CACA,aAAA,CACA,YAXJ,MAOE,aAME,KACE,iBAAA,CACA,MAAA,CACA,WAhBN,MAOE,aAYE,EAAC,eACC,UAAA,CACA,WAAA,CACA,wBAtBN,MA0BE,KACE,UAAA,CACA,WAAA,CACA,cAAA,CACA"}
|
||||
@ -10,6 +10,12 @@ header {
|
||||
line-height: 24px;
|
||||
box-shadow: 8px 8px 16px 4px rgba(133, 139, 146, 0.06);
|
||||
|
||||
@media all and (max-width: 1600px) and (min-width: 1280px) {
|
||||
height: 82px;
|
||||
font-size: 14px;
|
||||
line-height: 18px;
|
||||
}
|
||||
|
||||
.container {
|
||||
height: inherit;
|
||||
display: flex;
|
||||
@ -33,8 +39,8 @@ header {
|
||||
}
|
||||
|
||||
.header_menu {
|
||||
margin: 0 32px;
|
||||
padding: 0 32px;
|
||||
margin: 0 24px;
|
||||
padding: 0 24px;
|
||||
border-left: 1px solid #e7e9f0;
|
||||
border-right: 1px solid #e7e9f0;
|
||||
display: flex;
|
||||
@ -88,12 +94,11 @@ header {
|
||||
min-width: 32px;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
background: url("/assets/images/icons/icon-lk.svg") no-repeat center;
|
||||
background: url("/assets/images/icons/logout.svg") no-repeat center;
|
||||
}
|
||||
|
||||
@media all and (max-width: 1420px) {
|
||||
font-size: 15px;
|
||||
line-height: 24px;
|
||||
|
||||
|
||||
a {
|
||||
&.logo {
|
||||
|
||||
2923
css/main/style.css
2923
css/main/style.css
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1,7 +1,11 @@
|
||||
main {
|
||||
padding-top: 112px;
|
||||
|
||||
@media all and (max-width: 1280px) {
|
||||
@media all and (max-width: 1600px) and (min-width: 1280px) {
|
||||
padding-top: 82px;
|
||||
}
|
||||
|
||||
@media all and (max-width: 1279px) {
|
||||
padding-top: 86px;
|
||||
}
|
||||
|
||||
@ -19,7 +23,11 @@ main {
|
||||
justify-content: space-between;
|
||||
margin-bottom: 50px;
|
||||
|
||||
@media all and (max-width: 1280px) {
|
||||
@media all and (max-width: 1600px) and (min-width: 1280px) {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
@media all and (max-width: 1279px) {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
@ -50,7 +58,7 @@ main {
|
||||
align-self: flex-end;
|
||||
line-height: 24px;
|
||||
|
||||
@media all and (max-width: 1280px) {
|
||||
@media all and (max-width: 1279px) {
|
||||
font-size: 13px;
|
||||
margin-left: 12px;
|
||||
line-height: 30px;
|
||||
@ -326,7 +334,7 @@ main {
|
||||
padding: 50px 25px;
|
||||
}
|
||||
|
||||
@media all and (max-width: 1280px) {
|
||||
@media all and (max-width: 1279px) {
|
||||
background: #EDEFF5;
|
||||
}
|
||||
|
||||
@ -350,7 +358,7 @@ main {
|
||||
width: calc(100% - 410px);
|
||||
}
|
||||
|
||||
@media all and (max-width: 1280px) {
|
||||
@media all and (max-width: 1279px) {
|
||||
width: calc(50% - 15px);
|
||||
}
|
||||
|
||||
@ -378,7 +386,7 @@ main {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
@media all and (max-width: 1280px) {
|
||||
@media all and (max-width: 1279px) {
|
||||
margin-bottom: 45px;
|
||||
height: 48px;
|
||||
padding: 8px;
|
||||
@ -388,7 +396,7 @@ main {
|
||||
margin-bottom: 15px;
|
||||
font-weight: 700;
|
||||
|
||||
@media all and (max-width: 1280px) {
|
||||
@media all and (max-width: 1279px) {
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
@ -473,7 +481,7 @@ main {
|
||||
width: 320px;
|
||||
}
|
||||
|
||||
@media all and (max-width: 1280px) {
|
||||
@media all and (max-width: 1279px) {
|
||||
width: calc(50% - 15px);
|
||||
}
|
||||
|
||||
@ -488,7 +496,7 @@ main {
|
||||
p {
|
||||
font-weight: 700;
|
||||
|
||||
@media all and (max-width: 1280px) {
|
||||
@media all and (max-width: 1279px) {
|
||||
font-weight: 400;
|
||||
font-size: 13px;
|
||||
line-height: 20px;
|
||||
@ -515,7 +523,7 @@ main {
|
||||
font-size: 32px;
|
||||
}
|
||||
|
||||
@media all and (max-width: 1280px) {
|
||||
@media all and (max-width: 1279px) {
|
||||
font-size: 20px;
|
||||
margin-bottom: 0;
|
||||
font-weight: 700;
|
||||
@ -550,7 +558,7 @@ main {
|
||||
display: flex;
|
||||
align-content: center;
|
||||
|
||||
@media all and (max-width: 1280px) {
|
||||
@media all and (max-width: 1279px) {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
@ -636,7 +644,7 @@ main {
|
||||
background: #EDEFF5;
|
||||
position: relative;
|
||||
|
||||
@media all and (max-width: 1280px) {
|
||||
@media all and (max-width: 1279px) {
|
||||
width: 214px;
|
||||
min-width: 214px;
|
||||
padding: 25px 15px;
|
||||
@ -656,7 +664,7 @@ main {
|
||||
.news_date {
|
||||
margin-bottom: 35px;
|
||||
|
||||
@media all and (max-width: 1280px) {
|
||||
@media all and (max-width: 1279px) {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
}
|
||||
@ -666,7 +674,7 @@ main {
|
||||
margin-bottom: 22px;
|
||||
object-fit: cover;
|
||||
|
||||
@media all and (max-width: 1280px) {
|
||||
@media all and (max-width: 1279px) {
|
||||
height: 178px;
|
||||
width: 100%;
|
||||
margin-bottom: 15px;
|
||||
@ -681,7 +689,7 @@ main {
|
||||
line-height: 28px;
|
||||
font-weight: 700;
|
||||
|
||||
@media all and (max-width: 1280px) {
|
||||
@media all and (max-width: 1279px) {
|
||||
font-size: 19px;
|
||||
line-height: 26px;
|
||||
margin-bottom: 15px;
|
||||
@ -698,7 +706,7 @@ main {
|
||||
margin-bottom: 0;
|
||||
color: var(--blue);
|
||||
|
||||
@media all and (max-width: 1280px) {
|
||||
@media all and (max-width: 1279px) {
|
||||
font-weight: 700;
|
||||
font-size: 13px;
|
||||
}
|
||||
@ -789,7 +797,7 @@ main {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
|
||||
@media all and (max-width: 1280px) {
|
||||
@media all and (max-width: 1279px) {
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
@ -808,7 +816,7 @@ main {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
@media all and (max-width: 1280px) {
|
||||
@media all and (max-width: 1279px) {
|
||||
width: calc(50% - 15px);
|
||||
margin-right: 0 !important;
|
||||
margin-bottom: 30px;
|
||||
@ -843,7 +851,7 @@ main {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
|
||||
@media all and (max-width: 1280px) {
|
||||
@media all and (max-width: 1279px) {
|
||||
padding: 24px 18px;
|
||||
}
|
||||
|
||||
@ -868,7 +876,7 @@ main {
|
||||
transition: 125ms transform ease-in-out;
|
||||
max-width: 70%;
|
||||
|
||||
@media all and (max-width: 1280px) {
|
||||
@media all and (max-width: 1279px) {
|
||||
font-size: 19px;
|
||||
line-height: 26px;
|
||||
}
|
||||
@ -900,7 +908,7 @@ main {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
@media all and (max-width: 1280px) {
|
||||
@media all and (max-width: 1279px) {
|
||||
max-height: 120%;
|
||||
}
|
||||
}
|
||||
@ -939,7 +947,7 @@ main {
|
||||
.services_list {
|
||||
justify-content: center;
|
||||
|
||||
@media all and (max-width: 1280px) {
|
||||
@media all and (max-width: 1279px) {
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
@ -966,7 +974,7 @@ main {
|
||||
|
||||
width: calc(33.333% - 20px);
|
||||
|
||||
@media all and (max-width: 1280px) {
|
||||
@media all and (max-width: 1279px) {
|
||||
width: calc(50% - 15px);
|
||||
|
||||
img {
|
||||
@ -1092,7 +1100,7 @@ main {
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-width: 1280px) {
|
||||
@media all and (max-width: 1279px) {
|
||||
width: calc(50% - 15px);
|
||||
min-width: calc(50% - 15px);
|
||||
margin-bottom: 30px;
|
||||
@ -1248,7 +1256,7 @@ main {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
@media all and (max-width: 1280px) {
|
||||
@media all and (max-width: 1279px) {
|
||||
padding: 0 calc(50% + 15px) 0 0;
|
||||
|
||||
h2 {
|
||||
@ -1402,7 +1410,7 @@ main {
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-width: 1280px) {
|
||||
@media all and (max-width: 1279px) {
|
||||
overflow-x: scroll;
|
||||
flex-wrap: unset;
|
||||
margin-right: -80px;
|
||||
@ -1482,7 +1490,7 @@ main {
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-width: 1280px) {
|
||||
@media all and (max-width: 1279px) {
|
||||
.image_slider {
|
||||
height: 300px;
|
||||
}
|
||||
@ -1750,7 +1758,17 @@ main {
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-width: 1280px) {
|
||||
@media all and (max-width: 1600px) and (min-width: 1280px) {
|
||||
li {
|
||||
a {
|
||||
min-height: 48px;
|
||||
font-size: 13px;
|
||||
line-height: 18px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-width: 1279px) {
|
||||
display: flex;
|
||||
margin-left: -16px;
|
||||
margin-right: -16px;
|
||||
@ -1782,7 +1800,7 @@ main {
|
||||
.container {
|
||||
padding-bottom: 180px;
|
||||
|
||||
@media all and (max-width: 1280px) {
|
||||
@media all and (max-width: 1279px) {
|
||||
padding-bottom: 60px;
|
||||
}
|
||||
}
|
||||
@ -1985,7 +2003,7 @@ main {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
|
||||
@media all and (max-width: 1280px) {
|
||||
@media all and (max-width: 1279px) {
|
||||
justify-content: space-between;
|
||||
width: 100%;
|
||||
}
|
||||
@ -2046,7 +2064,7 @@ main {
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-width: 1280px) {
|
||||
@media all and (max-width: 1279px) {
|
||||
.catalog_item {
|
||||
width: calc(50% - 15px);
|
||||
margin-right: 0 !important;
|
||||
@ -2130,7 +2148,7 @@ main {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
@media all and (max-width: 1280px) {
|
||||
@media all and (max-width: 1279px) {
|
||||
|
||||
|
||||
.requisites_row {
|
||||
@ -2165,7 +2183,7 @@ main {
|
||||
}
|
||||
|
||||
#officeViewToggle {
|
||||
@media all and (max-width: 1280px) {
|
||||
@media all and (max-width: 1279px) {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
.tab {
|
||||
@ -2187,7 +2205,7 @@ main {
|
||||
display: block;
|
||||
}
|
||||
|
||||
@media all and (max-width: 1280px) {
|
||||
@media all and (max-width: 1279px) {
|
||||
height: 320px;
|
||||
margin: 20px 0;
|
||||
}
|
||||
@ -2288,6 +2306,10 @@ main {
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
|
||||
@media all and (max-width: 1600px) and (min-width: 1280px) {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
@ -2300,6 +2322,10 @@ main {
|
||||
margin-right: 30px;
|
||||
max-width: 50%;
|
||||
|
||||
@media all and (max-width: 1600px) and (min-width: 1280px) {
|
||||
min-height: 42px;
|
||||
}
|
||||
|
||||
&.full {
|
||||
max-width: 100%;
|
||||
|
||||
@ -2362,6 +2388,14 @@ main {
|
||||
max-width: none;
|
||||
font-weight: 400;
|
||||
|
||||
&[data-format] {
|
||||
&:before {
|
||||
left: 30px;
|
||||
width: 31px;
|
||||
font-size: 6px;
|
||||
}
|
||||
}
|
||||
|
||||
input[type="checkbox"]+label:before {
|
||||
margin-right: 56px;
|
||||
}
|
||||
@ -2500,6 +2534,11 @@ main {
|
||||
}
|
||||
|
||||
.table_row {
|
||||
@media all and (max-width: 1279px) {
|
||||
width: 100%;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.table_cell {
|
||||
width: 25%;
|
||||
//min-width: 25%;
|
||||
@ -2673,6 +2712,17 @@ main {
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-width: 1600px) and (min-width: 1280px) {
|
||||
margin-bottom: 30px;
|
||||
.table_row {
|
||||
min-height: 0;
|
||||
|
||||
.table_cell {
|
||||
padding: 12px 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-width: 1279px) {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
@ -2985,7 +3035,7 @@ main {
|
||||
.grid_body {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
border: 1px solid #E0E0E0;
|
||||
//border: 1px solid #E0E0E0;
|
||||
|
||||
.grid_week {
|
||||
width: 100%;
|
||||
@ -2994,7 +3044,7 @@ main {
|
||||
|
||||
.grid_cell {
|
||||
padding: 15px;
|
||||
width: 14.282%;
|
||||
width: 15%;
|
||||
height: 150px;
|
||||
border: 1px solid #E0E0E0;
|
||||
box-sizing: border-box;
|
||||
@ -3007,13 +3057,17 @@ main {
|
||||
align-self: flex-start;
|
||||
text-transform: capitalize;
|
||||
|
||||
span {
|
||||
span:not(.year) {
|
||||
font-size: 26px;
|
||||
line-height: 35px;
|
||||
font-weight: 700;
|
||||
color: #000;
|
||||
padding-right: 4px;
|
||||
}
|
||||
|
||||
.year {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
.cell_body {
|
||||
@ -3061,6 +3115,30 @@ main {
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-width: 1600px) and (min-width: 1280px) {
|
||||
.grid_header {
|
||||
.grid_cell {
|
||||
font-size: 14px;
|
||||
line-height: 18px;
|
||||
padding: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.grid_body {
|
||||
.grid_cell {
|
||||
padding: 10px;
|
||||
height: 135px;
|
||||
|
||||
.cell_header {
|
||||
span:not(.year) {
|
||||
font-size: 22px;
|
||||
line-height: 30px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-width: 960px) {
|
||||
position: relative;
|
||||
margin-right: -80px;
|
||||
@ -3099,7 +3177,7 @@ main {
|
||||
//display: block;
|
||||
|
||||
.cell_header {
|
||||
span {font-size: 13px;line-height: 20px;}
|
||||
span:not(.year) {font-size: 13px;line-height: 20px;}
|
||||
}
|
||||
|
||||
.cell_body {
|
||||
|
||||
467
css/var.css
467
css/var.css
@ -1 +1,466 @@
|
||||
:root{--blue:#1C01A9;--blue-secondary:#85B2FC;--gray:#2C2D2E;--gray-light:rgba(0,16,61,0.06);--primary:#005FF9;--primary-light:rgba(0,95,249,0.1);--red:#ED0A34;--inactive:#EDEFF5;--green:#04A8A4;--text_not_active:#8E94A7}@media all and (max-width:1420px) and (min-width:1280px){html{zoom:.7}html .container,html .bx-breadcrumb{margin-left:auto;margin-right:auto}}body{font-size:15px;line-height:20px;color:#0C0C0C;font-family:'Montserrat',sans-serif;font-weight:400}@media all and (max-width:960px){body{font-size:13px;line-height:20px}}.container{padding-top:80px;padding-bottom:80px;width:100%;max-width:1310px;margin:auto;position:relative}.container:after{content:"";display:block;position:absolute;top:0;left:0;right:-4px;bottom:0;z-index:-1}@media all and (max-width:960px){.container{padding-top:40px;padding-bottom:40px}}.container.wide{max-width:1340px;padding-left:25px;padding-right:25px}@media all and (max-width:768px){.container.wide{padding-left:0;padding-right:0}}@media all and (max-width:1420px){.container{width:calc(100% - 160px);margin:0 80px}}@media all and (max-width:768px){.container{margin:0 16px;width:calc(100% - 32px)}}.aside_container{display:flex;justify-content:space-between}.aside_container aside{width:415px}@media all and (max-width:960px){.aside_container aside{width:100%}}.aside_container article{width:calc(100% - 550px)}.aside_container article:only-child{width:100%}.aside_container article .info_column{padding:20px 40px;display:flex;flex-wrap:wrap;justify-content:space-between;border-bottom:1px solid #EDEFF5}.aside_container article .info_column div{width:calc(50% - 55px)}@media all and (max-width:960px){.aside_container article .info_column{padding:0}.aside_container article .info_column div{width:100%}}@media all and (max-width:960px){.aside_container article{width:100%}.aside_container article .info_column{padding:25px 0}}.aside_container.about aside{width:305px}.aside_container.about article{width:calc(100% - 335px)}@media all and (max-width:1280px){.aside_container.about{display:block}.aside_container.about aside,.aside_container.about article{width:100%}}.section_title{font-size:50px;line-height:60px;font-weight:700;color:#0C0C0C;margin-bottom:35px}.section_title.no-margin{margin-bottom:0}@media all and (max-width:1279px){.section_title{font-size:32px;line-height:44px}}@media all and (max-width:960px){.section_title{font-size:22px;line-height:33px}}@media all and (max-width:768px){.section_title{margin-bottom:25px}}h1{font-size:32px;line-height:40px}h2{font-size:24px;line-height:28px;margin-top:1.5em;margin-bottom:10px}h2.model{font-size:26px;line-height:35px;color:var(--text_not_active);margin-top:0;margin-bottom:0}@media all and (max-width:768px){h2.model{font-size:19px;line-height:26px}}h2:first-child{margin-top:0}h3{font-size:17px;line-height:24px;margin-top:1.5em;margin-bottom:10px}h3:first-child{margin-top:0}h4{font-size:15px;line-height:20px;margin-top:1.5em;margin-bottom:10px}h4:first-child{margin-top:0}.secondary{font-size:13px;line-height:20px}.secondary.not_active{color:#8E94A7}@media all and (max-width:960px){.secondary{font-size:10px;line-height:15px}}b,strong{font-weight:700}p.primary{color:var(--blue)}a{text-decoration:none;color:var(--blue)}div{box-sizing:border-box}.clear{display:block;clear:both}@media all and (max-width:736px){h1{font-size:24px;line-height:32px}h2{font-size:20px;line-height:24px}}.i-phone{padding-left:28px;background:url("/assets/images/icons/icon-phone-hot.svg") no-repeat 0 2px}.i-phone-secondary{padding-left:28px;background:url("/assets/images/icons/icon-phone-secondary.svg") no-repeat 0 2px}.i-address{padding-left:28px;background:url("/assets/images/icons/icon-address.svg") no-repeat 0 2px}.i-worktime{padding-left:28px;background:url("/assets/images/icons/icon-worktime.svg") no-repeat 0 2px}.i-pdf{padding-left:80px;background:url("/assets/images/icons/icon-pdf.svg") no-repeat left center}@media all and (max-width:960px){.i-pdf{padding-left:55px;background-size:32px;background-position:0 5px}}.i-doc{padding-left:80px;background:url("/assets/images/icons/icon-doc.svg") no-repeat left center;background-size:56px}@media all and (max-width:960px){.i-doc{padding-left:55px;background-size:32px;background-position:0 5px}}.success{color:var(--green)}.danger{color:var(--red)}@media all and (max-width:768px){::-webkit-scrollbar{display:none}}/*# sourceMappingURL=./var.css.map */
|
||||
:root {
|
||||
--blue: #1C01A9;
|
||||
--blue-secondary: #85B2FC;
|
||||
--gray: #2C2D2E;
|
||||
--gray-light: rgba(0, 16, 61, 0.06);
|
||||
--primary: #005FF9;
|
||||
--primary-light: rgba(0, 95, 249, 0.1);
|
||||
--red: #ED0A34;
|
||||
--inactive: #EDEFF5;
|
||||
--green: #04A8A4;
|
||||
--text_not_active: #8E94A7;
|
||||
}
|
||||
html {
|
||||
/*
|
||||
@media all and (max-width: 1420px) and (min-width: 1280px) {
|
||||
zoom: 0.7;
|
||||
|
||||
.container, .bx-breadcrumb {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
}
|
||||
*/
|
||||
}
|
||||
body {
|
||||
font-size: 15px;
|
||||
line-height: 20px;
|
||||
color: #0C0C0C;
|
||||
font-family: 'Montserrat', sans-serif;
|
||||
font-weight: 400;
|
||||
}
|
||||
@media all and (max-width: 1600px) and (min-width: 1280px) {
|
||||
body {
|
||||
font-size: 13px;
|
||||
line-height: 20px;
|
||||
}
|
||||
}
|
||||
@media all and (max-width: 960px) {
|
||||
body {
|
||||
font-size: 13px;
|
||||
line-height: 20px;
|
||||
}
|
||||
}
|
||||
.container {
|
||||
padding-top: 80px;
|
||||
padding-bottom: 80px;
|
||||
width: 100%;
|
||||
max-width: 1310px;
|
||||
margin: auto;
|
||||
position: relative;
|
||||
}
|
||||
.container:after {
|
||||
content: "";
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: -4px;
|
||||
bottom: 0;
|
||||
z-index: -1;
|
||||
/*
|
||||
background: repeating-linear-gradient(
|
||||
90deg,
|
||||
#fff,
|
||||
#EDEFF5 1px,
|
||||
transparent 0px,
|
||||
transparent 25%);
|
||||
background: repeating-linear-gradient(to right, transparent 1px, transparent calc(25% - 1px), #EDEFF5 25%, #EDEFF5 25%);
|
||||
*/
|
||||
}
|
||||
@media all and (max-width: 1600px) and (min-width: 1280px) {
|
||||
.container {
|
||||
padding-top: 40px;
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
}
|
||||
@media all and (max-width: 960px) {
|
||||
.container {
|
||||
padding-top: 40px;
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
}
|
||||
.container.wide {
|
||||
max-width: 1340px;
|
||||
padding-left: 25px;
|
||||
padding-right: 25px;
|
||||
}
|
||||
@media all and (max-width: 768px) {
|
||||
.container.wide {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
}
|
||||
@media all and (max-width: 1420px) {
|
||||
.container {
|
||||
width: calc(100% - 160px);
|
||||
margin: 0 80px;
|
||||
}
|
||||
}
|
||||
@media all and (max-width: 768px) {
|
||||
.container {
|
||||
margin: 0 16px;
|
||||
width: calc(100% - 32px);
|
||||
}
|
||||
}
|
||||
.aside_container {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.aside_container aside {
|
||||
width: 415px;
|
||||
}
|
||||
@media all and (max-width: 960px) {
|
||||
.aside_container aside {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.aside_container article {
|
||||
width: calc(100% - 550px);
|
||||
}
|
||||
.aside_container article:only-child {
|
||||
width: 100%;
|
||||
}
|
||||
.aside_container article .info_column {
|
||||
padding: 20px 40px;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
border-bottom: 1px solid #EDEFF5;
|
||||
}
|
||||
.aside_container article .info_column div {
|
||||
width: calc(50% - 55px);
|
||||
}
|
||||
@media all and (max-width: 960px) {
|
||||
.aside_container article .info_column {
|
||||
padding: 0;
|
||||
}
|
||||
.aside_container article .info_column div {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
@media all and (max-width: 960px) {
|
||||
.aside_container article {
|
||||
width: 100%;
|
||||
}
|
||||
.aside_container article .info_column {
|
||||
padding: 25px 0;
|
||||
}
|
||||
}
|
||||
.aside_container.about aside {
|
||||
width: 305px;
|
||||
}
|
||||
@media all and (max-width: 1600px) and (min-width: 1280px) {
|
||||
.aside_container.about aside {
|
||||
width: 265px;
|
||||
}
|
||||
}
|
||||
.aside_container.about article {
|
||||
width: calc(100% - 335px);
|
||||
}
|
||||
@media all and (max-width: 1600px) and (min-width: 1280px) {
|
||||
.aside_container.about article {
|
||||
width: calc(100% - 295px);
|
||||
}
|
||||
}
|
||||
@media all and (max-width: 1279px) {
|
||||
.aside_container.about {
|
||||
display: block;
|
||||
}
|
||||
.aside_container.about aside,
|
||||
.aside_container.about article {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.section_title {
|
||||
font-size: 50px;
|
||||
line-height: 60px;
|
||||
font-weight: 700;
|
||||
color: #0C0C0C;
|
||||
margin-bottom: 35px;
|
||||
}
|
||||
.section_title.no-margin {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
@media all and (max-width: 1600px) and (min-width: 1280px) {
|
||||
.section_title {
|
||||
font-size: 36px;
|
||||
line-height: 48px;
|
||||
}
|
||||
}
|
||||
@media all and (max-width: 1279px) {
|
||||
.section_title {
|
||||
font-size: 32px;
|
||||
line-height: 44px;
|
||||
}
|
||||
}
|
||||
@media all and (max-width: 960px) {
|
||||
.section_title {
|
||||
font-size: 22px;
|
||||
line-height: 33px;
|
||||
}
|
||||
}
|
||||
@media all and (max-width: 768px) {
|
||||
.section_title {
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
}
|
||||
h1 {
|
||||
font-size: 32px;
|
||||
line-height: 40px;
|
||||
}
|
||||
h2 {
|
||||
font-size: 24px;
|
||||
line-height: 28px;
|
||||
margin-top: 1.5em;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
@media all and (max-width: 1600px) and (min-width: 1280px) {
|
||||
h2 {
|
||||
font-size: 22px;
|
||||
line-height: 26px;
|
||||
}
|
||||
}
|
||||
h2.model {
|
||||
font-size: 26px;
|
||||
line-height: 35px;
|
||||
color: var(--text_not_active);
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
@media all and (max-width: 768px) {
|
||||
h2.model {
|
||||
font-size: 19px;
|
||||
line-height: 26px;
|
||||
}
|
||||
}
|
||||
h2:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
h3 {
|
||||
font-size: 17px;
|
||||
line-height: 24px;
|
||||
margin-top: 1.5em;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
h3:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
h4 {
|
||||
font-size: 15px;
|
||||
line-height: 20px;
|
||||
margin-top: 1.5em;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
h4:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
.secondary {
|
||||
font-size: 13px;
|
||||
line-height: 20px;
|
||||
}
|
||||
.secondary.not_active {
|
||||
color: #8E94A7;
|
||||
}
|
||||
@media all and (max-width: 960px) {
|
||||
.secondary {
|
||||
font-size: 10px;
|
||||
line-height: 15px;
|
||||
}
|
||||
}
|
||||
b,
|
||||
strong {
|
||||
font-weight: 700;
|
||||
}
|
||||
p.primary {
|
||||
color: var(--blue);
|
||||
}
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: var(--blue);
|
||||
}
|
||||
div {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.clear {
|
||||
display: block;
|
||||
clear: both;
|
||||
}
|
||||
@media all and (max-width: 736px) {
|
||||
h1 {
|
||||
font-size: 24px;
|
||||
line-height: 32px;
|
||||
}
|
||||
h2 {
|
||||
font-size: 20px;
|
||||
line-height: 24px;
|
||||
}
|
||||
}
|
||||
.i-phone {
|
||||
padding-left: 28px;
|
||||
background: url("/assets/images/icons/icon-phone-hot.svg") no-repeat 0 2px;
|
||||
}
|
||||
.i-phone-secondary {
|
||||
padding-left: 28px;
|
||||
background: url("/assets/images/icons/icon-phone-secondary.svg") no-repeat 0 2px;
|
||||
}
|
||||
.i-address {
|
||||
padding-left: 28px;
|
||||
background: url("/assets/images/icons/icon-address.svg") no-repeat 0 2px;
|
||||
}
|
||||
.i-worktime {
|
||||
padding-left: 28px;
|
||||
background: url("/assets/images/icons/icon-worktime.svg") no-repeat 0 2px;
|
||||
}
|
||||
.i-pdf {
|
||||
padding-left: 80px;
|
||||
background: url("/assets/images/icons/icon-pdf.svg") no-repeat left center;
|
||||
}
|
||||
.i-pdf[data-format] {
|
||||
background: url("/assets/images/icons/icon-file.svg") no-repeat left center;
|
||||
position: relative;
|
||||
}
|
||||
.i-pdf[data-format]:before {
|
||||
content: attr(data-format);
|
||||
color: #fff;
|
||||
font-weight: 700;
|
||||
position: absolute;
|
||||
left: 3px;
|
||||
right: 1px;
|
||||
bottom: 1px;
|
||||
top: 0;
|
||||
font-size: 8px;
|
||||
width: 27px;
|
||||
display: flex;
|
||||
align-content: center;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
@media all and (max-width: 1600px) and (min-width: 1280px) {
|
||||
.i-pdf[data-format] {
|
||||
padding-left: 56px;
|
||||
background-size: 42px;
|
||||
}
|
||||
.i-pdf[data-format]:before {
|
||||
width: 27px;
|
||||
font-size: 8px;
|
||||
}
|
||||
}
|
||||
@media all and (max-width: 960px) {
|
||||
.i-pdf[data-format] {
|
||||
padding-left: 55px;
|
||||
background-size: 32px;
|
||||
background-position: 0 5px;
|
||||
}
|
||||
.i-pdf[data-format]:before {
|
||||
font-size: 8px;
|
||||
width: 31px;
|
||||
height: 42px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
@media all and (max-width: 1600px) and (min-width: 1280px) {
|
||||
.i-pdf {
|
||||
padding-left: 56px;
|
||||
background-size: 42px;
|
||||
}
|
||||
}
|
||||
@media all and (max-width: 960px) {
|
||||
.i-pdf {
|
||||
padding-left: 55px;
|
||||
background-size: 32px;
|
||||
background-position: 0 5px;
|
||||
}
|
||||
}
|
||||
.extension[data-format] {
|
||||
background: url("/assets/images/icons/icon-file.svg") no-repeat left center;
|
||||
position: relative;
|
||||
}
|
||||
.extension[data-format]:before {
|
||||
content: attr(data-format);
|
||||
color: #fff;
|
||||
font-weight: 700;
|
||||
position: absolute;
|
||||
left: 14px;
|
||||
right: 1px;
|
||||
bottom: 1px;
|
||||
top: 0;
|
||||
font-size: 14px;
|
||||
width: 27px;
|
||||
display: flex;
|
||||
align-content: center;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
@media all and (max-width: 1600px) and (min-width: 1280px) {
|
||||
.extension[data-format] {
|
||||
padding-left: 56px;
|
||||
background-size: 42px;
|
||||
}
|
||||
.extension[data-format]:before {
|
||||
width: 27px;
|
||||
font-size: 8px;
|
||||
left: 8px;
|
||||
}
|
||||
}
|
||||
@media all and (max-width: 960px) {
|
||||
.extension[data-format] {
|
||||
padding-left: 55px;
|
||||
background-size: 32px;
|
||||
background-position: 0 5px;
|
||||
}
|
||||
.extension[data-format]:before {
|
||||
font-size: 8px;
|
||||
width: 31px;
|
||||
height: 42px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
.i-doc {
|
||||
padding-left: 80px;
|
||||
background: url("/assets/images/icons/icon-doc.svg") no-repeat left center;
|
||||
background-size: 56px;
|
||||
}
|
||||
@media all and (max-width: 1600px) and (min-width: 1280px) {
|
||||
.i-doc {
|
||||
padding-left: 56px;
|
||||
background-size: 42px;
|
||||
}
|
||||
}
|
||||
@media all and (max-width: 960px) {
|
||||
.i-doc {
|
||||
padding-left: 55px;
|
||||
background-size: 32px;
|
||||
background-position: 0 5px;
|
||||
}
|
||||
}
|
||||
.success {
|
||||
color: var(--green);
|
||||
}
|
||||
.danger {
|
||||
color: var(--red);
|
||||
}
|
||||
@media all and (max-width: 768px) {
|
||||
::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.avans {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
.avans p {
|
||||
font-size: 17px;
|
||||
font-weight: 600;
|
||||
padding-bottom: 0px;
|
||||
}
|
||||
@media all and (max-width: 1280px) {
|
||||
.avans p {
|
||||
font-size: 14px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
@ -1 +1 @@
|
||||
{"version":3,"sources":["var.less"],"names":[],"mappings":"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"}
|
||||
{"version":3,"sources":["var.less"],"names":[],"mappings":"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"}
|
||||
157
css/var.less
157
css/var.less
@ -12,6 +12,7 @@
|
||||
}
|
||||
|
||||
html {
|
||||
/*
|
||||
@media all and (max-width: 1420px) and (min-width: 1280px) {
|
||||
zoom: 0.7;
|
||||
|
||||
@ -20,6 +21,7 @@ html {
|
||||
margin-right: auto;
|
||||
}
|
||||
}
|
||||
*/
|
||||
}
|
||||
|
||||
body {
|
||||
@ -29,6 +31,11 @@ body {
|
||||
font-family: 'Montserrat', sans-serif;
|
||||
font-weight: 400;
|
||||
|
||||
@media all and (max-width: 1600px) and (min-width: 1280px) {
|
||||
font-size: 13px;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
@media all and (max-width: 960px) {
|
||||
font-size: 13px;
|
||||
line-height: 20px;
|
||||
@ -63,6 +70,11 @@ body {
|
||||
*/
|
||||
}
|
||||
|
||||
@media all and (max-width: 1600px) and (min-width: 1280px) {
|
||||
padding-top: 40px;
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
|
||||
@media all and (max-width: 960px) {
|
||||
padding-top: 40px;
|
||||
padding-bottom: 40px;
|
||||
@ -142,13 +154,21 @@ body {
|
||||
&.about {
|
||||
aside {
|
||||
width: 305px;
|
||||
|
||||
@media all and (max-width: 1600px) and (min-width: 1280px) {
|
||||
width: 265px;
|
||||
}
|
||||
}
|
||||
|
||||
article {
|
||||
width: calc(100% - 335px);
|
||||
|
||||
@media all and (max-width: 1600px) and (min-width: 1280px) {
|
||||
width: calc(100% - 295px);
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-width: 1280px) {
|
||||
@media all and (max-width: 1279px) {
|
||||
display: block;
|
||||
|
||||
aside, article {
|
||||
@ -169,6 +189,11 @@ body {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
@media all and (max-width: 1600px) and (min-width: 1280px) {
|
||||
font-size: 36px;
|
||||
line-height: 48px;
|
||||
}
|
||||
|
||||
@media all and (max-width: 1279px) {
|
||||
font-size: 32px;
|
||||
line-height: 44px;
|
||||
@ -195,6 +220,11 @@ h2 {
|
||||
margin-top: 1.5em;
|
||||
margin-bottom: 10px;
|
||||
|
||||
@media all and (max-width: 1600px) and (min-width: 1280px) {
|
||||
font-size: 22px;
|
||||
line-height: 26px;
|
||||
}
|
||||
|
||||
&.model {
|
||||
font-size: 26px;
|
||||
line-height: 35px;
|
||||
@ -307,6 +337,58 @@ div {
|
||||
padding-left: 80px;
|
||||
background: url("/assets/images/icons/icon-pdf.svg") no-repeat left center;
|
||||
|
||||
&[data-format] {
|
||||
background: url("/assets/images/icons/icon-file.svg") no-repeat left center;
|
||||
position: relative;
|
||||
|
||||
&:before {
|
||||
content: attr(data-format);
|
||||
color: #fff;
|
||||
font-weight: 700;
|
||||
position: absolute;
|
||||
left: 3px;
|
||||
right: 1px;
|
||||
bottom: 1px;
|
||||
top: 0;
|
||||
font-size: 8px;
|
||||
width: 27px;
|
||||
display: flex;
|
||||
align-content: center;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
@media all and (max-width: 1600px) and (min-width: 1280px) {
|
||||
padding-left: 56px;
|
||||
background-size: 42px;
|
||||
|
||||
&:before {
|
||||
width: 27px;
|
||||
font-size: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-width: 960px) {
|
||||
padding-left: 55px;
|
||||
background-size: 32px;
|
||||
background-position: 0 5px;
|
||||
|
||||
&:before {
|
||||
font-size: 8px;
|
||||
width: 31px;
|
||||
height: 42px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-width: 1600px) and (min-width: 1280px) {
|
||||
padding-left: 56px;
|
||||
background-size: 42px;
|
||||
}
|
||||
|
||||
@media all and (max-width: 960px) {
|
||||
padding-left: 55px;
|
||||
background-size: 32px;
|
||||
@ -314,11 +396,68 @@ div {
|
||||
}
|
||||
}
|
||||
|
||||
.extension
|
||||
{
|
||||
&[data-format]
|
||||
{
|
||||
background: url("/assets/images/icons/icon-file.svg") no-repeat left center;
|
||||
position: relative;
|
||||
|
||||
&:before {
|
||||
content: attr(data-format);
|
||||
color: #fff;
|
||||
font-weight: 700;
|
||||
position: absolute;
|
||||
left: 14px;
|
||||
right: 1px;
|
||||
bottom: 1px;
|
||||
top: 0;
|
||||
font-size: 14px;
|
||||
width: 27px;
|
||||
display: flex;
|
||||
align-content: center;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
@media all and (max-width: 1600px) and (min-width: 1280px) {
|
||||
padding-left: 56px;
|
||||
background-size: 42px;
|
||||
|
||||
&:before {
|
||||
width: 27px;
|
||||
font-size: 8px;
|
||||
left: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-width: 960px) {
|
||||
padding-left: 55px;
|
||||
background-size: 32px;
|
||||
background-position: 0 5px;
|
||||
|
||||
&:before {
|
||||
font-size: 8px;
|
||||
width: 31px;
|
||||
height: 42px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.i-doc {
|
||||
padding-left: 80px;
|
||||
background: url("/assets/images/icons/icon-doc.svg") no-repeat left center;
|
||||
background-size: 56px;
|
||||
|
||||
@media all and (max-width: 1600px) and (min-width: 1280px) {
|
||||
padding-left: 56px;
|
||||
background-size: 42px;
|
||||
}
|
||||
|
||||
@media all and (max-width: 960px) {
|
||||
padding-left: 55px;
|
||||
background-size: 32px;
|
||||
@ -339,3 +478,19 @@ div {
|
||||
display: none; // Safari and Chrome
|
||||
}
|
||||
}
|
||||
|
||||
.avans {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
|
||||
p {
|
||||
font-size: 17px;
|
||||
font-weight: 600;
|
||||
padding-bottom: 0px;
|
||||
|
||||
@media all and (max-width: 1280px) {
|
||||
font-size: 14px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -25,7 +25,8 @@ class Company extends React.Component
|
||||
<div className="right">
|
||||
<p align="right">
|
||||
<b>{ company.title }</b><br/>
|
||||
ИНН: { company.inn } КПП: { company.kpp }
|
||||
{company.inn != null && <span>ИНН: { company.inn } </span>}
|
||||
{company.kpp != null && <span>КПП: { company.kpp }</span>}
|
||||
</p>
|
||||
</div>
|
||||
)
|
||||
|
||||
@ -33,13 +33,11 @@ export default class DateInput extends React.Component
|
||||
|
||||
_handle_onFocus = () =>
|
||||
{
|
||||
console.log("F");
|
||||
this.setState({ readonly: false });
|
||||
}
|
||||
|
||||
_handle_onBlur = () =>
|
||||
{
|
||||
console.log("B");
|
||||
this.setState({ readonly: true });
|
||||
}
|
||||
|
||||
@ -50,7 +48,20 @@ export default class DateInput extends React.Component
|
||||
|
||||
return (
|
||||
<div className="date_input_wrapper">
|
||||
<DatePicker messages={ messages } onFocus={ this._handle_onFocus } onBlur={ this._handle_onBlur } parse={ formats } id={ id } placeholder={ placeholder } value={ value } min={ min } max={ max } onChange={ this._handle_onChange }/>
|
||||
<DatePicker
|
||||
messages={ messages }
|
||||
onFocus={ this._handle_onFocus }
|
||||
onBlur={ this._handle_onBlur }
|
||||
parse={ formats } id={ id }
|
||||
placeholder={ placeholder }
|
||||
value={ value }
|
||||
min={ min }
|
||||
max={ max }
|
||||
onChange={ this._handle_onChange }
|
||||
inputProps={{
|
||||
component: props => <input {...props} readOnly />
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
@ -80,7 +80,7 @@ export default class Footer extends React.Component
|
||||
</ul>
|
||||
<div className="column">
|
||||
<div>
|
||||
<a href="mailto:">info@evoleasing.ru</a>
|
||||
<a href="mailto:client@evoleasing.ru">client@evoleasing.ru</a>
|
||||
</div>
|
||||
<div>
|
||||
<a href="tel:88003337575">8 800 333 75 75</a>
|
||||
|
||||
@ -1,6 +1,8 @@
|
||||
import React from "react";
|
||||
import Link from "next/link";
|
||||
|
||||
import { logout } from '../../../actions';
|
||||
|
||||
export default class Header extends React.Component
|
||||
{
|
||||
constructor(props)
|
||||
@ -28,6 +30,11 @@ export default class Header extends React.Component
|
||||
return null;
|
||||
}
|
||||
|
||||
_handle_onLogout = () =>
|
||||
{
|
||||
logout({ dispatch: this.props.dispatch });
|
||||
}
|
||||
|
||||
render()
|
||||
{
|
||||
const { menuOpened } = this.state;
|
||||
@ -64,9 +71,12 @@ export default class Header extends React.Component
|
||||
</Link>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</nav>
|
||||
|
||||
<a href="tel:88003337575">8 800 333 75 75</a>
|
||||
</div>
|
||||
<button className="lk" title="Выход" onClick={ () => this._handle_onLogout() }></button>
|
||||
</div>
|
||||
</header>
|
||||
)
|
||||
|
||||
@ -51,6 +51,7 @@ export default class MainHeader extends React.Component
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<a href="tel:88003337575">8 800 333 75 75</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -100,7 +100,7 @@ class ContractPage extends React.Component
|
||||
<div className="title_wrapper">
|
||||
<div className="left" style={{ flexDirection: 'column', }}>
|
||||
<h1 className="section_title">Договор №{ number }</h1>
|
||||
<h5 style={{ fontSize: '14px' }}>{ date !== undefined && date !== null && date !== null && (<> от { moment(date).format("DD.MM.YYYY") }</>)}{ car !== undefined && car !== null ? ` - ${ car.brand.name } ${ car.model.name } | ${ car.reg_number !== null ? car.reg_number : 'без рег. номера' } | ${ car.vin_number }` : '' }</h5>
|
||||
<h5 style={{ fontSize: '14px' }}>{ date !== undefined && date !== null && date !== null && (<> от { moment(date).format("DD.MM.YYYY") }</>)}{ car !== undefined && car !== null ? ` - ${ car.brand.name } ${ car.model.name } | ${ car.reg_number !== null ? car.reg_number : 'без рег. номера' } | ${ car.vin_number !== null ? car.vin_number : 'без VIN номера' }` : '' }</h5>
|
||||
</div>
|
||||
<Company/>
|
||||
</div>
|
||||
@ -115,16 +115,20 @@ class ContractPage extends React.Component
|
||||
<div className="dosc_list">
|
||||
{ agreement !== undefined && agreement !== null && agreement.map((document, index) => (
|
||||
<React.Fragment key={ index }>
|
||||
{ document.documents !== undefined && document.documents !== null && document.documents.map((file, file_index) => (
|
||||
<div className="row" key={ file_index }>
|
||||
<p className="doc_name i-pdf">
|
||||
{ types[document.type] }
|
||||
<span style={{ width: "100%"}}>{ file.number } от { file.date }</span>
|
||||
{ file.type !== undefined && <span>{ file.type }</span> }
|
||||
</p>
|
||||
<DownloadPdfButton id={ file.url } filename={ `evoleasing_${ document.type }_${ file.number }_${ file.date }.pdf` }/>
|
||||
</div>
|
||||
)) }
|
||||
{ document.documents !== undefined && document.documents !== null && document.documents.map((file, file_index) =>
|
||||
{
|
||||
console.log("file", file);
|
||||
return (
|
||||
<div className="row" key={ file_index }>
|
||||
<p className="doc_name i-pdf extension" data-format={ file.extension }>
|
||||
{ types[document.type] }
|
||||
<span style={{ width: "100%"}}>{ file.number } от { file.date }</span>
|
||||
{ file.type !== undefined && <span>{ file.type }</span> }
|
||||
</p>
|
||||
<DownloadPdfButton id={ file.url } filename={ `evoleasing_${ document.type }_${ file.number }_${ file.date }.${ file.extension }` }/>
|
||||
</div>
|
||||
)
|
||||
}) }
|
||||
</React.Fragment>
|
||||
)) }
|
||||
{ rules !== undefined && rules !== null && rules.map((document, index ) => (
|
||||
|
||||
@ -6,6 +6,29 @@ export default class InnerMenu extends React.Component
|
||||
constructor(props)
|
||||
{
|
||||
super(props);
|
||||
this.menuRef = React.createRef();
|
||||
}
|
||||
|
||||
componentDidMount()
|
||||
{
|
||||
let l = 0;
|
||||
let m = 0;
|
||||
const menu = ["payments", "services", "agreement", "documents"];
|
||||
|
||||
for(let i in menu)
|
||||
{
|
||||
if(this.props.router.asPath.indexOf(menu[i]) > -1)
|
||||
{
|
||||
m = i;
|
||||
}
|
||||
}
|
||||
|
||||
for(let i = 0; i < m; i++)
|
||||
{
|
||||
l = l + this.menuRef.current.children[i].getBoundingClientRect().width;
|
||||
}
|
||||
|
||||
this.menuRef.current.scrollLeft = l - 50;
|
||||
}
|
||||
|
||||
render()
|
||||
@ -14,7 +37,7 @@ export default class InnerMenu extends React.Component
|
||||
|
||||
return (
|
||||
<aside>
|
||||
<ul className="aside_nav">
|
||||
<ul className="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>
|
||||
|
||||
@ -123,42 +123,37 @@ class ContractDocumentsPage extends React.Component
|
||||
|
||||
if(md.isValid())
|
||||
{
|
||||
console.log(md);
|
||||
console.log("vs", valid_date_start);
|
||||
console.log("ve", valid_date_end);
|
||||
|
||||
if(date >= valid_date_start && date < valid_date_end)
|
||||
if(date >= valid_date_start && date <= valid_date_end)
|
||||
{
|
||||
console.log("ps", period_date_start);
|
||||
if(date < period_date_end)
|
||||
{
|
||||
console.log(">>>>>");
|
||||
this.setState({ period_date_start: date, reconciliation_disabled: false });
|
||||
}
|
||||
else
|
||||
{
|
||||
this.setState({ reconciliation_disabled: true });
|
||||
this.setState({ period_date_start: date, reconciliation_disabled: true });
|
||||
}
|
||||
}
|
||||
else
|
||||
{
|
||||
this.setState({ reconciliation_disabled: true });
|
||||
this.setState({ period_date_start: date, reconciliation_disabled: true });
|
||||
}
|
||||
}
|
||||
else
|
||||
{
|
||||
console.log("invalid date", md);
|
||||
this.setState({ reconciliation_disabled: true });
|
||||
}
|
||||
}
|
||||
|
||||
_handle_onPeriodDate_end = (date) =>
|
||||
{
|
||||
console.log("_handle_onPeriodDate_end", "date", date);
|
||||
|
||||
const { valid_date_start, valid_date_end, period_date_start, period_date_end } = this.state;
|
||||
|
||||
if(moment(date).isValid())
|
||||
{
|
||||
if(date >= valid_date_start && date < valid_date_end)
|
||||
if(date >= valid_date_start && date <= valid_date_end)
|
||||
{
|
||||
if(date > period_date_start)
|
||||
{
|
||||
@ -166,12 +161,12 @@ class ContractDocumentsPage extends React.Component
|
||||
}
|
||||
else
|
||||
{
|
||||
this.setState({ reconciliation_disabled: true });
|
||||
this.setState({ period_date_end: date, reconciliation_disabled: true });
|
||||
}
|
||||
}
|
||||
else
|
||||
{
|
||||
this.setState({ reconciliation_disabled: true });
|
||||
this.setState({ period_date_end: date, reconciliation_disabled: true });
|
||||
}
|
||||
}
|
||||
else
|
||||
@ -213,14 +208,18 @@ class ContractDocumentsPage extends React.Component
|
||||
</div>
|
||||
</div>
|
||||
<div className="dosc_list medium-icon">
|
||||
{ documents.slice(0, opened.indexOf(type) > -1 ? documents.length : 3).map((doc, index) => (
|
||||
<div className="row" key={ index }>
|
||||
<p className="doc_name i-pdf i-medium">
|
||||
{ doc.num } от { moment(doc.date).format("DD.MM.YYYY") }
|
||||
</p>
|
||||
<DownloadPrintFormPdfButton className="download-icon" filename={ `${ number }_${ doc.type }_${ doc.num }.pdf` } contract={ number } num={ doc.num } date={ doc.date } type={ doc.type }/>
|
||||
</div>
|
||||
)) }
|
||||
{ documents.slice(0, opened.indexOf(type) > -1 ? documents.length : 3).map((doc, index) =>
|
||||
{
|
||||
console.log("doc", doc);
|
||||
return (
|
||||
<div className="row" key={ index }>
|
||||
<p className="doc_name i-pdf i-medium" data-format={ doc.extension }>
|
||||
{ doc.num } от { moment(doc.date).format("DD.MM.YYYY") }
|
||||
</p>
|
||||
<DownloadPrintFormPdfButton className="download-icon" filename={ `${ number }_${ doc.type }_${ doc.num }.${ doc.extension }` } contract={ number } num={ doc.num } date={ doc.date } type={ doc.type }/>
|
||||
</div>
|
||||
)
|
||||
}) }
|
||||
{ opened.indexOf(type) < 0 && documents.length > 3 && (
|
||||
<div className="row" style={{ justifyContent: "center", corsor: "pointer" }} onClick={ () => this._handle_onGroup(type) }>
|
||||
<p style={{ color: "#747474" }}>Еще { documents.length - 3 } { pluralize((documents.length - 3), 'документов', 'документ', 'документа', 'документов') }</p>
|
||||
@ -231,7 +230,7 @@ class ContractDocumentsPage extends React.Component
|
||||
)
|
||||
}
|
||||
|
||||
if(type !== "upd_avans")
|
||||
if(type !== "upd_avans" && type !== "billfines")
|
||||
{
|
||||
return (
|
||||
<>
|
||||
@ -275,7 +274,7 @@ class ContractDocumentsPage extends React.Component
|
||||
<div className="transaction_detail">
|
||||
<p>№ постановления: <b>{ fine.fine_number }</b></p>
|
||||
<ul>
|
||||
<li>Сумма: <b>{ numeral(fine.amount).format(' ., ') } ₽</b></li>
|
||||
<li>Сумма: <b style={{ whiteSpace: "nowrap" }}>{ numeral(fine.amount).format(' ., ') } ₽</b></li>
|
||||
<li>Дата: <b>{ moment(fine.fine_date).format("DD.MM.YYYY") }</b></li>
|
||||
<li>Статус: <b className="success">{ fine.status }</b></li>
|
||||
<li>Штраф: { fine.fine_title }</li>
|
||||
@ -340,7 +339,7 @@ class ContractDocumentsPage extends React.Component
|
||||
<div className="title_wrapper">
|
||||
<div className="left" style={{ flexDirection: 'column', }}>
|
||||
<h1 className="section_title">Договор №{ number }</h1>
|
||||
<h5 style={{ fontSize: '14px' }}>{ date !== undefined && date !== null && date !== null && (<> от { moment(date).format("DD.MM.YYYY") }</>)}{ car !== undefined && car !== null ? ` - ${ car.brand.name } ${ car.model.name } | ${ car.reg_number !== null ? car.reg_number : 'без рег. номера' } | ${ car.vin_number }` : '' }</h5>
|
||||
<h5 style={{ fontSize: '14px' }}>{ date !== undefined && date !== null && date !== null && (<> от { moment(date).format("DD.MM.YYYY") }</>)}{ car !== undefined && car !== null ? ` - ${ car.brand.name } ${ car.model.name } | ${ car.reg_number !== null ? car.reg_number : 'без рег. номера' } | ${ car.vin_number !== null ? car.vin_number : 'без VIN номера' }` : '' }</h5>
|
||||
</div>
|
||||
<Company />
|
||||
</div>
|
||||
|
||||
@ -24,6 +24,7 @@ class ContractSchedulePage extends React.Component
|
||||
this.state = {
|
||||
loading: false,
|
||||
payments: null,
|
||||
avans: null,
|
||||
date: null,
|
||||
car: null,
|
||||
full: false,
|
||||
@ -37,6 +38,7 @@ class ContractSchedulePage extends React.Component
|
||||
date: nextProps.date,
|
||||
car: nextProps.car,
|
||||
payments: nextProps.payments,
|
||||
avans: nextProps.avans,
|
||||
};
|
||||
}
|
||||
|
||||
@ -90,12 +92,14 @@ class ContractSchedulePage extends React.Component
|
||||
|
||||
render()
|
||||
{
|
||||
const { payments, date, car, full, opened, loading } = this.state;
|
||||
const { payments, avans, date, car, full, opened, loading } = this.state;
|
||||
const { number } = this.props;
|
||||
|
||||
console.log("RENDER", "payments");
|
||||
console.log(payments);
|
||||
|
||||
console.log("avans", avans);
|
||||
|
||||
const statuses = {
|
||||
"NotPaid": "",
|
||||
"HalfPaid": "overpayment-1",
|
||||
@ -122,13 +126,14 @@ class ContractSchedulePage extends React.Component
|
||||
<div className="title_wrapper">
|
||||
<div className="left" style={{ flexDirection: 'column', }}>
|
||||
<h1 className="section_title">Договор №{ number }</h1>
|
||||
<h5 style={{ fontSize: '14px' }}>{ date !== undefined && date !== null && date !== null && (<> от { moment(date).format("DD.MM.YYYY") }</>)}{ car !== undefined && car !== null ? ` - ${ car.brand.name } ${ car.model.name } | ${ car.reg_number !== null ? car.reg_number : 'без рег. номера' } | ${ car.vin_number }` : '' }</h5>
|
||||
<h5 style={{ fontSize: '14px' }}>{ date !== undefined && date !== null && date !== null && (<> от { moment(date).format("DD.MM.YYYY") }</>)}{ car !== undefined && car !== null ? ` - ${ car.brand.name } ${ car.model.name } | ${ car.reg_number !== null ? car.reg_number : 'без рег. номера' } | ${ car.vin_number !== null ? car.vin_number : 'без VIN номера' }` : '' }</h5>
|
||||
</div>
|
||||
<Company/>
|
||||
</div>
|
||||
<div className="aside_container about">
|
||||
<InnerMenu number={ number } { ...this.props }/>
|
||||
<article>
|
||||
<div className="avans"><p>Сумма авансовых поступлений по договору: <span style={{ whiteSpace: "nowrap" }}>{ numeral(avans).format(' ., ') } ₽</span></p></div>
|
||||
<div className="contract_table schedule">
|
||||
<div className="table_row table_header">
|
||||
<div className="table_cell">№ платежа</div>
|
||||
@ -147,36 +152,36 @@ class ContractSchedulePage extends React.Component
|
||||
{ !full && (
|
||||
<button className="show_more primary" onClick={ this._handle_onSetFull }>Показать прошедшие платежи</button>
|
||||
) }
|
||||
{ payments !== null && Object.values(payments).map((payment, index) =>
|
||||
{ payments !== undefined && payments !== null && Object.values(payments).map((payment, index) =>
|
||||
{
|
||||
let pd = moment(payment.date, "DD-MM-YYYY");
|
||||
if(!full && pd < last_pay_date) { return null; }
|
||||
|
||||
return (
|
||||
<div className={ `table_row ${ opened.indexOf(payment.number) > -1 ? "opened" : "" }` } data-status={ payment.status === "NotPaid" && pd < today ? "notpaid" : statuses[payment.status] } key={ index }>
|
||||
<div className={ `table_row ${ opened.indexOf(payment.number) > -1 ? "opened" : "" }` } data-status={ payment.status === "NotPaid" && pd < today ? "notpaid" : statuses[payment.status] } key={ index } onClick={ () => this._handle_onSetOpen(payment.number) }>
|
||||
<div className="table_cell" data-title="Платеж №">{ payment.number }</div>
|
||||
<div className="table_cell" data-title="от">{ moment(payment.date, "DD-MM-YYYY").format("DD.MM.YYYY") }</div>
|
||||
<div className="table_cell" data-title="На сумму">{ numeral(payment.total_amount).format(' ., ') } ₽</div>
|
||||
<div className="table_cell" data-title="НДС, 20%">{ numeral(payment.vat_amount).format(' ., ') } ₽</div>
|
||||
<div className="table_cell" data-title="На сумму" style={{ whiteSpace: "nowrap" }}>{ numeral(payment.total_amount).format(' ., ') } ₽</div>
|
||||
<div className="table_cell" data-title="НДС, 20%" style={{ whiteSpace: "nowrap" }}>{ numeral(payment.vat_amount).format(' ., ') } ₽</div>
|
||||
<div className="table_cell">
|
||||
{ payment.status === "Paid" && "Оплачено" }
|
||||
{ payment.status === "NotPaid" && "Не оплачено" }
|
||||
{ payment.status === "HalfPaid" && (
|
||||
<><span>Недоплата</span><br/><span>{ numeral(payment.total_amount - payment.paid_amount).format(' ., ') } ₽</span></>
|
||||
<><span>Недоплата</span><br/><span style={{ whiteSpace: "nowrap" }}>{ numeral(payment.total_amount - payment.paid_amount).format(' ., ') } ₽</span></>
|
||||
) }
|
||||
{ payment.status === "OverPaid" && (
|
||||
<><span>Переплата</span> <span>{ numeral(payment.total_amount).format(' ., ') } ₽</span></>
|
||||
<><span>Переплата</span> <span style={{ whiteSpace: "nowrap" }}>{ numeral(payment.total_amount).format(' ., ') } ₽</span></>
|
||||
) }
|
||||
</div>
|
||||
<div className="table_cell">
|
||||
{ payment.invoices.map((invoice, invoice_index) =>
|
||||
{ payment.invoices !== undefined && payment.invoices.map((invoice, invoice_index) =>
|
||||
(
|
||||
<React.Fragment key={invoice_index}>
|
||||
<p style={{ paddingBottom: "15px", lineHeight: "18px" }}>№{ invoice.number } от { moment(invoice.date, "DD-MM-YYYY").format("DD.MM.YYYY") } на сумму { numeral(invoice.total_amount).format(' ., ') } ₽</p>
|
||||
<p style={{ paddingBottom: "15px", lineHeight: "18px" }}>№{ invoice.number } от { moment(invoice.date, "DD-MM-YYYY").format("DD.MM.YYYY") } на сумму <span style={{ whiteSpace: "nowrap" }}>{ numeral(invoice.total_amount).format(' ., ') } ₽</span></p>
|
||||
</React.Fragment>
|
||||
)) }
|
||||
</div>
|
||||
<button className="toggle_cell" onClick={ () => this._handle_onSetOpen(payment.number) }></button>
|
||||
<button className="toggle_cell" ></button>
|
||||
</div>
|
||||
)
|
||||
}) }
|
||||
@ -242,6 +247,7 @@ function mapStateToProps(state, ownProps)
|
||||
return {
|
||||
company: state.company,
|
||||
payments: state.contract.payments,
|
||||
avans: state.contract.avans,
|
||||
date: state.contract.date,
|
||||
car: state.contract.car,
|
||||
//schedule: state.payments,
|
||||
|
||||
@ -104,7 +104,7 @@ class ContractServicesPage extends React.Component
|
||||
<div className="title_wrapper">
|
||||
<div className="left" style={{ flexDirection: 'column', }}>
|
||||
<h1 className="section_title">Договор №{ number }</h1>
|
||||
<h5 style={{ fontSize: '14px' }}>{ date !== undefined && date !== null && date !== null && (<> от { moment(date).format("DD.MM.YYYY") }</>)}{ car !== undefined && car !== null ? ` - ${ car.brand.name } ${ car.model.name } | ${ car.reg_number !== null ? car.reg_number : 'без рег. номера' } | ${ car.vin_number }` : '' }</h5>
|
||||
<h5 style={{ fontSize: '14px' }}>{ date !== undefined && date !== null && date !== null && (<> от { moment(date).format("DD.MM.YYYY") }</>)}{ car !== undefined && car !== null ? ` - ${ car.brand.name } ${ car.model.name } | ${ car.reg_number !== null ? car.reg_number : 'без рег. номера' } | ${ car.vin_number !== null ? car.vin_number : 'без VIN номера' }` : '' }</h5>
|
||||
</div>
|
||||
<Company/>
|
||||
</div>
|
||||
@ -176,7 +176,7 @@ class ContractServicesPage extends React.Component
|
||||
{ entry.phone && (<li>Телефон: <b>{ entry.phone }</b></li>) }
|
||||
{ entry.number && (<li>Номер полиса: <b>{ entry.number }</b></li>) }
|
||||
{ entry.period && (<li>Период действия: <b>{ entry.period }</b></li>) }
|
||||
{ entry.amount && (<li>Страховая сумма: <b>{ numeral(entry.amount).format(' ., ') } ₽</b></li>) }
|
||||
{ entry.amount && (<li>Страховая сумма: <b style={{ whiteSpace: "nowrap" }}>{ numeral(entry.amount).format(' ., ') } ₽</b></li>) }
|
||||
</ul>
|
||||
</div>
|
||||
{ entry.description && (<p>{ entry.description }</p>) }
|
||||
@ -192,7 +192,7 @@ class ContractServicesPage extends React.Component
|
||||
{ entry.phone && (<li>Телефон: <b>{ entry.phone }</b></li>) }
|
||||
{ entry.number && (<li>Номер полиса: <b>{ entry.number }</b></li>) }
|
||||
{ entry.period && (<li>Период действия: <b>{ entry.period }</b></li>) }
|
||||
{ entry.amount && (<li>Страховая сумма: <b>{ numeral(entry.amount).format(' ., ') } ₽</b></li>) }
|
||||
{ entry.amount && (<li>Страховая сумма: <b style={{ whiteSpace: "nowrap" }}>{ numeral(entry.amount).format(' ., ') } ₽</b></li>) }
|
||||
</ul>
|
||||
</div>
|
||||
{ entry.description && (<p>{ entry.description }</p>) }
|
||||
@ -208,7 +208,7 @@ class ContractServicesPage extends React.Component
|
||||
{ entry.phone && (<li>Телефон: <b>{ entry.phone }</b></li>) }
|
||||
{ entry.number && (<li>Номер полиса: <b>{ entry.number }</b></li>) }
|
||||
{ entry.period && (<li>Период действия: <b>{ entry.period }</b></li>) }
|
||||
{ entry.amount && (<li>Страховая сумма: <b>{ numeral(entry.amount).format(' ., ') } ₽</b></li>) }
|
||||
{ entry.amount && (<li>Страховая сумма: <b style={{ whiteSpace: "nowrap" }}>{ numeral(entry.amount).format(' ., ') } ₽</b></li>) }
|
||||
</ul>
|
||||
</div>
|
||||
{ entry.description && (<p>{ entry.description }</p>) }
|
||||
@ -238,7 +238,7 @@ class ContractServicesPage extends React.Component
|
||||
<li>Пакет услуг: <b>{ entry.package }</b></li>
|
||||
) }
|
||||
{ entry.amount && (
|
||||
<li>Стоимость: <b>{ numeral(entry.amount).format(' ., ') } ₽</b></li>
|
||||
<li>Стоимость: <b style={{ whiteSpace: "nowrap" }}>{ numeral(entry.amount).format(' ., ') } ₽</b></li>
|
||||
) }
|
||||
</ul>
|
||||
</div>
|
||||
@ -267,7 +267,7 @@ class ContractServicesPage extends React.Component
|
||||
<li>Оборудование: <b>{ entry.equipment }</b></li>
|
||||
) }
|
||||
{ entry.amount && (
|
||||
<li>Стоимость: <b>{ numeral(entry.amount).format(' ., ') } ₽</b></li>
|
||||
<li>Стоимость: <b style={{ whiteSpace: "nowrap" }}>{ numeral(entry.amount).format(' ., ') } ₽</b></li>
|
||||
) }
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@ -284,12 +284,12 @@ class CalendarPage extends React.Component
|
||||
return (
|
||||
<div key={ index } style={{ cursor: "pointer" }} className={`grid_cell payment ${ !perweek && day.date.month() !== month ? 'disabled' : '' } ${ day.date.format("YYYYMMDD") === moment().format("YYYYMMDD") ? 'current' : '' } `} onClick={ () => this._handle_onDayClick(day) }>
|
||||
<div className="cell_header">
|
||||
<p><span>{ day.date.format("DD") }</span> { day.date.format("MMM").toLocaleLowerCase() } { day.date.format("Y").toLocaleLowerCase() }</p>
|
||||
<p><span>{ day.date.format("DD") }</span> { day.date.format("MMM").toLocaleLowerCase() } <span className="year">{ day.date.format("Y").toLocaleLowerCase() }</span></p>
|
||||
</div>
|
||||
<div className="cell_body">{ day.payment && (
|
||||
<p>
|
||||
Общий платеж
|
||||
<span style={ day.payment.total > 1000000 ? { fontSize: '14px', whiteSpace: "nowrap" } : {}}>{ numeral(day.payment.total).format(' ., ') } ₽</span>
|
||||
<span style={ day.payment.total > 1000000 ? { fontSize: '14px', whiteSpace: "nowrap" } : { whiteSpace: "nowrap" }}>{ numeral(day.payment.total).format(' ., ') } ₽</span>
|
||||
</p>
|
||||
)}
|
||||
</div>
|
||||
@ -299,7 +299,7 @@ class CalendarPage extends React.Component
|
||||
return (
|
||||
<div key={ index } className={`grid_cell ${ !perweek && day.date.month() !== month ? 'disabled' : '' } ${ day.date.format("YYYYMMDD") === moment().format("YYYYMMDD") ? 'current' : '' } `}>
|
||||
<div className="cell_header">
|
||||
<p><span>{ day.date.format("DD") }</span> { day.date.format("MMM").toLocaleLowerCase() } { day.date.format("Y").toLocaleLowerCase() }</p>
|
||||
<p><span>{ day.date.format("DD") }</span> { day.date.format("MMM").toLocaleLowerCase() } <span className="year">{ day.date.format("Y").toLocaleLowerCase() }</span></p>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
|
||||
@ -12,37 +12,54 @@ export default class InnerMenu extends React.Component
|
||||
constructor(props)
|
||||
{
|
||||
super(props);
|
||||
this.menuList = React.createRef();
|
||||
menu.forEach(item => {
|
||||
this.menuRef = React.createRef();
|
||||
|
||||
menu.forEach(item =>
|
||||
{
|
||||
this[item.id] = React.createRef();
|
||||
});
|
||||
}
|
||||
|
||||
componentDidMount() {
|
||||
componentDidMount()
|
||||
{
|
||||
let l = 0;
|
||||
let m = 0;
|
||||
|
||||
for(let i in menu)
|
||||
{
|
||||
if(this.props.router.asPath.indexOf(menu[i].link) > -1)
|
||||
{
|
||||
m = i;
|
||||
}
|
||||
}
|
||||
|
||||
for(let i = 0; i < m; i++)
|
||||
{
|
||||
l = l + this.menuRef.current.children[i].getBoundingClientRect().width;
|
||||
}
|
||||
|
||||
this.menuRef.current.scrollLeft = l - 50;
|
||||
}
|
||||
|
||||
scrollToCategory = id => {
|
||||
|
||||
};
|
||||
};
|
||||
|
||||
render()
|
||||
{
|
||||
|
||||
return (
|
||||
<aside>
|
||||
<ul className="aside_nav" ref={this.menuList}>
|
||||
{menu.map(item => (
|
||||
<li key = {item.id} ref={this[item.id]} onClick={() => this.scrollToCategory(item.id)}>
|
||||
<Link
|
||||
href={item.link}
|
||||
shallow
|
||||
>
|
||||
<a className={ this.props.router && this.props.router.route === item.link ? "active" : "" }>{item.name}</a>
|
||||
</Link>
|
||||
</li>
|
||||
))}
|
||||
|
||||
<ul className="aside_nav" ref={ this.menuRef }>
|
||||
{ menu.map(item => (
|
||||
<li key = {item.id} ref={this[item.id]} onClick={() => this.scrollToCategory(item.id)}>
|
||||
<Link
|
||||
href={item.link}
|
||||
shallow
|
||||
>
|
||||
<a className={ this.props.router && this.props.router.route === item.link ? "active" : "" }>{item.name}</a>
|
||||
</Link>
|
||||
</li>
|
||||
)) }
|
||||
</ul>
|
||||
</aside>
|
||||
)
|
||||
|
||||
@ -110,26 +110,20 @@ class ReconciliationsPage extends React.Component
|
||||
|
||||
if(md.isValid())
|
||||
{
|
||||
console.log(md);
|
||||
console.log("vs", valid_date_start);
|
||||
console.log("ve", valid_date_end);
|
||||
|
||||
if(date >= valid_date_start && date < valid_date_end)
|
||||
if(date >= valid_date_start && date <= valid_date_end)
|
||||
{
|
||||
console.log("ps", period_date_start);
|
||||
if(date < period_date_end)
|
||||
{
|
||||
console.log(">>>>>");
|
||||
this.setState({ period_date_start: date, reconciliation_disabled: false });
|
||||
}
|
||||
else
|
||||
{
|
||||
this.setState({ reconciliation_disabled: true });
|
||||
this.setState({ period_date_start: date, reconciliation_disabled: true });
|
||||
}
|
||||
}
|
||||
else
|
||||
{
|
||||
this.setState({ reconciliation_disabled: true });
|
||||
this.setState({ period_date_start: date, reconciliation_disabled: true });
|
||||
}
|
||||
}
|
||||
else
|
||||
@ -145,7 +139,7 @@ class ReconciliationsPage extends React.Component
|
||||
|
||||
if(moment(date).isValid())
|
||||
{
|
||||
if(date >= valid_date_start && date < valid_date_end)
|
||||
if(date >= valid_date_start && date <= valid_date_end)
|
||||
{
|
||||
if(date > period_date_start)
|
||||
{
|
||||
@ -153,12 +147,12 @@ class ReconciliationsPage extends React.Component
|
||||
}
|
||||
else
|
||||
{
|
||||
this.setState({ reconciliation_disabled: true });
|
||||
this.setState({ period_date_end: date, reconciliation_disabled: true });
|
||||
}
|
||||
}
|
||||
else
|
||||
{
|
||||
this.setState({ reconciliation_disabled: true });
|
||||
this.setState({ period_date_end: date, reconciliation_disabled: true });
|
||||
}
|
||||
}
|
||||
else
|
||||
|
||||
@ -227,7 +227,7 @@ class IndexPage extends React.Component
|
||||
<div className="table_cell"><p className={ contract_status[contract.status] }>{ contract.status }</p></div>
|
||||
<div className="table_cell">
|
||||
{ contract.current_payment_date !== null ? (
|
||||
<>{ moment(contract.current_payment_date).format("DD.MM.YYYY") }<b className="price">{ numeral(contract.current_payment_amount).format(' ., ') } ₽</b></>
|
||||
<>{ moment(contract.current_payment_date).format("DD.MM.YYYY") }<b className="price" style={{ whiteSpace: "nowrap" }}>{ numeral(contract.current_payment_amount).format(' ., ') } ₽</b></>
|
||||
) : "-" }
|
||||
</div>
|
||||
</div>
|
||||
|
||||
121
pages/login.js
121
pages/login.js
@ -5,6 +5,7 @@ import { connect } from "react-redux";
|
||||
import { withRouter } from 'next/router';
|
||||
import { reduxWrapper } from '../store';
|
||||
import pluralize from 'pluralize-ru';
|
||||
import { SpinnerCircular } from 'spinners-react';
|
||||
|
||||
import Header from './components/Header';
|
||||
import Footer from './components/Footer';
|
||||
@ -35,6 +36,9 @@ class LoginPage extends React.Component
|
||||
phone_code_resend_disabled: true,
|
||||
phone_sms_code_error: false,
|
||||
timer: 0,
|
||||
email_auth_loading: false,
|
||||
phone_check_loading: false,
|
||||
code_check_loading: false,
|
||||
};
|
||||
|
||||
this.timer_ref = null;
|
||||
@ -51,61 +55,82 @@ class LoginPage extends React.Component
|
||||
{
|
||||
event.preventDefault();
|
||||
|
||||
const { email, password, } = this.state;
|
||||
sendLoginFormEmail({ email, password, dispatch: this.props.dispatch })
|
||||
.then(() =>
|
||||
{
|
||||
const { email, password, email_auth_loading } = this.state;
|
||||
|
||||
})
|
||||
.catch(() =>
|
||||
if(!email_auth_loading)
|
||||
{
|
||||
this.setState({ email_error: true });
|
||||
});
|
||||
this.setState({ email_auth_loading: true }, () =>
|
||||
{
|
||||
sendLoginFormEmail({ email, password, dispatch: this.props.dispatch })
|
||||
.then(() =>
|
||||
{
|
||||
//this.setState({ email_auth_loading: false, });
|
||||
})
|
||||
.catch(() =>
|
||||
{
|
||||
this.setState({ email_error: true, email_auth_loading: false });
|
||||
});
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
_handle_onPhoneSubmit = (event) =>
|
||||
{
|
||||
event.preventDefault();
|
||||
|
||||
const { phone, } = this.state;
|
||||
sendLoginFormPhone({ phone })
|
||||
.then(() =>
|
||||
const { phone, phone_check_loading } = this.state;
|
||||
|
||||
if(!phone_check_loading)
|
||||
{
|
||||
this.setState({ phone_number_error: false, timer: 60, phone_form_step: 2, }, () =>
|
||||
this.setState({ phone_check_loading: true }, () =>
|
||||
{
|
||||
this.timer_ref = setInterval(() =>
|
||||
sendLoginFormPhone({ phone })
|
||||
.then(() =>
|
||||
{
|
||||
const t = this.state.timer - 1;
|
||||
this.setState({ timer: t }, () =>
|
||||
this.setState({ phone_check_loading: false, phone_number_error: false, timer: 60, phone_form_step: 2, }, () =>
|
||||
{
|
||||
if(t === 0)
|
||||
this.timer_ref = setInterval(() =>
|
||||
{
|
||||
clearInterval(this.timer_ref);
|
||||
}
|
||||
const t = this.state.timer - 1;
|
||||
this.setState({ timer: t, }, () =>
|
||||
{
|
||||
if(t === 0)
|
||||
{
|
||||
clearInterval(this.timer_ref);
|
||||
}
|
||||
});
|
||||
}, 1000);
|
||||
});
|
||||
}, 1000);
|
||||
})
|
||||
.catch(() =>
|
||||
{
|
||||
this.setState({ phone_number_error: true, phone_check_loading: false });
|
||||
});
|
||||
});
|
||||
})
|
||||
.catch(() =>
|
||||
{
|
||||
this.setState({ phone_number_error: true });
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
_handle_onCodeSubmit = (event) =>
|
||||
{
|
||||
event.preventDefault();
|
||||
|
||||
const { phone, phone_code } = this.state;
|
||||
sendSmsCode({ dispatch: this.props.dispatch, phone, code: phone_code })
|
||||
.then(() =>
|
||||
const { phone, phone_code, code_check_loading } = this.state;
|
||||
|
||||
if(!code_check_loading)
|
||||
{
|
||||
this.setState({ phone_sms_code_error: false });
|
||||
})
|
||||
.catch(() =>
|
||||
{
|
||||
this.setState({ phone_sms_code_error: true });
|
||||
});
|
||||
this.setState({ code_check_loading: true }, () =>
|
||||
{
|
||||
sendSmsCode({ dispatch: this.props.dispatch, phone, code: phone_code })
|
||||
.then(() =>
|
||||
{
|
||||
this.setState({ phone_sms_code_error: false, code_check_loading: false });
|
||||
})
|
||||
.catch(() =>
|
||||
{
|
||||
this.setState({ phone_sms_code_error: true, code_check_loading: false });
|
||||
});
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
_handle_onResendCode = (event) =>
|
||||
@ -123,22 +148,22 @@ class LoginPage extends React.Component
|
||||
|
||||
_handle_onEmailChange = (value) =>
|
||||
{
|
||||
this.setState({ email: value, email_login_disabled: this._check_fields_disabled([ value, this.state.password ]) });
|
||||
this.setState({ email: value, email_login_disabled: this._check_fields_disabled([ value, this.state.password ]), email_error: false });
|
||||
}
|
||||
|
||||
_handle_onPasswordChange = (value) =>
|
||||
{
|
||||
this.setState({ password: value, email_login_disabled: this._check_fields_disabled([ value, this.state.email ]) });
|
||||
this.setState({ password: value, email_login_disabled: this._check_fields_disabled([ value, this.state.email ]), email_error: false });
|
||||
}
|
||||
|
||||
_handle_onPhoneChange = (value) =>
|
||||
{
|
||||
this.setState({ phone: value, phone_login_disabled: this._check_fields_disabled([ value ]) });
|
||||
this.setState({ phone: value, phone_login_disabled: this._check_fields_disabled([ value ]), phone_number_error: false });
|
||||
}
|
||||
|
||||
_handle_onPhoneCodeChange = (value) =>
|
||||
{
|
||||
this.setState({ phone_code: value, phone_code_submit_disabled: this._check_fields_disabled([ value ]) });
|
||||
this.setState({ phone_code: value, phone_code_submit_disabled: this._check_fields_disabled([ value ]), phone_sms_code_error: false });
|
||||
}
|
||||
|
||||
_check_fields_disabled = (values) =>
|
||||
@ -156,7 +181,9 @@ class LoginPage extends React.Component
|
||||
|
||||
render()
|
||||
{
|
||||
const { email, password, phone, phone_code, tab, email_error, phone_number_error, phone_code_error, email_login_disabled, phone_login_disabled, phone_form_step, phone_code_submit_disabled, phone_code_resend_disabled, timer, phone_sms_code_error } = this.state;
|
||||
const { email, password, phone, phone_code, tab, email_error, phone_number_error, phone_code_error,
|
||||
email_login_disabled, phone_login_disabled, phone_form_step, phone_code_submit_disabled, phone_code_resend_disabled,
|
||||
timer, phone_sms_code_error, email_auth_loading, phone_check_loading, code_check_loading } = this.state;
|
||||
|
||||
return (
|
||||
<React.Fragment>
|
||||
@ -189,7 +216,11 @@ class LoginPage extends React.Component
|
||||
<div className="form_field">
|
||||
<input type="password" name="password" value={ password } placeholder="Введите пароль" onChange={ (event) => this._handle_onPasswordChange(event.target.value) } required={ true }/>
|
||||
</div>
|
||||
<button type="submit" className="button button-blue" disabled={ email_login_disabled }>Войти</button>
|
||||
<button type="submit" className="button button-blue" disabled={ email_login_disabled }>
|
||||
{ email_auth_loading ? (
|
||||
<SpinnerCircular size={24} thickness={100} speed={100} color="rgba(255, 255, 255, 1)" secondaryColor="rgba(255, 255, 255, 0.5)" style={{ marginTop: "4px" }}/>
|
||||
) : "Войти" }
|
||||
</button>
|
||||
<p>{ email_error ? 'Ошибка: Неверный логин или пароль' : `\u00A0` }</p>
|
||||
</form>
|
||||
) : (
|
||||
@ -200,7 +231,11 @@ class LoginPage extends React.Component
|
||||
<div className="form_field">
|
||||
<input type="text" name="phone" value={ phone } placeholder="Введите номер телефона, например +7 900 111 22 33" onChange={ (event) => this._handle_onPhoneChange(event.target.value) } required={ true }/>
|
||||
</div>
|
||||
<button type="submit" className="button button-blue" disabled={ phone_login_disabled }>Получить код</button>
|
||||
<button type="submit" className="button button-blue" disabled={ phone_login_disabled }>
|
||||
{ phone_check_loading ? (
|
||||
<SpinnerCircular size={24} thickness={100} speed={100} color="rgba(255, 255, 255, 1)" secondaryColor="rgba(255, 255, 255, 0.5)" style={{ marginTop: "4px" }}/>
|
||||
) : "Получить код" }
|
||||
</button>
|
||||
</form>
|
||||
<p>{ phone_number_error ? 'Ошибка: нет аккаунта с таким номером телефона' : `\u00A0` }</p>
|
||||
</>
|
||||
@ -212,7 +247,11 @@ class LoginPage extends React.Component
|
||||
<div className="form_field">
|
||||
<input type="text" name="phone_code" value={ phone_code } placeholder="Введите код из СМС" onChange={ (event) => this._handle_onPhoneCodeChange(event.target.value) } />
|
||||
</div>
|
||||
<button type="submit" className="button button-blue" disabled={ phone_code_submit_disabled }>Отправить код</button>
|
||||
<button type="submit" className="button button-blue" disabled={ phone_code_submit_disabled }>
|
||||
{ code_check_loading ? (
|
||||
<SpinnerCircular size={24} thickness={100} speed={100} color="rgba(255, 255, 255, 1)" secondaryColor="rgba(255, 255, 255, 0.5)" style={{ marginTop: "4px" }}/>
|
||||
) : "Отправить код" }
|
||||
</button>
|
||||
</form>
|
||||
<div className="resend" style={{ justifyContent: "flex-start" }}>
|
||||
{ timer !== 0 ? (
|
||||
|
||||
5
public/assets/images/icons/icon-file.svg
Normal file
5
public/assets/images/icons/icon-file.svg
Normal file
@ -0,0 +1,5 @@
|
||||
<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M48.9791 0.0490281V0C48.9791 0 20.6067 0.0349167 10.5214 0.0454098C8.54382 0.0454098 7.01562 1.53163 7.01562 3.55119V55.9984H45.482C47.4124 55.9984 48.9789 54.4318 48.9789 52.5015V3.54413H52.4758V0.0472189C52.476 0.0472189 48.9791 0.0490281 48.9791 0.0490281Z" fill="#A8026B"/>
|
||||
<path d="M41.9869 52.5031C41.9869 50.5727 43.5535 49.0062 45.4839 49.0062H3.52035C1.58998 49.0062 0.0234375 50.5727 0.0234375 52.5031C0.0234375 54.4334 1.58998 56 3.52035 56H45.4837C43.5535 56.0002 41.9869 54.4334 41.9869 52.5031Z" fill="#830354"/>
|
||||
<path d="M52.4774 0.0490723C50.547 0.0490723 48.9805 1.61562 48.9805 3.54599V7.0429H52.4774C54.4078 7.0429 55.9743 5.47635 55.9743 3.54599C55.9743 1.61381 54.4078 0.0490723 52.4774 0.0490723Z" fill="#830354"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 849 B |
5
public/assets/images/icons/logout.svg
Normal file
5
public/assets/images/icons/logout.svg
Normal file
@ -0,0 +1,5 @@
|
||||
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M19.9561 12.3906L23.5654 16L19.9561 19.6094" stroke="#0C0C0C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M13.9375 16H23.5625" stroke="#0C0C0C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M15.3125 23.5625H9.125C8.94266 23.5625 8.7678 23.4901 8.63886 23.3611C8.50993 23.2322 8.4375 23.0573 8.4375 22.875V9.125C8.4375 8.94266 8.50993 8.7678 8.63886 8.63886C8.7678 8.50993 8.94266 8.4375 9.125 8.4375H15.3125" stroke="#0C0C0C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 664 B |
@ -28,6 +28,7 @@ const contractReducer = (state = initialState.contract, action) =>
|
||||
return {
|
||||
...state,
|
||||
payments: action.data.payments,
|
||||
avans: action.data.avans,
|
||||
};
|
||||
}
|
||||
|
||||
|
||||
@ -22,6 +22,7 @@ export const defaultState = {
|
||||
},
|
||||
contract: {
|
||||
payments: null,
|
||||
avans: null,
|
||||
date: null,
|
||||
car: null,
|
||||
insurance: null,
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user