What's new in TaskBoard v4.0.0+
TaskBoard v4.2.3
TaskDrag events
The TaskDrag feature now triggers the following events as part of drag operations:
| Event | Description |
|---|---|
| beforeTaskDrag | Preventable event fired before a drag starts |
| taskDragStart | Fired when dragging starts |
| taskDrag | Fired on movement during a drag |
| beforeTaskDrop | Preventable event fired before finalizing a drop. Allows async listeners |
| taskDrop | Fired after finalizing a drop |
| taskDragAbort | Fired when a drag is aborted (ESC, drop out of bounds or by a listener) |
TaskBoard v4.2.5
Custom key mappings
The new keyMap config of TaskBoard and SimpleTaskEdit allows for easy customization of key mappings. To for example enable WASD task navigation:
const taskBoard = new TaskBoard({
keyMap : {
w : 'navigateUp',
a : 'navigateLeft',
s : 'navigateDown',
d : 'navigateRight'
}
})
TaskBoard v4.3.0
Read-only tasks
By setting the new readOnly field on TaskModel to true the task is protected from being edited by the UI (it can still be edited on the data level). The flag is at this point respected by the following features:
- SimpleTaskEdit
- TaskDrag
- TaskEdit
- TaskMenu
- And by the TodoListItem
Set it in your data:
{
"id" : 1,
"name" : "Read only task",
"readOnly" : true
}
Or toggle it on the fly:
taskBoard.project.taskStore.getById(9).readOnly = true;