Найдите исполнителя для вашего проекта прямо сейчас!
Разместите заказ на фриланс-бирже и предложения поступят уже через несколько минут.

Добрый день! Нужно набросать фронтенд под планшеты + работоспособность на айпадах.

Сам программист, не успеваю реализовать, нужна помощь. Никакого выноса мозга, нужен тупо рабочий кусок кода.

Интерфейс и данные демо-вида. Важна принципиально работающая модель для проверки работоспособности и быстродействия в связке с серверной частью (разрабатывается отдельно, к заданию не относится).

Вкратце: загрузили файлы, распарсили в массив и вывели в див куски, дальше легкая перетасовка данных.

Набросок внешнего вида и примеры файлов-баз во вложении.

Задание:

- загрузить и разобрать построчно каждый файл в отдельный массив

- каждый элемент (строка) должен быть представлен в своей див-панели (3 файла базы - 3 див-панели с набором элементов-картинок, зеленая панель на макете) сетке/таблице из 2 колонок с изображением из столбца img с текстом из атрибута alt.

- в див-панели должна быть выборка-отключение получившихся картинок по полю group (min/norm/max). Отображать только min, отображать только max или только norm, или все сразу.

- при нажатии на картинку (тач на мобильном в том числе желательна поддержка айфон) из массива выводим колонку div во вторую див-панель (желтая панель на макете), перед этим удаляя из нее все дивы с class имени этого файла "base0" или "base1" и т.д.. Названия не обязательно из файла, можно дописать в базу к какому-то атрибуту или столбцу или при создании массива добавить на лету. Получается как бы смена элементов из одного набора, остальные добавленные остаются на месте.

- одновременно с этим в 3 див-панель (голубая панель на макете) выводится колонка text с тем же принципом удаления предыдущего/замены на следующий элемент. В этой диве так же нужен вывод суммы всех значений текущих элементов из колонки count.

- стрелками или свайпом можно листать след/пред элементы из первой див-панели.

По нажатию кнопки SEND нужно отправить запрос на сервер со всеми выбранными элементами со второй или третьей панели (с данными из колонки id). Типа get  127.0.0.1/id/7,8,15

- после этого активировать кнопку очистки второй и третьей див-панели для возможности нового выбора, оставить только уже загруженные базы.

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

3 года назад
guest_1629471472852
3 года в сервисе
Был
3 года назад