Стартовая страница Webitel

1. Описание

Стартовая, она же главная, страница.

Главная страница отличается в зависимости от того авторизовался пользователь, или нет.

Доступны темная и светлая тема сайта.

Для изменения темы используется переключатель, который находится в верхней части страницы. 

1.1. Пользователь не авторизован

Для неавторизованного пользователя главная страница (Рис.1) состоит из окна авторизации и слайд-шоу с информацией о продуктах.


Рис. 1. Главная страница для неавторизованного пользователя

Для входа в приложение необходимо авторизоваться. Авторизоваться может только зарегистрированный пользователь.

Новые пользователи создаются на странице Пользователи приложения Admin.

1.1.1. Вход в систему

Окно авторизации имеет два шага.

1.1.1.1. Шаг 1

Состоит из следующих элементов (Рис.1):

  • поле "Домен" – вводится домен;
  • кнопка "Создать аккаунт" – возвращает в окно регистрации;
  • кнопка "Далее" – становится активной после ввода данных в поле "Домен"; для продолжения входа.

1.1.1.2. Шаг 2

Состоит из следующих элементов (Рис.2):

  • поле "Домен" - поле заполнено согласно введенным данным на шаге 1;
  • поле "Логин" -вводится логин пользователя;
  • поле "Пароль" – вводится пароль пользователя;
  • кнопка "Назад" – возврат на Шаг 1;
  • кнопка "Войти" – становится активной после ввода данных. Вход в систему. При двухфакторной аутентификации переводит на Шаг 3. 

 

Рис. 2. Войти - Шаг 2

Если доступны альтернативные варианты входа, то они отображаются внизу окна.

При включенной двухфакторной аутентификации (Рис.3) вход выполняется в 3 шага.

Для включения двухфакторной аутентификации необходимо параметру enable_2FA задать значение true на странице "Конфигурация".


Рис. 3. Войти - Шаг 2 - Двухфакторная аутентификация

1.1.1.3. Шаг 3

Состоит из следующих элементов (Рис.4):

  • поле "Код" – вводится код двухфакторной аутентификации;
  • кнопка "Назад" – возврат на Шаг 2;
  • кнопка "Войти" – становится активной после ввода данных. Вход в систему.

Рис. 4. Войти - Шаг 3

Код берется на странице детали "Общее" данного пользователя. С помощью приложения-аутентификатора сканируется QR-код и получает код, который нужно ввести.

Приложения, которые предлагается использовать:

  • Google Authentificator
  • Microsoft Authentificator

Если код ввести позднее 30 секунд , после перехода на Шаг 3, то кнопка "Войти" переведет на Шаг 2. 

1.1.2. Регистрация нового пользователя

Для регистрации нового домена необходимо нажать кнопку "Создать аккаунт" (Рис.1). Открывается окно для создания (Рис.5).

Рис. 5. Создать Webitel Аккаунт – Шаг 1

1.1.2.1. Шаг 1

Состоит из следующих элементов:

  • поле "Домен" – вводится новый домен;
  • кнопка "Войти" – возвращает в окно авторизации;
  • кнопка "Далее" – становится активной после ввода данных в поле "Домен"; для продолжения регистрации.

1.1.2.2. Шаг 2

Состоит из следующих элементов (Рис.6):

  • поле "Логин" - должно начинаться с буквы и состоять не менее чем из 6 символов и не более чем 20 символов; при создании логина можно использовать латинские буквы, цифры, символы тире (-), подчеркивание (_) и точки (.);
  • поле "Пароль" - длина пароля должна быть не менее 8 символов, при этом содержать минимум 2 буквы и 1 цифру, а также минимум одну прописную и одну строчную буквы;
  • поле "Повторите пароль" – поле для повторного ввода пароля;
  • кнопка "Назад" – возврат на Шаг 1;
  • кнопка "Далее" – становится активной после ввода данных; для продолжения регистрации.

Рис. 6. Создать Webitel Аккаунт – Шаг 2

1.1.2.3. Шаг 3

Состоит из следующих элементов (Рис.7):

  • поле "Ключ" – вводится лицензионный ключ, предоставляет компания Webitel;
  • кнопка "Назад" – возврат на Шаг 2;
  • кнопка "Создать" – становится активной после ввода данных. Окончание регистрации.

Рис. 7. Создать Webitel Аккаунт – Шаг 3

1.2. Пользователь авторизован

Для авторизованного пользователя главная страница отображает меню приложений, которые доступны пользователю (Рис.8)

Рис. 8. Главная страница для авторизованного пользователя

Список возможных приложений: