diff --git a/components/DealsStatus/components/DocumentsForm.js b/components/DealsStatus/components/DocumentsForm.js index c792201..0d972ed 100644 --- a/components/DealsStatus/components/DocumentsForm.js +++ b/components/DealsStatus/components/DocumentsForm.js @@ -274,6 +274,7 @@ export default class DocumentsForm extends Step return c; } + /* _renderHeaderButtons = () => { const { open, uploading, completed, loading, } = this.state; @@ -293,19 +294,20 @@ export default class DocumentsForm extends Step return null; } + */ render() { const { index, statuscode_id, dealSelected, documents, questionnaire_status, } = this.props; - const { open, uploaded, uploading, loading } = this.state; + const { open, uploaded, uploading, loading, completed } = this.state; return (
this.status ? "done" : "" }`}>

№ { dealSelected }

-
+
{ this._renderHeader("Сборка пакета документов") } -
+
{ loading ? (
@@ -388,6 +390,15 @@ export default class DocumentsForm extends Step ) }
+ { open && !loading && ( +
+ { this.status === statuscode_id && ( +
+ +
+ ) } +
+ ) }
) diff --git a/components/DealsStatus/components/FinancialProgram.js b/components/DealsStatus/components/FinancialProgram.js index 091e6cd..5f6a6d4 100644 --- a/components/DealsStatus/components/FinancialProgram.js +++ b/components/DealsStatus/components/FinancialProgram.js @@ -22,7 +22,7 @@ export default class FinancialProgram extends Step
this.status ? "done" : "" }`}>

№ { dealSelected }

-
+
{ this._renderHeader("Программа финансирования") }
@@ -33,6 +33,10 @@ export default class FinancialProgram extends Step ) }
+ { open && ( +
+
+ ) }
) diff --git a/components/DealsStatus/components/Offers.js b/components/DealsStatus/components/Offers.js index 71933cb..543d22d 100644 --- a/components/DealsStatus/components/Offers.js +++ b/components/DealsStatus/components/Offers.js @@ -5,6 +5,56 @@ import { SpinnerCircular } from "spinners-react"; import { acceptDealOffers, downloadDealOffer, } from "../../../actions"; import Step from "./Step"; +class OfferDownload extends React.Component +{ + constructor(props) + { + super(props); + this.state = { + loading: false, + } + } + + _handle_onOffer = (quote_number) => + { + this.setState({ loading: true }, () => + { + downloadDealOffer({ quote_number, filename: `ЛК Эволюция КП №${ quote_number }.pdf` }) + .then(() => { + this.setState({ loading: false }); + }) + .catch(() => { + this.setState({ loading: false }); + }); + }) + } + + render() + { + const { offer } = this.props; + const { loading } = this.state; + + return ( +
this._handle_onOffer(offer.quote_number) }> +
+
+ { loading ? ( +
+ +
+ ) : ( +

+ КП + №{ offer.quote_number } +

+ ) } +
+
+
+ ) + } +} + export default class Offers extends Step { constructor(props) @@ -37,13 +87,6 @@ export default class Offers extends Step this.setState({ checked }); } - _handle_onOffer = (quote_number) => - { - downloadDealOffer({ quote_number, filename: `ЛК Эволюция КП №${ quote_number }.pdf` }) - .then(() => {}) - .catch(() => {}); - } - _handle_onSend = (event) => { event.preventDefault(); @@ -79,6 +122,7 @@ export default class Offers extends Step }); } + /* _renderHeaderButtons = () => { const { open, checked, loading } = this.state; @@ -98,6 +142,7 @@ export default class Offers extends Step return null; } + */ render() { @@ -108,7 +153,7 @@ export default class Offers extends Step
this.status ? "done" : "" }`}>

№ { dealSelected }

-
+
{ this._renderHeader("Выбор КП ") }
{ offers === undefined || loading ? ( @@ -141,16 +186,16 @@ export default class Offers extends Step { statuscode_id === this.status && offer.quote_status ? ( -
+
-1 } onChange={ () => { this._handle_onCheckOffer(offer.quote_number) } }/> - +
) : (
{ } } style={{ filter: "grayscale", opacity: 0.5 }}/> - +
) } @@ -162,16 +207,7 @@ export default class Offers extends Step { offer.model_name } { offer.object_count } -
this._handle_onOffer(offer.quote_number) }> -
-
-

- КП - №{ offer.quote_number } -

-
-
-
+ ) @@ -184,6 +220,15 @@ export default class Offers extends Step ) }
+ { open && !loading && ( +
+ { checked.length > 0 && statuscode_id === this.status && ( +
+ +
+ ) } +
+ ) }
) diff --git a/components/DealsStatus/components/StatusDecisionMaking.js b/components/DealsStatus/components/StatusDecisionMaking.js index 650c9e6..e762a05 100644 --- a/components/DealsStatus/components/StatusDecisionMaking.js +++ b/components/DealsStatus/components/StatusDecisionMaking.js @@ -27,7 +27,7 @@ export default class StatusDecisionMaking extends Step
this.status) ? "done" : "" }`}>

