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

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

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

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

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

Задание:

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

- каждый элемент (строка) должен быть представлен в своей див-панели (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

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

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

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

Заявки фрилансеров

Андрей
 
36 лет
4 года в сервисе
Был
4 года назад
1 отзыв(-1)
4 года назад
  • Похожие заказы

  • для сайта Юристов На выходе должен быть xml документ в котором каждая вкладка это раздел на сайте (только родительский, без подкатегорий) - 7 вкладок https://juristi-moskva.ru Пишите в лс Отправлю ...

    Закрыт
    4 года назад
  • [table]ЗадачаНеобходим Frontend на Vue.js, небольшое приложение учета с учетными записями с заложенной возможностью масштабирования (тут я как бы намекаю на возможное продолжение сотрудничества). Коротко - Главный дашборд (встречает при входе) с 4-мя графиками ...

    Закрыт
    4 года назад
  • Есть некоторое количество правок по уже готовому сайту, например:- После заполнения формы добавить уведомление “Данные успешно отправлены! . Это реализовано для трех других форм, добавить нужно для одной формы;- Заполненные формы отправляются на почту, в ...

    Закрыт
    4 года назад
  • На сайте нужно разместить калькулятор доставки, где клиент вбивает свой индекс и вводит вес и габариты, программа автоматически производит пересчет стоимости доставки по новым данным, а также указывает срок доставки. Сайт на Вордпресс.

    Закрыт
    4 года назад
  • Задача сложная, откликатейтесь те к кого есть опыт написания подобного. Нужен бот для это браузерной игры https://m.ok.ru/game/kiss?refplace=52 Суть бота: авторизовываться в игре в большое кол-во потоков и дарить подарки нужному пользователю. Подборобнее в лс.Стоимость обсуждается

    Закрыт
    4 года назад
  • Ищем команду из 2-3 React-разработчиков для продолжения разработки и запуска проекта. • Проект "Классная комната", создаётся для проведения занятий между репетиторами и школьниками на собственной платформе • Состоит из WhiteBoard с ...

    Закрыт
    4 года назад
  • $50

    1. Исправить пару багов. Вижу нужные участки кода, но не знаю, что поменять. Предполагаю, что в обоих случаях речь идет буквально о правке одной строчки. 2. Добавить микроразметку – она уже есть ...

    Закрыт
    4 года назад
  • Здравствуйте! Нужно сделать управление для шаблона для Опенкарт. Бэк и фронт админки. Для пользовательского интерфейса бэк, фронт без верстки. Только для опытных программистов. Подробное ТЗ пришлю в личку по запросу.

    Закрыт
    4 года назад