Создать страницу для мобильного приложения




- navbar c несколькими кнопками (кнопки добавляются, обрабатываются программно)

- виджет сверху navbar

- action sheet с блоком фото (Приоритет — сделать область в actionsheet, выводящую данные: фото из галереи/фото по ссылкам/whatever. И navbar) Добавить поддержку произвольных View в качестве элемента/секции ActionSheet.

- (будет плюсом) получение последних фотографий через плагины cordova для предыдушего пункта

- плагин, возвращающий последние фото - nice to have

Простейший пример — iMessage, прикрепить файл Из галереи устройства. или telegram скрин во вложении

Cordova, Vue Js , framework7

- Предусмотреть возможность взаимного взаимодействия View с ActionSheet (изменение размера, отображение пунктов).
Референс: Telegram, iMessage

Внутри репозитория стартовый пакет с описанием задачи и необходимыми файлами

Прогресс и правки будем вести в этом репозитории, он доступен публично

https://bitbucket.org/solvik/f7extend/src




объясняю, что надо нам с позиции продукта:

- пользователь открывает веб-приложение на f7 (это может быть Android, iOS, сайт, где есть webkit)
- имеется элемент "контекстное меню", реализованное на базе ActionSheet из f7, в этом меню доступен выбор как действий, так и изображений
- набор изображений задается программно (это может быть photolibrary cordova, это может быть данные из google drive, это могут быть обложки сериалов — произвольный набор, который укажет разработчик)
- есть возможность отметить одно изображение либо несколько, список изображений прокручивается горизонтально
- при выборе изображений пункты меню заменяются (набор тоже задается разработчиком), галерея внешне тоже изменяется
- нажатие на некоторые пункты должно приводить к закрытию меню, но повторное открытие (при неизменном источнике) оставлять галерею в том состоянии, в котором меню закрылось.

Всё, что описано работает во многих приложениях: Облако Mail.ru (выбор изображений), iMessage (выбор фото), ВКонтакте (выбор фото/аудио в сообщениях), Viber (выбор фото), Instagram (чаты), Telegram для iOS, Android и даже Web (панель стикеров )

пример http://take.ms/NyAhF