This page is part of a static HTML representation of the TiddlyWiki at https://tiddlywiki.com/

TaskManagementExample (Draggable)

7th March 2018 at 3:35pm

This is a version of the TaskManagementExample enhanced with the ability to drag and drop the task list to re-order them.
The list uses a the itemTemplate TaskManagementExampleDraggableTemplate tiddler, which you will also need to experiment yourself.

Outstanding tasks

//Drag the tasks to re-order them//

<<list-tagged-draggable tag:"task" subFilter:"!has[draft.of]!tag[done]" itemTemplate:"TaskManagementExampleDraggableTemplate" emptyMessage:"You don't have any active tasks">>

That renders as:

Drag the tasks to re-order them

Completed tasks

//(Listed in reverse order of completion)//

<$list filter="[!has[draft.of]tag[task]tag[done]sort[modified]]">
<div>
<$checkbox tag="done"> ~~<$link/>~~</$checkbox>
</div>
</$list>

That renders as:

(Listed in reverse order of completion)