Первый экран авторизации/регистрации/восстановления

Логин
Пароль

*комментарий на макет: вставляем наш стандартный текст политики

Авторизация

Регистрация

Восстановление

*комментарий на макет: Авторизация, Регистрация, Восстановление работают как вкладки

Фамилия и Имя
Номер телефона
Торговая точка
 

*комментарий на макет: в поле "торговая точка" вытягивается список заранее заданных в таблице магазинов*

Логин
Пароль

*комментарий на макет: после регистрации нового пользователя необходимо отправить уведомление о регистрации на email администратора

Авторизация

Регистрация

Восстановление

Письмо с проверочным кодом поступит на вашу почту в течение 15 минут

Электронная почта

Авторизация

Регистрация

Восстановление

*комментарий: после нажатия кнопки "запросить код..." открывается новая страница (именно страница) с вводом кода и сохранением пароля

Введите проверочный код, который пришел на ваш email

Код *

Задайте ваш новый пароль

Новый пароль

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

Есть вопросы? Вы можете

Главный экран после регистрации

Ваш аккаунт ожидает проверки администратором

Проверка происходит в течение 2-х рабочих дней. Если у вас возникли вопросы, вы можете связаться с администратором по следующим контактам:

Телефон:

Email:

Кнопки Ва и ТГ

Или

Главный экран после авторизации

Масленикова Евгения

TH outlet (название торговой точки)

maslenkova@yandex.ru

+7 (999) 111-22-33

Оформлено покупок: 19 099

*комментарий на макет: счетчик покупок

*комментарий: этот подвал должен быть небольшим и на всех экранах

Контакты администратора:

Телефон

Кнопки ВА и ТГ

Экран оформления покупки

Отсканируйте QR код с ID клиента

*комментарий: тут открывается экран с камерой с квадратной рамкой для считывания QR кода с ID клиента (клиент в этот момент показывает телефон с открытым QR кодом).
Текущая ссылка на черновую версию считывания для понимания механики: https://workspace.siteslab.ru/scan

*комментарий на макет: при нажатии отмены- возврат на главный экран

Отсканируйте QR код с ID клиента

*комментарий: тут показывается сделанное фото, а ниже считанный ID клиента (ID при необходимости можно скорректировать вручную

ID клиента *

*комментарий: если поле iD пустое- выкидываем модалку с предупреждением и дальше не пускаем

Отсканируйте чек

*комментарий: тут отбражается live камера с рамкой

Отсканируйте чек

*комментарий: тут отображается сделанное фото с суммой в рамке. Комментарий на макет- что сделанные фото отправляем в таблицу вместе с данными. нужно иметь возможность скорректировать сумму в ручную

Сумма покупки: *

*комментарий: после нажатия- показываем модалку что успешно операция совершена и возвращаем на главный экран.
Если сумма не указана (поле пустое- показываем уведомление и оставляем на этом шаге