Как реализовать подобный редактор в Angular?

Question

[NewBeHere]

Здравствуйте, подскажите пожалуйста как реализовать подобный функционал?
В верхней панели прямоугольники перетаскиваются в рабочую область, при этом зажимая этот прямоугольник мы переносим его копию, сам он остается на месте, в рабочей области этот прямоугольник свободно перетаскиваем куда угодно в пределах этой области, каждый таб это область.
Есть ли какие-либо готовые решения или же что-то подобное?

Answer 1

[jamtuson]

Такое?
Только при переносе делать копию элемента

Comments

[NewBeHere]

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

[jamtuson]

NewBeHere, ну так свободная область тоже массивом будет. Или я что - то не так понял?

[NewBeHere]

jamtuson, а как это реализовать? Нужно чтобы оно встало именно там, куда перенесли, как только мы перекидываем во второй массив, он, допустим, перекидывается в ul в виде li, пусть ul - это массив, и вся область это список, так а как нам позицию прописывать? Они будут появляться друг за другом, а это неправильно, ок, мы пропишем им абсолютное позиционирование, ну тогда они все в одной точке будут появляться

[Strannyk]

NewBeHere, Ну так отлавливайте mouseup и клонируйте элемент с нужными координатами.