Модель фронтенда на jquery.
Добрый день! Нужно набросать фронтенд под планшеты + работоспособность на айпадах.
Сам программист, не успеваю реализовать, нужна помощь. Никакого выноса мозга, нужен тупо рабочий кусок кода.
Интерфейс и данные демо-вида. Важна принципиально работающая модель для проверки работоспособности и быстродействия в связке с серверной частью (разрабатывается отдельно, к заданию не относится).
Вкратце: загрузили файлы, распарсили в массив и вывели в див куски, дальше легкая перетасовка данных.
Набросок внешнего вида и примеры файлов-баз во вложении.
Задание:
- загрузить и разобрать построчно каждый файл в отдельный массив
- каждый элемент (строка) должен быть представлен в своей див-панеле (3 файла базы - 3 див-панели с набором элементов-картинок, зеленая панель на макете) сетке/таблице из 2 колонок с изображением из столбца img с текстом из атрибута alt.
- в див-панеле должна быть выборка-отключение получившихся картинок по полю group (min/norm/max). Отображать только min, отображать только max или только norm, или все сразу.
- при нажатии на картинку (тач на мобильном в том числе желательна поддержка айфон) из массива выводим колонку div во вторую див-панель (желтая панель на макете), перед этим удаляя из нее все дивы с class имени этого файла "bace0" или "bace1" и т.д.. Названия не обязательно из файла, можно дописать в базу к какому-то атрибуту или столбцу или при создании массива добавить на лету. Получается как бы смена элементов из одного набора, остальные добавленные остаются на месте.
- одновременно с этим в 3 див-панель (голубая панель на макете) выводится колонка text с тем же принципом удаления предыдущего/замены на следующий элемент. В этой диве так же нужен вывод суммы всех значений текущих элементов из колонки count.
- стрелками или свайпом можно листать след/пред элементы из первой див-панели.
По нажатию кнопки SEND нужно отправить запрос на сервер со всеми выбранными элементами со второй или третьей панели (с данными из колонки id). Типа get http://127.0.0.1/id/7,8,15
- после этого активировать кнопку очистки второй и третьей див-панели для возможности нового выбора, оставить только уже загруженные бызы.
Нужны хотя бы минимальные комментарии по коду, в планах развитие и заказ доработок.
Приложения 2
Актуальные фриланс-проекты в категории Javascript и Typescript
Интернет-магазин одеждыНужен разработчик для интернет-магазина одежды Ищу опытного разработчика для создания полноценного интернет-магазина одежды с дроп-моделью продаж. Что нужно сделать: 6 страниц: главная, товар, корзина, оформление, аккаунт, админ панель Вход через Google аккаунт Корзина и… HTML и CSS верстка, Javascript и Typescript ∙ 1 день назад ∙ 77 ставок |
Full-stack разработка — Amazon PPC Dashboard (Stage 1)Нужен full-stack разработчик с опытом работы с Amazon API для реализации Stage 1 внутреннего PPC-дашборда. Проект реальный, данные живые, всё готово к старту. Прототип фронтенда (5 страниц, React + TypeScript): ЧТО УЖЕ ГОТОВО — Фронтенд-прототип на React 18 + TypeScript + Vite… Javascript и Typescript, Веб-программирование ∙ 3 дня 11 часов назад ∙ 29 ставок |
Разработка сайта-конструктора фотокниг и фоторамокЦель проекта Необходимо разработать современный веб-сайт для заказа фотокниг, фоторамок и другой персонализированной фотопродукции. Главная задача проекта — предоставить клиенту возможность самостоятельно создать готовый макет изделия непосредственно на сайте без участия… Javascript и Typescript, Веб-программирование ∙ 5 дней 3 часа назад ∙ 97 ставок |
Команда для самописного маркетплейса ритуальных услуг.Ищем команду для запуска и развития самописного национального маркетплейса ритуальных услуг. Сразу: не ищем одиночек, джунов и “сборщиков сайтов”. Нужна сильная продуктовая команда уровня middle+/senior с реальными кейсами маркетплейсов/сложных SaaS. Просьба не откликаться,… Javascript и Typescript, Веб-программирование ∙ 5 дней 21 час назад ∙ 27 ставок |
Доработка существующего Next.js/Supabase проекта: офферы, CRM, аналитика, AI-чатЕсть действующий проект WatchGenius — платформа аналитики люксовых часов с каталогом моделей, ценовой аналитикой, внешними офферами, формами заявок и AI-чатом. Проект уже разработан частично. Нужен не сайт с нуля, а опытный full-stack разработчик, который сможет разобраться в… Javascript и Typescript, Веб-программирование ∙ 7 дней 23 часа назад ∙ 55 ставок |