created: 20230309202111093
creator: H La Vallee
modified: 20230427124452601
modifier: H La Vallee
tags: $:/tags/Macro meta
title: ButtonListMacro
type: text/vnd.tiddlywiki

\define buttonlist(listTag clickTag icon)
<$list filter=[tag[$listTag$]!is[system]!sort[created]]>
<$fieldmangler tiddler=<<currentTiddler>>>
<$button class="tc-btn-invisible" actions="""<$action-sendmessage $message="tm-add-tag" $param=$clickTag$/><$action-sendmessage $message="tm-remove-tag" $param=$listTag$/>""">
<$transclude tiddler="$icon$">x</$transclude>
</$button>
<$link to=<<currentTiddler>> text=<<currentTiddler>>/><br>
</$fieldmangler>
</$list>
\end

\define buttonlisttable(listTag clickTag icon)
<table style="width:100%">
<tr>
<td>$clickTag$</td>
<th>$listTag$</th>
</tr>
<$list filter=[tag[$listTag$]!is[system]!sort[created]]>
<$fieldmangler tiddler=<<currentTiddler>>>
<tr>
<td><$button class="tc-btn-invisible" style="width:100%" actions="""<$action-sendmessage $message="tm-add-tag" $param=$clickTag$/><$action-sendmessage $message="tm-remove-tag" $param=$listTag$/>""">
<$transclude tiddler="$icon$">x</$transclude>
</$button></td>
<td><$link to=<<currentTiddler>> text=<<currentTiddler>>/></td><br>
</tr>
</$fieldmangler>
</$list>
</table>
\end

\define buttonlist2(listTag clickTag icon clickTag2 icon2)
<$list filter=[tag[$listTag$]!is[system]!sort[created]]>
<$fieldmangler tiddler=<<currentTiddler>>>
<$button class="tc-btn-invisible" actions="""<$action-sendmessage $message="tm-add-tag" $param=$clickTag$/><$action-sendmessage $message="tm-remove-tag" $param=$listTag$/>""">
<$transclude tiddler="$icon$">x</$transclude>
</$button>
<$link to=<<currentTiddler>> text=<<currentTiddler>>/>
<$button class="tc-btn-invisible" actions="""<$action-sendmessage $message="tm-add-tag" $param=$clickTag2$/><$action-sendmessage $message="tm-remove-tag" $param=$listTag$/>""">
<$transclude tiddler="$icon2$">y</$transclude>
</$button>
<br>
</$fieldmangler>
</$list>
\end

\define buttonlisttable2(listTag clickTag icon clickTag2 icon2)
<table>
<tr>
<td>$clickTag$</td>
<th>$listTag$</th>
<td>$clickTag2$</td>
</tr>
<$list filter=[tag[$listTag$]!is[system]!sort[created]]>
<$fieldmangler tiddler=<<currentTiddler>>>
<tr>
<td><$button class="tc-btn-invisible" style="width:100%" actions="""<$action-sendmessage $message="tm-add-tag" $param=$clickTag$/><$action-sendmessage $message="tm-remove-tag" $param=$listTag$/>""">
<$transclude tiddler="$icon$">x</$transclude>
</$button></td>
<td><$link to=<<currentTiddler>> text=<<currentTiddler>>/></td>
<td><$button class="tc-btn-invisible" style="width:100%" actions="""<$action-sendmessage $message="tm-add-tag" $param=$clickTag2$/><$action-sendmessage $message="tm-remove-tag" $param=$listTag$/>""">
<$transclude tiddler="$icon2$">y</$transclude>
</$button></td>
</tr>
</$fieldmangler>
</$list>
</table>
\end

A handful of macros to list tiddlers by a tag (called listTag), with a button to replace the tag with a different one (called clickTag).

An image or svg tiddler can be specified as the icon (called iconTiddler), otherwise it will just use an "x".

To have the tiddlers shown in a nice table, use the `buttonlisttable` macro!

If you would like to have 2 options for tags, use the `buttonlist2` or `buttonlisttable2` macros, which support another button on the right side of the text that can switch to a second tag.

!!!Syntax:

`<<buttonlist listTag clickTag iconTiddler>>`

`<<buttonlist2 listTag clickTag iconTiddler clicktag2 iconTiddler2>>`

`<<buttonlisttable listTag clickTag iconTiddler>>`

`<<buttonlisttable2 listTag clickTag iconTiddler clicktag2 iconTiddler2>>`

!!!Example/Demo (tag some tiddlers with "now"):

---
!!My Todo List
!!!__Now__
`<<buttonlisttable2 now done $:/core/images/save-button pending $:/core/images/mail>>`

<<buttonlisttable2 now done $:/core/images/save-button pending $:/core/images/mail>>
!!! __Done__
`<<buttonlisttable done now $:/core/images/up-arrow>>`

<<buttonlisttable done now $:/core/images/up-arrow>>

!!!__Pending__
`<<buttonlisttable pending now $:/core/images/up-arrow>>`

<<buttonlisttable pending now $:/core/images/up-arrow>>