Drag and Drop feature for cards

[tu2-atmanand]

The FR for this feature is been tracked here : #10

This may be the most requested feature by users and also a very essential one even from the Kanban methodological POV. Because, in Kanban the whole point is to arrange the tasks in a 2D space to organize them in way so that we can prioritize and build a better roadmap for the project we are working on or just to organize our daily tasks.

Usually, Kanban boards are static, that means changing certain properties or due to changing other factors, the cards will not automatically going to move from one column to another by itself. But Task Board has a lot of automations functionalities (a lot more coming in the future), to make the manual-labor work of organizing each and every task by going through the board again and again. These automations also helps to filter tasks faster. For example, there are date-type columns, which helps to filter out which tasks are planned for today, tomorrow, in next seven days, etc., so when the days are passing, the tasks will move from one column to another automatically and you dont have to move them manually. And there are tag-type column, which filters tasks with certain tag on them, so if you update the tag for any task in your notes, that task will now appear in some other column, based on its new tag.
So in summary, this plugin makes use of the properties the tasks already have, to filter and organize them.

Hence, if we are implementing a drag and drop feature in this automatic Kanban board, then these propertie-values will also need to be updated so the tasks can move from one column to another, or to add itself in another column. But there will be certain restriction this plugin might have while implementing this feature. Lets discuss as much cases as possible in the following comments.

[tu2-atmanand]

Possible Drag-and-Drop actions

For the nomenclature and to understand the Column types better refer this : https://tu2-atmanand.github.io/task-board-docs/docs/Components/Types_Of_Columns/

Following will the drag-and-drop actions possible and their mapped actions on the task. If you move a task :

• from Dated to Dated : For example, say the user moves a task from Today's column to Tomorrow's column (procrastination), then the universal date* value will be changed from today's date to tomorrow's date for this task. And thats why the task will going to appear inside the Tomorrow's column.

• from Undated to Dated : This can be a very useful one, if say there is a column, Backlogs, with all the tasks which do not have Universal date on them. Then user can simply drag any task and drop into say tomorrow's column. This action will add a universal date to this task with tomorrow's date as value.

• from Dated to Undated : From v1.5.0 onwards, users will be able to select which date should be used for this Dated type column. Hence, if user moves a task from a Dated type column, which had the Scheduled type date, then this property will be simply removed from the task.

  • Also, please note, if the task is moving from a Dated type column of date-kind Created date, then this should not be possible. Since its not a good idea to remove a Created date property from a task.

• from Tagged to Tagged : This is a very useful and if there are all Tagged type column on a particular board, then this board will act like a normal static board. So when user will move a task, say from #important to #InProgress, then simply the #important tag will be removed a the new #InProgress tag will be added to this task. This has reduced the manual work of removing and adding a new tag.

• from Untagged to Tagged : This is another very important functionality, where say user has a column with all the tasks which do not have any tags on them. So, now user can simply move them from this column to any Tagged column and the tag associated with that column will be added as a tag on this task.

• from Priority to Priority : Here simply the older priority will be replaced by the new status value/emoji according to the column's configuration value.

• from Status to Status : Here simply the older status will be replaced by the new status symbol according to the column's configuration value.

From any other column to a specific column

• from any other column to Dated : This action will simply add the date property to the task. For example, if a task is dropped inside a Dated type column with the date-kind as Scheduled date as todays date, then the today's date will be added as a Scheduled date property to the task.

• from any other column to Tagged : This will simply add the tag if it do not exists on the task. If it already exists, then it should not do anything.

• from any other column to Completed : This will simply mark the task as completed and add the completion date to it.

• from any other column to Priority : In this case, if the task do not contain a priority property then the applicable priority will be assigned to it. But if there is already a priority present to the task then it will be simply updated.

• from any other column to Status : In this case, simple the previous status of the task will be updated to the new one according to the column configuration value for the status.

Actions which need brainstorming

• from any other column to Dated type column with a range of dates : If user moves any task, from any type of column to a Dated type column with a range of dates, for example, a column showing all the tasks scheduled for next seven days, then its not possible to directly add a date as its scheduled date property. In this case a new popup might be required, which will ask user to select on which date this tasks should be scheduled for.

• from any other column to Other Tags : This is also not possible, since a Other Tags type column shows all the tasks which has not been shown in the Tagged type column present the same board. If user tries to drop any task inside this column, this will mean that user wants this task to have either some tag, if this tasks didnt had a tag at all, or the task already had a tag, but want to give some different tag. This can be solved using a same approach as above, where a popup will open asking user, what tag they want to give to this task.

• from any other column to Untagged : I am not sure, if I should implement this, because removing all the tags from a task by simply moving them to this column seems to be a dangerous action to perform.

Not possible Drag-and-Drop actions

• from any other column to Overdue column : Overdue column means all the tasks with past universal date value on them. So this is simply doesnt makes sense if any user will like to move a task to a past date column. Hence this functionality won't be available.

• from any other column to Undated : Except the Dated column, if user tries to move a task from any other type of column, say a Tagged type column and say this task has Due date and Scheduled date present on them. This will simply not possible, since its not a good idea to simply remove all the date properties of the task altogether.

---

Abbreviations

• Universal date is a date user has selected as the default date, to be considered for most of the operation out of all the other dates present on the task, which are Start date, Scheduled date and Due date. This can be changed from setting, from v1.5.0 and onwards.

[tu2-atmanand]

Guides while dropping a task

By default the columns will have the manual sorting criteria set to them, which means, initially tasks will be populated by the order in which they are scanned, but later user will be free to arrange the tasks within the column using this drag and drop handle.

Now, while moving a task from one column to another, if the column in which the task is to be dropped is set to the manual sorting criteria then this feature should show the guides, which indicates where this moving task will be placed, that is, between which two tasks this dropped task will be placed.
The Following GIF shows an illustration of the same, where an empty area is shown as guide, where the task will be placed once dropped. We might show some glowing line, similarly:

But if there is any other sorting criteria have been set to the destination column. Like sort based on the priority or schedule date etc., then in this case the guides won't be shown and once user drops the task inside the highlighted/destination column. It will be automatically arranged to its applicable position as per the criteria.

[Gugarutz]

You are nuts (the good way). Thanks for doing this
+1 from me

[Gugarutz]

I am Astrusia on the forums

[tu2-atmanand]

Thank you for showing interest in this plugin!
The ultimate goal is to update the task properties in the easiest possible way. This feature has a great potential and I am excited to implement it ASAP in the Task Board.

[Astrusia]

I have created a new account for more clarity/ better association. Just FYI