Drag and Drop Elements to Create Type References

sprinteins / oscd-plugins

Built OpenSCD Plugins

Apache License 2.0

0 stars 0 forks source link

Drag and Drop Elements to Create Type References #94

Open michelguerin opened 3 weeks ago

michelguerin commented 3 weeks ago

Story: Drag and Drop Elements to Create Type References

As a User I want to drag and drop elements to the column just to the left So that I can create type references and establish relationships between elements.

Acceptance Criteria:

[ ] Types should be draggable within their respective columns.
[ ] Types should be droppable only to the column immediately to the left.
[ ] A drop space should appear to give the user a clue where to leave the card
[ ] Dropping a type should create a type reference card in the target column and make changes persistent.
[ ] Elements should not be draggable to the right or to non-adjacent columns.

Hints:

sync with Lissi (Multiselect)

michelguerin commented 1 week ago

Dependent from #93

michelguerin commented 1 week ago

@PhilipLeddin @LissiEitel is this feature also used to reorder types within the same column ? ie. : I have three bay type :

Bay one
Bay two
Bay three

And I drag and drop elements so that I have:

Bay two
Bay three
Bay one

displayed on screen and persisted in the XML in that specific order.

If so, this US could be splitted in two parts :

first: drag and drop - rearranging elements
second : drag and drop - create refs

michelguerin commented 1 week ago

@trusz Should we use a dedicated library for this feature (like SvelteFlow) or build a custom feature to not overload our solution ? I have experience building a drag'n'drop feature from scratch, so we may need a spike to go further.

LissiEitel commented 1 week ago

@PhilipLeddin @LissiEitel is this feature also used to reorder types within the same column ? ie. : displayed on screen and persisted in the XML in that specific order.

If so, this US could be splitted in two parts :

first: drag and drop - rearranging elements

second : drag and drop - create refs

I would say frist drag and drop to the create refs. Second rearranging elements. Rearranging could be also another US.

salvar3nga commented 1 week ago

I had the intention to look at these for the AutoDoc dnd functionality

Swapy: https://swapy.tahazsh.com/
svelte dnd action: https://github.com/isaacHagoel/svelte-dnd-action