Merge branch 'questionnaire' of github.com:merelendor/evoleasing-account
This commit is contained in:
merelendor
commit
6a26849a6f
5118
css/main/style.css
5118
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
@ -2053,6 +2053,7 @@ main {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.aside_nav {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
@ -3031,6 +3032,7 @@ main {
|
||||
&[data-additional-service="7"] {
|
||||
background: url("/assets/images/icons/additional-service-7.svg") no-repeat bottom center;
|
||||
}
|
||||
|
||||
&[data-additional-service="8"] {
|
||||
background: url("/assets/images/icons/additional-service-8.svg") no-repeat bottom center;
|
||||
}
|
||||
@ -4207,7 +4209,113 @@ main .dropdown_blocks_list .dropdown_block .block_body {
|
||||
}
|
||||
}
|
||||
|
||||
.rate_us {
|
||||
position: sticky;
|
||||
margin-top: auto;
|
||||
margin-left: auto;
|
||||
margin-right: 0;
|
||||
width: 343px;
|
||||
pointer-events: all;
|
||||
top: calc(100vh - 150px);
|
||||
/* tile shadow */
|
||||
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
height: 102px;
|
||||
|
||||
@media all and (max-width: 1200px) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&.opened {
|
||||
form {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
.rate_body {
|
||||
margin-left: auto;
|
||||
border-radius: 16px;
|
||||
background: var(--white, #FFF);
|
||||
width: 100%;
|
||||
padding: 16px 24px;
|
||||
box-shadow: 0px 4px 32px 0px rgba(0, 0, 0, 0.16);
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 15px;
|
||||
font-weight: 700;
|
||||
line-height: 23px;
|
||||
width: 100%;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.rate_start {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
|
||||
p {
|
||||
text-align: center;
|
||||
font-weight: 400;
|
||||
font-size: 11px;
|
||||
line-height: 15px;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.stars {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
gap: 0 2px;
|
||||
|
||||
label {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
position: relative;
|
||||
background-image: url("data:image/svg+xml,%3Csvg width='26' height='25' viewBox='0 0 26 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5514 20.8416L19.8558 24.8358C20.6617 25.3464 21.6622 24.587 21.4231 23.6463L19.6016 16.481C19.5503 16.2815 19.5564 16.0715 19.6191 15.8752C19.6819 15.6789 19.7987 15.5044 19.9563 15.3715L25.6097 10.6661C26.3525 10.0478 25.9691 8.81502 25.0147 8.75308L17.6318 8.27392C17.4329 8.25971 17.2422 8.18931 17.0818 8.0709C16.9214 7.95249 16.7979 7.79095 16.7258 7.6051L13.9722 0.670972C13.8974 0.473703 13.7643 0.30387 13.5906 0.184027C13.417 0.0641833 13.211 0 13 0C12.789 0 12.583 0.0641833 12.4094 0.184027C12.2357 0.30387 12.1026 0.473703 12.0278 0.670972L9.27423 7.6051C9.20209 7.79095 9.07863 7.95249 8.91823 8.0709C8.75784 8.18931 8.5671 8.25971 8.36824 8.27392L0.985254 8.75308C0.03087 8.81502 -0.352537 10.0478 0.390298 10.6661L6.04371 15.3715C6.20126 15.5044 6.31813 15.6789 6.38088 15.8752C6.44362 16.0715 6.4497 16.2815 6.39841 16.481L4.70918 23.126C4.42222 24.2549 5.62287 25.1661 6.58991 24.5534L12.4486 20.8416C12.6134 20.7367 12.8047 20.681 13 20.681C13.1953 20.681 13.3866 20.7367 13.5514 20.8416Z' fill='%23EDEFF5'/%3E%3C/svg%3E%0A");
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
padding: 0;
|
||||
cursor: pointer;
|
||||
|
||||
&.hover,
|
||||
&:hover {
|
||||
background-image: url("data:image/svg+xml,%3Csvg width='26' height='25' viewBox='0 0 26 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5514 20.8416L19.8558 24.8358C20.6617 25.3464 21.6622 24.587 21.4231 23.6463L19.6016 16.481C19.5503 16.2815 19.5564 16.0715 19.6191 15.8752C19.6819 15.6789 19.7987 15.5044 19.9563 15.3715L25.6097 10.6661C26.3525 10.0478 25.9691 8.81502 25.0147 8.75308L17.6318 8.27392C17.4329 8.25971 17.2422 8.18931 17.0818 8.0709C16.9214 7.95249 16.7979 7.79095 16.7258 7.6051L13.9722 0.670972C13.8974 0.473703 13.7643 0.30387 13.5906 0.184027C13.417 0.0641833 13.211 0 13 0C12.789 0 12.583 0.0641833 12.4094 0.184027C12.2357 0.30387 12.1026 0.473703 12.0278 0.670972L9.27423 7.6051C9.20209 7.79095 9.07863 7.95249 8.91823 8.0709C8.75784 8.18931 8.5671 8.25971 8.36824 8.27392L0.985254 8.75308C0.03087 8.81502 -0.352537 10.0478 0.390298 10.6661L6.04371 15.3715C6.20126 15.5044 6.31813 15.6789 6.38088 15.8752C6.44362 16.0715 6.4497 16.2815 6.39841 16.481L4.70918 23.126C4.42222 24.2549 5.62287 25.1661 6.58991 24.5534L12.4486 20.8416C12.6134 20.7367 12.8047 20.681 13 20.681C13.1953 20.681 13.3866 20.7367 13.5514 20.8416Z' fill='%231c01a9'/%3E%3C/svg%3E%0A");
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
&.active {
|
||||
background-image: url("data:image/svg+xml,%3Csvg width='26' height='25' viewBox='0 0 26 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5514 20.8416L19.8558 24.8358C20.6617 25.3464 21.6622 24.587 21.4231 23.6463L19.6016 16.481C19.5503 16.2815 19.5564 16.0715 19.6191 15.8752C19.6819 15.6789 19.7987 15.5044 19.9563 15.3715L25.6097 10.6661C26.3525 10.0478 25.9691 8.81502 25.0147 8.75308L17.6318 8.27392C17.4329 8.25971 17.2422 8.18931 17.0818 8.0709C16.9214 7.95249 16.7979 7.79095 16.7258 7.6051L13.9722 0.670972C13.8974 0.473703 13.7643 0.30387 13.5906 0.184027C13.417 0.0641833 13.211 0 13 0C12.789 0 12.583 0.0641833 12.4094 0.184027C12.2357 0.30387 12.1026 0.473703 12.0278 0.670972L9.27423 7.6051C9.20209 7.79095 9.07863 7.95249 8.91823 8.0709C8.75784 8.18931 8.5671 8.25971 8.36824 8.27392L0.985254 8.75308C0.03087 8.81502 -0.352537 10.0478 0.390298 10.6661L6.04371 15.3715C6.20126 15.5044 6.31813 15.6789 6.38088 15.8752C6.44362 16.0715 6.4497 16.2815 6.39841 16.481L4.70918 23.126C4.42222 24.2549 5.62287 25.1661 6.58991 24.5534L12.4486 20.8416C12.6134 20.7367 12.8047 20.681 13 20.681C13.1953 20.681 13.3866 20.7367 13.5514 20.8416Z' fill='%231c01a9'/%3E%3C/svg%3E%0A");
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
&:before {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
form {
|
||||
margin-top: 12px;
|
||||
display: none;
|
||||
|
||||
.form_field {
|
||||
margin-bottom: 8px;
|
||||
|
||||
textarea {
|
||||
resize: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.feed {
|
||||
position: relative;
|
||||
@ -4231,7 +4339,10 @@ main .dropdown_blocks_list .dropdown_block .block_body {
|
||||
&.quest {
|
||||
padding: 5px 16px;
|
||||
|
||||
img { width: 48px; height: 48px; }
|
||||
img {
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
}
|
||||
}
|
||||
|
||||
div {
|
||||
@ -4289,7 +4400,9 @@ main .dropdown_blocks_list .dropdown_block .block_body {
|
||||
margin-right: 30px;
|
||||
width: 480px;
|
||||
|
||||
div {height: 100%;}
|
||||
div {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
&:first-child {
|
||||
margin-left: 0;
|
||||
@ -4474,12 +4587,16 @@ main .dropdown_blocks_list .dropdown_block .block_body {
|
||||
}
|
||||
}
|
||||
|
||||
.grecaptcha-badge { visibility: hidden; }
|
||||
.grecaptcha-badge {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.changes {
|
||||
@media all and (max-width:1279px) {
|
||||
min-height: 60vh;
|
||||
|
||||
}
|
||||
|
||||
.block {
|
||||
margin-bottom: 55px;
|
||||
|
||||
@ -5271,6 +5388,7 @@ main .dropdown_blocks_list .dropdown_block .block_body {
|
||||
|
||||
.block_header {
|
||||
padding-top: 0;
|
||||
|
||||
p {
|
||||
font-weight: 400;
|
||||
}
|
||||
@ -5308,10 +5426,12 @@ main .dropdown_blocks_list .dropdown_block .block_body {
|
||||
|
||||
p {
|
||||
margin-bottom: 8px;
|
||||
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.item_header {
|
||||
margin-bottom: 25px;
|
||||
position: relative;
|
||||
@ -5357,7 +5477,8 @@ main .dropdown_blocks_list .dropdown_block .block_body {
|
||||
&:not(:last-child) {
|
||||
padding-bottom: 16px;
|
||||
margin-bottom: 16px;
|
||||
border-bottom: 1px solid rgba(0, 16, 61, 0.12);;
|
||||
border-bottom: 1px solid rgba(0, 16, 61, 0.12);
|
||||
;
|
||||
}
|
||||
|
||||
.dosc_list {
|
||||
@ -5381,6 +5502,7 @@ main .dropdown_blocks_list .dropdown_block .block_body {
|
||||
|
||||
.doc_name {
|
||||
max-width: 100%;
|
||||
|
||||
span {
|
||||
width: 100%;
|
||||
}
|
||||
@ -5476,6 +5598,7 @@ main .dropdown_blocks_list .dropdown_block .block_body {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.appeal_item {
|
||||
padding: 8px;
|
||||
margin-bottom: 8px;
|
||||
@ -5669,8 +5792,7 @@ main .dropdown_blocks_list .dropdown_block .block_body {
|
||||
}
|
||||
}
|
||||
|
||||
.services_invoice_button
|
||||
{
|
||||
.services_invoice_button {
|
||||
min-width: 220px;
|
||||
|
||||
@media all and (max-width: 1600px) {
|
||||
@ -5772,3 +5894,434 @@ main .dropdown_blocks_list .dropdown_block .block_body {
|
||||
display: block !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.contractStatus_list {
|
||||
margin: 50px 0;
|
||||
|
||||
.list_item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
gap: 0 30px;
|
||||
justify-content: space-between;
|
||||
|
||||
div {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
p {
|
||||
font-weight: 700;
|
||||
line-height: 23px;
|
||||
white-space: nowrap;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
gap: 0 8px;
|
||||
}
|
||||
|
||||
&:nth-child(2) {
|
||||
width: 30%;
|
||||
position: relative;
|
||||
|
||||
p {
|
||||
cursor: pointer;
|
||||
color: var(--text_not_active);
|
||||
|
||||
}
|
||||
|
||||
&:before {
|
||||
content: "";
|
||||
display: block;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
margin: auto;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-top: 6px solid transparent;
|
||||
border-left: 8px solid #d1d4db;
|
||||
border-bottom: 6px solid transparent;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
&:after {
|
||||
content: "";
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 18px;
|
||||
background: url("/assets/images/status/line.jpg") repeat-x left center;
|
||||
background-size: auto 13px;
|
||||
margin-left: 24px;
|
||||
}
|
||||
}
|
||||
|
||||
&:nth-child(3) {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 0 24px;
|
||||
width: 50%;
|
||||
position: relative;
|
||||
|
||||
&:before {
|
||||
content: "";
|
||||
display: block;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
margin: auto;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-top: 6px solid transparent;
|
||||
border-left: 8px solid #a499dd;
|
||||
border-bottom: 6px solid transparent;
|
||||
}
|
||||
|
||||
&:after {
|
||||
content: "";
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 18px;
|
||||
background: url("/assets/images/status/line_2.jpg") repeat-x left center;
|
||||
background-size: auto 13px;
|
||||
}
|
||||
}
|
||||
|
||||
&:nth-child(4) {
|
||||
p {
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
&:nth-child(5) {
|
||||
width: 150px;
|
||||
|
||||
button {
|
||||
white-space: nowrap;
|
||||
gap: 0 8px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&:not(:last-child) {
|
||||
margin-bottom: 5px;
|
||||
|
||||
div:nth-child(5) {
|
||||
visibility: hidden;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.opened .contractStatus_modal {
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
.contractStatus_modal {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
margin: 100px auto;
|
||||
left: 0;
|
||||
right: 0;
|
||||
max-width: 1100px;
|
||||
width: 95%;
|
||||
padding: 48px;
|
||||
z-index: 99999;
|
||||
display: block;
|
||||
background: #fff;
|
||||
transform: translateY(120px);
|
||||
transition: transform 150ms ease;
|
||||
|
||||
.modal_header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 35px;
|
||||
}
|
||||
|
||||
.modal_title {
|
||||
font-size: 26px;
|
||||
font-weight: 700;
|
||||
line-height: 35px;
|
||||
|
||||
}
|
||||
|
||||
.modal_close {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
background-image: url("data:image/svg+xml,%3Csvg width='12' height='13' viewBox='0 0 12 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.87938 6.49925L0.439875 3.05975C-0.146625 2.47475 -0.146625 1.52375 0.439875 0.93875C1.02488 0.35375 1.97588 0.35375 2.56088 0.93875L6.00038 4.37825L9.43988 0.93875C10.0249 0.35375 10.9759 0.35375 11.5609 0.93875C12.1459 1.52375 12.1459 2.47475 11.5609 3.05975L8.12138 6.49925L11.5609 9.93875C12.1459 10.5238 12.1459 11.4748 11.5609 12.0598C10.9759 12.6448 10.0249 12.6448 9.43988 12.0598L6.00038 8.62025L2.56088 12.0598C1.97588 12.6448 1.02488 12.6448 0.439875 12.0598C-0.146625 11.4748 -0.146625 10.5238 0.439875 9.93875L3.87938 6.49925V6.49925Z' fill='%23333333'/%3E%3C/svg%3E%0A");
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
.single_status {
|
||||
div {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
gap: 0 30px;
|
||||
padding: 2px 0;
|
||||
|
||||
p {
|
||||
margin: 0;
|
||||
|
||||
&:first-child {
|
||||
font-weight: 700;
|
||||
}
|
||||
}
|
||||
|
||||
i {
|
||||
display: block;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
|
||||
&.status_1 {
|
||||
background: url("/assets/images/status/1.svg") no-repeat center;
|
||||
}
|
||||
|
||||
&.status_2 {
|
||||
background: url("/assets/images/status/2.svg") no-repeat center;
|
||||
}
|
||||
|
||||
&.status_3 {
|
||||
background: url("/assets/images/status/3.svg") no-repeat center;
|
||||
}
|
||||
|
||||
&.status_4 {
|
||||
background: url("/assets/images/status/4.svg") no-repeat center;
|
||||
}
|
||||
|
||||
&.status_5 {
|
||||
background: url("/assets/images/status/5.svg") no-repeat center;
|
||||
}
|
||||
|
||||
&.status_6 {
|
||||
background: url("/assets/images/status/6.svg") no-repeat center;
|
||||
}
|
||||
|
||||
&.status_7 {
|
||||
background: url("/assets/images/status/7.svg") no-repeat center;
|
||||
}
|
||||
}
|
||||
|
||||
span {
|
||||
display: block;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin: 0;
|
||||
border-radius: 100%;
|
||||
background-color: #5FB158;
|
||||
background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.92871 3.50024L4.92871 8.50002L2.42871 6.00024' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
|
||||
&:before {
|
||||
content: "";
|
||||
display: block;
|
||||
position: absolute;
|
||||
width: 0px;
|
||||
height: auto;
|
||||
border: 1px dashed #5FB158;
|
||||
top: 20px;
|
||||
bottom: -50px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin: auto;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
&:after {
|
||||
content: "";
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-left: 3px solid transparent;
|
||||
border-right: 3px solid transparent;
|
||||
border-top: 5px solid #5FB158;
|
||||
position: absolute;
|
||||
top: -5px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin: auto;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
&:first-child {
|
||||
span {
|
||||
|
||||
&:after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
span {
|
||||
&:before {
|
||||
bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&:not(:last-child) {
|
||||
border-bottom: 1px solid var(--inactive, #EDEFF5);
|
||||
}
|
||||
|
||||
&:not(:first-child) {
|
||||
p:first-child {
|
||||
visibility: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
&:not(.current) {
|
||||
img {
|
||||
filter: grayscale(1)
|
||||
}
|
||||
}
|
||||
|
||||
&.current {
|
||||
span {
|
||||
background-color: #2F80ED;
|
||||
background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.00084 9.92868C8.17053 9.92868 9.92941 8.1698 9.92941 6.00011C9.92941 3.83041 8.17053 2.07153 6.00084 2.07153C3.83115 2.07153 2.07227 3.83041 2.07227 6.00011C2.07227 8.1698 3.83115 9.92868 6.00084 9.92868Z' stroke='white' stroke-miterlimit='10'/%3E%3Cpath d='M6 6.00007L7.76777 4.2323' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.92871 0.642944H7.07157' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
|
||||
&:before {
|
||||
border-color: #2F80ED;
|
||||
}
|
||||
}
|
||||
|
||||
&~div {
|
||||
span {
|
||||
background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.00056 10.2858C8.36749 10.2858 10.2863 8.367 10.2863 6.00007C10.2863 3.63313 8.36749 1.71436 6.00056 1.71436C3.63362 1.71436 1.71484 3.63313 1.71484 6.00007C1.71484 8.367 3.63362 10.2858 6.00056 10.2858Z' stroke='%238E94A7' stroke-miterlimit='10'/%3E%3Cpath d='M6 3.5V6H8.5' stroke='%238E94A7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-color: var(--inactive, #EDEFF5);
|
||||
|
||||
&:before {
|
||||
border-color: var(--inactive, #EDEFF5);
|
||||
}
|
||||
|
||||
&:after {
|
||||
border-top-color: var(--inactive, #EDEFF5);
|
||||
}
|
||||
}
|
||||
|
||||
i {
|
||||
&.status_1 {
|
||||
background: url("/assets/images/status/1_inactive.svg") no-repeat center;
|
||||
}
|
||||
|
||||
&.status_2 {
|
||||
background: url("/assets/images/status/2_inactive.svg") no-repeat center;
|
||||
}
|
||||
|
||||
&.status_3 {
|
||||
background: url("/assets/images/status/3_inactive.svg") no-repeat center;
|
||||
}
|
||||
|
||||
&.status_4 {
|
||||
background: url("/assets/images/status/4_inactive.svg") no-repeat center;
|
||||
}
|
||||
|
||||
&.status_5 {
|
||||
background: url("/assets/images/status/5_inactive.svg") no-repeat center;
|
||||
}
|
||||
|
||||
&.status_6 {
|
||||
background: url("/assets/images/status/6_inactive.svg") no-repeat center;
|
||||
}
|
||||
|
||||
&.status_7 {
|
||||
background: url("/assets/images/status/7_inactive.svg") no-repeat center;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&+div {
|
||||
span {
|
||||
&:after {
|
||||
border-top-color: #2F80ED;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.toggle_status {
|
||||
margin: auto;
|
||||
gap: 0 8px;
|
||||
margin-right: 0;
|
||||
color: var(--blue);
|
||||
padding: 0;
|
||||
|
||||
svg {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.all_contracts_modal {
|
||||
.contractStatus_list {
|
||||
.list_item {
|
||||
.step {
|
||||
width: 50%;
|
||||
gap: 0 16px;
|
||||
|
||||
p {
|
||||
font-weight: 400;
|
||||
color: var(--text_not_active);
|
||||
}
|
||||
|
||||
&:before {
|
||||
content: "";
|
||||
display: block;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
margin: auto;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-top: 6px solid transparent;
|
||||
border-left: 8px solid #d1d4db;
|
||||
border-bottom: 6px solid transparent;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
&:after {
|
||||
content: "";
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 18px;
|
||||
background: url("/assets/images/status/line.jpg") repeat-x left center;
|
||||
background-size: auto 13px;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
&.active {
|
||||
p {
|
||||
color: #18191F;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
div {
|
||||
&:last-child {
|
||||
p {
|
||||
color: var(--blue);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
8113
package-lock.json
generated
8113
package-lock.json
generated
File diff suppressed because it is too large
Load Diff
413
pages/components/ContractStatus/index.js
Normal file
413
pages/components/ContractStatus/index.js
Normal file
@ -0,0 +1,413 @@
|
||||
import React from "react"
|
||||
import { connect } from "react-redux"
|
||||
|
||||
const SingleContractModal = (props) => {
|
||||
const { open, close } = props
|
||||
|
||||
return (
|
||||
<div className={open ? "fade opened" : "fade"}>
|
||||
<div className="contractStatus_modal">
|
||||
<div className="modal_header">
|
||||
<p className="modal_title">Статус сделки</p>
|
||||
<button className="modal_close" onClick={close}></button>
|
||||
</div>
|
||||
|
||||
<div className="modal_body single_status">
|
||||
<div>
|
||||
<p>Сделка 1</p>
|
||||
<span></span>
|
||||
<i className="status_1"></i>
|
||||
|
||||
<p>Выбор КП</p>
|
||||
</div>
|
||||
<div>
|
||||
<p>Сделка 1</p>
|
||||
<span></span>
|
||||
<i className="status_2"></i>
|
||||
|
||||
<p>Программа финансирования</p>
|
||||
</div>
|
||||
<div>
|
||||
<p>Сделка 1</p>
|
||||
<span></span>
|
||||
<i className="status_3"></i>
|
||||
|
||||
<p>Сборка пакета документов</p>
|
||||
</div>
|
||||
<div className="current">
|
||||
<p>Сделка 1</p>
|
||||
<span></span>
|
||||
<i className="status_4"></i>
|
||||
|
||||
<p>Проверка документов</p>
|
||||
</div>
|
||||
<div>
|
||||
<p>Сделка 1</p>
|
||||
<span></span>
|
||||
<i className="status_5"></i>
|
||||
|
||||
<p>Принятие решения по заявке</p>
|
||||
</div>
|
||||
<div>
|
||||
<p>Сделка 1</p>
|
||||
<span></span>
|
||||
<i className="status_6"></i>
|
||||
|
||||
<p>Оформление лизинга</p>
|
||||
</div>
|
||||
<div>
|
||||
<p>Сделка 1</p>
|
||||
<span></span>
|
||||
<i className="status_7"></i>
|
||||
|
||||
<p>Выбор типа подписания</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
const AllContractsModal = (props) => {
|
||||
const { open, close, activeContract, handleContractSelected } = props
|
||||
|
||||
return (
|
||||
<div className={open ? "fade opened" : "fade"}>
|
||||
<div className="contractStatus_modal all_contracts_modal">
|
||||
<div className="modal_header">
|
||||
<p className="modal_title">Статусы сделок</p>
|
||||
<button className="modal_close" onClick={close}></button>
|
||||
</div>
|
||||
<div className="modal_body">
|
||||
<div className="contractStatus_list">
|
||||
{activeContract !== 1 ? (
|
||||
<div className="list_item">
|
||||
<div>
|
||||
<p>Сделка 1</p>
|
||||
</div>
|
||||
<div className="step active">
|
||||
<img src="/assets/images/status/3.svg" width="50" height="50" />
|
||||
<p>Сбор пакета документов</p>
|
||||
</div>
|
||||
<div className="step">
|
||||
<img src="/assets/images/status/3_inactive.svg" width="50" height="50" />
|
||||
<p>Сбор пакета документов</p>
|
||||
</div>
|
||||
<div>
|
||||
<p
|
||||
onClick={() => {
|
||||
handleContractSelected(1)
|
||||
}}
|
||||
>
|
||||
и еще 4 этапа
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width={18} height={18} fill="none">
|
||||
<path
|
||||
stroke="#1C01A9"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
strokeWidth={2}
|
||||
d="M14.625 6.75 9 12.375 3.375 6.75"
|
||||
/>
|
||||
</svg>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
) : (
|
||||
<div className="single_status">
|
||||
<div>
|
||||
<p>Сделка 1</p>
|
||||
<span></span>
|
||||
<i className="status_1"></i>
|
||||
|
||||
<p>Выбор КП</p>
|
||||
</div>
|
||||
<div>
|
||||
<p>Сделка 1</p>
|
||||
<span></span>
|
||||
<i className="status_2"></i>
|
||||
|
||||
<p>Программа финансирования</p>
|
||||
</div>
|
||||
<div>
|
||||
<p>Сделка 1</p>
|
||||
<span></span>
|
||||
<i className="status_3"></i>
|
||||
|
||||
<p>Сборка пакета документов</p>
|
||||
</div>
|
||||
<div className="current">
|
||||
<p>Сделка 1</p>
|
||||
<span></span>
|
||||
<i className="status_4"></i>
|
||||
|
||||
<p>Проверка документов</p>
|
||||
</div>
|
||||
<div>
|
||||
<p>Сделка 1</p>
|
||||
<span></span>
|
||||
<i className="status_5"></i>
|
||||
|
||||
<p>Принятие решения по заявке</p>
|
||||
</div>
|
||||
<div>
|
||||
<p>Сделка 1</p>
|
||||
<span></span>
|
||||
<i className="status_6"></i>
|
||||
|
||||
<p>Оформление лизинга</p>
|
||||
</div>
|
||||
<div>
|
||||
<p>Сделка 1</p>
|
||||
<span></span>
|
||||
<i className="status_7"></i>
|
||||
|
||||
<p>Выбор типа подписания</p>
|
||||
|
||||
<button
|
||||
className="toggle_status"
|
||||
onClick={() => {
|
||||
handleContractSelected(null)
|
||||
}}
|
||||
>
|
||||
Свернуть
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width={18} height={18} fill="none">
|
||||
<path
|
||||
stroke="#1C01A9"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
strokeWidth={2}
|
||||
d="M14.625 6.75 9 12.375 3.375 6.75"
|
||||
/>
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
|
||||
<div className="list_item">
|
||||
<div>
|
||||
<p>Сделка 2</p>
|
||||
</div>
|
||||
<div className="step active">
|
||||
<img src="/assets/images/status/3.svg" width="50" height="50" />
|
||||
<p>Сбор пакета документов</p>
|
||||
</div>
|
||||
<div className="step">
|
||||
<img src="/assets/images/status/3_inactive.svg" width="50" height="50" />
|
||||
<p>Сбор пакета документов</p>
|
||||
</div>
|
||||
<div>
|
||||
<p
|
||||
onClick={() => {
|
||||
handleContractSelected(null)
|
||||
}}
|
||||
>
|
||||
и еще 2 этапа
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width={18} height={18} fill="none">
|
||||
<path
|
||||
stroke="#1C01A9"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
strokeWidth={2}
|
||||
d="M14.625 6.75 9 12.375 3.375 6.75"
|
||||
/>
|
||||
</svg>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
class ContractStatus extends React.Component {
|
||||
constructor(props) {
|
||||
super(props)
|
||||
this.state = {
|
||||
currentContractModalOpened: false,
|
||||
allContractModalOpened: false,
|
||||
currentSelected: null
|
||||
}
|
||||
}
|
||||
|
||||
static getDerivedStateFromProps(nextProps, prevState) {
|
||||
return {}
|
||||
}
|
||||
|
||||
componentDidMount() {}
|
||||
|
||||
componentDidUpdate(prevProps, prevState) {}
|
||||
|
||||
_handleModalToggle = (modal) => {
|
||||
if (modal === "current") {
|
||||
this.setState({
|
||||
currentContractModalOpened: !this.state.currentContractModalOpened
|
||||
})
|
||||
} else {
|
||||
this.setState({
|
||||
allContractModalOpened: !this.state.allContractModalOpened
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
_handleContractSelected = (index) => {
|
||||
this.setState({
|
||||
currentSelected: index
|
||||
})
|
||||
}
|
||||
|
||||
render() {
|
||||
const { currentContractModalOpened, allContractModalOpened, currentSelected } = this.state
|
||||
|
||||
return (
|
||||
<>
|
||||
<div className="contractStatus_list">
|
||||
<div className="list_item">
|
||||
<div>
|
||||
<p>Сделка 1</p>
|
||||
</div>
|
||||
<div>
|
||||
<p>
|
||||
2 этапа пройдено
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width={18} height={18} fill="none">
|
||||
<path
|
||||
stroke="#8E94A7"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
strokeWidth={2}
|
||||
d="M14.625 6.75 9 12.375 3.375 6.75"
|
||||
/>
|
||||
</svg>
|
||||
</p>
|
||||
</div>
|
||||
<div>
|
||||
<img src="/assets/images/status/1.svg" width="50" height="50" />
|
||||
<p>Сбор пакета документов</p>
|
||||
</div>
|
||||
<div>
|
||||
<p>
|
||||
еще 4 этапа
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width={18} height={18} fill="none">
|
||||
<path
|
||||
stroke="#8E94A7"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
strokeWidth={2}
|
||||
d="M14.625 6.75 9 12.375 3.375 6.75"
|
||||
/>
|
||||
</svg>
|
||||
</p>
|
||||
</div>
|
||||
<div>
|
||||
<button
|
||||
className="button"
|
||||
onClick={() => {
|
||||
this._handleModalToggle("all")
|
||||
}}
|
||||
>
|
||||
Все сделки
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width={18} height={18} fill="none">
|
||||
<path
|
||||
stroke="#1C01A9"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
strokeWidth={2}
|
||||
d="M14.625 6.75 9 12.375 3.375 6.75"
|
||||
/>
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="list_item">
|
||||
<div>
|
||||
<p>Сделка 1</p>
|
||||
</div>
|
||||
<div>
|
||||
<p
|
||||
onClick={() => {
|
||||
this._handleModalToggle("current")
|
||||
}}
|
||||
>
|
||||
2 этапа пройдено
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width={18} height={18} fill="none">
|
||||
<path
|
||||
stroke="#8E94A7"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
strokeWidth={2}
|
||||
d="M14.625 6.75 9 12.375 3.375 6.75"
|
||||
/>
|
||||
</svg>
|
||||
</p>
|
||||
</div>
|
||||
<div>
|
||||
<img src="/assets/images/status/3.svg" width="50" height="50" />
|
||||
<p>Сбор пакета документов</p>
|
||||
</div>
|
||||
<div>
|
||||
<p
|
||||
onClick={() => {
|
||||
this._handleModalToggle("current")
|
||||
}}
|
||||
>
|
||||
еще 4 этапа
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width={18} height={18} fill="none">
|
||||
<path
|
||||
stroke="#8E94A7"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
strokeWidth={2}
|
||||
d="M14.625 6.75 9 12.375 3.375 6.75"
|
||||
/>
|
||||
</svg>
|
||||
</p>
|
||||
</div>
|
||||
<div>
|
||||
<button
|
||||
className="button"
|
||||
onClick={() => {
|
||||
this._handleModalToggle("all")
|
||||
}}
|
||||
>
|
||||
Все сделки
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width={18} height={18} fill="none">
|
||||
<path
|
||||
stroke="#1C01A9"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
strokeWidth={2}
|
||||
d="M14.625 6.75 9 12.375 3.375 6.75"
|
||||
/>
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<SingleContractModal
|
||||
open={currentContractModalOpened}
|
||||
close={() => {
|
||||
this._handleModalToggle("current")
|
||||
}}
|
||||
/>
|
||||
<AllContractsModal
|
||||
open={allContractModalOpened}
|
||||
close={() => {
|
||||
this._handleModalToggle("all")
|
||||
}}
|
||||
activeContract={currentSelected}
|
||||
handleContractSelected={this._handleContractSelected}
|
||||
/>
|
||||
</>
|
||||
)
|
||||
}
|
||||
}
|
||||
|
||||
function mapStateToProps(state, ownProps) {
|
||||
return {}
|
||||
}
|
||||
|
||||
export default connect(mapStateToProps)(ContractStatus)
|
||||
@ -1,82 +1,77 @@
|
||||
import React from "react";
|
||||
import { connect } from "react-redux";
|
||||
import { SpinnerCircular } from 'spinners-react';
|
||||
import React from "react"
|
||||
import { connect } from "react-redux"
|
||||
import { SpinnerCircular } from "spinners-react"
|
||||
import Rating from "../Rating"
|
||||
import { getImage } from "../../../actions"
|
||||
|
||||
import { getImage } from '../../../actions';
|
||||
|
||||
class Manager extends React.Component
|
||||
{
|
||||
constructor(props)
|
||||
{
|
||||
super(props);
|
||||
class Manager extends React.Component {
|
||||
constructor(props) {
|
||||
super(props)
|
||||
this.state = {
|
||||
company: {},
|
||||
photo: undefined,
|
||||
loading: true,
|
||||
full: false,
|
||||
};
|
||||
full: false
|
||||
}
|
||||
}
|
||||
|
||||
static getDerivedStateFromProps(nextProps, prevState)
|
||||
{
|
||||
static getDerivedStateFromProps(nextProps, prevState) {
|
||||
return {
|
||||
company: nextProps.company,
|
||||
};
|
||||
}
|
||||
|
||||
componentDidMount()
|
||||
{
|
||||
const { company } = this.state;
|
||||
|
||||
this._loadManagerAvatar();
|
||||
}
|
||||
|
||||
componentDidUpdate(prevProps, prevState)
|
||||
{
|
||||
if(prevState.company.manager_photo === undefined && this.state.company.manager_photo !== undefined)
|
||||
{
|
||||
this._loadManagerAvatar();
|
||||
company: nextProps.company
|
||||
}
|
||||
}
|
||||
|
||||
_loadManagerAvatar = () =>
|
||||
{
|
||||
const { company } = this.state;
|
||||
componentDidMount() {
|
||||
const { company } = this.state
|
||||
|
||||
if(company.manager_photo !== undefined && company.manager_photo !== null && company.manager_photo !== "")
|
||||
{
|
||||
getImage({ id: company.manager_photo })
|
||||
.then((result) =>
|
||||
{
|
||||
this.setState({ photo: result, loading: false });
|
||||
this._loadManagerAvatar()
|
||||
}
|
||||
|
||||
componentDidUpdate(prevProps, prevState) {
|
||||
if (prevState.company.manager_photo === undefined && this.state.company.manager_photo !== undefined) {
|
||||
this._loadManagerAvatar()
|
||||
}
|
||||
}
|
||||
|
||||
_loadManagerAvatar = () => {
|
||||
const { company } = this.state
|
||||
|
||||
if (company.manager_photo !== undefined && company.manager_photo !== null && company.manager_photo !== "") {
|
||||
getImage({ id: company.manager_photo }).then((result) => {
|
||||
this.setState({ photo: result, loading: false })
|
||||
})
|
||||
}
|
||||
else
|
||||
{
|
||||
if(company.manager_photo !== undefined)
|
||||
{
|
||||
this.setState({ photo: null, loading: false });
|
||||
} else {
|
||||
if (company.manager_photo !== undefined) {
|
||||
this.setState({ photo: null, loading: false })
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
_handle_onFull = () =>
|
||||
{
|
||||
this.setState({ full: this.state.full ? false : true });
|
||||
_handle_onFull = () => {
|
||||
this.setState({ full: this.state.full ? false : true })
|
||||
}
|
||||
|
||||
render()
|
||||
{
|
||||
const { company, loading, photo, full, } = this.state;
|
||||
render() {
|
||||
const { company, loading, photo, full } = this.state
|
||||
|
||||
return (
|
||||
<div className="helpBox_wrapper">
|
||||
<div className={`helpBox ${!full ? "hidden" : ""}`}>
|
||||
<div className="avatar">
|
||||
{loading ? (
|
||||
<SpinnerCircular size={24} thickness={51} speed={100} color="rgba(28, 1, 169, 1)" secondaryColor="rgba(236, 239, 244, 1)" />
|
||||
<SpinnerCircular
|
||||
size={24}
|
||||
thickness={51}
|
||||
speed={100}
|
||||
color="rgba(28, 1, 169, 1)"
|
||||
secondaryColor="rgba(236, 239, 244, 1)"
|
||||
/>
|
||||
) : (
|
||||
<img src={ photo !== null ? photo : `/assets/images/icons/avatar.svg` } loading="lazy" alt={ company.manager_fio } />
|
||||
<img
|
||||
src={photo !== null ? photo : `/assets/images/icons/avatar.svg`}
|
||||
loading="lazy"
|
||||
alt={company.manager_fio}
|
||||
/>
|
||||
)}
|
||||
</div>
|
||||
<div className="content">
|
||||
@ -85,11 +80,20 @@ class Manager extends React.Component
|
||||
<p className="position">{company.manager_jobtitle}</p>
|
||||
<div className="info">
|
||||
<a href={`mailto:${company.manager_email}`}>{company.manager_email}</a>
|
||||
{ company.manager_mobilephone !== undefined && company.manager_mobilephone !== null && company.manager_mobilephone !== "" && (
|
||||
<a href={ `tel:+${ company.manager_mobilephone.replace(/[^\d]/mg, '') }` }>{ company.manager_mobilephone }</a>
|
||||
{company.manager_mobilephone !== undefined &&
|
||||
company.manager_mobilephone !== null &&
|
||||
company.manager_mobilephone !== "" && (
|
||||
<a href={`tel:+${company.manager_mobilephone.replace(/[^\d]/gm, "")}`}>
|
||||
{company.manager_mobilephone}
|
||||
</a>
|
||||
)}
|
||||
{ company.manager_telegram !== undefined && company.manager_telegram !== null && company.manager_telegram !== "" && (
|
||||
<a href={ `https://telegram.me/${ company.manager_telegram.replace("@", "") }` } target="_blank">{ `@${ company.manager_telegram.replace("@", "")}` }</a>
|
||||
{company.manager_telegram !== undefined &&
|
||||
company.manager_telegram !== null &&
|
||||
company.manager_telegram !== "" && (
|
||||
<a
|
||||
href={`https://telegram.me/${company.manager_telegram.replace("@", "")}`}
|
||||
target="_blank"
|
||||
>{`@${company.manager_telegram.replace("@", "")}`}</a>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
@ -98,22 +102,34 @@ class Manager extends React.Component
|
||||
<div className={`helpBox_small interactive ${full ? "hidden" : ""}`} onClick={this._handle_onFull}>
|
||||
<div className="avatar">
|
||||
{loading ? (
|
||||
<SpinnerCircular size={24} thickness={51} speed={100} color="rgba(28, 1, 169, 1)" secondaryColor="rgba(236, 239, 244, 1)" />
|
||||
<SpinnerCircular
|
||||
size={24}
|
||||
thickness={51}
|
||||
speed={100}
|
||||
color="rgba(28, 1, 169, 1)"
|
||||
secondaryColor="rgba(236, 239, 244, 1)"
|
||||
/>
|
||||
) : (
|
||||
<img src={ photo !== null ? photo : `/assets/images/icons/avatar.svg` } loading="lazy" alt={ company.manager_fio } />
|
||||
<img
|
||||
src={photo !== null ? photo : `/assets/images/icons/avatar.svg`}
|
||||
loading="lazy"
|
||||
alt={company.manager_fio}
|
||||
/>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Оценка */}
|
||||
<Rating />
|
||||
</div>
|
||||
)
|
||||
}
|
||||
}
|
||||
|
||||
function mapStateToProps(state, ownProps)
|
||||
{
|
||||
function mapStateToProps(state, ownProps) {
|
||||
return {
|
||||
company: state.company,
|
||||
company: state.company
|
||||
}
|
||||
}
|
||||
|
||||
export default connect(mapStateToProps)(Manager);
|
||||
export default connect(mapStateToProps)(Manager)
|
||||
|
||||
115
pages/components/Rating/index.js
Normal file
115
pages/components/Rating/index.js
Normal file
@ -0,0 +1,115 @@
|
||||
import React from "react"
|
||||
import { connect } from "react-redux"
|
||||
|
||||
class Rating extends React.Component {
|
||||
constructor(props) {
|
||||
super(props)
|
||||
this.state = {
|
||||
opened: false,
|
||||
rating: 0,
|
||||
hovered: 0,
|
||||
stars: []
|
||||
}
|
||||
|
||||
let outOf = props.outOf ? props.outOf : 5
|
||||
|
||||
for (var i = 0; i < outOf; i++) {
|
||||
this.state.stars.push(i + 1)
|
||||
}
|
||||
}
|
||||
|
||||
static getDerivedStateFromProps(nextProps, prevState) {
|
||||
return {}
|
||||
}
|
||||
|
||||
componentDidMount() {}
|
||||
|
||||
componentDidUpdate(prevProps, prevState) {}
|
||||
|
||||
changeRating(newRating) {
|
||||
this.setState({
|
||||
rating: newRating
|
||||
})
|
||||
|
||||
if (this.props.onChange) this.props.onChange(newRating)
|
||||
}
|
||||
|
||||
hoverRating(rating) {
|
||||
this.setState({
|
||||
hovered: rating
|
||||
})
|
||||
}
|
||||
|
||||
_handleRate = () => {
|
||||
if (this.state.rating > 0) {
|
||||
this.setState({
|
||||
opened: true
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
render() {
|
||||
const { opened, stars, rating, hovered } = this.state
|
||||
const data = ["Очень плохо", "Плохо", "Нормально", "Хорошо", "Отлично"]
|
||||
|
||||
return (
|
||||
<div className={opened ? "rate_us opened" : "rate_us"}>
|
||||
<div className="rate_body">
|
||||
<p>Оцените нас</p>
|
||||
<div className="rate_start">
|
||||
<div className="stars">
|
||||
{stars.map((star) => {
|
||||
return (
|
||||
<label
|
||||
className={rating < star ? (hovered < star ? "" : "hover") : "active"}
|
||||
onClick={() => {
|
||||
this.changeRating(star)
|
||||
}}
|
||||
onMouseEnter={() => {
|
||||
this.hoverRating(star)
|
||||
}}
|
||||
onMouseLeave={() => {
|
||||
this.hoverRating(0)
|
||||
}}
|
||||
></label>
|
||||
)
|
||||
})}
|
||||
</div>
|
||||
{opened ? (
|
||||
<p>{data[this.state.rating - 1]}</p>
|
||||
) : (
|
||||
<button
|
||||
className="button button button-blue"
|
||||
onClick={() => {
|
||||
this._handleRate()
|
||||
}}
|
||||
>
|
||||
Оценить
|
||||
</button>
|
||||
)}
|
||||
</div>
|
||||
<form>
|
||||
<div className="form_field">
|
||||
<input type="text" value="" placeholder="Имя" />
|
||||
</div>
|
||||
<div className="form_field">
|
||||
<input type="text" value="" placeholder="Телефон" />
|
||||
</div>
|
||||
<div className="form_field">
|
||||
<textarea placeholder="Комментарий"></textarea>
|
||||
</div>
|
||||
<button type="submit" className="button button button-blue">
|
||||
Отправить
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
}
|
||||
|
||||
function mapStateToProps(state, ownProps) {
|
||||
return {}
|
||||
}
|
||||
|
||||
export default connect(mapStateToProps)(Rating)
|
||||
470
pages/index.js
470
pages/index.js
@ -1,33 +1,34 @@
|
||||
import React from "react";
|
||||
import Head from 'next/head';
|
||||
import Image from 'next/image';
|
||||
import Link from "next/link";
|
||||
import cookie from 'cookie';
|
||||
import { connect } from "react-redux";
|
||||
import numeral from "numeral";
|
||||
import moment from 'moment';
|
||||
import { SpinnerCircular } from 'spinners-react';
|
||||
import React from "react"
|
||||
import Head from "next/head"
|
||||
import Image from "next/image"
|
||||
import Link from "next/link"
|
||||
import cookie from "cookie"
|
||||
import { connect } from "react-redux"
|
||||
import numeral from "numeral"
|
||||
import moment from "moment"
|
||||
import { SpinnerCircular } from "spinners-react"
|
||||
|
||||
import { withRouter } from 'next/router';
|
||||
import { reduxWrapper } from '../store';
|
||||
import { withRouter } from "next/router"
|
||||
import { reduxWrapper } from "../store"
|
||||
|
||||
import Header from './components/Header';
|
||||
import Footer from './components/Footer';
|
||||
import Company from "./components/Company";
|
||||
import DateInput from '../components/DatePicker';
|
||||
import Pagination from './components/Pagination';
|
||||
import Manager from "./components/Manager";
|
||||
import AccountLayout from "./components/Layout/Account";
|
||||
import Header from "./components/Header"
|
||||
import Footer from "./components/Footer"
|
||||
import Company from "./components/Company"
|
||||
import DateInput from "../components/DatePicker"
|
||||
import Pagination from "./components/Pagination"
|
||||
import Manager from "./components/Manager"
|
||||
import AccountLayout from "./components/Layout/Account"
|
||||
import ContractStatus from "./components/ContractStatus"
|
||||
import AnnouncementsList from "./components/AnnouncementsList"
|
||||
|
||||
import AnnouncementsList from "./components/AnnouncementsList";
|
||||
import { getContractsList, getImage } from "../actions"
|
||||
|
||||
import { getCompanyInfo, getContractsList, getImage } from '../actions';
|
||||
|
||||
class IndexPage extends React.Component
|
||||
{
|
||||
constructor(props)
|
||||
{
|
||||
super(props);
|
||||
super(props)
|
||||
this.state = {
|
||||
company: {},
|
||||
contracts: null,
|
||||
@ -43,8 +44,8 @@ class IndexPage extends React.Component
|
||||
loading: false,
|
||||
page: 1,
|
||||
pages: 1,
|
||||
all: false,
|
||||
};
|
||||
all: false
|
||||
}
|
||||
}
|
||||
|
||||
static getDerivedStateFromProps(nextProps, prevState)
|
||||
@ -53,8 +54,20 @@ class IndexPage extends React.Component
|
||||
company: nextProps.company,
|
||||
contracts: nextProps.contracts,
|
||||
page: nextProps.page,
|
||||
pages: nextProps.pages,
|
||||
};
|
||||
pages: nextProps.pages
|
||||
}
|
||||
}
|
||||
|
||||
componentDidMount()
|
||||
{
|
||||
this.setState({ loading: true }, () =>
|
||||
{
|
||||
getContractsList({ dispatch: this.props.dispatch, order: this.state.order, sort: this.state.sort_number })
|
||||
.then(() => {
|
||||
this.setState({ loading: false })
|
||||
})
|
||||
.catch(() => {})
|
||||
})
|
||||
}
|
||||
|
||||
componentDidMount()
|
||||
@ -75,98 +88,139 @@ class IndexPage extends React.Component
|
||||
|
||||
_handle_onChange_search = (value) =>
|
||||
{
|
||||
this.setState({ search: value });
|
||||
this.setState({ search: value })
|
||||
}
|
||||
|
||||
_handle_onChange_date_from = (value) =>
|
||||
{
|
||||
this.setState({ date_from: value });
|
||||
this.setState({ date_from: value })
|
||||
}
|
||||
|
||||
_handle_onChange_date_to = (value) =>
|
||||
{
|
||||
this.setState({ date_to: value });
|
||||
this.setState({ date_to: value })
|
||||
}
|
||||
|
||||
_handle_onChangeSort_number = () =>
|
||||
{
|
||||
this.setState({ loading: true, order: "number", sort_number: this.state.sort_number === "desc" ? "asc" : "desc" }, () =>
|
||||
{
|
||||
getContractsList({ dispatch: this.props.dispatch, order: this.state.order, sort: this.state.sort_number, all: this.state.all, }).then(() => {
|
||||
this.setState({ loading: false });
|
||||
}).catch(() => {});
|
||||
});
|
||||
this.setState({ loading: true, order: "number", sort_number: this.state.sort_number === "desc" ? "asc" : "desc" },
|
||||
() => {
|
||||
getContractsList({
|
||||
dispatch: this.props.dispatch,
|
||||
order: this.state.order,
|
||||
sort: this.state.sort_number,
|
||||
all: this.state.all
|
||||
})
|
||||
.then(() => {
|
||||
this.setState({ loading: false })
|
||||
})
|
||||
.catch(() => {})
|
||||
})
|
||||
}
|
||||
|
||||
_handle_onChangeSort_date = () =>
|
||||
{
|
||||
this.setState({ loading: true, order: "date", sort_date: this.state.sort_date === "desc" ? "asc" : "desc" }, () =>
|
||||
{
|
||||
getContractsList({ dispatch: this.props.dispatch, order: this.state.order, sort: this.state.sort_date, all: this.state.all, }).then(() => {
|
||||
this.setState({ loading: false });
|
||||
}).catch(() => {});
|
||||
});
|
||||
this.setState({ loading: true, order: "date", sort_date: this.state.sort_date === "desc" ? "asc" : "desc" },
|
||||
() => {
|
||||
getContractsList({
|
||||
dispatch: this.props.dispatch,
|
||||
order: this.state.order,
|
||||
sort: this.state.sort_date,
|
||||
all: this.state.all
|
||||
})
|
||||
.then(() => {
|
||||
this.setState({ loading: false })
|
||||
})
|
||||
.catch(() => {})
|
||||
})
|
||||
}
|
||||
|
||||
_handle_onChangeSort_status = () =>
|
||||
{
|
||||
this.setState({ loading: true, order: "status", sort_status: this.state.sort_status === "desc" ? "asc" : "desc" }, () =>
|
||||
{
|
||||
getContractsList({ dispatch: this.props.dispatch, order: this.state.order, sort: this.state.sort_status, all: this.state.all, }).then(() => {
|
||||
this.setState({ loading: false });
|
||||
}).catch(() => {});
|
||||
});
|
||||
this.setState({ loading: true, order: "status", sort_status: this.state.sort_status === "desc" ? "asc" : "desc" },
|
||||
() => {
|
||||
getContractsList({
|
||||
dispatch: this.props.dispatch,
|
||||
order: this.state.order,
|
||||
sort: this.state.sort_status,
|
||||
all: this.state.all
|
||||
})
|
||||
.then(() => {
|
||||
this.setState({ loading: false })
|
||||
})
|
||||
.catch(() => {})
|
||||
})
|
||||
}
|
||||
|
||||
_handle_onPage = (page) =>
|
||||
{
|
||||
const { order, sort_number, sort_status, search, date_from, date_to, } = this.state;
|
||||
_handle_onPage = (page) => {
|
||||
const { order, sort_number, sort_status, search, date_from, date_to } = this.state
|
||||
|
||||
this.setState({ loading: true, }, () =>
|
||||
{
|
||||
getContractsList({ dispatch: this.props.dispatch, order, sort_number, sort_status, search, date_from, date_to, page, all: this.state.all, }).then(() => {
|
||||
this.setState({ loading: false });
|
||||
}).catch(() => {});
|
||||
});
|
||||
this.setState({ loading: true },
|
||||
() => {
|
||||
getContractsList({
|
||||
dispatch: this.props.dispatch,
|
||||
order,
|
||||
sort_number,
|
||||
sort_status,
|
||||
search,
|
||||
date_from,
|
||||
date_to,
|
||||
page,
|
||||
all: this.state.all
|
||||
})
|
||||
.then(() => {
|
||||
this.setState({ loading: false })
|
||||
})
|
||||
.catch(() => {})
|
||||
})
|
||||
}
|
||||
|
||||
_handle_onAll = () =>
|
||||
{
|
||||
const { order, sort_number, sort_status, search, date_from, date_to, } = this.state;
|
||||
_handle_onAll = () => {
|
||||
const { order, sort_number, sort_status, search, date_from, date_to } = this.state
|
||||
|
||||
this.setState({ loading: true, all: true }, () =>
|
||||
{
|
||||
getContractsList({ dispatch: this.props.dispatch, order, sort_number, sort_status, search, date_from, date_to, all: this.state.all, }).then(() => {
|
||||
this.setState({ loading: false });
|
||||
}).catch(() => {});
|
||||
});
|
||||
this.setState({ loading: true, all: true },
|
||||
() => {
|
||||
getContractsList({
|
||||
dispatch: this.props.dispatch,
|
||||
order,
|
||||
sort_number,
|
||||
sort_status,
|
||||
search,
|
||||
date_from,
|
||||
date_to,
|
||||
all: this.state.all
|
||||
})
|
||||
.then(() => {
|
||||
this.setState({ loading: false })
|
||||
})
|
||||
.catch(() => {})
|
||||
})
|
||||
}
|
||||
|
||||
_handle_onSearch = () =>
|
||||
{
|
||||
const { search, date_from, date_to, } = this.state;
|
||||
_handle_onSearch = () => {
|
||||
const { search, date_from, date_to } = this.state
|
||||
|
||||
this.setState({ loading: true, }, () =>
|
||||
{
|
||||
getContractsList({ dispatch: this.props.dispatch, search, date_from, date_to, all: this.state.all, }).then(() => {
|
||||
this.setState({ loading: false });
|
||||
}).catch(() => {});
|
||||
});
|
||||
this.setState({ loading: true },
|
||||
() => {
|
||||
getContractsList({ dispatch: this.props.dispatch, search, date_from, date_to, all: this.state.all })
|
||||
.then(() => {
|
||||
this.setState({ loading: false })
|
||||
})
|
||||
.catch(() => {})
|
||||
})
|
||||
}
|
||||
|
||||
_handle_onService = (url) =>
|
||||
{
|
||||
this.props.router.push(url);
|
||||
_handle_onService = (url) => {
|
||||
this.props.router.push(url)
|
||||
}
|
||||
|
||||
_handle_onQuestionnaire = () =>
|
||||
{
|
||||
this.props.router.push("/questionnaire");
|
||||
_handle_onQuestionnaire = () => {
|
||||
this.props.router.push("/questionnaire")
|
||||
}
|
||||
|
||||
_renderQuestionnaireStatus = () =>
|
||||
{
|
||||
const { company, contracts } = this.state;
|
||||
const { company, contracts } = this.state
|
||||
|
||||
if(company.questionnaire_status === "need_to_fill")
|
||||
{
|
||||
@ -200,26 +254,36 @@ class IndexPage extends React.Component
|
||||
|
||||
render()
|
||||
{
|
||||
const { company, loading, page, pages, search, date_from, date_from_type, date_to, date_to_type, contracts, sort_number, sort_date, sort_status, all } = this.state;
|
||||
const {
|
||||
company,
|
||||
loading,
|
||||
page,
|
||||
pages,
|
||||
search,
|
||||
date_from,
|
||||
date_from_type,
|
||||
date_to,
|
||||
date_to_type,
|
||||
contracts,
|
||||
sort_number,
|
||||
sort_date,
|
||||
sort_status,
|
||||
all
|
||||
} = this.state
|
||||
|
||||
const contract_status = {
|
||||
"Действующий": "opened",
|
||||
"Закрыт": "closed",
|
||||
};
|
||||
|
||||
//console.log("contracts", contracts);
|
||||
|
||||
//console.log("company", company);
|
||||
Действующий: "opened",
|
||||
Закрыт: "closed"
|
||||
}
|
||||
|
||||
console.log("contracts", contracts)
|
||||
console.log("company", company)
|
||||
|
||||
return (
|
||||
<React.Fragment>
|
||||
<Head>
|
||||
<title>ЛК Эволюция автолизинга</title>
|
||||
<meta
|
||||
name="description"
|
||||
content="ЛК Эволюция автолизинга"
|
||||
/>
|
||||
<meta name="description" content="ЛК Эволюция автолизинга" />
|
||||
</Head>
|
||||
<Header {...this.props} />
|
||||
<AccountLayout>
|
||||
@ -236,22 +300,39 @@ class IndexPage extends React.Component
|
||||
{ contracts !== null && contracts.length > 0 && company.questionnaire_status === "need_to_fill" && (
|
||||
<div className="questionnaire message notify" style={{ marginLeft: "0" }}>
|
||||
<svg width="44" height="45" viewBox="0 0 44 45" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M40.5425 31.1863L25.7969 8.08116C24.9653 6.77804 23.5459 6 22 6C20.4539 6 19.0345 6.77804 18.2032 8.08116L3.45741 31.1862C2.57234 32.5732 2.51363 34.3313 3.30467 35.7746C4.09572 37.2173 5.60918 38.1137 7.25444 38.1137H36.7456C38.3909 38.1137 39.9044 37.2175 40.6956 35.7742C41.4863 34.3313 41.4276 32.5733 40.5425 31.1863ZM22 34.2245C20.644 34.2245 19.5448 33.1252 19.5448 31.7694C19.5448 30.4133 20.6441 29.3141 22 29.3141C23.356 29.3141 24.4551 30.4133 24.4551 31.7694C24.4551 33.1252 23.3559 34.2245 22 34.2245ZM25.403 17.1635L24.1937 25.3052C24.0157 26.5037 22.8999 27.3309 21.7016 27.1529C20.7334 27.0091 20.0075 26.25 19.8582 25.333L18.5451 17.2074C18.2394 15.3155 19.5251 13.534 21.417 13.2283C23.3089 12.9226 25.0904 14.2083 25.3962 16.1002C25.4536 16.4565 25.4517 16.8243 25.403 17.1635Z" fill="white"/>
|
||||
<path
|
||||
d="M40.5425 31.1863L25.7969 8.08116C24.9653 6.77804 23.5459 6 22 6C20.4539 6 19.0345 6.77804 18.2032 8.08116L3.45741 31.1862C2.57234 32.5732 2.51363 34.3313 3.30467 35.7746C4.09572 37.2173 5.60918 38.1137 7.25444 38.1137H36.7456C38.3909 38.1137 39.9044 37.2175 40.6956 35.7742C41.4863 34.3313 41.4276 32.5733 40.5425 31.1863ZM22 34.2245C20.644 34.2245 19.5448 33.1252 19.5448 31.7694C19.5448 30.4133 20.6441 29.3141 22 29.3141C23.356 29.3141 24.4551 30.4133 24.4551 31.7694C24.4551 33.1252 23.3559 34.2245 22 34.2245ZM25.403 17.1635L24.1937 25.3052C24.0157 26.5037 22.8999 27.3309 21.7016 27.1529C20.7334 27.0091 20.0075 26.25 19.8582 25.333L18.5451 17.2074C18.2394 15.3155 19.5251 13.534 21.417 13.2283C23.3089 12.9226 25.0904 14.2083 25.3962 16.1002C25.4536 16.4565 25.4517 16.8243 25.403 17.1635Z"
|
||||
fill="white"
|
||||
/>
|
||||
</svg>
|
||||
<p><b>Уточните данные</b>
|
||||
<p>
|
||||
<b>Уточните данные</b>
|
||||
Требуется уточнить данные в анкете клиента
|
||||
</p>
|
||||
<button className="button" onClick={ this._handle_onQuestionnaire }>Подробнее</button>
|
||||
<button className="button" onClick={this._handle_onQuestionnaire}>
|
||||
Подробнее
|
||||
</button>
|
||||
</div>
|
||||
)}
|
||||
|
||||
<ContractStatus />
|
||||
|
||||
{ contracts !== null && contracts.length > 0 && (
|
||||
<div className="contract_search">
|
||||
<form onSubmit={ (event) => { event.preventDefault(); } }>
|
||||
<form
|
||||
onSubmit={(event) => {
|
||||
event.preventDefault()
|
||||
}}
|
||||
>
|
||||
<div className="form_field">
|
||||
<input type="search" value={ search } placeholder="Поиск" onChange={ (event) => {
|
||||
this._handle_onChange_search(event.target.value);
|
||||
} }/>
|
||||
<input
|
||||
type="search"
|
||||
value={search}
|
||||
placeholder="Поиск"
|
||||
onChange={(event) => {
|
||||
this._handle_onChange_search(event.target.value)
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div className="form_field">
|
||||
{/*
|
||||
@ -260,22 +341,45 @@ class IndexPage extends React.Component
|
||||
} }/>
|
||||
<label htmlFor="date_from">Дата<br/>договора от</label>
|
||||
*/}
|
||||
<DateInput placeholder="Дата договора от" id={ "date_from" } onChange={ (date) => this.setState({ date_from: date }) }/>
|
||||
<DateInput
|
||||
placeholder="Дата договора от"
|
||||
id={"date_from"}
|
||||
onChange={(date) => this.setState({ date_from: date })}
|
||||
/>
|
||||
</div>
|
||||
<div className="form_field">
|
||||
{/*<input type={ date_to_type } id="date_for" className="date_input" value="" placeholder="Дата договора по" onFocus={ () => this.setState({ date_from_type: "date" }) } onBlur={ () => { this.setState({ date_from_type: "text" }) } } onChange={ (date) => {
|
||||
this._handle_onChange_date_to(date);
|
||||
} }/>
|
||||
<label htmlFor="date_for">Дата<br/>договора по</label>*/}
|
||||
<DateInput placeholder="Дата договора по" id={ "date_to" } onChange={ (date) => this.setState({ date_to: date }) }/>
|
||||
<DateInput
|
||||
placeholder="Дата договора по"
|
||||
id={"date_to"}
|
||||
onChange={(date) => this.setState({ date_to: date })}
|
||||
/>
|
||||
</div>
|
||||
<button className="button" disabled={ search !== "" || date_from !== "" || date_to !== "" ? false : true } onClick={ this._handle_onSearch }>Поиск</button>
|
||||
<button
|
||||
className="button"
|
||||
disabled={search !== "" || date_from !== "" || date_to !== "" ? false : true}
|
||||
onClick={this._handle_onSearch}
|
||||
>
|
||||
Поиск
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
)}
|
||||
{ loading ? (
|
||||
<div className="table_row table_header" style={{ minHeight: 450, 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
|
||||
className="table_row table_header"
|
||||
style={{ minHeight: 450, 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>
|
||||
) : (
|
||||
<React.Fragment>
|
||||
@ -294,12 +398,16 @@ class IndexPage extends React.Component
|
||||
</div>
|
||||
{ contracts !== undefined && contracts !== null && (
|
||||
<>
|
||||
{ contracts.length > 0 ? contracts.map((contract, index) => (
|
||||
{contracts.length > 0 ? ( contracts.map((contract, index) => (
|
||||
<Link href={`/contract/${contract.number}/payments`} key={index}>
|
||||
<div className="table_row" key={index} style={{ cursor: "pointer" }}>
|
||||
<div className="table_cell"><a>{ contract.number }</a></div>
|
||||
<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?.brand?.name } { contract.car?.model?.name }
|
||||
</div>
|
||||
<div className="table_cell">
|
||||
{ contract.car?.reg_number !== null ? contract.car?.reg_number : "Без рег. номера" }
|
||||
<span>{ contract.car?.vin_number }</span>
|
||||
@ -309,36 +417,98 @@ class IndexPage extends React.Component
|
||||
{ contract.debt_leasing !== undefined && contract.debt_leasing !== null && parseFloat(contract.debt_leasing) > 0 && (
|
||||
<p className="contract_debt">
|
||||
<span>Задолжность:</span>
|
||||
{ numeral(contract.debt_leasing).format(' ., ') } ₽
|
||||
{numeral(contract.debt_leasing).format(" ., ")} ₽
|
||||
</p>
|
||||
) }
|
||||
{ contract.debt_penalty_fee !== undefined && contract.debt_penalty_fee !== null && parseFloat(contract.debt_penalty_fee) > 0 && (
|
||||
<p className="contract_debt">
|
||||
<span>Пени:</span>
|
||||
{ numeral(contract.debt_penalty_fee).format(' ., ') } ₽
|
||||
{numeral(contract.debt_penalty_fee).format(" ., ")} ₽
|
||||
</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></>
|
||||
) : "-" }
|
||||
<>
|
||||
{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">
|
||||
{ contract.telematics_exists && <i title="Телематика" data-additional-service="1" onClick={ (event) => { event.stopPropagation(); event.preventDefault(); this._handle_onService(`/contract/${ contract.number }/services#telematic`) } }></i> }
|
||||
{ contract.rat_exists && <i title="РАТ" data-additional-service="2" onClick={ (event) => { event.stopPropagation(); event.preventDefault(); this._handle_onService(`/contract/${ contract.number }/services#ratcard`) } }></i> }
|
||||
{ contract.gibddreg_exists && <i title="Регистрация в ГИБДД" data-additional-service="3" onClick={ (event) => { event.stopPropagation(); event.preventDefault(); this._handle_onService(`/contract/${ contract.number }/services#registration`) } }></i> }
|
||||
{ contract.fuelcard_exists && <i title="Топливные карты" data-additional-service="4" onClick={ (event) => { event.stopPropagation(); event.preventDefault(); this._handle_onService(`/contract/${ contract.number }/services#fuelcards`) } }></i> }
|
||||
{ contract.kasko_exists && <i title="КАСКО" data-additional-service="5" onClick={ (event) => { event.stopPropagation(); event.preventDefault(); this._handle_onService(`/contract/${ contract.number }/services#insurance`) } }></i> }
|
||||
{ contract.osago_exists && <i title="ОСАГО" data-additional-service="6" onClick={ (event) => { event.stopPropagation(); event.preventDefault(); this._handle_onService(`/contract/${ contract.number }/services#insurance`) } }></i> }
|
||||
{ contract.nsib_exists && <i title="НСИБ" data-additional-service="7" onClick={ (event) => { event.stopPropagation(); event.preventDefault(); this._handle_onService(`/contract/${ contract.number }/services#insurance`) } }></i> }
|
||||
{ contract.fingap_exists && <i title="Safe Finance" data-additional-service="8" onClick={ (event) => { event.stopPropagation(); event.preventDefault(); this._handle_onService(`/contract/${ contract.number }/services#insurance`) } }></i> }
|
||||
{ contract.telematics_exists && (
|
||||
<i title="Телематика" data-additional-service="1" onClick={(event) => {
|
||||
event.stopPropagation()
|
||||
event.preventDefault()
|
||||
this._handle_onService(`/contract/${contract.number}/services#telematic`)
|
||||
}}
|
||||
/>
|
||||
) }
|
||||
{ contract.rat_exists && (
|
||||
<i title="РАТ" data-additional-service="2" onClick={(event) => {
|
||||
event.stopPropagation()
|
||||
event.preventDefault()
|
||||
this._handle_onService(`/contract/${contract.number}/services#ratcard`)
|
||||
}}
|
||||
/>
|
||||
) }
|
||||
{ contract.gibddreg_exists && (
|
||||
<i title="Регистрация в ГИБДД" data-additional-service="3" onClick={(event) => {
|
||||
event.stopPropagation()
|
||||
event.preventDefault()
|
||||
this._handle_onService(`/contract/${contract.number}/services#registration`)
|
||||
}}
|
||||
/>
|
||||
) }
|
||||
{ contract.fuelcard_exists && (
|
||||
<i title="Топливные карты" data-additional-service="4" onClick={(event) => {
|
||||
event.stopPropagation()
|
||||
event.preventDefault()
|
||||
this._handle_onService(`/contract/${contract.number}/services#fuelcards`)
|
||||
}}
|
||||
/>
|
||||
) }
|
||||
{contract.kasko_exists && (
|
||||
<i title="КАСКО" data-additional-service="5" onClick={(event) => {
|
||||
event.stopPropagation()
|
||||
event.preventDefault()
|
||||
this._handle_onService(`/contract/${contract.number}/services#insurance`)
|
||||
}}
|
||||
/>
|
||||
) }
|
||||
{ contract.osago_exists && (
|
||||
<i title="ОСАГО" data-additional-service="6" onClick={(event) => {
|
||||
event.stopPropagation()
|
||||
event.preventDefault()
|
||||
this._handle_onService(`/contract/${contract.number}/services#insurance`)
|
||||
}}
|
||||
/>
|
||||
) }
|
||||
{ contract.nsib_exists && (
|
||||
<i title="НСИБ" data-additional-service="7" onClick={(event) => {
|
||||
event.stopPropagation()
|
||||
event.preventDefault()
|
||||
this._handle_onService(`/contract/${contract.number}/services#insurance`)
|
||||
}}
|
||||
/>
|
||||
) }
|
||||
{ contract.fingap_exists && (
|
||||
<i title="Safe Finance" data-additional-service="8" onClick={(event) => {
|
||||
event.stopPropagation()
|
||||
event.preventDefault()
|
||||
this._handle_onService(`/contract/${contract.number}/services#insurance`)
|
||||
}}
|
||||
/>
|
||||
) }
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</Link>
|
||||
)) : (
|
||||
))
|
||||
) : (
|
||||
<div className="table_row">
|
||||
<div className="table_cell">-</div>
|
||||
<div className="table_cell">-</div>
|
||||
@ -356,7 +526,14 @@ class IndexPage extends React.Component
|
||||
</React.Fragment>
|
||||
)}
|
||||
{!all && (
|
||||
<Pagination page={ page } pages={ pages } onPage={ this._handle_onPage } onAll={ this._handle_onAll } all={ all } showAll={ true }/>
|
||||
<Pagination
|
||||
page={page}
|
||||
pages={pages}
|
||||
onPage={this._handle_onPage}
|
||||
onAll={this._handle_onAll}
|
||||
all={all}
|
||||
showAll={true}
|
||||
/>
|
||||
)}
|
||||
</AccountLayout>
|
||||
<Footer />
|
||||
@ -365,49 +542,38 @@ class IndexPage extends React.Component
|
||||
}
|
||||
}
|
||||
|
||||
function mapStateToProps(state, ownProps)
|
||||
{
|
||||
function mapStateToProps(state, ownProps) {
|
||||
return {
|
||||
company: state.company,
|
||||
contracts: state.contracts.list,
|
||||
page: state.contracts.page,
|
||||
pages: state.contracts.pages,
|
||||
pages: state.contracts.pages
|
||||
}
|
||||
}
|
||||
|
||||
export const getServerSideProps = reduxWrapper.getServerSideProps(store =>
|
||||
async ({ req, res, query }) =>
|
||||
{
|
||||
let props = {};
|
||||
export const getServerSideProps = reduxWrapper.getServerSideProps((store) => async ({ req, res, query }) => {
|
||||
let props = {}
|
||||
|
||||
if(req.headers.cookie !== undefined)
|
||||
{
|
||||
const cookies = cookie.parse(req.headers?.cookie ? req.headers?.cookie : "");
|
||||
if (req.headers.cookie !== undefined) {
|
||||
const cookies = cookie.parse(req.headers?.cookie ? req.headers?.cookie : "")
|
||||
|
||||
if(cookies.jwt === undefined || cookies.jwt === null)
|
||||
{
|
||||
res.statusCode = 302;
|
||||
res.setHeader('Location', `/login`);
|
||||
}
|
||||
else
|
||||
{
|
||||
if (cookies.jwt === undefined || cookies.jwt === null) {
|
||||
res.statusCode = 302
|
||||
res.setHeader("Location", `/login`)
|
||||
} else {
|
||||
//const tokenValid = await checkToken(cookies.jwt);
|
||||
const tokenValid = true;
|
||||
if(!tokenValid)
|
||||
{
|
||||
res.statusCode = 302;
|
||||
res.setHeader('Location', `/login`);
|
||||
const tokenValid = true
|
||||
if (!tokenValid) {
|
||||
res.statusCode = 302
|
||||
res.setHeader("Location", `/login`)
|
||||
}
|
||||
}
|
||||
}
|
||||
else
|
||||
{
|
||||
res.statusCode = 302;
|
||||
res.setHeader('Location', `/login`);
|
||||
} else {
|
||||
res.statusCode = 302
|
||||
res.setHeader("Location", `/login`)
|
||||
}
|
||||
|
||||
return { props: props };
|
||||
}
|
||||
);
|
||||
return { props: props }
|
||||
})
|
||||
|
||||
export default withRouter(connect(mapStateToProps)(IndexPage));
|
||||
export default withRouter(connect(mapStateToProps)(IndexPage))
|
||||
|
||||
64
public/assets/images/status/1.svg
Normal file
64
public/assets/images/status/1.svg
Normal file
@ -0,0 +1,64 @@
|
||||
<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M38.5885 2.29608C34.6357 -0.532625 29.7033 1.84209 22.4272 1.84209C14.6263 1.84209 8.5396 -1.37075 3.95704 0.689669C-0.625506 2.75009 -0.870375 9.14087 1.40341 13.1919C3.67719 17.2429 5.77607 21.5034 3.95704 27.8592C2.13802 34.2151 3.60723 37.2533 8.04986 41.7583C12.4925 46.2633 26.7299 40.6757 36.1399 39.1391C45.5498 37.6026 48.2434 33.3071 48.3833 28.7323C48.5232 24.1575 44.7453 20.2112 43.6958 15.9856C42.6464 11.76 42.5414 5.12479 38.5885 2.29608Z" fill="#EDEFF5"/>
|
||||
<path d="M41.1852 4.59769L12.3346 1.0503C11.239 0.915591 10.2414 1.69399 10.1057 2.78947L5.08628 43.307C4.94989 44.408 5.73571 45.4097 6.83753 45.5392L35.9326 48.9606C37.0275 49.0893 38.0201 48.3077 38.1518 47.2131L40.7979 25.2162C40.8883 24.4643 41.3957 23.828 42.1086 23.5724L42.5807 23.4031C43.2969 23.1464 43.8054 22.5055 43.8926 21.7498L45.2284 10.1754C45.3509 9.11405 44.6175 8.14381 43.5629 7.97213L42.8136 7.85014L42.9291 6.80176C43.0489 5.71361 42.2717 4.73129 41.1852 4.59769Z" fill="#1C01A9"/>
|
||||
<g filter="url(#filter0_d_5416_65876)">
|
||||
<path d="M5.89359 38.9239L17.8005 2.27181L44.0762 10.6089L32.2017 47.3665L5.89359 38.9239Z" fill="white"/>
|
||||
</g>
|
||||
<g filter="url(#filter1_d_5416_65876)">
|
||||
<path d="M7.69291 42.4593L14.0063 3.5761L41.8505 7.90126L35.5863 46.886L7.69291 42.4593Z" fill="white"/>
|
||||
</g>
|
||||
<g filter="url(#filter2_d_5416_65876)">
|
||||
<path d="M10.0146 42.9153L10.964 4.38937L38.5263 4.87936L37.6382 43.4972L10.0146 42.9153Z" fill="white"/>
|
||||
</g>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.7817 11.1881C13.6802 11.1881 13.598 11.2703 13.598 11.3718V14.0668C13.598 14.1683 13.6802 14.2505 13.7817 14.2505H16.5992C16.7007 14.2505 16.7829 14.1683 16.7829 14.0668V11.3718C16.7829 11.2703 16.7007 11.1881 16.5992 11.1881H13.7817ZM13.2305 11.3718C13.2305 11.0674 13.4773 10.8206 13.7817 10.8206H16.5992C16.9036 10.8206 17.1504 11.0674 17.1504 11.3718V14.0668C17.1504 14.3712 16.9036 14.618 16.5992 14.618H13.7817C13.4773 14.618 13.2305 14.3712 13.2305 14.0668V11.3718Z" fill="#8E94A7"/>
|
||||
<path d="M30.789 12.4072L19.7533 12.0203C19.4783 12.0107 19.2618 11.7825 19.2665 11.5074C19.2714 11.2247 19.5075 11.0012 19.79 11.0118L30.8246 11.4268C31.0914 11.4369 31.3012 11.6585 31.2966 11.9255C31.2919 12.1998 31.0631 12.4169 30.789 12.4072Z" fill="#1C01A9"/>
|
||||
<path d="M35.5346 14.2104L19.5824 13.7528C19.4049 13.7477 19.2637 13.6023 19.2637 13.4248C19.2637 13.2397 19.4166 13.0913 19.6016 13.0968L35.5532 13.5736C35.7254 13.5788 35.8623 13.7198 35.8623 13.892C35.8623 14.0715 35.714 14.2156 35.5346 14.2104Z" fill="#8E94A7"/>
|
||||
<path d="M35.5346 16.1092L19.5824 15.6515C19.4049 15.6464 19.2637 15.5011 19.2637 15.3235C19.2637 15.1385 19.4166 14.99 19.6016 14.9956L35.5532 15.4723C35.7254 15.4775 35.8623 15.6185 35.8623 15.7908C35.8623 15.9703 35.714 16.1143 35.5346 16.1092Z" fill="#8E94A7"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.3632 12.1187L14.9493 13.6942L14.1396 12.8306L14.4971 12.4955L14.9414 12.9694L15.9985 11.7915L16.3632 12.1187Z" fill="#A8026B"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.5366 19.3955C13.4351 19.3955 13.3528 19.4778 13.3528 19.5792V22.2742C13.3528 22.3757 13.4351 22.458 13.5366 22.458H16.3541C16.4556 22.458 16.5378 22.3757 16.5378 22.2742V19.5792C16.5378 19.4778 16.4556 19.3955 16.3541 19.3955H13.5366ZM12.9854 19.5792C12.9854 19.2748 13.2322 19.028 13.5366 19.028H16.3541C16.6585 19.028 16.9053 19.2748 16.9053 19.5792V22.2742C16.9053 22.5787 16.6585 22.8255 16.3541 22.8255H13.5366C13.2322 22.8255 12.9854 22.5787 12.9854 22.2742V19.5792Z" fill="#8E94A7"/>
|
||||
<path d="M30.5439 20.6146L19.5082 20.2277C19.2332 20.2181 19.0167 19.9899 19.0214 19.7148C19.0263 19.4321 19.2624 19.2086 19.5449 19.2192L30.5795 19.6342C30.8463 19.6443 31.0561 19.8659 31.0515 20.1329C31.0468 20.4072 30.818 20.6243 30.5439 20.6146Z" fill="#1C01A9"/>
|
||||
<path d="M35.2895 22.4178L19.3373 21.9602C19.1598 21.9551 19.0186 21.8097 19.0186 21.6322C19.0186 21.4471 19.1715 21.2987 19.3565 21.3042L35.3081 21.781C35.4803 21.7862 35.6172 21.9272 35.6172 22.0994C35.6172 22.2789 35.4689 22.423 35.2895 22.4178Z" fill="#8E94A7"/>
|
||||
<path d="M35.2895 24.3166L19.3373 23.8589C19.1598 23.8538 19.0186 23.7085 19.0186 23.5309C19.0186 23.3459 19.1715 23.1974 19.3565 23.203L35.3081 23.6797C35.4803 23.6849 35.6172 23.8259 35.6172 23.9981C35.6172 24.1777 35.4689 24.3217 35.2895 24.3166Z" fill="#8E94A7"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.118 20.3262L14.7041 21.9016L13.8945 21.0381L14.252 20.7029L14.6963 21.1768L15.7534 19.9989L16.118 20.3262Z" fill="#A8026B"/>
|
||||
<path d="M13.1689 39.6078L21.4683 39.8834" stroke="black" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.5053 29.3792C13.4039 29.3792 13.3216 29.4614 13.3216 29.5629V32.2579C13.3216 32.3594 13.4039 32.4416 13.5053 32.4416H16.3228C16.4243 32.4416 16.5066 32.3594 16.5066 32.2579V29.5629C16.5066 29.4614 16.4243 29.3792 16.3228 29.3792H13.5053ZM12.9541 29.5629C12.9541 29.2585 13.2009 29.0117 13.5053 29.0117H16.3228C16.6273 29.0117 16.8741 29.2585 16.8741 29.5629V32.2579C16.8741 32.5623 16.6273 32.8091 16.3228 32.8091H13.5053C13.2009 32.8091 12.9541 32.5623 12.9541 32.2579V29.5629Z" fill="#8E94A7"/>
|
||||
<path d="M30.5126 30.5985L19.477 30.2115C19.202 30.2019 18.9854 29.9737 18.9901 29.6986C18.995 29.4159 19.2311 29.1924 19.5136 29.2031L30.5482 29.6181C30.8151 29.6281 31.0249 29.8497 31.0203 30.1167C31.0155 30.391 30.7868 30.6081 30.5126 30.5985Z" fill="#1C01A9"/>
|
||||
<path d="M35.2582 32.4017L19.306 31.944C19.1285 31.9389 18.9873 31.7936 18.9873 31.616C18.9873 31.431 19.1402 31.2825 19.3252 31.2881L35.2769 31.7648C35.449 31.77 35.5859 31.911 35.5859 32.0832C35.5859 32.2628 35.4377 32.4068 35.2582 32.4017Z" fill="#8E94A7"/>
|
||||
<path d="M35.2582 34.3004L19.306 33.8427C19.1285 33.8376 18.9873 33.6923 18.9873 33.5147C18.9873 33.3297 19.1402 33.1813 19.3252 33.1868L35.2769 33.6636C35.449 33.6687 35.5859 33.8097 35.5859 33.982C35.5859 34.1615 35.4377 34.3055 35.2582 34.3004Z" fill="#8E94A7"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.0868 30.3099L14.6729 31.8854L13.8633 31.0218L14.2208 30.6867L14.665 31.1606L15.7221 29.9826L16.0868 30.3099Z" fill="#A8026B"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M31.4513 39.1793C31.9587 39.1793 32.3701 38.7679 32.3701 38.2605C32.3701 37.7531 31.9587 37.3418 31.4513 37.3418C30.9439 37.3418 30.5326 37.7531 30.5326 38.2605C30.5326 38.7679 30.9439 39.1793 31.4513 39.1793ZM31.4513 39.9755C32.3985 39.9755 33.1663 39.2077 33.1663 38.2605C33.1663 37.3134 32.3985 36.5455 31.4513 36.5455C30.5042 36.5455 29.7363 37.3134 29.7363 38.2605C29.7363 39.2077 30.5042 39.9755 31.4513 39.9755Z" fill="#1C01A9"/>
|
||||
<path opacity="0.7" d="M32.7995 38.2605C32.7995 37.5163 32.1962 36.913 31.452 36.913M31.452 39.608C30.7078 39.608 30.1045 39.0047 30.1045 38.2605" stroke="white" stroke-width="0.5"/>
|
||||
<path opacity="0.7" d="M32.3108 36.4988C31.3379 36.0244 30.1645 36.4285 29.6901 37.4015M33.2135 39.1196C32.7391 40.0925 31.5657 40.4966 30.5928 40.0222" stroke="#1C01A9" stroke-width="0.5"/>
|
||||
<defs>
|
||||
<filter id="filter0_d_5416_65876" x="4.89355" y="1.2718" width="40.1826" height="47.0947" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset/>
|
||||
<feGaussianBlur stdDeviation="0.5"/>
|
||||
<feComposite in2="hardAlpha" operator="out"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5416_65876"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5416_65876" result="shape"/>
|
||||
</filter>
|
||||
<filter id="filter1_d_5416_65876" x="6.69336" y="2.5761" width="36.1572" height="45.3099" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset/>
|
||||
<feGaussianBlur stdDeviation="0.5"/>
|
||||
<feComposite in2="hardAlpha" operator="out"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5416_65876"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5416_65876" result="shape"/>
|
||||
</filter>
|
||||
<filter id="filter2_d_5416_65876" x="9.01465" y="3.38937" width="30.5117" height="41.1078" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset/>
|
||||
<feGaussianBlur stdDeviation="0.5"/>
|
||||
<feComposite in2="hardAlpha" operator="out"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5416_65876"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5416_65876" result="shape"/>
|
||||
</filter>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 9.0 KiB |
91
public/assets/images/status/2.svg
Normal file
91
public/assets/images/status/2.svg
Normal file
@ -0,0 +1,91 @@
|
||||
<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M38.5885 2.70319C34.6357 -0.130296 29.7033 2.24843 22.4272 2.24843C14.6263 2.24843 8.5396 -0.969835 3.95704 1.09406C-0.625506 3.15796 -0.870375 9.55954 1.40341 13.6174C3.67719 17.6752 5.77607 21.9429 3.95704 28.3095C2.13802 34.6761 3.60723 37.7195 8.04986 42.2321C12.4925 46.7447 26.7299 41.1477 36.1399 39.6085C45.5498 38.0693 48.2434 33.7666 48.3833 29.1841C48.5232 24.6015 44.7453 20.6486 43.6958 16.4159C42.6464 12.1831 42.5414 5.53668 38.5885 2.70319Z" fill="#EDEFF5"/>
|
||||
<rect x="10.6758" y="2.82259" width="25.5344" height="43.5484" rx="2" fill="#1C01A9"/>
|
||||
<g filter="url(#filter0_i_5416_65929)">
|
||||
<path d="M13.8242 8.24431H32.8876V14.3656H13.8242V8.24431Z" fill="#1C01A9"/>
|
||||
</g>
|
||||
<g filter="url(#filter1_i_5416_65929)">
|
||||
<rect x="15.3975" y="9.64359" width="15.9153" height="3.32297" fill="#2F80ED"/>
|
||||
</g>
|
||||
<circle opacity="0.2" cx="14.9611" cy="19.0002" r="1.3117" fill="#0C0C0C"/>
|
||||
<circle opacity="0.2" cx="14.9611" cy="18.3005" r="1.3117" fill="white"/>
|
||||
<circle cx="14.9611" cy="18.6503" r="1.3117" fill="#A8026B"/>
|
||||
<circle opacity="0.2" cx="14.9611" cy="24.5969" r="1.3117" fill="#0C0C0C"/>
|
||||
<circle opacity="0.2" cx="14.9611" cy="23.8973" r="1.3117" fill="white"/>
|
||||
<circle cx="14.9611" cy="24.2471" r="1.3117" fill="#EDEFF5"/>
|
||||
<circle opacity="0.2" cx="14.9611" cy="30.1932" r="1.3117" fill="#0C0C0C"/>
|
||||
<circle opacity="0.2" cx="14.9611" cy="29.4938" r="1.3117" fill="white"/>
|
||||
<circle cx="14.9611" cy="29.8436" r="1.3117" fill="#EDEFF5"/>
|
||||
<circle opacity="0.2" cx="14.9611" cy="35.79" r="1.3117" fill="#0C0C0C"/>
|
||||
<circle opacity="0.2" cx="14.9611" cy="35.0903" r="1.3117" fill="white"/>
|
||||
<circle cx="14.9611" cy="35.4401" r="1.3117" fill="#EDEFF5"/>
|
||||
<circle opacity="0.2" cx="14.9611" cy="41.3865" r="1.3117" fill="#0C0C0C"/>
|
||||
<circle opacity="0.2" cx="14.9611" cy="40.6869" r="1.3117" fill="white"/>
|
||||
<circle cx="14.9611" cy="41.0367" r="1.3117" fill="#EDEFF5"/>
|
||||
<circle opacity="0.2" cx="20.5568" cy="19.0002" r="1.3117" fill="#0C0C0C"/>
|
||||
<circle opacity="0.2" cx="20.5568" cy="18.3005" r="1.3117" fill="white"/>
|
||||
<circle cx="20.5568" cy="18.6503" r="1.3117" fill="#A8026B"/>
|
||||
<circle opacity="0.2" cx="20.5568" cy="24.5969" r="1.3117" fill="#0C0C0C"/>
|
||||
<circle opacity="0.2" cx="20.5568" cy="23.8973" r="1.3117" fill="white"/>
|
||||
<circle cx="20.5568" cy="24.2471" r="1.3117" fill="#EDEFF5"/>
|
||||
<circle opacity="0.2" cx="20.5568" cy="30.1932" r="1.3117" fill="#0C0C0C"/>
|
||||
<circle opacity="0.2" cx="20.5568" cy="29.4938" r="1.3117" fill="white"/>
|
||||
<circle cx="20.5568" cy="29.8436" r="1.3117" fill="#EDEFF5"/>
|
||||
<circle opacity="0.2" cx="20.5568" cy="35.79" r="1.3117" fill="#0C0C0C"/>
|
||||
<circle opacity="0.2" cx="20.5568" cy="35.0903" r="1.3117" fill="white"/>
|
||||
<circle cx="20.5568" cy="35.4401" r="1.3117" fill="#EDEFF5"/>
|
||||
<circle opacity="0.2" cx="20.5568" cy="41.3865" r="1.3117" fill="#0C0C0C"/>
|
||||
<circle opacity="0.2" cx="20.5568" cy="40.6869" r="1.3117" fill="white"/>
|
||||
<circle cx="20.5568" cy="41.0367" r="1.3117" fill="#EDEFF5"/>
|
||||
<circle opacity="0.2" cx="26.1535" cy="24.5969" r="1.3117" fill="#0C0C0C"/>
|
||||
<circle opacity="0.2" cx="26.1535" cy="23.8973" r="1.3117" fill="white"/>
|
||||
<circle cx="26.1535" cy="24.2471" r="1.3117" fill="#EDEFF5"/>
|
||||
<circle opacity="0.2" cx="26.1535" cy="30.1932" r="1.3117" fill="#0C0C0C"/>
|
||||
<circle opacity="0.2" cx="26.1535" cy="29.4938" r="1.3117" fill="white"/>
|
||||
<circle cx="26.1535" cy="29.8436" r="1.3117" fill="#EDEFF5"/>
|
||||
<circle opacity="0.2" cx="26.1535" cy="35.79" r="1.3117" fill="#0C0C0C"/>
|
||||
<circle opacity="0.2" cx="26.1535" cy="35.0903" r="1.3117" fill="white"/>
|
||||
<circle cx="26.1535" cy="35.4401" r="1.3117" fill="#EDEFF5"/>
|
||||
<circle opacity="0.2" cx="26.1535" cy="41.3865" r="1.3117" fill="#0C0C0C"/>
|
||||
<circle opacity="0.2" cx="26.1535" cy="40.6869" r="1.3117" fill="white"/>
|
||||
<circle cx="26.1535" cy="41.0367" r="1.3117" fill="#EDEFF5"/>
|
||||
<circle opacity="0.2" cx="31.7502" cy="24.5969" r="1.3117" fill="#0C0C0C"/>
|
||||
<circle opacity="0.2" cx="31.7502" cy="23.8973" r="1.3117" fill="white"/>
|
||||
<circle cx="31.7502" cy="24.2471" r="1.3117" fill="#EDEFF5"/>
|
||||
<circle opacity="0.2" cx="31.7502" cy="30.1932" r="1.3117" fill="#0C0C0C"/>
|
||||
<circle opacity="0.2" cx="31.7502" cy="29.4938" r="1.3117" fill="white"/>
|
||||
<circle cx="31.7502" cy="29.8436" r="1.3117" fill="#EDEFF5"/>
|
||||
<circle opacity="0.2" cx="31.7502" cy="35.79" r="1.3117" fill="#0C0C0C"/>
|
||||
<circle opacity="0.2" cx="31.7502" cy="35.0903" r="1.3117" fill="white"/>
|
||||
<circle cx="31.7502" cy="35.4401" r="1.3117" fill="#EDEFF5"/>
|
||||
<circle opacity="0.2" cx="31.7502" cy="41.3865" r="1.3117" fill="#0C0C0C"/>
|
||||
<circle opacity="0.2" cx="31.7502" cy="40.6869" r="1.3117" fill="white"/>
|
||||
<circle cx="31.7502" cy="41.0367" r="1.3117" fill="#EDEFF5"/>
|
||||
<path d="M3.10153 1.95553V1.95553C3.3958 3.53038 4.62781 4.76239 6.20266 5.05666V5.05666V5.05666C4.6169 5.33007 3.37493 6.57204 3.10153 8.15779V8.15779V8.15779C2.84879 6.56142 1.59677 5.30939 0.000392643 5.05666V5.05666V5.05666C1.58615 4.78325 2.82812 3.54128 3.10153 1.95553V1.95553Z" fill="#2F80ED"/>
|
||||
<path d="M6.79295 12.6312V12.6312C6.95929 13.5214 7.6557 14.2178 8.54591 14.3841V14.3841V14.3841C7.64954 14.5387 6.94749 15.2407 6.79295 16.1371V16.1371V16.1371C6.65009 15.2347 5.94236 14.527 5.03998 14.3841V14.3841V14.3841C5.93636 14.2296 6.6384 13.5275 6.79295 12.6312V12.6312Z" fill="#2F80ED"/>
|
||||
<path d="M44.6865 26.0396V26.0396C44.8528 26.9298 45.5493 27.6262 46.4395 27.7926V27.7926V27.7926C45.5431 27.9471 44.841 28.6491 44.6865 29.5455V29.5455V29.5455C44.5436 28.6431 43.8359 27.9354 42.9335 27.7926V27.7926V27.7926C43.8299 27.638 44.532 26.936 44.6865 26.0396V26.0396Z" fill="#2F80ED"/>
|
||||
<path d="M45.2695 42.9459V42.9459C45.4359 43.8362 46.1323 44.5326 47.0225 44.6989V44.6989V44.6989C46.1261 44.8535 45.4241 45.5555 45.2695 46.4519V46.4519V46.4519C45.1266 45.5495 44.4189 44.8418 43.5165 44.6989V44.6989V44.6989C44.4129 44.5444 45.115 43.8423 45.2695 42.9459V42.9459Z" fill="#2F80ED"/>
|
||||
<circle cx="48.8608" cy="37.7964" r="0.68014" fill="#2F80ED"/>
|
||||
<defs>
|
||||
<filter id="filter0_i_5416_65929" x="13.8242" y="8.24431" width="19.0635" height="6.12126" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset/>
|
||||
<feGaussianBlur stdDeviation="10"/>
|
||||
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.33 0"/>
|
||||
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_5416_65929"/>
|
||||
</filter>
|
||||
<filter id="filter1_i_5416_65929" x="15.3975" y="9.64359" width="15.915" height="3.32297" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset/>
|
||||
<feGaussianBlur stdDeviation="0.5"/>
|
||||
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.56 0"/>
|
||||
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_5416_65929"/>
|
||||
</filter>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 7.2 KiB |
145
public/assets/images/status/3.svg
Normal file
145
public/assets/images/status/3.svg
Normal file
@ -0,0 +1,145 @@
|
||||
<svg width="57" height="57" viewBox="0 0 57 57" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M39.5885 9.29996C35.6357 6.46647 30.7033 8.8452 23.4272 8.8452C15.6263 8.8452 9.5396 5.62694 4.95704 7.69083C0.374494 9.75473 0.129625 16.1563 2.40341 20.2141C4.67719 24.272 6.77607 28.5397 4.95704 34.9063C3.13802 41.2729 4.60723 44.3163 9.04986 48.8289C13.4925 53.3414 27.7299 47.7444 37.1399 46.2053C46.5498 44.6661 49.2434 40.3634 49.3833 35.7808C49.5232 31.1983 45.7453 27.2454 44.6958 23.0126C43.6464 18.7799 43.5414 12.1334 39.5885 9.29996Z" fill="#EDEFF5"/>
|
||||
<path d="M8.13941 49.3592L3.29204 33.1939C2.8479 31.7128 3.5486 30.1288 4.94334 29.4611L10.8973 48.1736L8.13941 49.3592Z" fill="#0C0C0C"/>
|
||||
<g filter="url(#filter0_d_5416_66014)">
|
||||
<path d="M10.5193 14.6805C10.4149 14.1367 10.7722 13.6117 11.3163 13.5092L21.1889 11.6498C21.4482 11.601 21.7163 11.6566 21.9347 11.8045L24.5242 13.5581C24.7437 13.7067 24.8952 13.9365 24.9454 14.1968L27.8474 29.2491C27.9522 29.7928 27.5953 30.3181 27.0513 30.421L14.9947 32.7018C14.4531 32.8043 13.9307 32.4491 13.8268 31.9078L10.5193 14.6805Z" fill="white"/>
|
||||
</g>
|
||||
<rect x="13.2637" y="16.7074" width="3.82529" height="4.17839" transform="rotate(-10.7124 13.2637 16.7074)" fill="#8E94A7"/>
|
||||
<rect x="18.0928" y="15.7939" width="4.73747" height="0.353104" rx="0.176552" transform="rotate(-10.7124 18.0928 15.7939)" fill="#8E94A7"/>
|
||||
<rect x="18.4482" y="17.6733" width="4.73747" height="0.353104" rx="0.176552" transform="rotate(-10.7124 18.4482 17.6733)" fill="#8E94A7"/>
|
||||
<rect x="18.8037" y="19.5527" width="4.73747" height="0.353104" rx="0.176552" transform="rotate(-10.7124 18.8037 19.5527)" fill="#8E94A7"/>
|
||||
<rect x="14.332" y="22.3414" width="9.6515" height="0.353104" rx="0.176552" transform="rotate(-10.7124 14.332 22.3414)" fill="#8E94A7"/>
|
||||
<rect x="14.6875" y="24.2208" width="9.6515" height="0.353104" rx="0.176552" transform="rotate(-10.7124 14.6875 24.2208)" fill="#8E94A7"/>
|
||||
<rect x="15.043" y="26.1001" width="9.6515" height="0.353104" rx="0.176552" transform="rotate(-10.7124 15.043 26.1001)" fill="#8E94A7"/>
|
||||
<rect x="15.3984" y="27.9793" width="9.6515" height="0.353104" rx="0.176552" transform="rotate(-10.7124 15.3984 27.9793)" fill="#8E94A7"/>
|
||||
<g filter="url(#filter1_d_5416_66014)">
|
||||
<path d="M22.1014 14.3119L21.582 11.5664L24.8724 13.7983L22.1014 14.3119Z" fill="#2F80ED"/>
|
||||
</g>
|
||||
<g filter="url(#filter2_d_5416_66014)">
|
||||
<path d="M31.897 20.7556C32.0007 20.2117 32.5266 19.8556 33.0701 19.9612L42.9318 21.8775C43.1908 21.9279 43.4194 22.0785 43.5678 22.2966L45.3272 24.8822C45.4763 25.1014 45.5323 25.3708 45.4828 25.6313L42.6235 40.6918C42.5202 41.2357 41.9946 41.5922 41.451 41.487L29.404 39.1562C28.8628 39.0515 28.5084 38.5286 28.6116 37.9871L31.897 20.7556Z" fill="white"/>
|
||||
</g>
|
||||
<rect x="33.6992" y="23.6525" width="3.82529" height="4.17839" transform="rotate(10.9501 33.6992 23.6525)" fill="#8E94A7"/>
|
||||
<rect x="38.5244" y="24.586" width="4.73747" height="0.353104" rx="0.176552" transform="rotate(10.9501 38.5244 24.586)" fill="#8E94A7"/>
|
||||
<rect x="38.1611" y="26.4637" width="4.73747" height="0.353104" rx="0.176552" transform="rotate(10.9501 38.1611 26.4637)" fill="#8E94A7"/>
|
||||
<rect x="37.7979" y="28.3416" width="4.73747" height="0.353104" rx="0.176552" transform="rotate(10.9501 37.7979 28.3416)" fill="#8E94A7"/>
|
||||
<rect x="32.6123" y="29.2827" width="9.6515" height="0.353104" rx="0.176552" transform="rotate(10.9501 32.6123 29.2827)" fill="#8E94A7"/>
|
||||
<rect x="32.249" y="31.1604" width="9.6515" height="0.353104" rx="0.176552" transform="rotate(10.9501 32.249 31.1604)" fill="#8E94A7"/>
|
||||
<rect x="31.8857" y="33.0383" width="9.6515" height="0.353104" rx="0.176552" transform="rotate(10.9501 31.8857 33.0383)" fill="#8E94A7"/>
|
||||
<rect x="31.5225" y="34.9161" width="9.6515" height="0.353104" rx="0.176552" transform="rotate(10.9501 31.5225 34.9161)" fill="#8E94A7"/>
|
||||
<g filter="url(#filter3_d_5416_66014)">
|
||||
<path d="M42.7973 24.6883L43.3281 21.9449L45.5622 25.2338L42.7973 24.6883Z" fill="#2F80ED"/>
|
||||
</g>
|
||||
<g filter="url(#filter4_d_5416_66014)">
|
||||
<path d="M25.0923 12.0438C25.196 11.4999 25.7219 11.1438 26.2654 11.2494L36.1271 13.1657C36.3861 13.2161 36.6147 13.3667 36.7631 13.5848L38.5225 16.1704C38.6716 16.3896 38.7276 16.659 38.6782 16.9195L35.8188 31.98C35.7155 32.5239 35.1899 32.8804 34.6464 32.7752L22.5993 30.4444C22.0581 30.3397 21.7037 29.8168 21.8069 29.2753L25.0923 12.0438Z" fill="white"/>
|
||||
</g>
|
||||
<rect x="26.8945" y="14.9407" width="3.82529" height="4.17839" transform="rotate(10.9501 26.8945 14.9407)" fill="#8E94A7"/>
|
||||
<rect x="31.7197" y="15.8741" width="4.73747" height="0.353104" rx="0.176552" transform="rotate(10.9501 31.7197 15.8741)" fill="#8E94A7"/>
|
||||
<rect x="31.3564" y="17.7519" width="4.73747" height="0.353104" rx="0.176552" transform="rotate(10.9501 31.3564 17.7519)" fill="#8E94A7"/>
|
||||
<rect x="30.9932" y="19.6298" width="4.73747" height="0.353104" rx="0.176552" transform="rotate(10.9501 30.9932 19.6298)" fill="#8E94A7"/>
|
||||
<rect x="25.8076" y="20.5709" width="9.6515" height="0.353104" rx="0.176552" transform="rotate(10.9501 25.8076 20.5709)" fill="#8E94A7"/>
|
||||
<rect x="25.4443" y="22.4486" width="9.6515" height="0.353104" rx="0.176552" transform="rotate(10.9501 25.4443 22.4486)" fill="#8E94A7"/>
|
||||
<rect x="25.0811" y="24.3265" width="9.6515" height="0.353104" rx="0.176552" transform="rotate(10.9501 25.0811 24.3265)" fill="#8E94A7"/>
|
||||
<rect x="24.7178" y="26.2044" width="9.6515" height="0.353104" rx="0.176552" transform="rotate(10.9501 24.7178 26.2044)" fill="#8E94A7"/>
|
||||
<g filter="url(#filter5_d_5416_66014)">
|
||||
<path d="M35.9927 15.9765L36.5234 13.2331L38.7575 16.522L35.9927 15.9765Z" fill="#2F80ED"/>
|
||||
</g>
|
||||
<g filter="url(#filter6_d_5416_66014)">
|
||||
<path d="M1.29864 23.8707C1.13388 23.3421 1.42996 22.7803 1.95911 22.6174L11.5607 19.6616C11.8128 19.5839 12.0854 19.6091 12.3191 19.7316L15.0891 21.1834C15.3239 21.3064 15.5002 21.5177 15.5793 21.7707L20.1525 36.4022C20.3177 36.9307 20.0221 37.4927 19.4931 37.6561L7.76862 41.2758C7.24193 41.4384 6.68297 41.1441 6.51893 40.6179L1.29864 23.8707Z" fill="white"/>
|
||||
</g>
|
||||
<rect x="4.25391" y="25.5768" width="3.82529" height="4.17839" transform="rotate(-17.1573 4.25391 25.5768)" fill="#8E94A7"/>
|
||||
<rect x="8.94824" y="24.1272" width="4.73747" height="0.353104" rx="0.176552" transform="rotate(-17.1573 8.94824 24.1272)" fill="#8E94A7"/>
|
||||
<rect x="9.5127" y="25.9547" width="4.73747" height="0.353104" rx="0.176552" transform="rotate(-17.1573 9.5127 25.9547)" fill="#8E94A7"/>
|
||||
<rect x="10.0771" y="27.7822" width="4.73747" height="0.353104" rx="0.176552" transform="rotate(-17.1573 10.0771 27.7822)" fill="#8E94A7"/>
|
||||
<rect x="5.94629" y="31.0555" width="9.6515" height="0.353104" rx="0.176552" transform="rotate(-17.1573 5.94629 31.0555)" fill="#8E94A7"/>
|
||||
<rect x="6.51074" y="32.883" width="9.6515" height="0.353104" rx="0.176552" transform="rotate(-17.1573 6.51074 32.883)" fill="#8E94A7"/>
|
||||
<rect x="7.0752" y="34.7105" width="9.6515" height="0.353104" rx="0.176552" transform="rotate(-17.1573 7.0752 34.7105)" fill="#8E94A7"/>
|
||||
<rect x="7.63965" y="36.538" width="9.6515" height="0.353104" rx="0.176552" transform="rotate(-17.1573 7.63965 36.538)" fill="#8E94A7"/>
|
||||
<g filter="url(#filter7_d_5416_66014)">
|
||||
<path d="M12.7657 22.2044L11.9414 19.5345L15.4615 21.383L12.7657 22.2044Z" fill="#2F80ED"/>
|
||||
</g>
|
||||
<path d="M23.3464 30.4149L21.6195 27.8374C17.4783 27.8116 8.89706 27.7601 7.70111 27.7601C6.20617 27.7601 5.58758 29.0746 5.69068 29.8736C5.79378 30.6726 6.0773 33.379 6.23195 34.5904C6.3866 35.8018 7.44336 44.7972 7.75266 47.452C8.06196 50.1068 9.06717 50.2099 10.2013 50.2615C11.0102 50.2982 27.0003 50.2831 37.4666 50.2672C39.4879 50.2641 41.1837 48.7551 41.4257 46.7483C42.1547 40.7046 43.125 32.6683 43.193 32.1418C43.2961 31.3428 42.9868 30.4149 41.363 30.4149H23.3464Z" fill="#1C01A9" stroke="#1C01A9"/>
|
||||
<circle cx="39.1465" cy="47.6581" r="5.3096" fill="#A8026B"/>
|
||||
<path d="M36.4141 47.8128L38.94 50.5191L42.7289 45.5188" stroke="white"/>
|
||||
<defs>
|
||||
<filter id="filter0_d_5416_66014" x="9.50098" y="10.6325" width="19.3643" height="23.0869" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset/>
|
||||
<feGaussianBlur stdDeviation="0.5"/>
|
||||
<feComposite in2="hardAlpha" operator="out"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.35 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5416_66014"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5416_66014" result="shape"/>
|
||||
</filter>
|
||||
<filter id="filter1_d_5416_66014" x="10.582" y="0.56636" width="25.29" height="24.7456" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset/>
|
||||
<feGaussianBlur stdDeviation="5.5"/>
|
||||
<feComposite in2="hardAlpha" operator="out"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5416_66014"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5416_66014" result="shape"/>
|
||||
</filter>
|
||||
<filter id="filter2_d_5416_66014" x="27.5938" y="18.9427" width="18.9062" height="23.5628" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset/>
|
||||
<feGaussianBlur stdDeviation="0.5"/>
|
||||
<feComposite in2="hardAlpha" operator="out"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.35 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5416_66014"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5416_66014" result="shape"/>
|
||||
</filter>
|
||||
<filter id="filter3_d_5416_66014" x="31.7969" y="10.9449" width="24.7656" height="25.2889" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset/>
|
||||
<feGaussianBlur stdDeviation="5.5"/>
|
||||
<feComposite in2="hardAlpha" operator="out"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5416_66014"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5416_66014" result="shape"/>
|
||||
</filter>
|
||||
<filter id="filter4_d_5416_66014" x="20.7891" y="10.2309" width="18.9062" height="23.5628" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset/>
|
||||
<feGaussianBlur stdDeviation="0.5"/>
|
||||
<feComposite in2="hardAlpha" operator="out"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.35 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5416_66014"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5416_66014" result="shape"/>
|
||||
</filter>
|
||||
<filter id="filter5_d_5416_66014" x="24.9922" y="2.23311" width="24.7656" height="25.2889" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset/>
|
||||
<feGaussianBlur stdDeviation="5.5"/>
|
||||
<feComposite in2="hardAlpha" operator="out"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5416_66014"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5416_66014" result="shape"/>
|
||||
</filter>
|
||||
<filter id="filter6_d_5416_66014" x="0.25293" y="18.6173" width="20.9453" height="23.7033" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset/>
|
||||
<feGaussianBlur stdDeviation="0.5"/>
|
||||
<feComposite in2="hardAlpha" operator="out"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.35 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5416_66014"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5416_66014" result="shape"/>
|
||||
</filter>
|
||||
<filter id="filter7_d_5416_66014" x="0.941406" y="8.53452" width="25.5205" height="24.6699" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset/>
|
||||
<feGaussianBlur stdDeviation="5.5"/>
|
||||
<feComposite in2="hardAlpha" operator="out"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5416_66014"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5416_66014" result="shape"/>
|
||||
</filter>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 13 KiB |
145
public/assets/images/status/3_inactive.svg
Normal file
145
public/assets/images/status/3_inactive.svg
Normal file
@ -0,0 +1,145 @@
|
||||
<svg width="56" height="50" viewBox="0 0 56 50" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M38.5885 5.29996C34.6357 2.46647 29.7033 4.8452 22.4272 4.8452C14.6263 4.8452 8.5396 1.62694 3.95704 3.69083C-0.625506 5.75473 -0.870375 12.1563 1.40341 16.2141C3.67719 20.272 5.77607 24.5397 3.95704 30.9063C2.13802 37.2729 3.60723 40.3163 8.04986 44.8289C12.4925 49.3414 26.7299 43.7444 36.1399 42.2053C45.5498 40.6661 48.2434 36.3634 48.3833 31.7808C48.5232 27.1983 44.7453 23.2454 43.6958 19.0126C42.6464 14.7799 42.5414 8.13345 38.5885 5.29996Z" fill="#EDEFF5"/>
|
||||
<path d="M7.13941 42.3592L2.29204 26.1939C1.8479 24.7128 2.5486 23.1288 3.94334 22.4611L9.89731 41.1736L7.13941 42.3592Z" fill="#8E94A7"/>
|
||||
<g filter="url(#filter0_d_5416_94057)">
|
||||
<path d="M9.51929 7.68048C9.4149 7.13675 9.77218 6.61168 10.3163 6.50921L20.1889 4.64984C20.4482 4.60101 20.7163 4.65662 20.9347 4.80455L23.5242 6.55808C23.7437 6.70673 23.8952 6.93647 23.9454 7.19679L26.8474 22.2492C26.9522 22.7928 26.5953 23.3181 26.0513 23.421L13.9947 25.7019C13.4531 25.8043 12.9307 25.4492 12.8268 24.9078L9.51929 7.68048Z" fill="white"/>
|
||||
</g>
|
||||
<rect x="12.2637" y="9.7074" width="3.82529" height="4.17839" transform="rotate(-10.7124 12.2637 9.7074)" fill="#8E94A7"/>
|
||||
<rect x="17.0928" y="8.79395" width="4.73747" height="0.353104" rx="0.176552" transform="rotate(-10.7124 17.0928 8.79395)" fill="#8E94A7"/>
|
||||
<rect x="17.4482" y="10.6733" width="4.73747" height="0.353104" rx="0.176552" transform="rotate(-10.7124 17.4482 10.6733)" fill="#8E94A7"/>
|
||||
<rect x="17.8037" y="12.5527" width="4.73747" height="0.353104" rx="0.176552" transform="rotate(-10.7124 17.8037 12.5527)" fill="#8E94A7"/>
|
||||
<rect x="13.332" y="15.3414" width="9.6515" height="0.353104" rx="0.176552" transform="rotate(-10.7124 13.332 15.3414)" fill="#8E94A7"/>
|
||||
<rect x="13.6875" y="17.2208" width="9.6515" height="0.353104" rx="0.176552" transform="rotate(-10.7124 13.6875 17.2208)" fill="#8E94A7"/>
|
||||
<rect x="14.043" y="19.1001" width="9.6515" height="0.353104" rx="0.176552" transform="rotate(-10.7124 14.043 19.1001)" fill="#8E94A7"/>
|
||||
<rect x="14.3984" y="20.9793" width="9.6515" height="0.353104" rx="0.176552" transform="rotate(-10.7124 14.3984 20.9793)" fill="#8E94A7"/>
|
||||
<g filter="url(#filter1_d_5416_94057)">
|
||||
<path d="M21.1014 7.31192L20.582 4.56635L23.8724 6.79827L21.1014 7.31192Z" fill="#8E94A7"/>
|
||||
</g>
|
||||
<g filter="url(#filter2_d_5416_94057)">
|
||||
<path d="M30.897 13.7556C31.0007 13.2117 31.5266 12.8556 32.0701 12.9612L41.9318 14.8775C42.1908 14.9278 42.4194 15.0785 42.5678 15.2966L44.3272 17.8822C44.4763 18.1014 44.5323 18.3708 44.4828 18.6313L41.6235 33.6918C41.5202 34.2357 40.9946 34.5922 40.451 34.487L28.404 32.1562C27.8628 32.0515 27.5084 31.5286 27.6116 30.9871L30.897 13.7556Z" fill="white"/>
|
||||
</g>
|
||||
<rect x="32.6992" y="16.6525" width="3.82529" height="4.17839" transform="rotate(10.9501 32.6992 16.6525)" fill="#8E94A7"/>
|
||||
<rect x="37.5244" y="17.5859" width="4.73747" height="0.353104" rx="0.176552" transform="rotate(10.9501 37.5244 17.5859)" fill="#8E94A7"/>
|
||||
<rect x="37.1611" y="19.4637" width="4.73747" height="0.353104" rx="0.176552" transform="rotate(10.9501 37.1611 19.4637)" fill="#8E94A7"/>
|
||||
<rect x="36.7979" y="21.3416" width="4.73747" height="0.353104" rx="0.176552" transform="rotate(10.9501 36.7979 21.3416)" fill="#8E94A7"/>
|
||||
<rect x="31.6123" y="22.2827" width="9.6515" height="0.353104" rx="0.176552" transform="rotate(10.9501 31.6123 22.2827)" fill="#8E94A7"/>
|
||||
<rect x="31.249" y="24.1603" width="9.6515" height="0.353104" rx="0.176552" transform="rotate(10.9501 31.249 24.1603)" fill="#8E94A7"/>
|
||||
<rect x="30.8857" y="26.0382" width="9.6515" height="0.353104" rx="0.176552" transform="rotate(10.9501 30.8857 26.0382)" fill="#8E94A7"/>
|
||||
<rect x="30.5225" y="27.9161" width="9.6515" height="0.353104" rx="0.176552" transform="rotate(10.9501 30.5225 27.9161)" fill="#8E94A7"/>
|
||||
<g filter="url(#filter3_d_5416_94057)">
|
||||
<path d="M41.7973 17.6883L42.3281 14.9449L44.5622 18.2338L41.7973 17.6883Z" fill="#8E94A7"/>
|
||||
</g>
|
||||
<g filter="url(#filter4_d_5416_94057)">
|
||||
<path d="M24.0923 5.04376C24.196 4.49989 24.7219 4.1438 25.2654 4.24941L35.1271 6.16573C35.3861 6.21605 35.6147 6.36669 35.7631 6.58481L37.5225 9.17038C37.6716 9.38956 37.7276 9.659 37.6782 9.91946L34.8188 24.98C34.7155 25.5239 34.1899 25.8804 33.6464 25.7752L21.5993 23.4444C21.0581 23.3397 20.7037 22.8168 20.8069 22.2753L24.0923 5.04376Z" fill="white"/>
|
||||
</g>
|
||||
<rect x="25.8945" y="7.94067" width="3.82529" height="4.17839" transform="rotate(10.9501 25.8945 7.94067)" fill="#8E94A7"/>
|
||||
<rect x="30.7197" y="8.87402" width="4.73747" height="0.353104" rx="0.176552" transform="rotate(10.9501 30.7197 8.87402)" fill="#8E94A7"/>
|
||||
<rect x="30.3564" y="10.7519" width="4.73747" height="0.353104" rx="0.176552" transform="rotate(10.9501 30.3564 10.7519)" fill="#8E94A7"/>
|
||||
<rect x="29.9932" y="12.6298" width="4.73747" height="0.353104" rx="0.176552" transform="rotate(10.9501 29.9932 12.6298)" fill="#8E94A7"/>
|
||||
<rect x="24.8076" y="13.5709" width="9.6515" height="0.353104" rx="0.176552" transform="rotate(10.9501 24.8076 13.5709)" fill="#8E94A7"/>
|
||||
<rect x="24.4443" y="15.4486" width="9.6515" height="0.353104" rx="0.176552" transform="rotate(10.9501 24.4443 15.4486)" fill="#8E94A7"/>
|
||||
<rect x="24.0811" y="17.3265" width="9.6515" height="0.353104" rx="0.176552" transform="rotate(10.9501 24.0811 17.3265)" fill="#8E94A7"/>
|
||||
<rect x="23.7178" y="19.2043" width="9.6515" height="0.353104" rx="0.176552" transform="rotate(10.9501 23.7178 19.2043)" fill="#8E94A7"/>
|
||||
<g filter="url(#filter5_d_5416_94057)">
|
||||
<path d="M34.9927 8.97649L35.5234 6.23309L37.7575 9.52199L34.9927 8.97649Z" fill="#8E94A7"/>
|
||||
</g>
|
||||
<g filter="url(#filter6_d_5416_94057)">
|
||||
<path d="M0.29864 16.8707C0.133876 16.3421 0.429958 15.7802 0.959114 15.6173L10.5607 12.6615C10.8128 12.5839 11.0854 12.6091 11.3191 12.7316L14.0891 14.1833C14.3239 14.3064 14.5002 14.5177 14.5793 14.7707L19.1525 29.4022C19.3177 29.9307 19.0221 30.4927 18.4931 30.656L6.76862 34.2758C6.24193 34.4384 5.68297 34.1441 5.51893 33.6179L0.29864 16.8707Z" fill="white"/>
|
||||
</g>
|
||||
<rect x="3.25391" y="18.5768" width="3.82529" height="4.17839" transform="rotate(-17.1573 3.25391 18.5768)" fill="#8E94A7"/>
|
||||
<rect x="7.94824" y="17.1271" width="4.73747" height="0.353104" rx="0.176552" transform="rotate(-17.1573 7.94824 17.1271)" fill="#8E94A7"/>
|
||||
<rect x="8.5127" y="18.9547" width="4.73747" height="0.353104" rx="0.176552" transform="rotate(-17.1573 8.5127 18.9547)" fill="#8E94A7"/>
|
||||
<rect x="9.07715" y="20.7822" width="4.73747" height="0.353104" rx="0.176552" transform="rotate(-17.1573 9.07715 20.7822)" fill="#8E94A7"/>
|
||||
<rect x="4.94629" y="24.0554" width="9.6515" height="0.353104" rx="0.176552" transform="rotate(-17.1573 4.94629 24.0554)" fill="#8E94A7"/>
|
||||
<rect x="5.51074" y="25.8829" width="9.6515" height="0.353104" rx="0.176552" transform="rotate(-17.1573 5.51074 25.8829)" fill="#8E94A7"/>
|
||||
<rect x="6.0752" y="27.7104" width="9.6515" height="0.353104" rx="0.176552" transform="rotate(-17.1573 6.0752 27.7104)" fill="#8E94A7"/>
|
||||
<rect x="6.63965" y="29.538" width="9.6515" height="0.353104" rx="0.176552" transform="rotate(-17.1573 6.63965 29.538)" fill="#8E94A7"/>
|
||||
<g filter="url(#filter7_d_5416_94057)">
|
||||
<path d="M11.7657 15.2044L10.9414 12.5345L14.4615 14.383L11.7657 15.2044Z" fill="#8E94A7"/>
|
||||
</g>
|
||||
<path d="M22.3464 23.4149L20.6195 20.8374C16.4783 20.8116 7.89706 20.7601 6.70111 20.7601C5.20617 20.7601 4.58758 22.0746 4.69068 22.8736C4.79378 23.6726 5.0773 26.379 5.23195 27.5904C5.3866 28.8018 6.44336 37.7972 6.75266 40.452C7.06196 43.1068 8.06717 43.2099 9.20126 43.2614C10.0102 43.2982 26.0003 43.2831 36.4666 43.2672C38.4879 43.2641 40.1837 41.7551 40.4257 39.7483C41.1547 33.7046 42.125 25.6683 42.193 25.1418C42.2961 24.3428 41.9868 23.4149 40.363 23.4149H22.3464Z" fill="#8E94A7" stroke="#8E94A7"/>
|
||||
<circle cx="38.1465" cy="40.6581" r="5.3096" fill="#8E94A7"/>
|
||||
<path d="M35.4141 40.8128L37.94 43.5191L41.7289 38.5188" stroke="white"/>
|
||||
<defs>
|
||||
<filter id="filter0_d_5416_94057" x="8.50098" y="3.63257" width="19.3643" height="23.0869" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset/>
|
||||
<feGaussianBlur stdDeviation="0.5"/>
|
||||
<feComposite in2="hardAlpha" operator="out"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.35 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5416_94057"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5416_94057" result="shape"/>
|
||||
</filter>
|
||||
<filter id="filter1_d_5416_94057" x="9.58203" y="-6.43365" width="25.29" height="24.7455" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset/>
|
||||
<feGaussianBlur stdDeviation="5.5"/>
|
||||
<feComposite in2="hardAlpha" operator="out"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5416_94057"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5416_94057" result="shape"/>
|
||||
</filter>
|
||||
<filter id="filter2_d_5416_94057" x="26.5938" y="11.9426" width="18.9062" height="23.5628" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset/>
|
||||
<feGaussianBlur stdDeviation="0.5"/>
|
||||
<feComposite in2="hardAlpha" operator="out"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.35 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5416_94057"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5416_94057" result="shape"/>
|
||||
</filter>
|
||||
<filter id="filter3_d_5416_94057" x="30.7969" y="3.94489" width="24.7656" height="25.2889" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset/>
|
||||
<feGaussianBlur stdDeviation="5.5"/>
|
||||
<feComposite in2="hardAlpha" operator="out"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5416_94057"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5416_94057" result="shape"/>
|
||||
</filter>
|
||||
<filter id="filter4_d_5416_94057" x="19.7891" y="3.23083" width="18.9062" height="23.5628" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset/>
|
||||
<feGaussianBlur stdDeviation="0.5"/>
|
||||
<feComposite in2="hardAlpha" operator="out"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.35 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5416_94057"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5416_94057" result="shape"/>
|
||||
</filter>
|
||||
<filter id="filter5_d_5416_94057" x="23.9922" y="-4.76691" width="24.7656" height="25.2889" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset/>
|
||||
<feGaussianBlur stdDeviation="5.5"/>
|
||||
<feComposite in2="hardAlpha" operator="out"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5416_94057"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5416_94057" result="shape"/>
|
||||
</filter>
|
||||
<filter id="filter6_d_5416_94057" x="-0.74707" y="11.6172" width="20.9453" height="23.7033" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset/>
|
||||
<feGaussianBlur stdDeviation="0.5"/>
|
||||
<feComposite in2="hardAlpha" operator="out"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.35 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5416_94057"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5416_94057" result="shape"/>
|
||||
</filter>
|
||||
<filter id="filter7_d_5416_94057" x="-0.0585938" y="1.53448" width="25.5205" height="24.6699" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset/>
|
||||
<feGaussianBlur stdDeviation="5.5"/>
|
||||
<feComposite in2="hardAlpha" operator="out"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5416_94057"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5416_94057" result="shape"/>
|
||||
</filter>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 13 KiB |
31
public/assets/images/status/4.svg
Normal file
31
public/assets/images/status/4.svg
Normal file
@ -0,0 +1,31 @@
|
||||
<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M38.5885 2.29608C34.6357 -0.532625 29.7033 1.84209 22.4272 1.84209C14.6263 1.84209 8.5396 -1.37075 3.95704 0.689669C-0.625506 2.75009 -0.870375 9.14087 1.40341 13.1919C3.67719 17.2429 5.77607 21.5034 3.95704 27.8592C2.13802 34.2151 3.60723 37.2533 8.04986 41.7583C12.4925 46.2633 26.7299 40.6757 36.1399 39.1391C45.5498 37.6026 48.2434 33.3071 48.3833 28.7323C48.5232 24.1575 44.7453 20.2112 43.6958 15.9856C42.6464 11.76 42.5414 5.12479 38.5885 2.29608Z" fill="#EDEFF5"/>
|
||||
<g filter="url(#filter0_d_5416_65777)">
|
||||
<path d="M7.25977 5.69315C7.25977 4.58858 8.1552 3.69315 9.25977 3.69315H28.4723C29.0011 3.69315 29.5084 3.90259 29.8832 4.27566L40.6026 14.9455C40.9796 15.3208 41.1916 15.8309 41.1916 16.363V44.2285C41.1916 45.3331 40.2962 46.2285 39.1916 46.2285H9.25976C8.15519 46.2285 7.25977 45.3331 7.25977 44.2285V5.69315Z" fill="white"/>
|
||||
</g>
|
||||
<rect x="12.7871" y="12.0045" width="22.9477" height="0.838136" rx="0.419068" fill="#2F80ED"/>
|
||||
<rect x="12.7871" y="16.5445" width="22.9477" height="0.838136" rx="0.419068" fill="#2F80ED"/>
|
||||
<rect x="12.7871" y="21.0844" width="22.9477" height="0.838136" rx="0.419068" fill="#2F80ED"/>
|
||||
<rect x="12.7871" y="25.6242" width="22.9477" height="0.838136" rx="0.419068" fill="#2F80ED"/>
|
||||
<rect x="12.7871" y="30.1643" width="22.9477" height="0.838136" rx="0.419068" fill="#2F80ED"/>
|
||||
<rect x="12.7871" y="34.7041" width="22.9477" height="0.838136" rx="0.419068" fill="#2F80ED"/>
|
||||
<rect x="12.7871" y="39.244" width="22.9477" height="0.838136" rx="0.419068" fill="#2F80ED"/>
|
||||
<rect x="23.7695" y="25.4032" width="14.5161" height="2.82258" rx="1.41129" transform="rotate(45 23.7695 25.4032)" fill="#1C01A9"/>
|
||||
<rect x="15.7256" y="18.9515" width="13.7826" height="13.6197" rx="6.80985" fill="#1C01A9"/>
|
||||
<rect x="17.3389" y="20.5643" width="10.4839" height="10.4839" rx="5.24194" fill="#EDEFF5"/>
|
||||
<path d="M22.5817 23.7647C20.3135 23.7647 19.4062 25.8062 19.4062 25.8062C19.4062 25.8062 20.3135 27.8474 22.5817 27.8474C24.8498 27.8474 25.7571 25.8062 25.7571 25.8062C25.7571 25.8062 24.8498 23.7647 22.5817 23.7647Z" fill="#A8026B" stroke="#A8026B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M22.5813 26.9403C23.2077 26.9403 23.7154 26.4326 23.7154 25.8063C23.7154 25.1799 23.2077 24.6722 22.5813 24.6722C21.955 24.6722 21.4473 25.1799 21.4473 25.8063C21.4473 26.4326 21.955 26.9403 22.5813 26.9403Z" fill="white"/>
|
||||
<path d="M29.2979 15.462V3.69315L41.1565 15.462H29.2979Z" fill="#1C01A9"/>
|
||||
<defs>
|
||||
<filter id="filter0_d_5416_65777" x="6.25977" y="2.69315" width="35.9316" height="44.5354" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset/>
|
||||
<feGaussianBlur stdDeviation="0.5"/>
|
||||
<feComposite in2="hardAlpha" operator="out"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5416_65777"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5416_65777" result="shape"/>
|
||||
</filter>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.2 KiB |
31
public/assets/images/status/4_inactive.svg
Normal file
31
public/assets/images/status/4_inactive.svg
Normal file
@ -0,0 +1,31 @@
|
||||
<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M38.5885 5.29608C34.6357 2.46737 29.7033 4.84209 22.4272 4.84209C14.6263 4.84209 8.5396 1.62925 3.95704 3.68967C-0.625506 5.75009 -0.870375 12.1409 1.40341 16.1919C3.67719 20.2429 5.77607 24.5034 3.95704 30.8592C2.13802 37.2151 3.60723 40.2533 8.04986 44.7583C12.4925 49.2633 26.7299 43.6757 36.1399 42.1391C45.5498 40.6026 48.2434 36.3071 48.3833 31.7323C48.5232 27.1575 44.7453 23.2112 43.6958 18.9856C42.6464 14.76 42.5414 8.12479 38.5885 5.29608Z" fill="#EDEFF5"/>
|
||||
<g filter="url(#filter0_d_5416_94123)">
|
||||
<path d="M7.25977 5.69318C7.25977 4.58861 8.1552 3.69318 9.25977 3.69318H28.4723C29.0011 3.69318 29.5084 3.90262 29.8832 4.27569L40.6026 14.9455C40.9796 15.3208 41.1916 15.8309 41.1916 16.363V44.2286C41.1916 45.3331 40.2962 46.2286 39.1916 46.2286H9.25976C8.15519 46.2286 7.25977 45.3331 7.25977 44.2286V5.69318Z" fill="#8E94A7"/>
|
||||
</g>
|
||||
<rect x="12.7871" y="12.0045" width="22.9477" height="0.838136" rx="0.419068" fill="white"/>
|
||||
<rect x="12.7871" y="16.5446" width="22.9477" height="0.838136" rx="0.419068" fill="white"/>
|
||||
<rect x="12.7871" y="21.0844" width="22.9477" height="0.838136" rx="0.419068" fill="white"/>
|
||||
<rect x="12.7871" y="25.6243" width="22.9477" height="0.838136" rx="0.419068" fill="white"/>
|
||||
<rect x="12.7871" y="30.1643" width="22.9477" height="0.838136" rx="0.419068" fill="white"/>
|
||||
<rect x="12.7871" y="34.7042" width="22.9477" height="0.838136" rx="0.419068" fill="white"/>
|
||||
<rect x="12.7871" y="39.244" width="22.9477" height="0.838136" rx="0.419068" fill="white"/>
|
||||
<rect x="23.7695" y="25.4032" width="14.5161" height="2.82258" rx="1.41129" transform="rotate(45 23.7695 25.4032)" fill="#8E94A7"/>
|
||||
<rect x="15.7256" y="18.9515" width="13.7826" height="13.6197" rx="6.80985" fill="#8E94A7"/>
|
||||
<rect x="17.3389" y="20.5643" width="10.4839" height="10.4839" rx="5.24194" fill="#EDEFF5"/>
|
||||
<path d="M22.5817 23.7647C20.3135 23.7647 19.4062 25.8063 19.4062 25.8063C19.4062 25.8063 20.3135 27.8474 22.5817 27.8474C24.8498 27.8474 25.7571 25.8063 25.7571 25.8063C25.7571 25.8063 24.8498 23.7647 22.5817 23.7647Z" fill="#8E94A7" stroke="#8E94A7" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M22.5813 26.9404C23.2077 26.9404 23.7154 26.4326 23.7154 25.8063C23.7154 25.18 23.2077 24.6722 22.5813 24.6722C21.955 24.6722 21.4473 25.18 21.4473 25.8063C21.4473 26.4326 21.955 26.9404 22.5813 26.9404Z" fill="white"/>
|
||||
<path d="M29.2979 15.462V3.69318L41.1565 15.462H29.2979Z" fill="#8E94A7"/>
|
||||
<defs>
|
||||
<filter id="filter0_d_5416_94123" x="6.25977" y="2.69318" width="35.9316" height="44.5354" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset/>
|
||||
<feGaussianBlur stdDeviation="0.5"/>
|
||||
<feComposite in2="hardAlpha" operator="out"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5416_94123"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5416_94123" result="shape"/>
|
||||
</filter>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.2 KiB |
25
public/assets/images/status/5.svg
Normal file
25
public/assets/images/status/5.svg
Normal file
@ -0,0 +1,25 @@
|
||||
<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M38.5885 2.29608C34.6357 -0.532625 29.7033 1.84209 22.4272 1.84209C14.6263 1.84209 8.5396 -1.37075 3.95704 0.689669C-0.625506 2.75009 -0.870375 9.14087 1.40341 13.1919C3.67719 17.2429 5.77607 21.5034 3.95704 27.8592C2.13802 34.2151 3.60723 37.2533 8.04986 41.7583C12.4925 46.2633 26.7299 40.6757 36.1399 39.1391C45.5498 37.6026 48.2434 33.3071 48.3833 28.7323C48.5232 24.1575 44.7453 20.2112 43.6958 15.9856C42.6464 11.76 42.5414 5.12479 38.5885 2.29608Z" fill="#EDEFF5"/>
|
||||
<g filter="url(#filter0_d_5416_65820)">
|
||||
<path d="M7.25977 5.69321C7.25977 4.58864 8.1552 3.69321 9.25977 3.69321H28.4723C29.0011 3.69321 29.5084 3.90266 29.8832 4.27573L40.6026 14.9455C40.9796 15.3209 41.1916 15.831 41.1916 16.363V44.2286C41.1916 45.3332 40.2962 46.2286 39.1916 46.2286H9.25976C8.15519 46.2286 7.25977 45.3332 7.25977 44.2286V5.69321Z" fill="white"/>
|
||||
</g>
|
||||
<path d="M31.296 30.9367C31.7454 30.2353 32.7703 30.2353 33.2198 30.9367C33.5381 31.4335 34.1824 31.6062 34.7065 31.3351C35.4465 30.9523 36.334 31.4648 36.3725 32.297C36.3998 32.8864 36.8715 33.3581 37.4609 33.3853C38.2931 33.4238 38.8056 34.3114 38.4228 35.0514C38.1517 35.5755 38.3244 36.2198 38.8212 36.5381C39.5226 36.9876 39.5226 38.0124 38.8212 38.4619C38.3244 38.7802 38.1517 39.4245 38.4228 39.9486C38.8056 40.6886 38.2931 41.5762 37.4609 41.6147C36.8715 41.6419 36.3998 42.1136 36.3725 42.703C36.334 43.5352 35.4465 44.0477 34.7065 43.6649C34.1824 43.3938 33.5381 43.5665 33.2198 44.0633C32.7703 44.7647 31.7454 44.7647 31.296 44.0633C30.9777 43.5665 30.3333 43.3938 29.8092 43.6649C29.0693 44.0477 28.1817 43.5352 28.1432 42.703C28.1159 42.1136 27.6443 41.6419 27.0548 41.6147C26.2226 41.5762 25.7102 40.6886 26.0929 39.9486C26.364 39.4245 26.1914 38.7802 25.6946 38.4619C24.9931 38.0124 24.9931 36.9876 25.6946 36.5381C26.1914 36.2198 26.364 35.5755 26.0929 35.0514C25.7102 34.3114 26.2226 33.4238 27.0548 33.3853C27.6443 33.3581 28.1159 32.8864 28.1432 32.297C28.1817 31.4648 29.0693 30.9523 29.8092 31.3351C30.3333 31.6062 30.9777 31.4335 31.296 30.9367Z" fill="#A8026B"/>
|
||||
<path d="M29.8547 39.2137C29.8547 39.1318 29.8244 39.0609 29.7637 39.0011C29.7031 38.9412 29.6313 38.9113 29.5483 38.9113C29.4621 38.9113 29.3894 38.9412 29.3304 39.0011C29.2713 39.0609 29.2418 39.1318 29.2418 39.2137C29.2418 39.2988 29.2713 39.3704 29.3304 39.4287C29.3894 39.487 29.4621 39.5161 29.5483 39.5161C29.6313 39.5161 29.7031 39.487 29.7637 39.4287C29.8244 39.3704 29.8547 39.2988 29.8547 39.2137ZM30.6208 36.7944V39.8185C30.6208 39.9005 30.5905 39.9713 30.5299 40.0312C30.4692 40.091 30.3974 40.121 30.3144 40.121H28.9354C28.8524 40.121 28.7805 40.091 28.7199 40.0312C28.6592 39.9713 28.6289 39.9005 28.6289 39.8185V36.7944C28.6289 36.7125 28.6592 36.6416 28.7199 36.5817C28.7805 36.5219 28.8524 36.4919 28.9354 36.4919H30.3144C30.3974 36.4919 30.4692 36.5219 30.5299 36.5817C30.5905 36.6416 30.6208 36.7125 30.6208 36.7944ZM36.2902 36.7944C36.2902 37.0653 36.2024 37.3 36.0268 37.4984C36.0747 37.637 36.0987 37.7567 36.0987 37.8575C36.1082 38.097 36.0396 38.3128 35.8928 38.5049C35.947 38.6813 35.947 38.8656 35.8928 39.0578C35.8449 39.2373 35.7587 39.3854 35.6342 39.502C35.6629 39.8548 35.5847 40.1399 35.3996 40.3572C35.1953 40.5966 34.8808 40.7195 34.4563 40.7258H33.8386C33.6279 40.7258 33.3981 40.7014 33.1491 40.6526C32.9001 40.6037 32.7061 40.5581 32.5673 40.5155C32.4284 40.473 32.2361 40.4108 31.9903 40.3289C31.5977 40.1934 31.3455 40.1241 31.2337 40.121C31.1507 40.1178 31.0789 40.0871 31.0183 40.0288C30.9576 39.9705 30.9273 39.9005 30.9273 39.8185V36.7896C30.9273 36.7109 30.956 36.6424 31.0135 36.5841C31.0709 36.5258 31.1396 36.4935 31.2194 36.4872C31.296 36.4809 31.4173 36.388 31.5833 36.2084C31.7493 36.0289 31.9105 35.8383 32.0669 35.6367C32.284 35.3626 32.4452 35.1736 32.5505 35.0696C32.608 35.0129 32.6575 34.9373 32.699 34.8428C32.7405 34.7483 32.7684 34.6719 32.7828 34.6136C32.7971 34.5554 32.8187 34.4601 32.8474 34.3277C32.8697 34.2049 32.8897 34.1088 32.9073 34.0395C32.9248 33.9702 32.9559 33.8883 33.0006 33.7938C33.0453 33.6993 33.0996 33.6205 33.1634 33.5575C33.2241 33.4977 33.2959 33.4677 33.3789 33.4677C33.5257 33.4677 33.6574 33.4843 33.7739 33.5174C33.8905 33.5504 33.9862 33.5914 34.0612 33.6402C34.1363 33.689 34.2001 33.7528 34.2528 33.8316C34.3054 33.9103 34.3438 33.9812 34.3677 34.0442C34.3916 34.1072 34.4108 34.186 34.4252 34.2805C34.4395 34.375 34.4475 34.4459 34.4491 34.4931C34.4507 34.5404 34.4515 34.6018 34.4515 34.6774C34.4515 34.7971 34.4363 34.9168 34.406 35.0365C34.3757 35.1563 34.3453 35.2508 34.315 35.3201C34.2847 35.3894 34.2408 35.4776 34.1833 35.5847C34.1738 35.6036 34.1578 35.6319 34.1355 35.6697C34.1131 35.7075 34.0956 35.7422 34.0828 35.7737C34.07 35.8052 34.0572 35.843 34.0445 35.8871H35.3708C35.6198 35.8871 35.8353 35.9769 36.0173 36.1564C36.1992 36.336 36.2902 36.5486 36.2902 36.7944Z" fill="white"/>
|
||||
<rect x="12.7871" y="12.0046" width="22.9477" height="0.838136" rx="0.419068" fill="#2F80ED"/>
|
||||
<rect x="12.7871" y="16.5446" width="22.9477" height="0.838136" rx="0.419068" fill="#2F80ED"/>
|
||||
<rect x="12.7871" y="21.0845" width="22.9477" height="0.838136" rx="0.419068" fill="#2F80ED"/>
|
||||
<rect x="12.7871" y="25.6243" width="22.9477" height="0.838136" rx="0.419068" fill="#2F80ED"/>
|
||||
<path d="M29.2979 15.462V3.69321L41.1565 15.462H29.2979Z" fill="#1C01A9"/>
|
||||
<defs>
|
||||
<filter id="filter0_d_5416_65820" x="6.25977" y="2.69321" width="35.9316" height="44.5354" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset/>
|
||||
<feGaussianBlur stdDeviation="0.5"/>
|
||||
<feComposite in2="hardAlpha" operator="out"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5416_65820"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5416_65820" result="shape"/>
|
||||
</filter>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 6.0 KiB |
25
public/assets/images/status/5_inactive.svg
Normal file
25
public/assets/images/status/5_inactive.svg
Normal file
@ -0,0 +1,25 @@
|
||||
<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M38.5885 5.29608C34.6357 2.46737 29.7033 4.84209 22.4272 4.84209C14.6263 4.84209 8.5396 1.62925 3.95704 3.68967C-0.625506 5.75009 -0.870375 12.1409 1.40341 16.1919C3.67719 20.2429 5.77607 24.5034 3.95704 30.8592C2.13802 37.2151 3.60723 40.2533 8.04986 44.7583C12.4925 49.2633 26.7299 43.6757 36.1399 42.1391C45.5498 40.6026 48.2434 36.3071 48.3833 31.7323C48.5232 27.1575 44.7453 23.2112 43.6958 18.9856C42.6464 14.76 42.5414 8.12479 38.5885 5.29608Z" fill="#EDEFF5"/>
|
||||
<g filter="url(#filter0_d_5416_94151)">
|
||||
<path d="M7.25977 5.69324C7.25977 4.58867 8.1552 3.69324 9.25977 3.69324H28.4723C29.0011 3.69324 29.5084 3.90268 29.8832 4.27575L40.6026 14.9456C40.9796 15.3209 41.1916 15.831 41.1916 16.363V44.2286C41.1916 45.3332 40.2962 46.2286 39.1916 46.2286H9.25976C8.15519 46.2286 7.25977 45.3332 7.25977 44.2286V5.69324Z" fill="#8E94A7"/>
|
||||
</g>
|
||||
<path d="M31.296 30.9367C31.7454 30.2353 32.7703 30.2353 33.2198 30.9367C33.5381 31.4335 34.1824 31.6062 34.7065 31.3351C35.4465 30.9523 36.334 31.4648 36.3725 32.297C36.3998 32.8864 36.8715 33.3581 37.4609 33.3853C38.2931 33.4238 38.8056 34.3114 38.4228 35.0514C38.1517 35.5755 38.3244 36.2198 38.8212 36.5381C39.5226 36.9876 39.5226 38.0124 38.8212 38.4619C38.3244 38.7802 38.1517 39.4245 38.4228 39.9486C38.8056 40.6886 38.2931 41.5762 37.4609 41.6147C36.8715 41.6419 36.3998 42.1136 36.3725 42.703C36.334 43.5352 35.4465 44.0477 34.7065 43.6649C34.1824 43.3938 33.5381 43.5665 33.2198 44.0633C32.7703 44.7647 31.7454 44.7647 31.296 44.0633C30.9777 43.5665 30.3333 43.3938 29.8092 43.6649C29.0693 44.0477 28.1817 43.5352 28.1432 42.703C28.1159 42.1136 27.6443 41.6419 27.0548 41.6147C26.2226 41.5762 25.7102 40.6886 26.0929 39.9486C26.364 39.4245 26.1914 38.7802 25.6946 38.4619C24.9931 38.0124 24.9931 36.9876 25.6946 36.5381C26.1914 36.2198 26.364 35.5755 26.0929 35.0514C25.7102 34.3114 26.2226 33.4238 27.0548 33.3853C27.6443 33.3581 28.1159 32.8864 28.1432 32.297C28.1817 31.4648 29.0693 30.9523 29.8092 31.3351C30.3333 31.6062 30.9777 31.4335 31.296 30.9367Z" fill="#8E94A7"/>
|
||||
<path d="M29.8547 39.2137C29.8547 39.1318 29.8244 39.061 29.7637 39.0011C29.7031 38.9412 29.6313 38.9113 29.5483 38.9113C29.4621 38.9113 29.3894 38.9412 29.3304 39.0011C29.2713 39.061 29.2418 39.1318 29.2418 39.2137C29.2418 39.2988 29.2713 39.3705 29.3304 39.4287C29.3894 39.487 29.4621 39.5162 29.5483 39.5162C29.6313 39.5162 29.7031 39.487 29.7637 39.4287C29.8244 39.3705 29.8547 39.2988 29.8547 39.2137ZM30.6208 36.7944V39.8186C30.6208 39.9005 30.5905 39.9714 30.5299 40.0312C30.4692 40.0911 30.3974 40.121 30.3144 40.121H28.9354C28.8524 40.121 28.7805 40.0911 28.7199 40.0312C28.6592 39.9714 28.6289 39.9005 28.6289 39.8186V36.7944C28.6289 36.7125 28.6592 36.6416 28.7199 36.5817C28.7805 36.5219 28.8524 36.492 28.9354 36.492H30.3144C30.3974 36.492 30.4692 36.5219 30.5299 36.5817C30.5905 36.6416 30.6208 36.7125 30.6208 36.7944ZM36.2902 36.7944C36.2902 37.0653 36.2024 37.3 36.0268 37.4985C36.0747 37.6371 36.0987 37.7568 36.0987 37.8576C36.1082 38.097 36.0396 38.3128 35.8928 38.5049C35.947 38.6814 35.947 38.8656 35.8928 39.0578C35.8449 39.2374 35.7587 39.3854 35.6342 39.502C35.6629 39.8548 35.5847 40.1399 35.3996 40.3573C35.1953 40.5967 34.8808 40.7195 34.4563 40.7258H33.8386C33.6279 40.7258 33.3981 40.7014 33.1491 40.6526C32.9001 40.6038 32.7061 40.5581 32.5673 40.5156C32.4284 40.473 32.2361 40.4108 31.9903 40.3289C31.5977 40.1935 31.3455 40.1241 31.2337 40.121C31.1507 40.1178 31.0789 40.0871 31.0183 40.0289C30.9576 39.9706 30.9273 39.9005 30.9273 39.8186V36.7897C30.9273 36.7109 30.956 36.6424 31.0135 36.5841C31.0709 36.5258 31.1396 36.4935 31.2194 36.4872C31.296 36.4809 31.4173 36.388 31.5833 36.2084C31.7493 36.0289 31.9105 35.8383 32.0669 35.6367C32.284 35.3626 32.4452 35.1736 32.5505 35.0697C32.608 35.0129 32.6575 34.9373 32.699 34.8428C32.7405 34.7483 32.7684 34.6719 32.7828 34.6137C32.7971 34.5554 32.8187 34.4601 32.8474 34.3278C32.8697 34.2049 32.8897 34.1088 32.9073 34.0395C32.9248 33.9702 32.9559 33.8883 33.0006 33.7938C33.0453 33.6993 33.0996 33.6206 33.1634 33.5576C33.2241 33.4977 33.2959 33.4678 33.3789 33.4678C33.5257 33.4678 33.6574 33.4843 33.7739 33.5174C33.8905 33.5505 33.9862 33.5914 34.0612 33.6402C34.1363 33.6891 34.2001 33.7529 34.2528 33.8316C34.3054 33.9104 34.3438 33.9813 34.3677 34.0443C34.3916 34.1073 34.4108 34.186 34.4252 34.2805C34.4395 34.375 34.4475 34.4459 34.4491 34.4932C34.4507 34.5404 34.4515 34.6018 34.4515 34.6775C34.4515 34.7972 34.4363 34.9169 34.406 35.0366C34.3757 35.1563 34.3453 35.2508 34.315 35.3201C34.2847 35.3894 34.2408 35.4776 34.1833 35.5847C34.1738 35.6036 34.1578 35.632 34.1355 35.6698C34.1131 35.7076 34.0956 35.7422 34.0828 35.7737C34.07 35.8052 34.0572 35.843 34.0445 35.8871H35.3708C35.6198 35.8871 35.8353 35.9769 36.0173 36.1565C36.1992 36.336 36.2902 36.5487 36.2902 36.7944Z" fill="white"/>
|
||||
<rect x="12.7871" y="12.0046" width="22.9477" height="0.838136" rx="0.419068" fill="white"/>
|
||||
<rect x="12.7871" y="16.5447" width="22.9477" height="0.838136" rx="0.419068" fill="white"/>
|
||||
<rect x="12.7871" y="21.0845" width="22.9477" height="0.838136" rx="0.419068" fill="white"/>
|
||||
<rect x="12.7871" y="25.6243" width="22.9477" height="0.838136" rx="0.419068" fill="white"/>
|
||||
<path d="M29.2979 15.4621V3.69324L41.1565 15.4621H29.2979Z" fill="#8E94A7"/>
|
||||
<defs>
|
||||
<filter id="filter0_d_5416_94151" x="6.25977" y="2.69324" width="35.9316" height="44.5354" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset/>
|
||||
<feGaussianBlur stdDeviation="0.5"/>
|
||||
<feComposite in2="hardAlpha" operator="out"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5416_94151"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5416_94151" result="shape"/>
|
||||
</filter>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 6.0 KiB |
12
public/assets/images/status/6.svg
Normal file
12
public/assets/images/status/6.svg
Normal file
@ -0,0 +1,12 @@
|
||||
<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M38.5885 2.29608C34.6357 -0.532625 29.7033 1.84209 22.4272 1.84209C14.6263 1.84209 8.5396 -1.37075 3.95704 0.689669C-0.625506 2.75009 -0.870375 9.14087 1.40341 13.1919C3.67719 17.2429 5.77607 21.5034 3.95704 27.8592C2.13802 34.2151 3.60723 37.2533 8.04986 41.7583C12.4925 46.2633 26.7299 40.6757 36.1399 39.1391C45.5498 37.6026 48.2434 33.3071 48.3833 28.7323C48.5232 24.1575 44.7453 20.2112 43.6958 15.9856C42.6464 11.76 42.5414 5.12479 38.5885 2.29608Z" fill="#EDEFF5"/>
|
||||
<path d="M7.24219 3.62903H42.7583C43.8629 3.62903 44.7583 4.52446 44.7583 5.62903V37.1129C44.7583 38.2175 43.8629 39.1129 42.7583 39.1129H7.24219C6.13762 39.1129 5.24219 38.2175 5.24219 37.1129V5.62903C5.24219 4.52446 6.13762 3.62903 7.24219 3.62903Z" fill="#1C01A9"/>
|
||||
<path d="M33.7021 44.8943V41.5323H37.936V44.9175C37.936 45.5024 37.2161 45.7807 36.8227 45.3479C36.3312 44.8073 35.4875 44.7872 34.9709 45.3039L34.8889 45.3859C34.4509 45.8238 33.7021 45.5136 33.7021 44.8943Z" fill="#A8026B"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.3071 16.729C11.8975 16.2308 10.8877 14.8865 10.8877 13.3064C10.8877 11.3022 12.5125 9.67741 14.5167 9.67741C16.521 9.67741 18.1458 11.3022 18.1458 13.3064C18.1458 14.7313 17.3246 15.9644 16.1296 16.5583V17.7419L14.92 18.5484L16.1296 19.3548V20.1613H15.3232V20.9677H16.1296V21.7742H15.3232V22.5806H16.1296V24.1935L14.7183 25.8064H13.3071V16.729ZM14.5167 16.129C15.4075 16.129 16.1296 15.4069 16.1296 14.5161C16.1296 13.6253 15.4075 12.9032 14.5167 12.9032C13.6259 12.9032 12.9038 13.6253 12.9038 14.5161C12.9038 15.4069 13.6259 16.129 14.5167 16.129Z" fill="white"/>
|
||||
<path d="M33.468 15.7258H22.5809C22.1355 15.7258 21.7744 16.0869 21.7744 16.5323C21.7744 16.9776 22.1355 17.3387 22.5809 17.3387H33.468C33.9134 17.3387 34.2744 16.9776 34.2744 16.5323C34.2744 16.0869 33.9134 15.7258 33.468 15.7258Z" fill="#2F80ED"/>
|
||||
<path d="M40.3228 10.4839H22.9841C22.316 10.4839 21.7744 11.0255 21.7744 11.6935C21.7744 12.3616 22.316 12.9032 22.9841 12.9032H40.3228C40.9909 12.9032 41.5325 12.3616 41.5325 11.6935C41.5325 11.0255 40.9909 10.4839 40.3228 10.4839Z" fill="#EDEFF5"/>
|
||||
<path d="M31.8551 18.9516H22.5809C22.1355 18.9516 21.7744 19.3127 21.7744 19.7581C21.7744 20.2035 22.1355 20.5645 22.5809 20.5645H31.8551C32.3005 20.5645 32.6615 20.2035 32.6615 19.7581C32.6615 19.3127 32.3004 18.9516 31.8551 18.9516Z" fill="#2F80ED"/>
|
||||
<path d="M37.097 21.7742H22.5809C22.1355 21.7742 21.7744 22.1352 21.7744 22.5806C21.7744 23.026 22.1355 23.3871 22.5809 23.3871H37.097C37.5424 23.3871 37.9034 23.026 37.9034 22.5806C37.9034 22.1352 37.5424 21.7742 37.097 21.7742Z" fill="#2F80ED"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M36.6802 27.3077C36.2307 26.6063 35.2058 26.6063 34.7564 27.3077C34.4381 27.8045 33.7938 27.9772 33.2697 27.7061C32.5297 27.3233 31.6421 27.8358 31.6036 28.668C31.5763 29.2574 31.1047 29.7291 30.5152 29.7563C29.6831 29.7949 29.1706 30.6824 29.5534 31.4224C29.8245 31.9465 29.6518 32.5908 29.155 32.9091C28.4535 33.3586 28.4535 34.3835 29.155 34.8329C29.6518 35.1512 29.8245 35.7956 29.5534 36.3196C29.1706 37.0596 29.6831 37.9472 30.5152 37.9857C31.1047 38.013 31.5763 38.4846 31.6036 39.0741C31.6421 39.9062 32.5297 40.4187 33.2697 40.0359C33.7938 39.7649 34.4381 39.9375 34.7564 40.4343C35.2058 41.1358 36.2307 41.1358 36.6802 40.4343C36.9985 39.9375 37.6428 39.7649 38.1669 40.0359C38.9069 40.4187 39.7945 39.9062 39.833 39.0741C39.8602 38.4846 40.3319 38.013 40.9213 37.9857C41.7535 37.9472 42.266 37.0596 41.8832 36.3196C41.6121 35.7956 41.7848 35.1512 42.2816 34.8329C42.983 34.3835 42.983 33.3586 42.2816 32.9091C41.7848 32.5908 41.6121 31.9465 41.8832 31.4224C42.266 30.6824 41.7535 29.7949 40.9213 29.7563C40.3319 29.7291 39.8602 29.2574 39.833 28.668C39.7945 27.8358 38.9069 27.3233 38.1669 27.7061C37.6428 27.9772 36.9985 27.8045 36.6802 27.3077ZM35.7183 37.9033C37.9452 37.9033 39.7505 36.098 39.7505 33.871C39.7505 31.6441 37.9452 29.8388 35.7183 29.8388C33.4913 29.8388 31.686 31.6441 31.686 33.871C31.686 36.098 33.4913 37.9033 35.7183 37.9033Z" fill="#A8026B"/>
|
||||
<circle cx="35.7187" cy="33.871" r="4.43548" fill="white"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.1 KiB |
12
public/assets/images/status/6_inactive.svg
Normal file
12
public/assets/images/status/6_inactive.svg
Normal file
@ -0,0 +1,12 @@
|
||||
<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M38.5885 2.29608C34.6357 -0.532625 29.7033 1.84209 22.4272 1.84209C14.6263 1.84209 8.5396 -1.37075 3.95704 0.689669C-0.625506 2.75009 -0.870375 9.14087 1.40341 13.1919C3.67719 17.2429 5.77607 21.5034 3.95704 27.8592C2.13802 34.2151 3.60723 37.2533 8.04986 41.7583C12.4925 46.2633 26.7299 40.6757 36.1399 39.1391C45.5498 37.6026 48.2434 33.3071 48.3833 28.7323C48.5232 24.1575 44.7453 20.2112 43.6958 15.9856C42.6464 11.76 42.5414 5.12479 38.5885 2.29608Z" fill="#EDEFF5"/>
|
||||
<path d="M7.24219 3.62903H42.7583C43.8629 3.62903 44.7583 4.52446 44.7583 5.62903V37.1129C44.7583 38.2175 43.8629 39.1129 42.7583 39.1129H7.24219C6.13762 39.1129 5.24219 38.2175 5.24219 37.1129V5.62903C5.24219 4.52446 6.13762 3.62903 7.24219 3.62903Z" fill="#8E94A7"/>
|
||||
<path d="M33.7021 44.8943V41.5322H37.936V44.9175C37.936 45.5023 37.2161 45.7807 36.8227 45.3479C36.3312 44.8072 35.4875 44.7872 34.9709 45.3038L34.8889 45.3858C34.4509 45.8238 33.7021 45.5136 33.7021 44.8943Z" fill="#8E94A7"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.3071 16.729C11.8975 16.2308 10.8877 14.8866 10.8877 13.3065C10.8877 11.3022 12.5125 9.67743 14.5167 9.67743C16.521 9.67743 18.1458 11.3022 18.1458 13.3065C18.1458 14.7313 17.3246 15.9644 16.1296 16.5583V17.7419L14.92 18.5484L16.1296 19.3548V20.1613H15.3232V20.9678H16.1296V21.7742H15.3232V22.5807H16.1296V24.1936L14.7183 25.8065H13.3071V16.729ZM14.5167 16.129C15.4075 16.129 16.1296 15.4069 16.1296 14.5161C16.1296 13.6254 15.4075 12.9032 14.5167 12.9032C13.6259 12.9032 12.9038 13.6254 12.9038 14.5161C12.9038 15.4069 13.6259 16.129 14.5167 16.129Z" fill="white"/>
|
||||
<path d="M33.468 15.7258H22.5809C22.1355 15.7258 21.7744 16.0869 21.7744 16.5323C21.7744 16.9777 22.1355 17.3387 22.5809 17.3387H33.468C33.9134 17.3387 34.2744 16.9777 34.2744 16.5323C34.2744 16.0869 33.9134 15.7258 33.468 15.7258Z" fill="white"/>
|
||||
<path d="M40.3228 10.4839H22.9841C22.316 10.4839 21.7744 11.0255 21.7744 11.6936C21.7744 12.3617 22.316 12.9032 22.9841 12.9032H40.3228C40.9909 12.9032 41.5325 12.3617 41.5325 11.6936C41.5325 11.0255 40.9909 10.4839 40.3228 10.4839Z" fill="#EDEFF5"/>
|
||||
<path d="M31.8551 18.9516H22.5809C22.1355 18.9516 21.7744 19.3127 21.7744 19.7581C21.7744 20.2034 22.1355 20.5645 22.5809 20.5645H31.8551C32.3005 20.5645 32.6615 20.2034 32.6615 19.7581C32.6615 19.3127 32.3004 18.9516 31.8551 18.9516Z" fill="white"/>
|
||||
<path d="M37.097 21.7742H22.5809C22.1355 21.7742 21.7744 22.1352 21.7744 22.5806C21.7744 23.026 22.1355 23.3871 22.5809 23.3871H37.097C37.5424 23.3871 37.9034 23.026 37.9034 22.5806C37.9034 22.1352 37.5424 21.7742 37.097 21.7742Z" fill="white"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M36.6802 27.3077C36.2307 26.6063 35.2058 26.6063 34.7564 27.3077C34.4381 27.8045 33.7938 27.9772 33.2697 27.7061C32.5297 27.3233 31.6421 27.8358 31.6036 28.668C31.5763 29.2574 31.1047 29.7291 30.5152 29.7563C29.6831 29.7948 29.1706 30.6824 29.5534 31.4224C29.8245 31.9465 29.6518 32.5908 29.155 32.9091C28.4535 33.3586 28.4535 34.3834 29.155 34.8329C29.6518 35.1512 29.8245 35.7955 29.5534 36.3196C29.1706 37.0596 29.6831 37.9472 30.5152 37.9857C31.1047 38.0129 31.5763 38.4846 31.6036 39.074C31.6421 39.9062 32.5297 40.4187 33.2697 40.0359C33.7938 39.7648 34.4381 39.9375 34.7564 40.4343C35.2058 41.1357 36.2307 41.1357 36.6802 40.4343C36.9985 39.9375 37.6428 39.7648 38.1669 40.0359C38.9069 40.4187 39.7945 39.9062 39.833 39.074C39.8602 38.4846 40.3319 38.0129 40.9213 37.9857C41.7535 37.9472 42.266 37.0596 41.8832 36.3196C41.6121 35.7955 41.7848 35.1512 42.2816 34.8329C42.983 34.3834 42.983 33.3586 42.2816 32.9091C41.7848 32.5908 41.6121 31.9465 41.8832 31.4224C42.266 30.6824 41.7535 29.7948 40.9213 29.7563C40.3319 29.7291 39.8602 29.2574 39.833 28.668C39.7945 27.8358 38.9069 27.3233 38.1669 27.7061C37.6428 27.9772 36.9985 27.8045 36.6802 27.3077ZM35.7183 37.9033C37.9452 37.9033 39.7505 36.098 39.7505 33.871C39.7505 31.644 37.9452 29.8387 35.7183 29.8387C33.4913 29.8387 31.686 31.644 31.686 33.871C31.686 36.098 33.4913 37.9033 35.7183 37.9033Z" fill="white"/>
|
||||
<circle cx="35.7187" cy="33.871" r="4.43548" fill="#8E94A7"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.1 KiB |
26
public/assets/images/status/7.svg
Normal file
26
public/assets/images/status/7.svg
Normal file
@ -0,0 +1,26 @@
|
||||
<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M38.5885 2.29608C34.6357 -0.532625 29.7033 1.84209 22.4272 1.84209C14.6263 1.84209 8.5396 -1.37075 3.95704 0.689669C-0.625506 2.75009 -0.870375 9.14087 1.40341 13.1919C3.67719 17.2429 5.77607 21.5034 3.95704 27.8592C2.13802 34.2151 3.60723 37.2533 8.04986 41.7583C12.4925 46.2633 26.7299 40.6757 36.1399 39.1391C45.5498 37.6026 48.2434 33.3071 48.3833 28.7323C48.5232 24.1575 44.7453 20.2112 43.6958 15.9856C42.6464 11.76 42.5414 5.12479 38.5885 2.29608Z" fill="#EDEFF5"/>
|
||||
<g filter="url(#filter0_d_5416_65801)">
|
||||
<path d="M7.25977 5.69321C7.25977 4.58864 8.1552 3.69321 9.25977 3.69321H28.4723C29.0011 3.69321 29.5084 3.90266 29.8832 4.27573L40.6026 14.9455C40.9796 15.3209 41.1916 15.831 41.1916 16.363V44.2286C41.1916 45.3332 40.2962 46.2286 39.1916 46.2286H9.25976C8.15519 46.2286 7.25977 45.3332 7.25977 44.2286V5.69321Z" fill="white"/>
|
||||
</g>
|
||||
<rect x="12.7871" y="12.0046" width="22.9477" height="0.838136" rx="0.419068" fill="#2F80ED"/>
|
||||
<rect x="12.7871" y="16.5446" width="22.9477" height="0.838136" rx="0.419068" fill="#2F80ED"/>
|
||||
<rect x="12.7871" y="21.0845" width="22.9477" height="0.838136" rx="0.419068" fill="#2F80ED"/>
|
||||
<rect x="12.7871" y="25.6243" width="22.9477" height="0.838136" rx="0.419068" fill="#2F80ED"/>
|
||||
<rect x="12.9033" y="39.5161" width="8.87097" height="0.403226" rx="0.201613" fill="#2F80ED"/>
|
||||
<path d="M13.3066 37.1321C13.9467 37.2943 16.1484 34.5312 16.5324 33.2661C17.0125 31.6848 15.7068 29.7588 15.1068 29.6371C14.5067 29.5155 14.3147 30.4435 14.3867 31.9483C14.446 33.1867 14.6267 38.8351 15.8268 38.2269C16.2067 38.0343 16.4989 37.7719 16.7183 37.5C17.2514 36.8392 17.4156 36.2061 17.5405 35.6855C17.7068 34.9922 16.9514 34.4758 16.9357 35.8871C16.916 36.2264 16.9692 36.5036 17.118 36.8951C17.2715 37.2989 17.8595 38.002 18.347 37.9032C19.547 37.6599 19.8302 36.0374 19.7102 35.3075C19.5902 34.5777 19.1102 34.6661 19.1102 35.5508C19.1102 36.2903 19.427 37.9836 20.5071 37.1321C21.5871 36.2806 21.9904 35.3075 21.9904 34.821C21.9904 34.3344 21.5534 34.1376 21.2703 34.821C20.9679 35.5508 20.7471 37.7403 22.0672 37.2538C23.1232 36.8645 23.3872 35.6319 23.3872 35.0642" stroke="black"/>
|
||||
<path d="M29.2979 15.462V3.69321L41.1565 15.462H29.2979Z" fill="#1C01A9"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M41.3155 18.6031C40.4482 17.9048 39.179 18.0418 38.4808 18.9091L36.9635 20.7936L40.1043 23.3223L41.6216 21.4378C42.3199 20.5705 42.1828 19.3014 41.3155 18.6031ZM39.0929 24.5786L35.952 22.0499L27.3544 32.7287L25.7639 37.9191L30.4952 35.2574L39.0929 24.5786Z" fill="#A8026B"/>
|
||||
<defs>
|
||||
<filter id="filter0_d_5416_65801" x="6.25977" y="2.69321" width="35.9316" height="44.5354" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset/>
|
||||
<feGaussianBlur stdDeviation="0.5"/>
|
||||
<feComposite in2="hardAlpha" operator="out"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5416_65801"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5416_65801" result="shape"/>
|
||||
</filter>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.3 KiB |
26
public/assets/images/status/7_inactive.svg
Normal file
26
public/assets/images/status/7_inactive.svg
Normal file
@ -0,0 +1,26 @@
|
||||
<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M38.5885 5.29608C34.6357 2.46737 29.7033 4.84209 22.4272 4.84209C14.6263 4.84209 8.5396 1.62925 3.95704 3.68967C-0.625506 5.75009 -0.870375 12.1409 1.40341 16.1919C3.67719 20.2429 5.77607 24.5034 3.95704 30.8592C2.13802 37.2151 3.60723 40.2533 8.04986 44.7583C12.4925 49.2633 26.7299 43.6757 36.1399 42.1391C45.5498 40.6026 48.2434 36.3071 48.3833 31.7323C48.5232 27.1575 44.7453 23.2112 43.6958 18.9856C42.6464 14.76 42.5414 8.12479 38.5885 5.29608Z" fill="#EDEFF5"/>
|
||||
<g filter="url(#filter0_d_5416_94211)">
|
||||
<path d="M7.25977 5.69324C7.25977 4.58867 8.1552 3.69324 9.25977 3.69324H28.4723C29.0011 3.69324 29.5084 3.90268 29.8832 4.27575L40.6026 14.9456C40.9796 15.3209 41.1916 15.831 41.1916 16.363V44.2286C41.1916 45.3332 40.2962 46.2286 39.1916 46.2286H9.25976C8.15519 46.2286 7.25977 45.3332 7.25977 44.2286V5.69324Z" fill="#8E94A7"/>
|
||||
</g>
|
||||
<rect x="12.7871" y="12.0046" width="22.9477" height="0.838136" rx="0.419068" fill="white"/>
|
||||
<rect x="12.7871" y="16.5447" width="22.9477" height="0.838136" rx="0.419068" fill="white"/>
|
||||
<rect x="12.7871" y="21.0845" width="22.9477" height="0.838136" rx="0.419068" fill="white"/>
|
||||
<rect x="12.7871" y="25.6243" width="22.9477" height="0.838136" rx="0.419068" fill="white"/>
|
||||
<rect x="12.9033" y="39.5161" width="8.87097" height="0.403226" rx="0.201613" fill="white"/>
|
||||
<path d="M13.3066 37.1322C13.9467 37.2943 16.1484 34.5312 16.5324 33.2662C17.0125 31.6848 15.7068 29.7588 15.1068 29.6371C14.5067 29.5155 14.3147 30.4435 14.3867 31.9483C14.446 33.1868 14.6267 38.8351 15.8268 38.2269C16.2067 38.0344 16.4989 37.772 16.7183 37.5C17.2514 36.8393 17.4156 36.2061 17.5405 35.6855C17.7068 34.9922 16.9514 34.4758 16.9357 35.8871C16.916 36.2264 16.9692 36.5036 17.118 36.8952C17.2715 37.299 17.8595 38.002 18.347 37.9032C19.547 37.6599 19.8302 36.0374 19.7102 35.3075C19.5902 34.5777 19.1102 34.6661 19.1102 35.5508C19.1102 36.2903 19.427 37.9836 20.5071 37.1322C21.5871 36.2807 21.9904 35.3075 21.9904 34.821C21.9904 34.3344 21.5534 34.1377 21.2703 34.821C20.9679 35.5508 20.7471 37.7404 22.0672 37.2538C23.1232 36.8645 23.3872 35.6319 23.3872 35.0643" stroke="white"/>
|
||||
<path d="M29.2979 15.4621V3.69324L41.1565 15.4621H29.2979Z" fill="#8E94A7"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M41.3155 18.603C40.4482 17.9048 39.179 18.0418 38.4808 18.9091L36.9635 20.7936L40.1043 23.3223L41.6216 21.4378C42.3199 20.5705 42.1828 19.3013 41.3155 18.603ZM39.0929 24.5786L35.952 22.0499L27.3544 32.7287L25.7639 37.919L30.4952 35.2574L39.0929 24.5786Z" fill="#8E94A7"/>
|
||||
<defs>
|
||||
<filter id="filter0_d_5416_94211" x="6.25977" y="2.69324" width="35.9316" height="44.5354" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset/>
|
||||
<feGaussianBlur stdDeviation="0.5"/>
|
||||
<feComposite in2="hardAlpha" operator="out"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5416_94211"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5416_94211" result="shape"/>
|
||||
</filter>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.3 KiB |
BIN
public/assets/images/status/line.jpg
Normal file
BIN
public/assets/images/status/line.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 646 B |
BIN
public/assets/images/status/line_2.jpg
Normal file
BIN
public/assets/images/status/line_2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.5 KiB |
Loading…
x
Reference in New Issue
Block a user