Page designer - drag&drop

martonsagi / al-object-designer

AL Object Designer for Dynamics 365 Business Central development

MIT License

39 stars 21 forks source link

Page designer - drag&drop #7

Closed martonsagi closed 5 years ago

martonsagi commented 5 years ago

Page designer could have drag&drop capability for fields, groups and parts. There is a "source anchor" saved for each Page control... so in theory it would be possible to find and manipulate related text parts in the source files.

Related library: aurelia-sortablejs plugin

Initial idea (UI only) :D alobjectdesigner_pagedragdrop

martonsagi commented 5 years ago

This is going better than I anticipated at first. Source code anchors seems to be working out with SortableJS.

Text manipulation is working with basic string functions at the moment. Next thing to implement is to find/open up VSCode editor for designed page and do text manipulations using VSCode TextEditor API.

martonsagi commented 5 years ago

Drag&drop works for fields, groups, subgroups on Card/Document pages. SelectSource internal command added: clicking on a field/group/part name opens up the source file and selects the corresponding line in Editor :D

TODO:

Must fix: moving 'part' sections sometimes can break AL syntax :(
Optional: support column re-order on List pages

martonsagi commented 5 years ago

Done:

~~Must fix: moving 'part' sections sometimes can break AL syntax :(~~
~~Optional: support column re-order on List pages~~

TODO:

There is a slight issue with line breaks, moving a field adds or deletes empty lines in the source code and it does not look nice.

martonsagi commented 5 years ago

All set for final testing.

martonsagi commented 5 years ago

Added design updates, actions are also draggable. Needs external testing on other environments.

martonsagi commented 5 years ago

Well, it's still alpha version, we'll see. :)