Add draggable task management example

core/wiki/macros/list.tid

@@ -67,9 +67,9 @@ tags: $:/tags/Macro
 </$set>
 \end
 
-\define list-tagged-draggable(tag,emptyMessage,itemTemplate,elementTag:"div")
+\define list-tagged-draggable(tag,subFilter,emptyMessage,itemTemplate,elementTag:"div")
 <$set name="tag" value="""$tag$""">
-<$list filter="[<tag>tagging[]]" emptyMessage=<<__emptyMessage__>>>
+<$list filter="[<tag>tagging[]$subFilter$]" emptyMessage=<<__emptyMessage__>>>
 <$elementTag$ class="tc-menu-list-item">
 <$droppable actions=<<list-tagged-draggable-drop-actions>>>
 <$elementTag$ class="tc-droppable-placeholder">

editions/tw5.com/tiddlers/demonstrations/Tasks/TaskManagementExample.tid

@@ -1,11 +1,13 @@
 created: 20130825213300000
-modified: 20140919161411400
+modified: 20180307153530187
 tags: Learning
 title: TaskManagementExample
 type: text/vnd.tiddlywiki
 
 TiddlyWiki5 can be used as a simple task management system without further customisation. The idea is that tasks be tagged `task`, with those that are completed also tagged `done`. In this way it is straightforward to generate task lists.
 
+<<.tip """There is [[an enhanced version of this demo|TaskManagementExample (Draggable)]] that adds the ability to drag and drop the tasks to re-order them.""">>
+
 ! Outstanding tasks
 
 <$list filter="[!has[draft.of]tag[task]!tag[done]sort[created]]">

editions/tw5.com/tiddlers/demonstrations/Tasks/TaskManagementExampleDraggable.tid

@@ -0,0 +1,23 @@
+created: 20180307153530187
+modified: 20180307153530187
+tags: Learning
+title: TaskManagementExample (Draggable)
+type: text/vnd.tiddlywiki
+
+This is a version of the TaskManagementDemo enhanced with the ability to drag and drop the task list to re-order them.
+
+! 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">>
+
+! Completed tasks
+
+//(Listed in reverse order of completion)//
+
+<$list filter="[!has[draft.of]tag[task]tag[done]sort[created]]">
+<div>
+<$checkbox tag="done"> ~~<$link to={{!!title}}><$view field="title"/></$link>~~</$checkbox>
+</div>
+</$list>

editions/tw5.com/tiddlers/demonstrations/Tasks/TaskManagementExampleDraggableTemplate.tid

@@ -0,0 +1,7 @@
+created: 20180307153530187
+modified: 20180307153530187
+tags: Learning
+title: TaskManagementExampleDraggableTemplate
+type: text/vnd.tiddlywiki
+
+<$checkbox tag="done"> <$link to={{!!title}}><$view field="title"/></$link></$checkbox>

editions/tw5.com/tiddlers/macros/list-tagged-draggable Macro.tid

@@ -11,6 +11,8 @@ The <<.def list-tagged-draggable>> [[macro|Macros]] renders the tiddlers with a
 
 ;tag
 : The title of the tag
+;subFilter
+: An optional subfilter to filter out unwanted items (eg `!tag[done]`)
 ;itemTemplate
 : Optional title of a tiddler to use as the template for rendering list items
 ;emptyMessage