№ { dealSelected }

-
+
{ this._renderHeader("Принятие решения по сделке") }
@@ -38,6 +38,10 @@ export default class StatusDecisionMaking extends Step ) }
+ { open && ( +
+
+ ) }
) diff --git a/components/DealsStatus/components/StatusDecisionRefuse.js b/components/DealsStatus/components/StatusDecisionRefuse.js index 0ea4242..de6ade9 100644 --- a/components/DealsStatus/components/StatusDecisionRefuse.js +++ b/components/DealsStatus/components/StatusDecisionRefuse.js @@ -27,13 +27,17 @@ export default class StatusDecisionRefuse extends Step
this.status) ? "done" : "" }`}>

№ { dealSelected }

-
+
{ this._renderHeader("Требуется изменение параметров") }

Продолжение оформления заблокировано

+ { open && ( +
+
+ ) }
) diff --git a/components/DealsStatus/components/StatusDocumentsCheck.js b/components/DealsStatus/components/StatusDocumentsCheck.js index c4a6598..6fbce7b 100644 --- a/components/DealsStatus/components/StatusDocumentsCheck.js +++ b/components/DealsStatus/components/StatusDocumentsCheck.js @@ -22,7 +22,7 @@ export default class StatusDocumentsCheck extends Step
this.status ? "done" : "" }`}>

№ { dealSelected }

