работы по обновлению ЛК
This commit is contained in:
Denis
parent
a89c0808e2
commit
5a110fb855
File diff suppressed because one or more lines are too long
@ -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,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"}
|
||||
{"version":3,"sources":["style.less"],"names":[],"mappings":"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"}
|
||||
@ -22,7 +22,7 @@ header {
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 0;
|
||||
background: #fff;
|
||||
background: #fff;
|
||||
|
||||
&:after {
|
||||
display: none;
|
||||
@ -88,6 +88,253 @@ header {
|
||||
}
|
||||
}
|
||||
|
||||
.system_nav {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 16px;
|
||||
|
||||
> li > a {
|
||||
display: block;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
font-size: 0px;
|
||||
color: transparent;
|
||||
position: relative;
|
||||
|
||||
&[data-notify]:before {
|
||||
content: attr(data-notify);
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: -2px;
|
||||
right: -2px;
|
||||
width: 19px;
|
||||
height: 19px;
|
||||
border-radius: 100%;
|
||||
line-height: 19px;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
background: #A8026B;
|
||||
font-size: 13px;
|
||||
|
||||
@media all and (max-width: 768px) {
|
||||
width: 13px;
|
||||
height: 13px;
|
||||
font-size: 10px;
|
||||
line-height: 14px;
|
||||
top: 0;
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&[data-notify="0"]:before {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
&[data-icon="phone"] {
|
||||
background: url(/assets/images/icons/icon-phone-black.svg) no-repeat center;
|
||||
}
|
||||
|
||||
&[data-icon="notify"] {
|
||||
background: url(/assets/images/icons/icon-notify.svg) no-repeat center;
|
||||
}
|
||||
|
||||
&[data-icon="message"] {
|
||||
background: url(/assets/images/icons/icon-message.svg) no-repeat center;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-width: 768px) {
|
||||
gap: 12px;
|
||||
|
||||
> li > a {
|
||||
width: 21px;
|
||||
height: 21px;
|
||||
background-size: 21px !important;
|
||||
}
|
||||
}
|
||||
|
||||
li {
|
||||
position: relative;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.backdrop {
|
||||
position: absolute;
|
||||
width: 657px;
|
||||
top: 65px;
|
||||
right: -96px;
|
||||
display: none;
|
||||
|
||||
&.opened {
|
||||
display: block;
|
||||
}
|
||||
|
||||
@media all and (max-width: 1279px) {
|
||||
width: 600px;
|
||||
}
|
||||
|
||||
@media all and (max-width: 768px) {
|
||||
background: rgba(12, 12, 12, 0.5);
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
z-index: 9999;
|
||||
padding: 55px 15px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
.modal {
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0px 4px 32px rgba(0, 0, 0, 0.16);
|
||||
padding: 35px 20px 0 46px;
|
||||
position: relative;
|
||||
|
||||
&:before {
|
||||
content: "";
|
||||
display: block;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-left: 13px solid transparent;
|
||||
border-right: 13px solid transparent;
|
||||
border-bottom: 24px solid #fff;
|
||||
position: absolute;
|
||||
top: -24px;
|
||||
right: 100px;
|
||||
}
|
||||
|
||||
@media all and (max-width: 768px) {
|
||||
&:before {display: none;}
|
||||
padding: 17px 17px 0 17px;
|
||||
}
|
||||
|
||||
.list {
|
||||
li {
|
||||
font-size: 13px;
|
||||
line-height: 20px;
|
||||
border-bottom: 1px solid #EDEFF5;
|
||||
color: #2C2D2E;
|
||||
padding: 10px 0;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
position: relative;
|
||||
|
||||
&.new {
|
||||
&:after {
|
||||
content: "";
|
||||
display: block;
|
||||
width: 13px;
|
||||
height: 13px;
|
||||
border-radius: 100%;
|
||||
background: #2F80ED;
|
||||
position: absolute;
|
||||
top: 14px;
|
||||
right: 0;
|
||||
|
||||
@media all and (max-width: 768px) {
|
||||
right: auto;
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
p {
|
||||
line-height: 20px;
|
||||
|
||||
&:not(:last-child) {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
&.name {
|
||||
color: #8E94A7;
|
||||
width: calc(100% - 110px);
|
||||
font-weight: 700;
|
||||
|
||||
@media all and (max-width: 768px) {
|
||||
order: 2;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
|
||||
b {
|
||||
color: #2C2D2E;
|
||||
}
|
||||
}
|
||||
|
||||
&.date {
|
||||
font-weight: 700;
|
||||
font-size: 13px;
|
||||
line-height: 20px;
|
||||
color: #8E94A7;
|
||||
margin-right: 30px;
|
||||
|
||||
@media all and (max-width: 768px) {
|
||||
order: 1;
|
||||
width: 100%;
|
||||
margin-left: 20px;
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&.action {
|
||||
width: 100%;
|
||||
margin-top: 10px;
|
||||
|
||||
@media all and (max-width: 768px) {
|
||||
order: 3;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
color: var(--blue);
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.all {
|
||||
background: var(--blue);
|
||||
line-height: 40px;
|
||||
text-align: center;
|
||||
display: block;
|
||||
margin: 15px -20px 0 -46px;
|
||||
font-weight: 600;
|
||||
font-size: 13px;
|
||||
color: #fff;
|
||||
|
||||
@media all and (max-width: 768px) {
|
||||
margin: 15px -17px 0 -17px;
|
||||
}
|
||||
}
|
||||
|
||||
.close {
|
||||
display: none;
|
||||
|
||||
@media all and (max-width: 768px) {
|
||||
margin: 0 -17px 0 -17px;
|
||||
background: #fff;
|
||||
color: var(--blue);
|
||||
line-height: 40px;
|
||||
text-align: center;
|
||||
display: block;
|
||||
font-weight: 600;
|
||||
font-size: 13px;
|
||||
width: calc(100% + 34px);
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.lk {
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
@ -98,24 +345,24 @@ header {
|
||||
}
|
||||
|
||||
@media all and (max-width: 1420px) {
|
||||
|
||||
|
||||
|
||||
a {
|
||||
&.logo {
|
||||
img {
|
||||
width: 180px;
|
||||
height: 26px;
|
||||
object-fit: contain;
|
||||
}
|
||||
&.logo {
|
||||
img {
|
||||
width: 180px;
|
||||
height: 26px;
|
||||
object-fit: contain;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.header_menu {
|
||||
padding: 0 16px;
|
||||
margin: 0 16px;
|
||||
padding: 0 16px;
|
||||
margin: 0 16px;
|
||||
|
||||
nav {
|
||||
|
||||
|
||||
ul li {
|
||||
&:not(:last-child) {
|
||||
margin-right: 15px;
|
||||
@ -133,26 +380,27 @@ header {
|
||||
font-size: 15px;
|
||||
line-height: 24px;
|
||||
height: 86px;
|
||||
|
||||
|
||||
a {
|
||||
&.logo {
|
||||
img {
|
||||
width: 130px;
|
||||
height: 20px;
|
||||
}
|
||||
}
|
||||
&.logo {
|
||||
img {
|
||||
width: 130px;
|
||||
height: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.header_menu {
|
||||
padding: 0 16px 0 32px;
|
||||
margin: 0 16px 0 32px;
|
||||
padding: 0 16px 0 32px;
|
||||
margin: 0 16px 0 32px;
|
||||
border-right: 0;
|
||||
|
||||
|
||||
|
||||
nav {
|
||||
height: 23px;
|
||||
position: relative;
|
||||
|
||||
|
||||
|
||||
.nav_toggle {
|
||||
display: block;
|
||||
@ -174,39 +422,39 @@ header {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
ul {
|
||||
display: block;
|
||||
position: absolute;
|
||||
background: #fff;
|
||||
padding: 15px 20px;
|
||||
top: 25px;
|
||||
left: -20px;
|
||||
width: 320px;
|
||||
ul {
|
||||
display: block;
|
||||
position: absolute;
|
||||
background: #fff;
|
||||
padding: 15px 20px;
|
||||
top: 25px;
|
||||
left: -20px;
|
||||
width: 320px;
|
||||
|
||||
&:not(.open) {
|
||||
display: none;
|
||||
&:not(.open) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
li {
|
||||
&:not(:last-child) {
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
|
||||
li {
|
||||
&:not(:last-child) {
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
|
||||
a {
|
||||
font-size: 15px;
|
||||
}
|
||||
a {
|
||||
font-size: 15px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
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;
|
||||
}
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
background: url("/assets/images/icons/icon-header-phone.svg") no-repeat center;
|
||||
text-indent: -9999px;
|
||||
overflow: hidden;
|
||||
margin-left: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -243,4 +491,4 @@ header {
|
||||
background-size: contain;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -49,8 +49,25 @@ main {
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
& + h5,
|
||||
& + .section_subtitle {
|
||||
margin-top: 8px;
|
||||
font-weight: normal;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
line-height: 29px;
|
||||
color: var(--text_not_active);
|
||||
|
||||
@media all and (max-width: 960px) {
|
||||
font-size: 11px;
|
||||
line-height: 15px;
|
||||
margin-top: 4px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.title_link {
|
||||
font-weight: 600;
|
||||
display: inline-block;
|
||||
@ -93,6 +110,86 @@ main {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.company-dropdown {
|
||||
position: relative;
|
||||
z-index: 5;
|
||||
|
||||
.arrow {
|
||||
cursor: pointer;
|
||||
padding-right: 22px;
|
||||
background: url(/assets/images/icons/company-arrow.svg) no-repeat 100% 8px;
|
||||
}
|
||||
|
||||
.companies_list {
|
||||
display: none;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: calc(100% + 10px);
|
||||
width: 412px;
|
||||
background: #fff;
|
||||
box-shadow: 0px 4px 32px rgba(0, 0, 0, 0.16);
|
||||
padding: 35px 60px 20px 6px;
|
||||
|
||||
@media all and (max-width: 1279px) {
|
||||
top: calc(100% + 35px);
|
||||
}
|
||||
|
||||
@media all and (max-width: 768px) {
|
||||
top: calc(100% + 25px);
|
||||
max-width: 300px;
|
||||
right: 16px;
|
||||
left: 0;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
&.opened {
|
||||
display: block;
|
||||
}
|
||||
|
||||
&:before {
|
||||
content: "";
|
||||
display: block;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-left: 13px solid transparent;
|
||||
border-right: 13px solid transparent;
|
||||
border-bottom: 24px solid #fff;
|
||||
position: absolute;
|
||||
top: -24px;
|
||||
right: 60px;
|
||||
|
||||
@media all and (max-width: 768px) {
|
||||
right: auto;
|
||||
left: 60px;
|
||||
}
|
||||
}
|
||||
|
||||
.company_item {
|
||||
padding-left: 60px;
|
||||
margin-bottom: 20px;
|
||||
cursor: pointer;
|
||||
|
||||
&:not(:last-child) {
|
||||
border-bottom: 1px solid #EDEFF5;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
@media all and (max-width: 768px) {
|
||||
padding-left: 50px;
|
||||
}
|
||||
|
||||
&.selected {
|
||||
pointer-events: none;
|
||||
background: url(/assets/images/icons/icon-selected.svg) no-repeat 10px 50%;
|
||||
|
||||
@media all and (max-width: 768px) {
|
||||
background-size: 24px !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Главный слайдер
|
||||
@ -1543,6 +1640,35 @@ main {
|
||||
}
|
||||
}
|
||||
|
||||
.click-more {
|
||||
color: var(--blue);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.paymentDateForm {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-top: 15px;
|
||||
|
||||
.form_field {
|
||||
width :100%;
|
||||
}
|
||||
|
||||
button.button {
|
||||
min-width: 160px;
|
||||
margin-left: 30px;
|
||||
}
|
||||
|
||||
@media all and (max-width: 768px) {
|
||||
display: block;
|
||||
|
||||
button.button {
|
||||
margin-left: 0;
|
||||
margin-top: 30px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown_blocks_list {
|
||||
&.zero-margin {
|
||||
margin-left: -30px;
|
||||
@ -1600,6 +1726,52 @@ main {
|
||||
}
|
||||
}
|
||||
|
||||
.block-column {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
border-bottom: 1px solid #EDEFF5;
|
||||
margin-bottom: 15px;
|
||||
padding-bottom: 15px;
|
||||
flex-wrap: wrap;
|
||||
|
||||
.dropdown_block {
|
||||
width: 240px;
|
||||
margin-right: 50px;
|
||||
border: 0 !important;
|
||||
}
|
||||
|
||||
.dosc_list {
|
||||
width: calc(100% - 290px);
|
||||
}
|
||||
|
||||
.block_with_form {
|
||||
@media all and (max-width: 960px) {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@media all and (max-width: 768px) {
|
||||
margin-top: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-width: 768px) {
|
||||
display: block;
|
||||
margin-bottom: 25px;
|
||||
padding-bottom: 10px;
|
||||
|
||||
.dropdown_block, .dosc_list {
|
||||
width: 100%;
|
||||
margin-right: 0;
|
||||
border: 0 !important;
|
||||
|
||||
.block_header {
|
||||
padding: 0;
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown_block {
|
||||
&:not(:last-child) {
|
||||
border-bottom: 1px solid #EDEFF5;
|
||||
@ -1620,6 +1792,10 @@ main {
|
||||
justify-content: space-between;
|
||||
cursor: pointer;
|
||||
|
||||
&.default {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-bottom: 0;
|
||||
margin-right: 20px;
|
||||
@ -2300,6 +2476,23 @@ main {
|
||||
|
||||
// Документы
|
||||
.dosc_list {
|
||||
.list_title {
|
||||
margin-top: 45px;
|
||||
font-weight: 700;
|
||||
margin-bottom: 15px;
|
||||
font-size: 15px;
|
||||
line-height: 23px;
|
||||
|
||||
@media all and (max-width: 768px) {
|
||||
margin-top: 25px;
|
||||
font-size: 13px;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
&:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
.row {
|
||||
margin-bottom: 35px;
|
||||
display: flex;
|
||||
@ -2346,11 +2539,38 @@ main {
|
||||
span {
|
||||
display: block;
|
||||
font-weight: 400;
|
||||
margin-top: 8px;
|
||||
margin-top: 2px;
|
||||
color: var(--text_not_active);
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.btn_group {
|
||||
display: flex;
|
||||
|
||||
@media all and (max-width: 768px) {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.button {
|
||||
width: auto;
|
||||
margin-left: 30px;
|
||||
|
||||
@media all and (max-width: 768px) {
|
||||
margin-bottom: 0px;
|
||||
display: flex;
|
||||
margin-top: 16px !important;
|
||||
|
||||
&:first-child {
|
||||
margin-left: 0;
|
||||
width: auto;
|
||||
display: inline-flex;
|
||||
margin-top: 8px !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.doc_date {
|
||||
margin-right: 30px;
|
||||
margin-left: 30px;
|
||||
@ -2358,7 +2578,8 @@ main {
|
||||
}
|
||||
|
||||
.button {
|
||||
width: 104px;
|
||||
width: auto;
|
||||
padding: 0 30px;
|
||||
}
|
||||
}
|
||||
|
||||
@ -2429,9 +2650,10 @@ main {
|
||||
}
|
||||
|
||||
.button:not(.download-icon) {
|
||||
margin-left: 55px;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
margin-top: 8px;
|
||||
width: 96px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.button.download-icon {
|
||||
@ -2449,6 +2671,53 @@ main {
|
||||
|
||||
|
||||
|
||||
.payments_actions {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
margin-bottom: 30px;
|
||||
|
||||
.avans {
|
||||
margin-bottom: 0;
|
||||
|
||||
p {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
span {color: #000;}
|
||||
}
|
||||
|
||||
div {
|
||||
&:nth-child(2) {min-width: 30%;}
|
||||
p {
|
||||
font-weight: 700;
|
||||
margin-bottom: 16px;
|
||||
span {
|
||||
color: #A8026B
|
||||
}
|
||||
}
|
||||
|
||||
button + button {
|
||||
margin-left: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1279px) {
|
||||
div {
|
||||
width: 100%;
|
||||
|
||||
&:not(:last-child) {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 13px;
|
||||
line-height: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Таблица договоров в лк
|
||||
.contract_table {
|
||||
@ -2470,7 +2739,7 @@ main {
|
||||
}
|
||||
|
||||
&:nth-child(5) {
|
||||
//word-break: break-all;
|
||||
word-break: break-all;
|
||||
width: 19%;
|
||||
}
|
||||
|
||||
@ -2489,6 +2758,74 @@ main {
|
||||
b {
|
||||
display: block;
|
||||
}
|
||||
|
||||
span {
|
||||
display: block;
|
||||
word-break: break-all;
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
.contract_debt {
|
||||
margin-top: 30px;
|
||||
|
||||
span {
|
||||
display: block;
|
||||
color: #A8026B;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
}
|
||||
|
||||
.service_list {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 24px 16px;
|
||||
|
||||
@media all and (max-width: 1279px) {
|
||||
gap: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
i {
|
||||
&[data-additional-service] {
|
||||
display: inline-block;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
|
||||
@media all and (max-width: 1279px) {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background-size: contain !important;
|
||||
}
|
||||
}
|
||||
|
||||
&[data-additional-service="1"] {
|
||||
background: url("/assets/images/icons/additional-service-1.svg") no-repeat bottom center;
|
||||
}
|
||||
|
||||
&[data-additional-service="2"] {
|
||||
background: url("/assets/images/icons/additional-service-2.svg") no-repeat bottom center;
|
||||
}
|
||||
|
||||
&[data-additional-service="3"] {
|
||||
background: url("/assets/images/icons/additional-service-3.svg") no-repeat bottom center;
|
||||
}
|
||||
|
||||
&[data-additional-service="4"] {
|
||||
background: url("/assets/images/icons/additional-service-4.svg") no-repeat bottom center;
|
||||
}
|
||||
|
||||
&[data-additional-service="5"] {
|
||||
background: url("/assets/images/icons/additional-service-5.svg") no-repeat bottom center;
|
||||
}
|
||||
|
||||
&[data-additional-service="6"] {
|
||||
background: url("/assets/images/icons/additional-service-6.svg") no-repeat bottom center;
|
||||
}
|
||||
|
||||
&[data-additional-service="7"] {
|
||||
background: url("/assets/images/icons/additional-service-7.svg") no-repeat bottom center;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -2544,7 +2881,7 @@ main {
|
||||
.table_row {
|
||||
@media all and (max-width: 1279px) {
|
||||
width: 100%;
|
||||
margin-bottom: 15px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.table_cell {
|
||||
@ -2582,6 +2919,8 @@ main {
|
||||
|
||||
@media all and (max-width: 1279px) {
|
||||
position: relative;
|
||||
width: calc(50% - 15px);
|
||||
|
||||
.table_cell {
|
||||
width: 100%;
|
||||
padding-right: 45px;
|
||||
@ -2716,7 +3055,9 @@ main {
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-width: 768px) {}
|
||||
@media all and (max-width: 768px) {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -2762,6 +3103,29 @@ main {
|
||||
width: 50%;
|
||||
text-align: left;
|
||||
}
|
||||
&:nth-child(4) {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
position: relative;
|
||||
padding-bottom: 16px;
|
||||
margin-bottom: 16px;
|
||||
|
||||
&:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: -15px;
|
||||
right: 0;
|
||||
width: auto;
|
||||
height: 1px;
|
||||
background: #EDEFF5;
|
||||
}
|
||||
|
||||
span {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
&:nth-child(2),
|
||||
&:nth-child(5) {
|
||||
font-size: 10px;
|
||||
@ -2769,6 +3133,9 @@ main {
|
||||
width: 40%;
|
||||
text-align: right;
|
||||
}
|
||||
&:nth-child(5) {
|
||||
text-align: left;
|
||||
}
|
||||
&:nth-child(3) {
|
||||
font-weight: 700;
|
||||
margin: 15px 0;
|
||||
@ -2780,24 +3147,13 @@ main {
|
||||
margin-top: 15px;
|
||||
padding-top: 15px;
|
||||
position: relative;
|
||||
|
||||
&:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: -15px;
|
||||
right: 0;
|
||||
width: auto;
|
||||
height: 1px;
|
||||
background: #EDEFF5;
|
||||
}
|
||||
}
|
||||
&:nth-child(7) {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: 60%;
|
||||
width: 100%;
|
||||
text-align: right;
|
||||
justify-content: flex-end;
|
||||
justify-content: flex-start;
|
||||
margin-top: 15px;
|
||||
padding-top: 15px;
|
||||
position: relative;
|
||||
@ -2811,6 +3167,8 @@ main {
|
||||
width: auto;
|
||||
height: 1px;
|
||||
background: #EDEFF5;
|
||||
|
||||
display: none;
|
||||
}
|
||||
|
||||
.price {
|
||||
@ -3350,3 +3708,206 @@ main .dropdown_blocks_list .dropdown_block .block_body {
|
||||
border-top: 1px solid #EDEFF5;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.helpBox {
|
||||
max-width: 730px;
|
||||
margin: 80px 0 0 0;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0px 4px 32px rgba(0, 0, 0, 0.16);
|
||||
border-radius: 17px;
|
||||
padding: 30px 25px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
||||
.avatar {
|
||||
width: 62px;
|
||||
min-width: 62px;
|
||||
height: 62px;
|
||||
}
|
||||
|
||||
.content {
|
||||
width: calc(100% - 86px);
|
||||
|
||||
p {
|
||||
font-size: 15px;
|
||||
line-height: 22px;
|
||||
margin-bottom: 3px;
|
||||
|
||||
&.name {
|
||||
|
||||
}
|
||||
|
||||
&.message {
|
||||
font-weight: 700;
|
||||
color: var(--blue);
|
||||
}
|
||||
|
||||
&.position {
|
||||
color: var(--text_not_active);
|
||||
}
|
||||
}
|
||||
|
||||
.info {
|
||||
margin-top: 15px;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 15px;
|
||||
|
||||
a {
|
||||
display: block;
|
||||
width: calc(33.33% - 15px);
|
||||
padding-left: 38px;
|
||||
line-height: 26px;
|
||||
font-size: 15px;
|
||||
color: #0C0C0C;
|
||||
box-sizing: border-box;
|
||||
background: url("/assets/images/icons/icon-messanger.svg") no-repeat left center;
|
||||
|
||||
&[href^="tel:"] {
|
||||
background: url("/assets/images/icons/icon-phone-blue.svg") no-repeat left center;
|
||||
}
|
||||
|
||||
&[href^="mailto:"] {
|
||||
background: url("/assets/images/icons/icon-email.svg") no-repeat left center;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-width: 1279px) {
|
||||
display: block;
|
||||
|
||||
a {
|
||||
width: auto;
|
||||
|
||||
&:not(:last-child) {
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.feed {
|
||||
position: relative;
|
||||
padding-top: 0;
|
||||
margin-bottom: 30px;
|
||||
|
||||
@media (max-width: 1600px) and (min-width: 1280px) {
|
||||
margin-top: 50px;
|
||||
}
|
||||
|
||||
.feed_list {
|
||||
//display: flex;
|
||||
margin-right: -50px;
|
||||
.slick-track {
|
||||
display: flex;
|
||||
|
||||
|
||||
&:after {
|
||||
content: "";
|
||||
display: block;
|
||||
width: 20px;
|
||||
height : 50px;
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
||||
.slick-slide {
|
||||
margin-right: 30px;
|
||||
|
||||
&:first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 1420px) {
|
||||
width: 289px;
|
||||
min-width: 289px;
|
||||
}
|
||||
|
||||
.feed_item {
|
||||
box-sizing: border-box;
|
||||
padding: 24px 16px;
|
||||
background: var(--inactive);
|
||||
|
||||
}
|
||||
|
||||
|
||||
p {
|
||||
margin-bottom: 16px;
|
||||
color: #0C0C0C;
|
||||
|
||||
&.item_title {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
&.item_desc {
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.item_link {
|
||||
color: var(--blue);
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.slick-arrow {
|
||||
width: 96px;
|
||||
height: 28px;
|
||||
padding: 0 9px;
|
||||
background: var(--blue);
|
||||
outline: none;
|
||||
border: 0;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: -44px;
|
||||
|
||||
&.slick-prev {
|
||||
right: 96px;
|
||||
}
|
||||
|
||||
&.slick-disabled {
|
||||
pointer-events: none;
|
||||
background: var(--inactive);
|
||||
|
||||
svg {
|
||||
margin: auto;
|
||||
|
||||
path {
|
||||
stroke: #8E94A7;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1279px) {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.offline {
|
||||
max-width: 920px;
|
||||
text-align: center;
|
||||
margin: 30px auto;
|
||||
|
||||
p {
|
||||
font-weight: 400;
|
||||
font-size: 26px;
|
||||
line-height: 150%;
|
||||
text-align: center;
|
||||
color: #1C01A9;
|
||||
}
|
||||
|
||||
@media all and (max-width: 1279px) {
|
||||
max-width: 610px;
|
||||
margin: 15px auto;
|
||||
|
||||
p {
|
||||
font-size: 13px;
|
||||
line-height: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
@ -1 +1 @@
|
||||
{"version":3,"sources":["var.less"],"names":[],"mappings":"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"}
|
||||
{"version":3,"sources":["var.less"],"names":[],"mappings":"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"}
|
||||
30
css/var.less
30
css/var.less
@ -42,6 +42,10 @@ body {
|
||||
}
|
||||
}
|
||||
|
||||
.overflow {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.container {
|
||||
padding-top: 80px;
|
||||
padding-bottom: 80px;
|
||||
@ -75,9 +79,13 @@ body {
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
|
||||
@media all and (max-width: 1279px) {
|
||||
padding-top: 30px;
|
||||
}
|
||||
|
||||
@media all and (max-width: 960px) {
|
||||
padding-top: 40px;
|
||||
padding-bottom: 40px;
|
||||
padding-top: 30px;
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
|
||||
@media all and (max-width: 1420px) {
|
||||
@ -469,11 +477,14 @@ div {
|
||||
|
||||
.avans {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
justify-content: flex-start;
|
||||
margin-bottom: 80px;
|
||||
|
||||
p {
|
||||
font-size: 17px;
|
||||
font-weight: 600;
|
||||
font-weight: 700;
|
||||
font-size: 15px;
|
||||
line-height: 23px;
|
||||
color: #000;
|
||||
padding-bottom: 0px;
|
||||
|
||||
@media all and (max-width: 1280px) {
|
||||
@ -481,6 +492,15 @@ div {
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-width: 1279px) {
|
||||
margin-bottom: 30px;
|
||||
|
||||
p {
|
||||
font-size: 13px;
|
||||
line-height: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.rw-calendar-btn-view {
|
||||
|
||||
4488
package-lock.json
generated
Normal file
4488
package-lock.json
generated
Normal file
File diff suppressed because it is too large
Load Diff
@ -32,6 +32,7 @@
|
||||
"react-cookie": "^4.1.1",
|
||||
"react-dom": "17.0.2",
|
||||
"react-redux": "^7.2.6",
|
||||
"react-slick": "^0.29.0",
|
||||
"react-widgets": "^5.5.1",
|
||||
"redux": "^4.1.2",
|
||||
"redux-persist": "^6.0.0",
|
||||
|
||||
57
pages/500.js
Normal file
57
pages/500.js
Normal file
@ -0,0 +1,57 @@
|
||||
import React from "react";
|
||||
import Head from "next/head";
|
||||
|
||||
import Header from "./components/Header";
|
||||
import Footer from "./components/Footer";
|
||||
import Company from "./components/Company";
|
||||
|
||||
class Offline extends React.Component {
|
||||
constructor(props) {
|
||||
super(props);
|
||||
this.state = {};
|
||||
}
|
||||
|
||||
static getDerivedStateFromProps(nextProps, prevState) {
|
||||
return {};
|
||||
}
|
||||
|
||||
componentDidMount() {}
|
||||
|
||||
render() {
|
||||
return (
|
||||
<React.Fragment>
|
||||
<Head>
|
||||
<title>ЛК Эволюция автолизинга</title>
|
||||
<meta name="description" content="ЛК Эволюция автолизинга" />
|
||||
</Head>
|
||||
<Header {...this.props} />
|
||||
<main>
|
||||
<section>
|
||||
<div className="clear"></div>
|
||||
<div className="container">
|
||||
<div className="title_wrapper">
|
||||
<div className="left">
|
||||
<h1 className="section_title">Личный кабинет</h1>
|
||||
</div>
|
||||
<div className="right">
|
||||
<Company />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="offline">
|
||||
<p>
|
||||
В настоящий момент ведутся технические работы. Если Вам
|
||||
необходимо получить информацию, пожалуйста, свяжитесь с нами
|
||||
по телефону: 8 800 111 22 33
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
<Footer />
|
||||
</React.Fragment>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
export default Offline;
|
||||
@ -22,12 +22,35 @@ class Company extends React.Component
|
||||
{
|
||||
const { company } = this.state;
|
||||
return (
|
||||
<div className="right">
|
||||
<p align="right">
|
||||
<div className="right company-dropdown">
|
||||
<p align="right" className="arrow">
|
||||
<b>{ company.title }</b><br/>
|
||||
{company.inn != null && <span>ИНН: { company.inn } </span>}
|
||||
{company.kpp != null && <span>КПП: { company.kpp }</span>}
|
||||
</p>
|
||||
|
||||
<div className="companies_list"> {/* opened */}
|
||||
<div className="company_item">
|
||||
<p align="right">
|
||||
<b>ООО “ЮКС“</b><br/>
|
||||
ИНН: <span>12345678765</span> КПП: <span>13432-02</span>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div className="company_item">
|
||||
<p align="right">
|
||||
<b>ООО “Еще одно название”</b><br/>
|
||||
ИНН: <span>12345678765</span> КПП: <span>13432-02</span>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div className="company_item selected">
|
||||
<p align="right">
|
||||
<b>ООО “Друзья и КО”</b><br/>
|
||||
ИНН: <span>12345678765</span> КПП: <span>13432-02</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
141
pages/components/Feed/index.js
Normal file
141
pages/components/Feed/index.js
Normal file
@ -0,0 +1,141 @@
|
||||
import React from "react";
|
||||
import { connect } from "react-redux";
|
||||
import Slider from "react-slick";
|
||||
|
||||
function NextArrow(props) {
|
||||
const { className, style, onClick } = props;
|
||||
return (
|
||||
<button
|
||||
className={className}
|
||||
style={{ ...style }}
|
||||
onClick={onClick}
|
||||
>
|
||||
<svg width={8} height={12} fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path
|
||||
d="m1 1 6 5-5.25 5"
|
||||
stroke="#fff"
|
||||
strokeWidth={2}
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</svg>
|
||||
</button>
|
||||
);
|
||||
}
|
||||
|
||||
function PrevArrow(props) {
|
||||
const { className, style, onClick } = props;
|
||||
return (
|
||||
<button
|
||||
className={className}
|
||||
style={{ ...style }}
|
||||
onClick={onClick}
|
||||
>
|
||||
<svg width={8} height={12} fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path
|
||||
d="M7 11 1 6l5.25-5"
|
||||
stroke="#fff"
|
||||
strokeWidth={2}
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</svg>
|
||||
</button>
|
||||
);
|
||||
}
|
||||
|
||||
class Feed extends React.Component {
|
||||
constructor(props) {
|
||||
super(props);
|
||||
this.state = {
|
||||
company: {},
|
||||
};
|
||||
}
|
||||
|
||||
static getDerivedStateFromProps(nextProps, prevState) {
|
||||
return {};
|
||||
}
|
||||
|
||||
render() {
|
||||
const settings = {
|
||||
dots: false,
|
||||
infinite: false,
|
||||
speed: 500,
|
||||
slidesToShow: 2,
|
||||
slidesToScroll: 1,
|
||||
centerMode: false,
|
||||
variableWidth: false,
|
||||
nextArrow: <NextArrow />,
|
||||
prevArrow: <PrevArrow />,
|
||||
};
|
||||
|
||||
return (
|
||||
<div className="feed">
|
||||
<div className="feed_list">
|
||||
<Slider {...settings}>
|
||||
<div className="feed_item">
|
||||
<p className="item_title">Чебоксары и Кемерово</p>
|
||||
<p className="item_desc">
|
||||
Укрепились на Волге и дотянулись до Кузбасса.Лизинговая компания
|
||||
Эволюция ...
|
||||
</p>
|
||||
<a href="" className="item_link">
|
||||
Подробнее
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div className="feed_item">
|
||||
<p className="item_title">Чебоксары и Кемерово</p>
|
||||
<p className="item_desc">
|
||||
Укрепились на Волге и дотянулись до Кузбасса.Лизинговая компания
|
||||
Эволюция ...
|
||||
</p>
|
||||
<a href="" className="item_link">
|
||||
Подробнее
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div className="feed_item">
|
||||
<p className="item_title">Чебоксары и Кемерово</p>
|
||||
<p className="item_desc">
|
||||
Укрепились на Волге и дотянулись до Кузбасса.Лизинговая компания
|
||||
Эволюция ...
|
||||
</p>
|
||||
<a href="" className="item_link">
|
||||
Подробнее
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div className="feed_item">
|
||||
<p className="item_title">Чебоксары и Кемерово</p>
|
||||
<p className="item_desc">
|
||||
Укрепились на Волге и дотянулись до Кузбасса.Лизинговая компания
|
||||
Эволюция ...
|
||||
</p>
|
||||
<a href="" className="item_link">
|
||||
Подробнее
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div className="feed_item">
|
||||
<p className="item_title">Чебоксары и Кемерово</p>
|
||||
<p className="item_desc">
|
||||
Укрепились на Волге и дотянулись до Кузбасса.Лизинговая компания
|
||||
Эволюция ...
|
||||
</p>
|
||||
<a href="" className="item_link">
|
||||
Подробнее
|
||||
</a>
|
||||
</div>
|
||||
</Slider>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
function mapStateToProps(state, ownProps) {
|
||||
return {};
|
||||
}
|
||||
|
||||
export default connect(mapStateToProps)(Feed);
|
||||
@ -1,84 +1,196 @@
|
||||
import React from "react";
|
||||
import Link from "next/link";
|
||||
|
||||
import { logout } from '../../../actions';
|
||||
import { logout } from "../../../actions";
|
||||
|
||||
export default class Header extends React.Component
|
||||
{
|
||||
constructor(props)
|
||||
{
|
||||
super(props);
|
||||
this.state = {
|
||||
menuOpened: false,
|
||||
}
|
||||
}
|
||||
export default class Header extends React.Component {
|
||||
constructor(props) {
|
||||
super(props);
|
||||
this.state = {
|
||||
menuOpened: false,
|
||||
};
|
||||
}
|
||||
|
||||
_handle_onToggleMenu = () =>
|
||||
{
|
||||
this.setState({
|
||||
menuOpened: !this.state.menuOpened
|
||||
});
|
||||
};
|
||||
_handle_onToggleMenu = () => {
|
||||
this.setState({
|
||||
menuOpened: !this.state.menuOpened,
|
||||
});
|
||||
};
|
||||
|
||||
_getActiveLink = (route) =>
|
||||
{
|
||||
if(route === "/") return "Договоры";
|
||||
if(route.indexOf("/documents/") > -1) return "Взаиморасчеты и закрывающие документы";
|
||||
if(route.indexOf("/settings/") > -1) return "Настройки";
|
||||
if(route.indexOf("/contract") === 0) return "Договоры";
|
||||
_getActiveLink = (route) => {
|
||||
if (route === "/") return "Договоры";
|
||||
if (route.indexOf("/documents/") > -1)
|
||||
return "Взаиморасчеты и закрывающие документы";
|
||||
if (route.indexOf("/settings/") > -1) return "Настройки";
|
||||
if (route.indexOf("/contract") === 0) return "Договоры";
|
||||
|
||||
return null;
|
||||
}
|
||||
return null;
|
||||
};
|
||||
|
||||
_handle_onLogout = () =>
|
||||
{
|
||||
logout({ dispatch: this.props.dispatch });
|
||||
}
|
||||
_handle_onLogout = () => {
|
||||
logout({ dispatch: this.props.dispatch });
|
||||
};
|
||||
|
||||
render()
|
||||
{
|
||||
const { menuOpened } = this.state;
|
||||
return (
|
||||
<header>
|
||||
<div className="container">
|
||||
<a href="/" className="logo">
|
||||
<img src="/assets/images/logo.svg" alt="" width="217px" height="32px" />
|
||||
</a>
|
||||
<div className="header_menu">
|
||||
<nav>
|
||||
<button className="nav_toggle" onClick={ this._handle_onToggleMenu }>
|
||||
{ this.props.router && this._getActiveLink(this.props.router.route) }
|
||||
</button>
|
||||
<ul id="menu_list" className={ menuOpened ? "open" : "" }>
|
||||
<li>
|
||||
<Link href={`/`} shallow>
|
||||
<a className={ this.props.router && (this.props.router.route === "/" || this.props.router.route.indexOf("/contract") === 0) ? "active" : "" }>Договоры</a>
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href={`/documents/calendar/`} shallow>
|
||||
<a className={ this.props.router && this.props.router.route.indexOf("/documents/") === 0 ? "active" : "" }>Взаиморасчеты и закрывающие документы</a>
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/settings/phone/" shallow>
|
||||
<a className={ this.props.router && this.props.router.route.indexOf("/settings/") === 0 ? "active" : "" }>Настройки</a>
|
||||
</Link>
|
||||
</li>
|
||||
render() {
|
||||
const { menuOpened } = this.state;
|
||||
return (
|
||||
<header>
|
||||
<div className="container">
|
||||
<a href="/" className="logo">
|
||||
<img
|
||||
src="/assets/images/logo.svg"
|
||||
alt=""
|
||||
width="217px"
|
||||
height="32px"
|
||||
/>
|
||||
</a>
|
||||
<div className="header_menu">
|
||||
<nav>
|
||||
<button
|
||||
className="nav_toggle"
|
||||
onClick={this._handle_onToggleMenu}
|
||||
>
|
||||
{this.props.router &&
|
||||
this._getActiveLink(this.props.router.route)}
|
||||
</button>
|
||||
<ul id="menu_list" className={menuOpened ? "open" : ""}>
|
||||
<li>
|
||||
<Link href={`/`} shallow>
|
||||
<a
|
||||
className={
|
||||
this.props.router &&
|
||||
(this.props.router.route === "/" ||
|
||||
this.props.router.route.indexOf("/contract") === 0)
|
||||
? "active"
|
||||
: ""
|
||||
}
|
||||
>
|
||||
Договоры
|
||||
</a>
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href={`/documents/calendar/`} shallow>
|
||||
<a
|
||||
className={
|
||||
this.props.router &&
|
||||
this.props.router.route.indexOf("/documents/") === 0
|
||||
? "active"
|
||||
: ""
|
||||
}
|
||||
>
|
||||
Взаиморасчеты и закрывающие документы
|
||||
</a>
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/settings/phone/" shallow>
|
||||
<a
|
||||
className={
|
||||
this.props.router &&
|
||||
this.props.router.route.indexOf("/settings/") === 0
|
||||
? "active"
|
||||
: ""
|
||||
}
|
||||
>
|
||||
Настройки
|
||||
</a>
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href={process.env.NEXT_PUBLIC_MAIN_SITE}>
|
||||
<a>Обращения</a>
|
||||
</Link>
|
||||
</li>
|
||||
{/*
|
||||
<li>
|
||||
<Link href={ process.env.NEXT_PUBLIC_MAIN_SITE }>
|
||||
<a>Основной сайт</a>
|
||||
</Link>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</nav>
|
||||
|
||||
<a href="tel:88003337575">8 800 333 75 75</a>
|
||||
</div>
|
||||
<button className="lk" title="Выход" onClick={ () => this._handle_onLogout() }></button>
|
||||
*/}
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<ul className="system_nav">
|
||||
<li>
|
||||
<Link href="">
|
||||
<a data-icon="phone">Телефон</a>
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="">
|
||||
<a data-icon="notify" data-notify="3">
|
||||
Уведомления
|
||||
</a>
|
||||
</Link>
|
||||
|
||||
<div className="backdrop"> {/* для открытия opened */}
|
||||
<div className="modal">
|
||||
<ul className="list">
|
||||
<li className="new">
|
||||
<p className="name"><b>Внимание! Просрочена дата возврата СТС по договору: ХХ.ХХ.ХХХХ</b></p>
|
||||
<p className="date">10.01.2022</p>
|
||||
<p className="action">
|
||||
<Link href="">
|
||||
<a>Посмотрите порядок возврата СТС</a>
|
||||
</Link>
|
||||
или
|
||||
<Link href="">
|
||||
<a>Загрузите скан СТС</a>
|
||||
</Link>
|
||||
</p>
|
||||
</li>
|
||||
|
||||
<li className="new">
|
||||
<p className="name"><b>Внимание! Просрочена дата возврата СТС по договору: ХХ.ХХ.ХХХХ</b></p>
|
||||
<p className="date">10.01.2022</p>
|
||||
<p className="action">
|
||||
<Link href="">
|
||||
<a>Посмотрите порядок возврата СТС</a>
|
||||
</Link>
|
||||
или
|
||||
<Link href="">
|
||||
<a>Загрузите скан СТС</a>
|
||||
</Link>
|
||||
</p>
|
||||
</li>
|
||||
|
||||
<li className="new">
|
||||
<p className="name">Внимание! Осталось ХХ дней до пролонгации КАСКО по договору №ХХХХ: ХХ.ХХ.ХХХХ. Не забудьте самостоятельно продлить полис ОСАГО</p>
|
||||
<p className="date">10.01.2022</p>
|
||||
<p className="action">
|
||||
<Link href="">
|
||||
<a>Подробнее</a>
|
||||
</Link>
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
<Link href="">
|
||||
<a className="all">Все события</a>
|
||||
</Link>
|
||||
<button className="close">Закрыть</button>
|
||||
</div>
|
||||
</header>
|
||||
)
|
||||
}
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="">
|
||||
<a data-icon="message" data-notify="1">
|
||||
Сообщения
|
||||
</a>
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<button
|
||||
className="lk"
|
||||
title="Выход"
|
||||
onClick={() => this._handle_onLogout()}
|
||||
></button>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,178 +1,252 @@
|
||||
import React from "react";
|
||||
import Head from 'next/head';
|
||||
import Image from 'next/image';
|
||||
import Head from "next/head";
|
||||
import Image from "next/image";
|
||||
import { connect } from "react-redux";
|
||||
import { withRouter } from 'next/router';
|
||||
import { withRouter } from "next/router";
|
||||
import moment from "moment";
|
||||
import { SpinnerCircular } from 'spinners-react';
|
||||
import { SpinnerCircular } from "spinners-react";
|
||||
|
||||
import { reduxWrapper } from '../../store';
|
||||
import { reduxWrapper } from "../../store";
|
||||
|
||||
import Header from '../components/Header';
|
||||
import Footer from '../components/Footer';
|
||||
import Header from "../components/Header";
|
||||
import Footer from "../components/Footer";
|
||||
import Company from "../components/Company";
|
||||
import InnerMenu from "./components/InnerMenu";
|
||||
import DownloadPdfButton from "../components/DownloadPdfButton";
|
||||
|
||||
import { getContractInfo, getContractAgreement, getContractRules, getFile } from "../../actions";
|
||||
import {
|
||||
getContractInfo,
|
||||
getContractAgreement,
|
||||
getContractRules,
|
||||
getFile,
|
||||
} from "../../actions";
|
||||
|
||||
class ContractPage extends React.Component
|
||||
{
|
||||
constructor(props)
|
||||
{
|
||||
super(props);
|
||||
this.state = {
|
||||
date: null,
|
||||
car: null,
|
||||
contract_date: null,
|
||||
agreement: null,
|
||||
rules: null,
|
||||
loading: false,
|
||||
}
|
||||
}
|
||||
class ContractPage extends React.Component {
|
||||
constructor(props) {
|
||||
super(props);
|
||||
this.state = {
|
||||
date: null,
|
||||
car: null,
|
||||
contract_date: null,
|
||||
agreement: null,
|
||||
rules: null,
|
||||
loading: false,
|
||||
};
|
||||
}
|
||||
|
||||
static getDerivedStateFromProps(nextProps, prevState)
|
||||
{
|
||||
return {
|
||||
date: nextProps.date,
|
||||
car: nextProps.car,
|
||||
contract_date: nextProps.contract_date,
|
||||
agreement: nextProps.agreement,
|
||||
rules: nextProps.rules,
|
||||
};
|
||||
}
|
||||
static getDerivedStateFromProps(nextProps, prevState) {
|
||||
return {
|
||||
date: nextProps.date,
|
||||
car: nextProps.car,
|
||||
contract_date: nextProps.contract_date,
|
||||
agreement: nextProps.agreement,
|
||||
rules: nextProps.rules,
|
||||
};
|
||||
}
|
||||
|
||||
componentDidMount()
|
||||
{
|
||||
if(!this.state.loading && this.props.number !== undefined)
|
||||
{
|
||||
this.setState({ loading: true }, () =>
|
||||
{
|
||||
getContractInfo({ dispatch: this.props.dispatch, number: this.props.number }).then((info) =>
|
||||
{
|
||||
console.log("info", info);
|
||||
componentDidMount() {
|
||||
if (!this.state.loading && this.props.number !== undefined) {
|
||||
this.setState({ loading: true }, () => {
|
||||
getContractInfo({
|
||||
dispatch: this.props.dispatch,
|
||||
number: this.props.number,
|
||||
})
|
||||
.then((info) => {
|
||||
console.log("info", info);
|
||||
|
||||
getContractRules({
|
||||
dispatch: this.props.dispatch,
|
||||
date: moment(info.date, "YYYY-MM-DD").format("DD.MM.YYYY"),
|
||||
}).then(() => {}).catch(() => {});
|
||||
})
|
||||
.catch(() =>
|
||||
{
|
||||
getContractRules({
|
||||
dispatch: this.props.dispatch,
|
||||
date: moment(info.date, "YYYY-MM-DD").format("DD.MM.YYYY"),
|
||||
})
|
||||
.then(() => {})
|
||||
.catch(() => {});
|
||||
})
|
||||
.catch(() => {});
|
||||
|
||||
});
|
||||
getContractAgreement({
|
||||
dispatch: this.props.dispatch,
|
||||
number: this.props.number,
|
||||
})
|
||||
.then(() => {
|
||||
this.setState({ loading: false });
|
||||
})
|
||||
.catch(() => {});
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
getContractAgreement({ dispatch: this.props.dispatch, number: this.props.number }).then(() => {
|
||||
this.setState({ loading: false });
|
||||
}).catch(() => {});
|
||||
});
|
||||
}
|
||||
}
|
||||
render() {
|
||||
const { loading, date, car, contract_date, agreement, rules } = this.state;
|
||||
const { number } = this.props;
|
||||
|
||||
render()
|
||||
{
|
||||
const { loading, date, car, contract_date, agreement, rules, } = this.state;
|
||||
const { number } = this.props;
|
||||
console.log("rules", rules);
|
||||
|
||||
console.log("rules", rules);
|
||||
const types = {
|
||||
contracts: "Договор",
|
||||
redemptions: "Выкупные документы",
|
||||
agreements: "Дополнительное соглашение",
|
||||
assignments: "Договор цессии",
|
||||
};
|
||||
|
||||
const types = {
|
||||
contracts: "Договор",
|
||||
redemptions: "Выкупные документы",
|
||||
agreements: "Дополнительное соглашение",
|
||||
assignments: "Договор цессии",
|
||||
};
|
||||
return (
|
||||
<React.Fragment>
|
||||
<Head>
|
||||
<title>ЛК Эволюция автолизинга</title>
|
||||
<meta name="description" content="ЛК Эволюция автолизинга" />
|
||||
</Head>
|
||||
<Header {...this.props} />
|
||||
<main>
|
||||
<section>
|
||||
<div className="clear"></div>
|
||||
<div className="container">
|
||||
<div className="title_wrapper">
|
||||
<div className="left" style={{ flexDirection: "column" }}>
|
||||
<h1 className="section_title">Договор №{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 !== null
|
||||
? car.vin_number
|
||||
: "без VIN номера"
|
||||
}`
|
||||
: ""}
|
||||
</h5>
|
||||
</div>
|
||||
<Company />
|
||||
</div>
|
||||
<div className="aside_container about">
|
||||
<InnerMenu number={number} {...this.props} />
|
||||
<article>
|
||||
{loading ? (
|
||||
<div
|
||||
className="table_row table_header"
|
||||
style={{
|
||||
minHeight: 300,
|
||||
display: "flex",
|
||||
justifyContent: "center",
|
||||
alignItems: "center",
|
||||
}}
|
||||
>
|
||||
<SpinnerCircular
|
||||
size={90}
|
||||
thickness={51}
|
||||
speed={100}
|
||||
color="rgba(28, 1, 169, 1)"
|
||||
secondaryColor="rgba(236, 239, 244, 1)"
|
||||
/>
|
||||
</div>
|
||||
) : (
|
||||
<div className="dosc_list medium-icon">
|
||||
<p className="list_title">К подписанию</p>
|
||||
<div className="row">
|
||||
<p className="doc_name i-pdf extension">
|
||||
Договор
|
||||
<span style={{ width: "100%" }}>
|
||||
2021_1655 от 20.04.2021
|
||||
</span>
|
||||
</p>
|
||||
|
||||
return (
|
||||
<React.Fragment>
|
||||
<Head>
|
||||
<title>ЛК Эволюция автолизинга</title>
|
||||
<meta
|
||||
name="description"
|
||||
content="ЛК Эволюция автолизинга"
|
||||
/>
|
||||
</Head>
|
||||
<Header { ...this.props }/>
|
||||
<main>
|
||||
<section>
|
||||
<div className="clear"></div>
|
||||
<div className="container">
|
||||
<div className="title_wrapper">
|
||||
<div className="left" style={{ flexDirection: 'column', }}>
|
||||
<h1 className="section_title">Договор №{ 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 !== null ? car.vin_number : 'без VIN номера' }` : '' }</h5>
|
||||
</div>
|
||||
<Company/>
|
||||
</div>
|
||||
<div className="aside_container about">
|
||||
<InnerMenu number={ number } { ...this.props }/>
|
||||
<article>
|
||||
{ loading ? (
|
||||
<div className="table_row table_header" style={{ minHeight: 300, display: "flex", justifyContent: "center", alignItems: "center" }}>
|
||||
<SpinnerCircular size={90} thickness={51} speed={100} color="rgba(28, 1, 169, 1)" secondaryColor="rgba(236, 239, 244, 1)" />
|
||||
</div>
|
||||
) : (
|
||||
<div className="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) =>
|
||||
{
|
||||
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 } от { moment(file.date).format("DD.MM.YYYY") }</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 ) => (
|
||||
<div className="row" key={ index }>
|
||||
<p className="doc_name i-pdf">
|
||||
{ document.name }
|
||||
<span style={{ width: "100%"}}>Дата вступления в силу: { document.active_from }</span>
|
||||
</p>
|
||||
<DownloadPdfButton url={ `${ process.env.NEXT_PUBLIC_MAIN_SITE }${ document.url }` } filename={ `${ document.filename }.pdf` } bitrix={ true }/>
|
||||
</div>
|
||||
)) }
|
||||
</div>
|
||||
) }
|
||||
</article>
|
||||
</div>
|
||||
<div className="btn_group">
|
||||
<a className="button button-blue">
|
||||
Скачать
|
||||
</a>
|
||||
|
||||
<a className="button button-blue">
|
||||
Подписать по ЭДО
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
<Footer/>
|
||||
</React.Fragment>
|
||||
);
|
||||
}
|
||||
</div>
|
||||
|
||||
<p className="list_title">Действующие</p>
|
||||
|
||||
{agreement !== undefined &&
|
||||
agreement !== null &&
|
||||
agreement.map((document, index) => (
|
||||
<React.Fragment key={index}>
|
||||
{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} от{" "}
|
||||
{moment(file.date).format("DD.MM.YYYY")}
|
||||
</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) => (
|
||||
<div className="row" key={index}>
|
||||
<p className="doc_name i-pdf">
|
||||
{document.name}
|
||||
<span style={{ width: "100%" }}>
|
||||
Дата вступления в силу: {document.active_from}
|
||||
</span>
|
||||
</p>
|
||||
<DownloadPdfButton
|
||||
url={`${process.env.NEXT_PUBLIC_MAIN_SITE}${document.url}`}
|
||||
filename={`${document.filename}.pdf`}
|
||||
bitrix={true}
|
||||
/>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
)}
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
<Footer />
|
||||
</React.Fragment>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
function mapStateToProps(state, ownProps)
|
||||
{
|
||||
return {
|
||||
contract_date: state.contract.date,
|
||||
date: state.contract.date,
|
||||
car: state.contract.car,
|
||||
agreement: state.contract.agreement,
|
||||
rules: state.contract.rules,
|
||||
}
|
||||
function mapStateToProps(state, ownProps) {
|
||||
return {
|
||||
contract_date: state.contract.date,
|
||||
date: state.contract.date,
|
||||
car: state.contract.car,
|
||||
agreement: state.contract.agreement,
|
||||
rules: state.contract.rules,
|
||||
};
|
||||
}
|
||||
|
||||
export const getServerSideProps = reduxWrapper.getServerSideProps(store =>
|
||||
async ({ req, res, query }) =>
|
||||
{
|
||||
return {
|
||||
props: {
|
||||
number: query.number,
|
||||
}
|
||||
}
|
||||
export const getServerSideProps = reduxWrapper.getServerSideProps(
|
||||
(store) =>
|
||||
async ({ req, res, query }) => {
|
||||
return {
|
||||
props: {
|
||||
number: query.number,
|
||||
},
|
||||
};
|
||||
}
|
||||
);
|
||||
|
||||
export default withRouter(connect(mapStateToProps)(ContractPage));
|
||||
export default withRouter(connect(mapStateToProps)(ContractPage));
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@ -126,20 +126,46 @@ 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 !== null ? car.vin_number : 'без VIN номера' }` : '' }</h5>
|
||||
<p className="section_subtitle">{ 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 номера' }` : '' }</p>
|
||||
</div>
|
||||
<Company/>
|
||||
</div>
|
||||
<div className="aside_container about">
|
||||
<InnerMenu number={ number } { ...this.props }/>
|
||||
<article>
|
||||
{/* Вариант 1 */}
|
||||
<div className="payments_actions">
|
||||
<div>
|
||||
<p>Счёт на основной долг 1: 45 000 ₽</p>
|
||||
<button className="button button-blue">Скачать счет</button>
|
||||
</div>
|
||||
<div>
|
||||
<p><span>Пени:</span> 45 000 ₽</p>
|
||||
<button className="button button-blue">Скачать счет</button>
|
||||
<button className="button button-blue">Рассчитать пени</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
{/* Вариант 2 */}
|
||||
<div className="avans"><p>Сумма авансовых поступлений по договору: <span style={{ whiteSpace: "nowrap" }}>{ numeral(avans).format(' ., ') } ₽</span></p></div>
|
||||
|
||||
{/* Вариант 3 */}
|
||||
<div className="payments_actions">
|
||||
<div className="avans"><p>Сумма авансовых поступлений по договору: <span style={{ whiteSpace: "nowrap" }}>{ numeral(avans).format(' ., ') } ₽</span></p></div>
|
||||
<div>
|
||||
<p><span>Пени:</span> 45 000 ₽</p>
|
||||
<button className="button button-blue">Скачать счет</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div className="contract_table schedule">
|
||||
<div className="table_row table_header">
|
||||
<div className="table_cell">№ платежа</div>
|
||||
<div className="table_cell">Дата лизингового платежа</div>
|
||||
<div className="table_cell">Лизинговый платеж с НДС</div>
|
||||
<div className="table_cell">НДС, 20%</div>
|
||||
<div className="table_cell">Лизинговый платеж с НДС ₽</div>
|
||||
<div className="table_cell">НДС, 20% ₽</div>
|
||||
<div className="table_cell">Статус платежа</div>
|
||||
<div className="table_cell">Платежное поручение</div>
|
||||
</div>
|
||||
|
||||
@ -17,6 +17,8 @@ import Company from "./components/Company";
|
||||
import DateInput from './components/DatePicker';
|
||||
import Pagination from './components/Pagination';
|
||||
|
||||
import Feed from "./components/Feed";
|
||||
|
||||
import { getContractsList } from '../actions';
|
||||
|
||||
class IndexPage extends React.Component
|
||||
@ -163,6 +165,7 @@ class IndexPage extends React.Component
|
||||
<main>
|
||||
<section>
|
||||
<div className="clear"></div>
|
||||
<div className="overflow">
|
||||
<div className="container">
|
||||
<div className="title_wrapper">
|
||||
<div className="left">
|
||||
@ -172,7 +175,9 @@ class IndexPage extends React.Component
|
||||
<Company/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<Feed />
|
||||
|
||||
<div className="contract_search">
|
||||
<form onSubmit={ (event) => { event.preventDefault(); } }>
|
||||
<div className="form_field">
|
||||
@ -209,10 +214,10 @@ class IndexPage extends React.Component
|
||||
<div className={`table_cell caret ${ sort_number === "asc" ? "reverse" : "" }`} onClick={ this._handle_onChangeSort_number }>Номер договора</div>
|
||||
<div className={`table_cell caret ${ sort_date === "asc" ? "reverse" : "" }`} onClick={ this._handle_onChangeSort_date }>Дата договора</div>
|
||||
<div className="table_cell">Автомобиль</div>
|
||||
<div className="table_cell">Гос.номер</div>
|
||||
<div className="table_cell">VIN</div>
|
||||
<div className="table_cell">Гос.номер / VIN</div>
|
||||
<div className={`table_cell caret ${ sort_status === "asc" ? "reverse" : "" }`} onClick={ this._handle_onChangeSort_status }>Статус</div>
|
||||
<div className="table_cell">Следующий платеж</div>
|
||||
<div className="table_cell">Дополнительные услуги</div>
|
||||
</div>
|
||||
{ contracts !== null && (
|
||||
<>
|
||||
@ -222,14 +227,40 @@ class IndexPage extends React.Component
|
||||
<div className="table_cell"><a>{ contract.number }</a></div>
|
||||
<div className="table_cell">{ moment(contract.date).format("DD.MM.YYYY") }</div>
|
||||
<div className="table_cell">{ contract.car?.brand?.name } { contract.car?.model?.name }</div>
|
||||
<div className="table_cell">{ contract.car?.reg_number !== null ? contract.car?.reg_number : "Без рег. номера" }</div>
|
||||
<div className="table_cell">{ contract.car?.vin_number }</div>
|
||||
<div className="table_cell"><p className={ contract_status[contract.status] }>{ contract.status }</p></div>
|
||||
<div className="table_cell">
|
||||
{ contract.car?.reg_number !== null ? contract.car?.reg_number : "Без рег. номера" }
|
||||
|
||||
<span>{ contract.car?.vin_number }</span>
|
||||
</div>
|
||||
|
||||
<div className="table_cell">
|
||||
<p className={ contract_status[contract.status] }>{ contract.status }</p>
|
||||
<p className="contract_debt">
|
||||
<span>Задолжность:</span>
|
||||
45 000 ₽
|
||||
</p>
|
||||
<p className="contract_debt">
|
||||
<span>Пени:</span>
|
||||
45 000 ₽
|
||||
</p>
|
||||
</div>
|
||||
<div className="table_cell">
|
||||
{ contract.current_payment_date !== null ? (
|
||||
<>{ moment(contract.current_payment_date).format("DD.MM.YYYY") }<b className="price" style={{ whiteSpace: "nowrap" }}>{ numeral(contract.current_payment_amount).format(' ., ') } ₽</b></>
|
||||
) : "-" }
|
||||
</div>
|
||||
|
||||
<div className="table_cell">
|
||||
<div className="service_list">
|
||||
<i title="Телематика" data-additional-service="1"></i>
|
||||
<i title="РАТ" data-additional-service="2"></i>
|
||||
<i title="Регистрация в ГИБДД" data-additional-service="3"></i>
|
||||
<i title="Топливные карты" data-additional-service="4"></i>
|
||||
<i title="Каско" data-additional-service="5"></i>
|
||||
<i title="ОСАГО" data-additional-service="6"></i>
|
||||
<i title="НСИБ" data-additional-service="7"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</Link>
|
||||
)) : (
|
||||
@ -250,6 +281,25 @@ class IndexPage extends React.Component
|
||||
{ !all && (
|
||||
<Pagination page={ page } pages={ pages } onPage={ this._handle_onPage } onAll={ this._handle_onAll } all={ all } showAll={ true }/>
|
||||
) }
|
||||
|
||||
<div className="helpBox">
|
||||
<div className="avatar">
|
||||
<img src="/assets/images/icons/avatar.svg" loading="lazy" alt="" />
|
||||
</div>
|
||||
|
||||
<div className="content">
|
||||
<p className="message">Помогу выбрать новый автомобиль</p>
|
||||
<p className="name">Иванов Иван</p>
|
||||
<p className="position">Менеджер по продажам</p>
|
||||
|
||||
<div className="info">
|
||||
<a href="mailto:">mail@mail.ru</a>
|
||||
<a href="tel:">+7 900 123-23-23</a>
|
||||
<a href="">+7 900 123-23-23</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
4
public/assets/images/icons/additional-service-1.svg
Normal file
4
public/assets/images/icons/additional-service-1.svg
Normal file
@ -0,0 +1,4 @@
|
||||
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M22.7273 26.7262H8.91295V27.7334C8.91295 28.3961 8.37572 28.9333 7.71301 28.9333H5.00042C4.84178 28.9333 4.71317 28.8047 4.71317 28.6461V20.8709C4.71317 19.9795 5.10209 19.1324 5.77815 18.5514C5.78433 18.5461 5.78057 18.536 5.77242 18.536H5.16665C4.52233 18.536 4 18.0136 4 17.3693V16.0958C4 15.5636 4.43141 15.1322 4.96358 15.1322H5.54149C6.06462 15.1322 6.57137 15.3146 6.97451 15.648C7.03238 15.6958 7.12001 15.6746 7.14954 15.6055L8.76837 11.8203C9.24059 10.7162 10.3258 10 11.5267 10H20.1724C21.3836 10 22.476 10.7283 22.9417 11.8464L24.5316 15.6633C24.551 15.7098 24.614 15.7167 24.643 15.6755C24.8827 15.3349 25.2731 15.1322 25.6896 15.1322H26.8081C27.2823 15.1322 27.6667 15.5166 27.6667 15.9908V17.23C27.6667 17.9513 27.082 18.536 26.3607 18.536H25.6579C25.6495 18.536 25.6457 18.5466 25.6522 18.5519C26.3758 19.148 26.795 20.0363 26.795 20.9738V28.6286C26.795 28.7822 26.6705 28.9067 26.5169 28.9067H23.8895C23.2476 28.9067 22.7273 28.3864 22.7273 27.7445V26.7262Z" stroke="#8E94A7" stroke-width="2" stroke-linejoin="round"/>
|
||||
<path d="M12.1709 7.17611C13.1482 6.35847 14.578 5.84277 16.1709 5.84277C17.7638 5.84277 19.1936 6.35847 20.1709 7.17611" stroke="#8E94A7" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.3 KiB |
7
public/assets/images/icons/additional-service-2.svg
Normal file
7
public/assets/images/icons/additional-service-2.svg
Normal file
@ -0,0 +1,7 @@
|
||||
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect x="1" y="6.3335" width="30" height="19.3333" rx="1" stroke="#8E94A7" stroke-width="2"/>
|
||||
<circle cx="8.66732" cy="12.3333" r="2.33333" stroke="#8E94A7" stroke-width="2"/>
|
||||
<path d="M12.3333 19.3332C12.3333 20.2941 11.9754 20.792 11.4487 21.1108C10.8377 21.4807 9.89157 21.6665 8.66667 21.6665C7.44177 21.6665 6.49562 21.4807 5.88465 21.1108C5.35792 20.792 5 20.2941 5 19.3332C5 17.3081 6.64162 15.6665 8.66667 15.6665C10.6917 15.6665 12.3333 17.3081 12.3333 19.3332Z" stroke="#8E94A7" stroke-width="2"/>
|
||||
<path d="M18 12H26" stroke="#8E94A7" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M18 17H26" stroke="#8E94A7" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 817 B |
3
public/assets/images/icons/additional-service-3.svg
Normal file
3
public/assets/images/icons/additional-service-3.svg
Normal file
@ -0,0 +1,3 @@
|
||||
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M5.52941 19.5489H26.2353M5.52941 19.5489L4.02743 21.5515C3.76592 21.9002 3.75638 22.3806 4.05919 22.6941C5.59558 24.2847 9.44597 26.6665 15.8824 26.6665C22.3187 26.6665 26.1691 24.2847 27.7055 22.6941C28.0083 22.3806 27.9988 21.9002 27.7373 21.5515L26.2353 19.5489M5.52941 19.5489V18.9018M26.2353 19.5489V18.9018M26.2353 18.9018V17.4958C26.2353 17.1615 26.0659 16.8491 25.7532 16.7307C24.5619 16.2798 21.556 15.6665 15.8824 15.6665C10.2087 15.6665 7.2028 16.2798 6.01147 16.7307C5.69877 16.8491 5.52941 17.1615 5.52941 17.4958V18.9018M26.2353 18.9018H27.0148C27.3377 18.9018 27.6408 18.7458 27.8285 18.483L30.4376 14.8303C30.6407 14.546 30.6807 14.1763 30.543 13.8551L28.9867 10.2237C28.8822 9.97992 28.6852 9.78764 28.4389 9.68914L16.2537 4.81506C16.0153 4.7197 15.7494 4.7197 15.511 4.81506L3.32576 9.68914C3.07952 9.78764 2.88248 9.97992 2.77801 10.2237L1.22167 13.8551C1.08404 14.1763 1.124 14.546 1.32709 14.8303L3.93618 18.483C4.12389 18.7458 4.42696 18.9018 4.74991 18.9018H5.52941" stroke="#8E94A7" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.2 KiB |
3
public/assets/images/icons/additional-service-4.svg
Normal file
3
public/assets/images/icons/additional-service-4.svg
Normal file
@ -0,0 +1,3 @@
|
||||
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M1.33301 26.6667H5.3681M25.333 26.6667H20.8769M5.3681 26.6667V6C5.3681 4.89543 6.26353 4 7.3681 4H18.8769C19.9814 4 20.8769 4.89543 20.8769 6V20.7018M5.3681 26.6667H20.8769M20.8769 26.6667V20.7018M20.8769 20.7018H24.2453C25.3499 20.7018 26.2453 19.8063 26.2453 18.7018V8.38596C26.2453 7.28139 27.1407 6.38596 28.2453 6.38596H30.6663M9.54353 8.77193V12.9474H16.7014V8.77193H9.54353Z" stroke="#8E94A7" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 578 B |
5
public/assets/images/icons/additional-service-5.svg
Normal file
5
public/assets/images/icons/additional-service-5.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="M24.8571 1.3335H6C4.89543 1.3335 4 2.22677 4 3.33134V16.2928C4 20.1237 10.453 24.9829 14.451 27.4229C15.0533 27.7906 15.8038 27.7906 16.4062 27.4229C20.4041 24.9829 26.8571 20.1237 26.8571 16.2928V3.33134C26.8571 2.22677 25.9617 1.3335 24.8571 1.3335Z" stroke="#8E94A7" stroke-width="2" stroke-linejoin="round"/>
|
||||
<path d="M12.2539 6.4126V16.5713" stroke="#8E94A7" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M18.6028 6.4126L13.5234 11.492L18.6028 16.5713" stroke="#8E94A7" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 682 B |
4
public/assets/images/icons/additional-service-6.svg
Normal file
4
public/assets/images/icons/additional-service-6.svg
Normal file
@ -0,0 +1,4 @@
|
||||
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M24.8571 1.3335H6C4.89543 1.3335 4 2.22677 4 3.33134V16.2928C4 20.1237 10.453 24.9829 14.451 27.4229C15.0533 27.7906 15.8038 27.7906 16.4062 27.4229C20.4041 24.9829 26.8571 20.1237 26.8571 16.2928V3.33134C26.8571 2.22677 25.9617 1.3335 24.8571 1.3335Z" stroke="#8E94A7" stroke-width="2" stroke-linejoin="round"/>
|
||||
<path d="M19.5083 12.1274C19.5083 14.845 17.5745 16.8417 15.429 16.8417C13.2835 16.8417 11.3496 14.845 11.3496 12.1274C11.3496 9.40976 13.2835 7.41309 15.429 7.41309C17.5745 7.41309 19.5083 9.40976 19.5083 12.1274Z" stroke="#8E94A7" stroke-width="2"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 677 B |
4
public/assets/images/icons/additional-service-7.svg
Normal file
4
public/assets/images/icons/additional-service-7.svg
Normal file
@ -0,0 +1,4 @@
|
||||
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M24.8571 1.3335H6C4.89543 1.3335 4 2.22677 4 3.33134V16.2928C4 20.1237 10.453 24.9829 14.451 27.4229C15.0533 27.7906 15.8038 27.7906 16.4062 27.4229C20.4041 24.9829 26.8571 20.1237 26.8571 16.2928V3.33134C26.8571 2.22677 25.9617 1.3335 24.8571 1.3335Z" stroke="#8E94A7" stroke-width="2" stroke-linejoin="round"/>
|
||||
<path d="M12 6.41309V11.4925M12 16.5718V11.4925M18.7725 6.41309V11.4925M18.7725 16.5718V11.4925M12 11.4925H18.7725" stroke="#8E94A7" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 624 B |
5
public/assets/images/icons/avatar.svg
Normal file
5
public/assets/images/icons/avatar.svg
Normal file
@ -0,0 +1,5 @@
|
||||
<svg width="62" height="62" viewBox="0 0 62 62" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<circle cx="31" cy="31" r="31" fill="#EDEFF5"/>
|
||||
<path d="M31 37C37.6274 37 43 31.6274 43 25C43 18.3726 37.6274 13 31 13C24.3726 13 19 18.3726 19 25C19 31.6274 24.3726 37 31 37Z" stroke="black" stroke-width="2" stroke-miterlimit="10"/>
|
||||
<path d="M12.8105 47.4982C14.6547 44.3062 17.3064 41.6556 20.4993 39.8128C23.6922 37.9701 27.3138 37 31.0003 37C34.6868 37 38.3084 37.9702 41.5013 39.813C44.6941 41.6559 47.3458 44.3065 49.1899 47.4986" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 622 B |
3
public/assets/images/icons/company-arrow.svg
Normal file
3
public/assets/images/icons/company-arrow.svg
Normal file
@ -0,0 +1,3 @@
|
||||
<svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.228 1.635C0.085 1.462 0 1.241 0 1C0 0.448 0.448 0 1 0H7C7.552 0 8 0.448 8 1C8 1.241 7.915 1.462 7.772 1.635L4.808 5.589C4.626 5.838 4.332 6 4 6C3.668 6 3.374 5.838 3.192 5.589L0.228 1.635Z" fill="#333333"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 358 B |
3
public/assets/images/icons/icon-email.svg
Normal file
3
public/assets/images/icons/icon-email.svg
Normal file
@ -0,0 +1,3 @@
|
||||
<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M26 13C26 20.1797 20.1797 26 13 26C5.8203 26 0 20.1797 0 13C0 5.8203 5.8203 0 13 0C20.1797 0 26 5.8203 26 13ZM16.6851 11.3816L12.9996 14.5518L9.31421 11.3816L5.62878 8.21143H12.9996H20.3705L16.6851 11.3816ZM10.2859 12.9625L7.91052 10.6574L5.53516 8.35226V12.9625V17.5726L7.91052 15.2675L10.2859 12.9625ZM14.9996 13.4604L12.9991 15.1009L10.9985 13.4604L9.36875 14.7969L5.73837 17.7738H12.9991H20.2598L16.6294 14.7969L14.9996 13.4604ZM18.0886 10.6574L15.7132 12.9625L18.0886 15.2676L20.464 17.5726V12.9625V8.35226L18.0886 10.6574Z" fill="#1C01A9"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 699 B |
6
public/assets/images/icons/icon-message.svg
Normal file
6
public/assets/images/icons/icon-message.svg
Normal file
@ -0,0 +1,6 @@
|
||||
<svg width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M28 7.25L16 18.25L4 7.25" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M4 7.25H28V24.25C28 24.5152 27.8946 24.7696 27.7071 24.9571C27.5196 25.1446 27.2652 25.25 27 25.25H5C4.73478 25.25 4.48043 25.1446 4.29289 24.9571C4.10536 24.7696 4 24.5152 4 24.25V7.25Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M13.8184 16.25L4.30859 24.9674" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M27.6916 24.9675L18.1816 16.25" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 741 B |
3
public/assets/images/icons/icon-messanger.svg
Normal file
3
public/assets/images/icons/icon-messanger.svg
Normal file
@ -0,0 +1,3 @@
|
||||
<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M13 0C5.81813 0 0 5.81897 0 13C0 20.181 5.81897 26 13 26C20.1819 26 26 20.181 26 13C26 5.81897 20.181 0 13 0ZM19.3851 8.90626L17.2514 18.9607C17.0937 19.6736 16.6694 19.8464 16.0772 19.5109L12.8272 17.1155L11.2597 18.6252C11.0869 18.798 10.9401 18.9448 10.6046 18.9448L10.8353 15.6369L16.8581 10.1954C17.1206 9.96471 16.8002 9.83387 16.4538 10.0645L9.01026 14.7504L5.80219 13.749C5.10523 13.5292 5.08929 13.052 5.94897 12.7165L18.4826 7.88303C19.0647 7.67335 19.573 8.02477 19.3843 8.90542L19.3851 8.90626Z" fill="#1C01A9"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 637 B |
4
public/assets/images/icons/icon-notify.svg
Normal file
4
public/assets/images/icons/icon-notify.svg
Normal file
@ -0,0 +1,4 @@
|
||||
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M12 28H20" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M7.02571 12.9999C7.02406 11.8139 7.25715 10.6393 7.71157 9.54386C8.16598 8.44838 8.83272 7.45367 9.67336 6.61707C10.514 5.78047 11.5119 5.11852 12.6096 4.66938C13.7072 4.22025 14.8829 3.99281 16.0689 4.00017C21.0176 4.03696 24.9759 8.15034 24.9759 13.1129V13.9999C24.9759 18.4769 25.9126 21.0748 26.7376 22.4947C26.8264 22.6464 26.8737 22.8189 26.8747 22.9947C26.8756 23.1705 26.8302 23.3435 26.7429 23.4962C26.6557 23.6488 26.5297 23.7758 26.3778 23.8642C26.2258 23.9527 26.0532 23.9995 25.8774 23.9999H6.12329C5.94744 23.9995 5.77482 23.9526 5.62284 23.8642C5.47087 23.7757 5.34491 23.6487 5.25767 23.496C5.17044 23.3434 5.12502 23.1704 5.12599 22.9945C5.12696 22.8187 5.17429 22.6462 5.26321 22.4945C6.08862 21.0745 7.02571 18.4766 7.02571 13.9999L7.02571 12.9999Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.0 KiB |
6
public/assets/images/icons/icon-phone-2.svg
Normal file
6
public/assets/images/icons/icon-phone-2.svg
Normal file
@ -0,0 +1,6 @@
|
||||
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<circle cx="16" cy="16" r="15.5" stroke="#0C0C0C"/>
|
||||
<path d="M18.7002 8.4375C19.8657 8.75095 20.9283 9.36513 21.7817 10.2185C22.6351 11.0719 23.2493 12.1346 23.5628 13.3001" stroke="#0C0C0C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M17.9883 11.0945C18.6876 11.2825 19.3252 11.6511 19.8372 12.1631C20.3492 12.6751 20.7178 13.3127 20.9058 14.012" stroke="#0C0C0C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M12.9472 15.7264C13.6603 17.1843 14.8421 18.3608 16.3033 19.0673C16.4102 19.1179 16.5285 19.1399 16.6465 19.1309C16.7644 19.122 16.878 19.0825 16.9761 19.0164L19.1276 17.5817C19.2228 17.5182 19.3322 17.4795 19.4461 17.4691C19.56 17.4586 19.6747 17.4767 19.7798 17.5218L23.8049 19.2468C23.9416 19.3049 24.0558 19.4058 24.1302 19.5344C24.2045 19.663 24.2351 19.8123 24.2173 19.9598C24.09 20.9553 23.6043 21.8703 22.851 22.5335C22.0978 23.1966 21.1286 23.5625 20.125 23.5626C17.0253 23.5626 14.0525 22.3312 11.8607 20.1394C9.66886 17.9475 8.4375 14.9748 8.4375 11.8751C8.43755 10.8715 8.80342 9.90228 9.46659 9.14901C10.1298 8.39574 11.0448 7.91002 12.0403 7.7828C12.1877 7.76495 12.337 7.79551 12.4656 7.86989C12.5942 7.94426 12.6952 8.05841 12.7533 8.19514L14.4798 12.2237C14.5244 12.3279 14.5426 12.4415 14.5328 12.5545C14.5229 12.6674 14.4852 12.7762 14.4231 12.871L12.9934 15.0555C12.9284 15.1538 12.8899 15.2673 12.8818 15.3848C12.8737 15.5024 12.8962 15.6201 12.9472 15.7264V15.7264Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.6 KiB |
3
public/assets/images/icons/icon-phone-black.svg
Normal file
3
public/assets/images/icons/icon-phone-black.svg
Normal file
@ -0,0 +1,3 @@
|
||||
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M11.5595 15.6018C12.5968 17.7225 14.3158 19.4336 16.4412 20.4613C16.5967 20.535 16.7687 20.5669 16.9403 20.5539C17.1119 20.5409 17.2771 20.4835 17.4198 20.3872L20.5492 18.3004C20.6877 18.2082 20.8469 18.1518 21.0126 18.1366C21.1782 18.1214 21.3451 18.1478 21.498 18.2133L27.3526 20.7224C27.5515 20.8069 27.7175 20.9537 27.8257 21.1408C27.9339 21.3278 27.9783 21.545 27.9524 21.7595C27.7673 23.2075 27.0608 24.5384 25.9652 25.503C24.8695 26.4676 23.4598 26.9998 22 26.9999C17.4913 26.9999 13.1673 25.2088 9.97919 22.0207C6.79107 18.8326 5 14.5086 5 9.99988C5.00008 8.5401 5.53224 7.13039 6.49685 6.03472C7.46146 4.93905 8.79237 4.23255 10.2404 4.0475C10.4549 4.02154 10.672 4.066 10.8591 4.17418C11.0461 4.28236 11.193 4.4484 11.2775 4.64728L13.7888 10.507C13.8537 10.6586 13.8802 10.8239 13.8658 10.9881C13.8514 11.1524 13.7967 11.3106 13.7064 11.4485L11.6268 14.626C11.5322 14.769 11.4762 14.934 11.4644 15.105C11.4526 15.2761 11.4854 15.4472 11.5595 15.6018V15.6018Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.1 KiB |
3
public/assets/images/icons/icon-phone-blue.svg
Normal file
3
public/assets/images/icons/icon-phone-blue.svg
Normal file
@ -0,0 +1,3 @@
|
||||
<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M13.0001 0C5.82084 0 0 5.82085 0 13.0001C0 20.1792 5.82084 26.0002 13.0001 26.0002C20.1793 26.0002 26 20.1792 26 13.0001C26.0001 5.82085 20.1793 0 13.0001 0ZM19.8649 18.9686L18.8241 20.0097C18.6382 20.1952 18.0941 20.311 18.0766 20.311C14.7837 20.3398 11.6131 19.0463 9.28356 16.7165C6.94762 14.3793 5.65269 11.1974 5.68746 7.89336C5.68746 7.89186 5.80664 7.3633 5.99231 7.17939L7.03314 6.1384C7.41403 5.75574 8.14568 5.58282 8.65822 5.7543L8.87717 5.82733C9.38821 5.99865 9.92475 6.5637 10.066 7.08428L10.5895 9.00595C10.7307 9.52803 10.5403 10.2708 10.1595 10.6517L9.46451 11.3468C10.1469 13.8729 12.1289 15.8553 14.6555 16.5393L15.3502 15.8441C15.7328 15.4614 16.4753 15.2711 16.9963 15.4121L18.9177 15.9376C19.4383 16.0806 20.0033 16.6138 20.1746 17.1247L20.2476 17.3468C20.4173 17.8579 20.2458 18.5894 19.8649 18.9686Z" fill="#1C01A9"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 954 B |
4
public/assets/images/icons/icon-selected.svg
Normal file
4
public/assets/images/icons/icon-selected.svg
Normal file
@ -0,0 +1,4 @@
|
||||
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M16 28C22.6274 28 28 22.6274 28 16C28 9.37258 22.6274 4 16 4C9.37258 4 4 9.37258 4 16C4 22.6274 9.37258 28 16 28Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M21.5 13L14.1666 20L10.5 16.5" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 429 B |
@ -1,5 +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"/>
|
||||
<path d="M21.7539 10.75L27.0039 16L21.7539 21.25" stroke="#0C0C0C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M13 16H27" stroke="#0C0C0C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M15 27H6C5.73478 27 5.48043 26.8946 5.29289 26.7071C5.10536 26.5196 5 26.2652 5 26V6C5 5.73478 5.10536 5.48043 5.29289 5.29289C5.48043 5.10536 5.73478 5 6 5H15" stroke="#0C0C0C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 664 B After Width: | Height: | Size: 592 B |
Loading…
x
Reference in New Issue
Block a user