MobileAuth
Отображает кнопки для аутентификации и регистрации в Progressive Web Application (PWA)
Используется для входа в приложение на мобильном устройс тве.
<MobileAuth />
Свойства
| Имя | Описание | Тип | Значение по умолчанию | Возможные значения |
|---|---|---|---|---|
| AuthError | Текст ошибки аутентификации | string | ||
| AuthSuccess | Признак успешной аутентификаци и | boolean | False | |
| Badge | Количественная информация в компонентах Menu, Accordion, Link, Text. В качестве значения может использоваться объект с полями: counter (число), position ("post" или "pre"), color (цвет) | any | ||
| CSS | Массив строк-классов CSS-стилей компонента | array | ||
| CombineConfig | Конфигурация всех событий компонента. Служебное свойство для генерации фрагментов кода в визуальном режиме редактора форм. Не рекомендуется указывать значение вручную | object | ||
| Hidden | Признак состояния компонента Скрыт | boolean | False | |
| Hint | Всплывающая подсказка над компонентом, чаще используемая для подробного пояснения краткого текста | any | ||
| Id | Идентификатор компонента для навигации к нему на HTML-странице | string | ||
| OnAuthChange | Обработчик события изменения учетных данных, возвращающий true или false | undefined | ||
| OnAuthError | Обработчик события ошибки при аутентификации, возвращающий текст ошибки | undefined | ||
| OnClick | Обработчик события нажатия кнопки мыши | undefined | ||
| OnKeyDown | Обработчик события KeyDown | undefined | ||
| OnKeyUp | Обработчик события KeyUp | undefined | ||
| OnMouseDown | Обработчик события MouseDown | undefined | ||
| OnMouseEnter | Обработчик события MouseEnter | undefined | ||
| OnMouseLeave | Обработчик события MouseLeave | undefined | ||
| OnMouseMove | Обработчик события MouseMove | undefined | ||
| OnMouseOut | Обработчик события MouseOut | undefined | ||
| OnMouseOver | Обработчик события MouseOver | undefined | ||
| OnMouseUp | Обработчик события MouseUp | undefined | ||
| OnRegChange | Обработчик события регистрации учетных данных, возвращающий true или false | undefined | ||
| OnRegError | Обработчик события ошибки регистрации учетных данных, возвращающий текст ошибки | undefined | ||
| OnUnmount | Обработчик события Unmount | undefined | ||
| RegError | Текст ошибки регистрации учетных данных | string | ||
| RegSuccess | Признак успешной регистрации учетных данных | boolean | False | |
| Slot | Метка для динамического добавления другого компонента по его идентификатору | string | ||
| Tooltip | Всплывающая подсказка над компонентом, чаще используемая для пояснения назначения значка | any | ||
| TraceId | Идентификатор для отслеживания состояния компонента исходя из хронологической последовательности: создание, отрисовка, обновление, удаление; используется для выполнения фрагмента кода по изменению состояния компонента | string | ||
| Visible | Признак инверсии состояния компонента Скрыт | boolean | True | |
| СredID | Учетные данные в виде массива UINT8-чисел | array |
Примеры
JSX:
<Group Mode='Wrap' Height='70px'>
<MobileAuth
OnRegChange={() => {
addMessage(`Is registered: ${ getEvent().isRegistered }`,
getEvent().isRegistered ?
{variant: 'success'} :
{variant: 'error'} );
}}
OnRegError={ async () => {
await Alert( `${ getEvent().regError }` )
}}
OnAuthChange={() => {
addMessage(`Is authenticated: ${ getEvent().isAuthenticated }`,
getEvent().isAuthenticated ?
{variant: 'success'} :
{variant: 'error'} );
}}
OnAuthError={async () => {
await Alert( `${ getEvent().authError }` )
}}
/>
</Group>