-
+
{ this._renderHeader("Проверка документов") }
@@ -33,6 +33,10 @@ export default class StatusDocumentsCheck extends Step ) }
+ { open && ( +
+
+ ) }
) diff --git a/components/DealsStatus/components/StatusPositiveDecision.js b/components/DealsStatus/components/StatusPositiveDecision.js index b8b9dc5..79d938d 100644 --- a/components/DealsStatus/components/StatusPositiveDecision.js +++ b/components/DealsStatus/components/StatusPositiveDecision.js @@ -22,7 +22,7 @@ export default class StatusPositiveDecision extends Step
this.status ? "done" : "" }`}>

№ { dealSelected }

-
+
{ this._renderHeader("Принято положительное решение") }
@@ -33,6 +33,10 @@ export default class StatusPositiveDecision extends Step ) }
+ { open && ( +
+
+ ) }
) diff --git a/components/DealsStatus/index.js b/components/DealsStatus/index.js index 9f8d06f..e4551f3 100644 --- a/components/DealsStatus/index.js +++ b/components/DealsStatus/index.js @@ -181,32 +181,36 @@ class DealsStatus extends React.Component return ( <> -
-

Статусы сделок

-
- - {/*} - { - this._handleModalToggle("all") - }} - activeContract={currentSelected} - handleContractSelected={this._handleContractSelected} - /> - {*/} + { deals.list !== undefined && deals.list !== null && deals.list.length > 0 && ( + <> +
+

Статусы сделок

+
+ + {/*} + { + this._handleModalToggle("all") + }} + activeContract={currentSelected} + handleContractSelected={this._handleContractSelected} + /> + {*/} + + ) } ) } diff --git a/css/main/style.css b/css/main/style.css index 32798cd..a623cac 100644 --- a/css/main/style.css +++ b/css/main/style.css @@ -5814,8 +5814,8 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_ &:before { border-color: #5FB158; } - } - } + } + } */ } .contractStatus_modal .single_status > div.done > span { @@ -5844,7 +5844,14 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_ width: 100%; display: block; } +.contractStatus_modal .single_status > div .status_body.with_footer .wrap { + padding-bottom: 0px; + border: 0px; +} .contractStatus_modal .single_status > div .status_body .status_header { + -webkit-user-select: none; + -ms-user-select: none; + user-select: none; display: flex; align-items: center; justify-content: flex-start; @@ -5945,6 +5952,110 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_ .contractStatus_modal .single_status > div .status_body .status_header .button_arrow .up { background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.375 11.25L9 5.625L14.625 11.25' stroke='%238E94A7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } +.contractStatus_modal .single_status > div .status_body .status_footer { + display: flex; + align-items: center; + justify-content: flex-start; + gap: 0 30px; + padding: 0px 0; + position: relative; + cursor: pointer; + border-bottom: solid var(--inactive); + padding-bottom: 30px; + margin-bottom: 30px; +} +@media all and (max-width: 920px) { + .contractStatus_modal .single_status > div .status_body .status_footer { + gap: 0 12px; + font-size: 12px; + min-height: 50px; + } +} +@media all and (max-width: 768px) { + .contractStatus_modal .single_status > div .status_body .status_footer { + flex-wrap: wrap; + height: auto; + } +} +.contractStatus_modal .single_status > div .status_body .status_footer .background { + background-color: #edeff5; + position: absolute; + left: -65px; + top: 0px; + width: calc(100% + 65px); + height: 50px; + z-index: 1; +} +@media all and (max-width: 920px) { + .contractStatus_modal .single_status > div .status_body .status_footer .background { + left: 0; + } +} +@media all and (max-width: 768px) { + .contractStatus_modal .single_status > div .status_body .status_footer .background { + left: -48px; + width: calc(100% + 96px); + } +} +.contractStatus_modal .single_status > div .status_body .status_footer i { + z-index: 2; + white-space: nowrap; + min-width: 40px; +} +@media all and (max-width: 768px) { + .contractStatus_modal .single_status > div .status_body .status_footer i { + display: none; + } +} +.contractStatus_modal .single_status > div .status_body .status_footer p { + z-index: 2; + white-space: nowrap; +} +@media all and (max-width: 768px) { + .contractStatus_modal .single_status > div .status_body .status_footer p { + max-width: calc(100% - 70px); + white-space: unset; + width: 100%; + } +} +.contractStatus_modal .single_status > div .status_body .status_footer .buttons { + z-index: 2; + width: 100%; + display: flex; + justify-content: flex-end; + padding-right: 4px; +} +@media all and (max-width: 768px) { + .contractStatus_modal .single_status > div .status_body .status_footer .buttons { + justify-content: flex-start; + width: 100%; + margin-top: 10px; + } +} +.contractStatus_modal .single_status > div .status_body .status_footer .button_arrow { + min-width: 50px; + height: 50px; + display: flex; + justify-content: center; + align-items: center; + z-index: 2; + margin-left: -30px; +} +@media all and (max-width: 920px) { + .contractStatus_modal .single_status > div .status_body .status_footer .button_arrow { + margin-left: -12px; + } +} +.contractStatus_modal .single_status > div .status_body .status_footer .button_arrow .icon { + width: 18px; + height: 18px; +} +.contractStatus_modal .single_status > div .status_body .status_footer .button_arrow .down { + background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.625 6.75L9 12.375L3.375 6.75' stroke='%238E94A7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); +} +.contractStatus_modal .single_status > div .status_body .status_footer .button_arrow .up { + background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.375 11.25L9 5.625L14.625 11.25' stroke='%238E94A7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); +} .contractStatus_modal .single_status > div .status_body .header { visibility: visible !important; } @@ -6730,6 +6841,7 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_ display: flex; gap: 0px 20px; margin-left: 80px; + height: fit-content !important; } .edo_banner .buttons a { margin-top: 10px; @@ -6824,6 +6936,7 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_ flex-direction: column; align-items: flex-start; gap: 15px 0px; + padding-bottom: 40px; } .edo_operators_settings_list_item { margin-left: 40px; @@ -7012,8 +7125,17 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_ padding-bottom: 15px; border-top: solid 1px #edeff5; } +.checkbox_disabled label { + cursor: default !important; +} .checkbox_disabled label:before { filter: grayscale(); opacity: 0.5; cursor: default !important; } +.offer_selection { + color: var(--blue); +} +.offer_selection:hover { + text-decoration: underline; +} diff --git a/css/main/style.less b/css/main/style.less index 92ed0fe..11dc93b 100644 --- a/css/main/style.less +++ b/css/main/style.less @@ -6461,80 +6461,80 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block { } } - &:last-child { - span { - &:before { - content: ""; - display: block; - position: absolute; - width: 0px; - height: auto; - border: 1px dashed #EDEFF5; - top: 20px; - bottom: -20px; - left: 0; - right: 0; - margin: auto; - z-index: -1; + &:last-child { + span { + &:before { + content: ""; + display: block; + position: absolute; + width: 0px; + height: auto; + border: 1px dashed #EDEFF5; + top: 20px; + bottom: -20px; + left: 0; + right: 0; + margin: auto; + z-index: -1; - bottom: 0; - } - } - } + bottom: 0; + } + } + } - &:not(:last-child) { - //border-bottom: 1px solid var(--inactive, #EDEFF5); - } + &:not(:last-child) { + //border-bottom: 1px solid var(--inactive, #EDEFF5); + } - &:first-child { - @media all and (max-width: 768px) { - padding-top: 25px; + &:first-child { + @media all and (max-width: 768px) { + padding-top: 25px; - >p:first-child { - width: 100%; - position: absolute; - top: 0; - padding: 0; - } - } - } + >p:first-child { + width: 100%; + position: absolute; + top: 0; + padding: 0; + } + } + } - &:not(:first-child) { - >p:first-child { + &:not(:first-child) { + >p:first-child { - visibility: hidden; + visibility: hidden; - @media all and (max-width: 768px) { - display: none; - } + @media all and (max-width: 768px) { + display: none; + } - } - } + } + } - &:not(.current) { - img { - filter: grayscale(1) - } - } + &: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-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='10' fill='%232F80ED'/%3E%3Cpath d='M9.99888 13.9286C12.1686 13.9286 13.9275 12.1697 13.9275 9.99998C13.9275 7.83029 12.1686 6.07141 9.99888 6.07141C7.82919 6.07141 6.07031 7.83029 6.07031 9.99998C6.07031 12.1697 7.82919 13.9286 9.99888 13.9286Z' stroke='white' stroke-miterlimit='10'/%3E%3Cpath d='M10 10L11.7678 8.23224' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.92773 4.64282H11.0706' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); - background-repeat: no-repeat; - background-position: top center; + &.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-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='10' fill='%232F80ED'/%3E%3Cpath d='M9.99888 13.9286C12.1686 13.9286 13.9275 12.1697 13.9275 9.99998C13.9275 7.83029 12.1686 6.07141 9.99888 6.07141C7.82919 6.07141 6.07031 7.83029 6.07031 9.99998C6.07031 12.1697 7.82919 13.9286 9.99888 13.9286Z' stroke='white' stroke-miterlimit='10'/%3E%3Cpath d='M10 10L11.7678 8.23224' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.92773 4.64282H11.0706' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); + background-repeat: no-repeat; + background-position: top center; - &:before { - border-color: #2F80ED; - } + &:before { + border-color: #2F80ED; + } - &:after { - border-top-color: #2F80ED; - } - } + &:after { + border-top-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"); @@ -6582,166 +6582,284 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block { } */ - &+div { - span { - &:after { - border-top-color: #2F80ED; - } - } - } - } + &+div { + span { + &:after { + border-top-color: #2F80ED; + } + } + } + } - &.done { - >span { - background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='10' fill='%235FB158'/%3E%3Cpath d='M13.9277 7.5L8.92773 12.4998L6.42773 10' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); + &.done { + >span { + background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='10' fill='%235FB158'/%3E%3Cpath d='M13.9277 7.5L8.92773 12.4998L6.42773 10' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); - &:before { - border-color: #5FB158; - } + &:before { + border-color: #5FB158; + } - &:after { - border-top-color: #5FB158; - } - } + &:after { + border-top-color: #5FB158; + } + } - /* + /* &~div { > span { &:before { border-color: #5FB158; } - } - } + } + } */ - &+div { - span { - &:after { - border-top-color: #5FB158; - } - } - } - } + &+div { + span { + &:after { + border-top-color: #5FB158; + } + } + } + } - .toggle_status { - margin: auto; - gap: 0 8px; - margin-right: 0; - color: var(--blue); - padding: 0; + .toggle_status { + margin: auto; + gap: 0 8px; + margin-right: 0; + color: var(--blue); + padding: 0; - svg { - transform: rotate(180deg); - } - } + svg { + transform: rotate(180deg); + } + } - .status_body { - width: 100%; - display: block; + .status_body { + width: 100%; + display: block; - .status_header { - display: flex; - align-items: center; - justify-content: flex-start; - gap: 0 30px; - padding: 0px 0; - position: relative; - cursor: pointer; + &.with_footer { + .wrap { + padding-bottom: 0px; + border: 0px; + } + } + + .status_header { + -webkit-user-select: none; + -ms-user-select: none; + user-select: none; - @media all and (max-width: 920px) { - gap: 0 12px; - font-size: 12px; - min-height: 50px; - } + display: flex; + align-items: center; + justify-content: flex-start; + gap: 0 30px; + padding: 0px 0; + position: relative; + cursor: pointer; - @media all and (max-width: 768px) { - flex-wrap: wrap; + @media all and (max-width: 920px) { + gap: 0 12px; + font-size: 12px; + min-height: 50px; + } - height: auto; - } + @media all and (max-width: 768px) { + flex-wrap: wrap; - .background { - background-color: rgb(237, 239, 245); - position: absolute; - left: -65px; - top: 0px; - width: calc(100% + 65px); - height: 50px; - z-index: 1; + height: auto; + } - @media all and (max-width: 920px) { - left: 0; - } + .background { + background-color: rgb(237, 239, 245); + position: absolute; + left: -65px; + top: 0px; + width: calc(100% + 65px); + height: 50px; + z-index: 1; - @media all and (max-width: 768px) { - left: -48px; - width: calc(100% + 96px); - } - } + @media all and (max-width: 920px) { + left: 0; + } - i { - z-index: 2; - white-space: nowrap; - min-width: 40px; + @media all and (max-width: 768px) { + left: -48px; + width: calc(100% + 96px); + } + } - @media all and (max-width: 768px) { - display: none; - } - } + i { + z-index: 2; + white-space: nowrap; + min-width: 40px; - p { - z-index: 2; - white-space: nowrap; + @media all and (max-width: 768px) { + display: none; + } + } - @media all and (max-width: 768px) { - max-width: calc(100% - 70px); - white-space: unset; - width: 100%; - } - } + p { + z-index: 2; + white-space: nowrap; - .buttons { - z-index: 2; - width: 100%; - display: flex; - justify-content: flex-end; - padding-right: 4px; + @media all and (max-width: 768px) { + max-width: calc(100% - 70px); + white-space: unset; + width: 100%; + } + } + + .buttons { + z-index: 2; + width: 100%; + display: flex; + justify-content: flex-end; + padding-right: 4px; - @media all and (max-width: 768px) { - justify-content: flex-start; - width: 100%; - margin-top: 10px; - } - } + @media all and (max-width: 768px) { + justify-content: flex-start; + width: 100%; + margin-top: 10px; + } + } - .button_arrow { - min-width: 50px; - height: 50px; - display: flex; - justify-content: center; - align-items: center; - z-index: 2; - margin-left: -30px; + .button_arrow { + min-width: 50px; + height: 50px; + display: flex; + justify-content: center; + align-items: center; + z-index: 2; + margin-left: -30px; - @media all and (max-width: 920px) { - margin-left: -12px; - } + @media all and (max-width: 920px) { + margin-left: -12px; + } - .icon { - width: 18px; - height: 18px; - } + .icon { + width: 18px; + height: 18px; + } - .down { - background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.625 6.75L9 12.375L3.375 6.75' stroke='%238E94A7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); - } + .down { + background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.625 6.75L9 12.375L3.375 6.75' stroke='%238E94A7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); + } - .up { - background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.375 11.25L9 5.625L14.625 11.25' stroke='%238E94A7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); - } - } - } + .up { + background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.375 11.25L9 5.625L14.625 11.25' stroke='%238E94A7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); + } + } + } + + .status_footer { + display: flex; + align-items: center; + justify-content: flex-start; + gap: 0 30px; + padding: 0px 0; + position: relative; + cursor: pointer; + + border-bottom: solid var(--inactive); + padding-bottom: 30px; + margin-bottom: 30px; + + @media all and (max-width: 920px) { + gap: 0 12px; + font-size: 12px; + min-height: 50px; + } + + @media all and (max-width: 768px) { + flex-wrap: wrap; + height: auto; + } + + .background { + background-color: rgb(237, 239, 245); + position: absolute; + left: -65px; + top: 0px; + width: calc(100% + 65px); + height: 50px; + z-index: 1; + + @media all and (max-width: 920px) { + left: 0; + } + + @media all and (max-width: 768px) { + left: -48px; + width: calc(100% + 96px); + } + } + + i { + z-index: 2; + white-space: nowrap; + min-width: 40px; + + @media all and (max-width: 768px) { + display: none; + } + } + + p { + z-index: 2; + white-space: nowrap; + + @media all and (max-width: 768px) { + max-width: calc(100% - 70px); + white-space: unset; + width: 100%; + } + } + + .buttons { + z-index: 2; + width: 100%; + display: flex; + justify-content: flex-end; + padding-right: 4px; + + + @media all and (max-width: 768px) { + justify-content: flex-start; + width: 100%; + margin-top: 10px; + } + } + + .button_arrow { + min-width: 50px; + height: 50px; + display: flex; + justify-content: center; + align-items: center; + z-index: 2; + margin-left: -30px; + + @media all and (max-width: 920px) { + margin-left: -12px; + } + + .icon { + width: 18px; + height: 18px; + } + + .down { + background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.625 6.75L9 12.375L3.375 6.75' stroke='%238E94A7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); + } + + .up { + background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.375 11.25L9 5.625L14.625 11.25' stroke='%238E94A7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); + } + } + } .header { visibility: visible !important; @@ -7690,6 +7808,7 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block { display: flex; gap: 0px 20px; margin-left: 80px; + height: fit-content !important; a { margin-top: 10px; @@ -7806,6 +7925,7 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block { flex-direction: column; align-items: flex-start; gap: 15px 0px; + padding-bottom: 40px; } .edo_operators_settings_list_item { @@ -8034,10 +8154,18 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block { .checkbox_disabled { label { + cursor: default !important; &:before { filter: grayscale(); opacity: 0.5; cursor: default !important; } } +} + +.offer_selection { + color: var(--blue); + &:hover { + text-decoration: underline; + } } \ No newline at end of file diff --git a/pages/components/AnnouncementsList/index.js b/pages/components/AnnouncementsList/index.js index f992892..7f5d870 100644 --- a/pages/components/AnnouncementsList/index.js +++ b/pages/components/AnnouncementsList/index.js @@ -58,7 +58,8 @@ class AnnouncementsList extends React.Component this.state = { company: {}, announcements: [], - width: 1920 + width: 1920, + operators: null, }; } @@ -72,7 +73,9 @@ class AnnouncementsList extends React.Component static getDerivedStateFromProps(nextProps, prevState) { - return {}; + return { + operators: nextProps.operators, + }; } render() @@ -88,24 +91,26 @@ class AnnouncementsList extends React.Component prevArrow: }; - const { announcements } = this.state; + const { announcements, operators, } = this.state; return (
-
-

Электронный документооборот

-

- - Подключите систему электронного документооборота (ЭДО) для ускорения обмена документами. -

-

Наш оператор Диадок. Идентификатор участника ЭДО (GUID):
2BM-9724016636-772401001-202007300714591533849

-
- Что такое ЭДО? - Получить приглашение в ЭДО + { operators !== undefined && operators !== null && operators.length === 0 && ( +
+

Электронный документооборот

+

+ + Подключите систему электронного документооборота (ЭДО) для ускорения обмена документами. +

+

Наш оператор Диадок. Идентификатор участника ЭДО (GUID):
2BM-9724016636-772401001-202007300714591533849

+
-
+ ) } { announcements !== undefined && announcements !== null && announcements.map(( announcement, index ) => (

{ announcement.title }

@@ -124,7 +129,9 @@ class AnnouncementsList extends React.Component function mapStateToProps(state, ownProps) { - return {}; + return { + operators: state.edo.operators, + }; } export default connect(mapStateToProps)(AnnouncementsList);