diff --git a/components/DigitalDocumentAutomationBanner/index.js b/components/DigitalDocumentAutomationBanner/index.js new file mode 100644 index 0000000..794fc36 --- /dev/null +++ b/components/DigitalDocumentAutomationBanner/index.js @@ -0,0 +1,21 @@ +import React from "react"; + +export default class DigitalDocumentAutomationBanner extends React.Component +{ + constructor(props) + { + super(props); + this.state = {}; + } + + render() + { + return ( +
+

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

+
Что такое ЭДО?
+
Получить приглашение в ЭДО
+
+ ) + } +} \ No newline at end of file diff --git a/css/forms/style.css b/css/forms/style.css index e8cdd06..8c8db67 100644 --- a/css/forms/style.css +++ b/css/forms/style.css @@ -1387,6 +1387,9 @@ line-height: 20px; } } +.questionnaire .autocomlete_with_indicators .react-select__control .react-select__indicators { + display: block !important; +} .questionnaire .files_list { padding-bottom: 30px; } diff --git a/css/forms/style.less b/css/forms/style.less index e1cbb09..28b115b 100644 --- a/css/forms/style.less +++ b/css/forms/style.less @@ -1554,25 +1554,28 @@ max-width: 800px; } - .autocomlete { + .autocomlete + { - * { outline: none; box-shadow: none !important; } - .react-select__control { + .react-select__control + { border-radius: 0; border: 1px solid rgba(0,16,61,0.12); height: 40px; min-height: 40px; - &.react-select__control--menu-is-open { + &.react-select__control--menu-is-open + { border-color: var(--blue); } - .react-select__value-container { + .react-select__value-container + { padding:0 12px; height: 100%; background: #fff; @@ -1581,13 +1584,15 @@ //background-color: #EDEFF5; } - .react-select__input-container { + .react-select__input-container + { margin: 0; padding: 0; } } - .react-select__indicators { + .react-select__indicators + { display: none; } } @@ -1622,13 +1627,24 @@ color: var(--blue); } - @media all and (max-width: 960px) { - font-size: 13px; - line-height: 20px; - } - } - } - } + @media all and (max-width: 960px) { + font-size: 13px; + line-height: 20px; + } + } + } + } + + .autocomlete_with_indicators + { + .react-select__control + { + .react-select__indicators + { + display: block !important; + } + } + } .files_list { padding-bottom: 30px; diff --git a/css/main/style.css b/css/main/style.css index 23942ff..b0a8687 100644 --- a/css/main/style.css +++ b/css/main/style.css @@ -6077,3 +6077,40 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_ flex-direction: row; grid-gap: 10px 10px; } +.edo_banner .title { + display: flex; + gap: 0px 10px; +} +.edo_banner .info { + cursor: pointer; + margin-left: 80px; +} +.edo_banner .info:after { + content: ""; + display: inline-block; + margin-left: 5px; + width: 10px; + height: 10px; + background-size: contain; + background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.25' y='2.25' width='6.5' height='7.5' rx='0.75' fill='white' stroke='%230C0C0C' stroke-width='0.5'/%3E%3Crect x='3.25' y='0.25' width='6.5' height='7.5' rx='0.75' fill='white' stroke='%230C0C0C' stroke-width='0.5'/%3E%3C/svg%3E"); +} +.edo_banner .buttons { + display: flex; + gap: 0px 20px; + margin-left: 80px; +} +.edo_banner .buttons a { + margin-top: 10px; +} +@media all and (max-width: 1279px) { + .edo_banner .info { + margin-left: 0px; + } + .edo_banner .buttons { + flex-direction: column; + margin-left: 0px; + } +} +.edo_detail p { + margin: 0px; +} diff --git a/css/main/style.less b/css/main/style.less index 4da128b..d7a8605 100644 --- a/css/main/style.less +++ b/css/main/style.less @@ -6988,4 +6988,55 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block { flex-direction: row; grid-gap: 10px 10px; } +} + +.edo_banner { + .title { + display: flex; + gap: 0px 10px; + } + + .info { + cursor: pointer; + margin-left: 80px; + + &:after { + content: ""; + display: inline-block; + width: 10px; + height: 10px; + margin-left: 5px; + width: 10px; + height: 10px; + background-size: contain; + background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.25' y='2.25' width='6.5' height='7.5' rx='0.75' fill='white' stroke='%230C0C0C' stroke-width='0.5'/%3E%3Crect x='3.25' y='0.25' width='6.5' height='7.5' rx='0.75' fill='white' stroke='%230C0C0C' stroke-width='0.5'/%3E%3C/svg%3E"); + } + } + + .buttons { + display: flex; + gap: 0px 20px; + margin-left: 80px; + + a { + margin-top: 10px; + } + } + + @media all and (max-width: 1279px) { + .info { + margin-left: 0px; + } + + .buttons { + flex-direction: column; + margin-left: 0px; + } + } +} + +.edo_detail { + p { + margin: 0px; + } } \ No newline at end of file diff --git a/pages/components/AnnouncementsList/index.js b/pages/components/AnnouncementsList/index.js index 44faf25..78a6049 100644 --- a/pages/components/AnnouncementsList/index.js +++ b/pages/components/AnnouncementsList/index.js @@ -94,6 +94,18 @@ class AnnouncementsList extends React.Component
+
+

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

+

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

+

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

+
+ Что такое ЭДО? + Получить приглашение в ЭДО +
+
{ announcements !== undefined && announcements !== null && announcements.map(( announcement, index ) => (

{ announcement.title }

diff --git a/pages/settings/components/InnerMenu/index.js b/pages/settings/components/InnerMenu/index.js index e928613..ad9afdc 100644 --- a/pages/settings/components/InnerMenu/index.js +++ b/pages/settings/components/InnerMenu/index.js @@ -2,9 +2,10 @@ import React from "react"; import Link from "next/link"; const menu = [ - {id: 1, type: "phone", name: "Номер телефона", link: "/settings/phone"}, - {id: 2, type: "password", name: "Пароль", link: "/settings/password"}, - {id: 3, type: "admin", name: "Настройки доступа", link: "/settings/admin"}, + { id: 0, type: "digital", name: "ЭДО", link: "/settings/digital" }, + { id: 1, type: "phone", name: "Номер телефона", link: "/settings/phone" }, + { id: 2, type: "password", name: "Пароль", link: "/settings/password" }, + { id: 3, type: "admin", name: "Настройки доступа", link: "/settings/admin" }, ] export default class InnerMenu extends React.Component @@ -50,6 +51,7 @@ export default class InnerMenu extends React.Component _getActiveLink = (route) => { + if (route.indexOf("/digital") > -1) return "ЭДО"; if (route.indexOf("/phone") > -1) return "Номер телефона"; if (route.indexOf("/password") > -1) return "Пароль"; if (route.indexOf("/admin") > -1) return "Настройки доступа"; diff --git a/pages/settings/digital.js b/pages/settings/digital.js new file mode 100644 index 0000000..b215371 --- /dev/null +++ b/pages/settings/digital.js @@ -0,0 +1,172 @@ +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 pluralize from 'pluralize-ru'; +import { SpinnerCircular } from 'spinners-react'; +import Select from 'react-select'; +import NoSSR from "@mpth/react-no-ssr"; + + +import { withRouter } from 'next/router'; +import { reduxWrapper } from '../../store'; + +import InnerMenu from "./components/InnerMenu"; +import Header from '../components/Header'; +import Footer from '../components/Footer'; +import Pagination from '../components/Pagination'; +import Company from "../components/Company"; + +import { sendPhoneChangeNumber, sendPhoneChangeNumberSmsCode, setUserPhone } from '../../actions'; +import AccountLayout from "../components/Layout/Account"; + +class IndexPage extends React.Component +{ + constructor(props) + { + super(props); + this.state = { + loading: false, + operator: undefined, + oparators: [ + { "value": "1", "label": "Диадок" }, + { "value": "2", "label": "Такском" }, + { "value": "3", "label": "Тензор" }, + { "value": "4", "label": "Калуга Астрал" }, + { "value": "5", "label": "КОРУС Консалтинг" }, + { "value": "6", "label": "АйтиКом" }, + ] + }; + } + + static getDerivedStateFromProps(nextProps, prevState) + { + return { + observer: nextProps.observer, + user: nextProps.user, + }; + } + + componentDidMount() + { + } + + _handle_onFormSubmit = (event) => + { + event.preventDefault(); + } + + _handle_onOperatorChange = (operator) => + { + this.setState({ operator }); + } + + render() + { + const { user, oparators, operator, loading, } = this.state; + + return ( + + + ЛК Эволюция автолизинга + + +
+ +
+
+

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

+
+ +
+ +
+ +
+

Выберите своего оператора. Мы отправим вашей организации приглашение.

+


+
{if (e.key === 'Enter') e.preventDefault() }}> +
+ +