Разработка нового функционала для проекта на Angular

  1. Биржа фриланса
  2. Веб-программирование
Закрыт4 заявки553 просмотра

Нужно разработать компонет-страницу.

На странице должно быть 3 списка.

Первый список - товары заказа: изображение, название, код товара, опции товара (белый/черный, большой/маленький, их нельзя выбирать, это уже выбранные опции но их нужно указать как информация, так как может быть два одинаковых товара, но с разными опциями). А также количество даного товара в заказе.

Второй список - это пакет, коробка, то есть туда мы перемещаем товары из первого списка. Должна быть возможность удаления товара из второго списка (перемещния обратно). Перемещение товаров должно происходить по клику на товар, а также с помощью drag&drop. Если количество товара в заказе больше 1, то должно уменьшаться количество, и когда станет 0, товар удаляется из первого/второго списка.

Третий список - агрегирует в себе пакеты, коробки, то есть содержит в себе второй список. На странице должна быть кнопка, "следующий пакет/коробка" которая перемащает содержимое второго списка в третий список, но уже как единое целое. Элементы в третьем списке должны отличаться визуально от элементов второго и первого списка, так как это коробки с товарами, а не товары. Должна быть возможность вернуть содержимое коробки из третьего списка обратно во второй список перетягиванием и кликом (должно работать только когда второй список пуст, иначе предупреждение).

Вот один из списков который понравился: https://www.primefaces.org/primeng/showcase/#/picklist

Но он не подходит, нужно кастомное решение.

Angular
4 года назад
van-petryk
35 лет
4 года в сервисе
Был
4 года назад

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

Вик
 
25 лет
4 года в сервисе
Была
4 года назад
4 года назад
Александр
 
36 лет
10 лет в сервисе
Был
месяц назад
6 отзывов
4 года назад
Александр
 
31 год
4 года в сервисе
Был
2 года назад
1 отзыв
4 года назад
Иван
 
27 лет
4 года в сервисе
Был
3 года назад
4 года назад