Надпись названия раздела (Products) - не кнопка
FAQ - кнопка, по ней появляется попап с инструкцией, которая индивидуальна для каждой страницы
Support - кнопка, по ней появляется попап с надписью, одинаковой на всех страницах
Sync - кнопка для синхронизации списка товаров (см. пункт 5)
Если список товаров пуст, подгружаются все товары из магазина, их статус N/A
Иначе, обновляет список товары - удаляет, добавляет новые (со статусом N/A), в существующих обновляет фото, название и категорию, оставляя статус прежним.
После нажатия на Sync всплывает push с уведомление о том что Sync происходит на бэкграунде.
Список товаров
CheckBox | Фотография товара | Название товара | SKU | Категория | Статус | Кнопка
Статус
В начале использования приложения у всех товаров статус N/A
Если фотография товара отправлена на обработку, статус Processing
Если для товара пришел сигнал Declined (по сокету), то статус становится Declined
Если для товара пришел сигнал Accepted (по сокету), то статус становится Inactive
Товар может поменять статус на Active только со статуса Inactive, при нажатии кнопки Publish (см. пункт b)
Кнопки
При нажатии кнопки Publish возникает Drop Down
При нажатии на Requirements, открывается попап (текст пока не прописан):
Но DropDown не закрывается, выбранная кнопка подсвечивается
При нажатии кнопки "I have read the requirements", попап исчезает
При нажатии на Photo Upload, возникает попап для загрузки фото
Фотографию можно загрузить перетащив в серую область или через Add File
При загрузке фото:
Отправляется API запрос на проверку того что фото подошло (уточнения у Люси)
отправляется запрос на обработку этой фотки, запрос состоит из полей: магазин, sku, фотография
Статус товара становится Processing
Попап загрузки исчезает
На пару секунд в шапке появляется надпись "Photo Uploaded X" - исчезает по нажатию крестика или сама после 2 секунд.
При нажатии Preview возникает попап, где можно увидеть результаты переодевания на людях из галереи (получаем их по запросу к API)
На этом попапе есть drop down
При нажатии на него, возникают другие категории.
При выборе одной из категорий, показываются результаты переодевания ровно для этой категории (запрос к API будет содержать women/men/kids соответственно)
При нажатии на Publish,
В поле поиск: при введении текста есть стандартный поиск Shopify. Поиск скроллится по всем товарам у которых в названии есть введенная комбинация букв.