Войти

Компонент подтверждения данных (ConfirmContact)

Общая информация

Компонент предназначен для подтверждения адреса электронной почты или контактного телефона ФЛ, ЮЛ и ИП.

Поддерживаемые экраны

Компонент может быть задействован на экране типа:

Внешний вид компонента

В услуге

7.png
8.png

В конструкторе

confirmcontact.jpg

Структура компонента ConfirmContact

ВКУ

JSON

 

В конструкторе

Атрибут

Тип

Описание

1

Идентификатор компонента

id

string

Уникальный идентификатор компонента в JSON

2

Удобочитаемое имя компонента

   

Допускается ввод любых данных для отображения в конструкторе, однако классическим видом является s1_с1, где номера – сгенерированные идентификаторы, s – экран, c – компонент

3

Заголовок компонента

label

string

Название поля. Описывает, что пользователю необходимо ввести в отображаемое ему поле

4

Идентификатор подсказки/саджеста/suggest

true string Статья по автозаполнению 

5

Тип контакта

contactType

string 

Тип контакта. В зависимости от заданного типа в компонент подтянется соответствующее значение: 

personalemail — адрес электронной почты ФЛ 

personalphone — телефон ФЛ 

legalemail - адрес электронной почты ЮЛ 

legalphone — телефон ЮЛ 

corpemail — корпоративный адрес электронной почты сотрудника 

corpphone — корпоративный номер телефона сотрудника

6

Текст подсказки под компонентом

7
Текст подсказки, если контакт не заполнен в ЛК defaultHint object Подсказка, если телефон не заполнен в ЛК

8

Доступные действия

actions

array

Массив объектов, в элементах которого описываются доступные пользователю действия

9

Надпись на кнопке

label

string

Название действия

10

Действие

value

string

Значение действия

11

Валидация для контакта

validation

array

Правила валидации для заданного контакта
12 Пояснительные переходы


Создание модального окна (поп-ап)

Структура компонента ConfirmContact

{

    "id": "pd3",

    "type": "ConfirmContact",

    "label": " ",

    "attrs": {

        "contactType": "legalemail",

        "defaultHint": {

            "type": "error",

            "title": " ",

            "value": "  "

        },

        "disclaimer": {

            "title": " ",

            "description": " ,  ",

            "type": "warn"

        },

        "actions": [

            {

                "label": "",

                "value": " ",

                "type": "redirectToLKAccount",

                "action": "redirectToLKAccount"

            }

        ],

        "validation": [

            {

                "errorType": "error",

                "type": "RegExp",

                "value": "[0-9a-zA-Z_.-]{2,50}[@]{1}[0-9a-zA-Z_./-]{2,50}[.]{1}[a-zA-Z]{2,5}",

                "errorMsg": " ",

                "errorDesc": " "

            }

        ],

        "clarifications": {

            "requirements": {

                "title": "  ",

                "text": " "

            }

        }

    },

    "value": "",

    "visited": false

}


Пример JSON структуры компонента передаваемой в DTO

{

value: “your_email@mail.ru”,

visited: true

};

{

value: “+7(999)9999999”,

visited: true

}

Варианты использования

Данный компонент можно использовать в тех случаях, когда необходимо подтвердить сведения об электронной почте и номере телефона для ФЛ, ЮЛ и ИП с возможностью отредактировать их. Редактирование данных профиля осуществляется в ЛК ЕСИА. При нажатии на кнопку «Редактировать» пользователя перенаправляет на редактирование данных профиля в ЛК ЕСИА.

Авторизуйтесь, чтобы оставить комментарий к статье