Киев

Украина

Нужно разработать компонет-страницу.
На странице должно быть 3 списка.
Первый список - товары заказа: изображение, название, код товара, опции товара (белый/черный, большой/маленький, их нельзя выбирать, это уже выбранные опции но их нужно указать как информация, так как может быть два одинаковых товара, но с разными опциями). А также количество даного товара в заказе.
Второй список - это пакет, коробка, то есть туда мы перемещаем товары из первого списка. Должна быть возможность удаления товара из второго списка (перемещния обратно). Перемещение товаров должно происходить по клику на товар, а также с помощью drag&drop. Если количество товара в заказе больше 1, то должно уменьшаться количество, и когда станет 0, товар удаляется из первого/второго списка.
Третий список - агрегирует в себе пакеты, коробки, то есть содержит в себе второй список. На странице должна быть кнопка, "следующий пакет/коробка" которая перемащает содержимое второго списка в третий список, но уже как единое целое. Элементы в третьем списке должны отличаться визуально от элементов второго и первого списка, так как это коробки с товарами, а не товары. Должна быть возможность вернуть содержимое коробки из третьего списка обратно во второй список перетягиванием и кликом (должно работать только когда второй список пуст, иначе предупреждение).

Вот один из списков который понравился: https://www.primefaces.org/primeng/showcase/#/picklist
Но он не подходит, нужно кастомное решение.

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

Вот один из списков который понравился: <a href="https://www.primefaces.org/primeng/showcase/#/picklist" rel="nofollow noopener noreferrer" target="_blank">https://www.primefaces.org/primeng/showcase/#/picklist</a>
Но он не подходит, нужно кастомное решение.

Петрик Иван van-petryk

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