Создать страницу для мобильного приложения
- navbar c несколькими кнопками (кнопки добавляются, обрабатываются программно)
- виджет сверху navbar
- action sheet с блоком фото (Приоритет – сделать область в actionsheet, выводящую данные: фото из галереи/фото по ссылкам/whatever. И navbar) Добавить поддержку произвольных View в качестве элемента/секции ActionSheet.
- (будет плюсом) получение последних фотографий через плагины cordova для предыдушего пункта
- плагин, возвращающий последние фото – nice to have
Простейший пример – iMessage, прикрепить файл Из галереи устройства. или telegram скрин во вложении
Cordova, Vue Js , framework7
- Предусмотреть возможность взаимного взаимодействия View с ActionSheet (изменение размера, отображение пунктов).
Референс: Telegram, iMessage
Внутри репозитория стартовый пакет с описанием задачи и необходимыми файлами
Прогресс и правки будем вести в этом репозитории, он доступен публично
объясняю, что надо нам с позиции продукта:
- пользователь открывает веб-приложение на f7 (это может быть Android, iOS, сайт, где есть webkit)
- имеется элемент "контекстное меню", реализованное на базе ActionSheet из f7, в этом меню доступен выбор как действий, так и изображений
- набор изображений задается программно (это может быть photolibrary cordova, это может быть данные из google drive, это могут быть обложки сериалов – произвольный набор, который укажет разработчик)
- есть возможность отметить одно изображение либо несколько, список изображений прокручивается горизонтально
- при выборе изображений пункты меню заменяются (набор тоже задается разработчиком), галерея внешне тоже изменяется
- нажатие на некоторые пункты должно приводить к закрытию меню, но повторное открытие (при неизменном источнике) оставлять галерею в том состоянии, в котором меню закрылось.
Всё, что описано работает во многих приложениях: Облако Mail.ru (выбор изображений), iMessage (выбор фото), ВКонтакте (выбор фото/аудио в сообщениях), Viber (выбор фото), Instagram (чаты), Telegram для iOS, Android и даже Web (панель стикеров )
пример