Does it exist? Filter list by clicking multiple tag pills

[DaveGifford]

Just wondering if someone has made something like what I am imagining:

A list (or list-search) of all tiddlers, with the list of tags above it. As you click a tag pill, it filters to the tiddlers with that tag. As you click another tag, it filters the list to tiddlers with both of those tags. I suppose clicking a tag a second time would unselect it, or there could be a button to remove tags from the list filter.

Use case: quickly filter search for #person AND Philosophy. search for #idea AND Emotions. search for #source AND [[Personality theory]].

Currently to do this you need to a) open Advanced search, b) Click filter tab, c) Type in the correct filter, if you know how.

This seems like it would be a nice potential tool to make filtering list results easier for non-tech users.

[EricShulman]

Give this a try: TiddlyTools/Search/Tags

The list of tags is shown using checkboxes. As you check specific tag values, it shows two lists.
The first list includes tiddlers that have all the checked tag values (i.e., “AND”)
The second list includes tiddlers that have at at least one of the checked tag values (i.e., “OR”).

-e

[TW_Tones]

I expect erics solution will be more than enough, however there is provision to use an alternative tag field on some elements of tiddlywiki script. See the Tag Picker macro which includes additional parameters. You could use this alternative tag field as input to your filter.

• I have researched the current tag editor in the past and my memory is it was hard to clone to permit use additional full editor on an alternate fieldname.

<<tag-picker tagField=filter-tags>><$list filter="[enlist{!!filter-tags}]">
<<tag>>
</$list>

The above is this the custom tag picker, that also displays those selected. This can be used to drive your list.

However it is clear, especially in this case , that you may want to remove an alternative tag, as often you may want to add them. I will return with a remove option if find one

\define target-field() filter-tags
\procedure remove-button(fieldname)
<!-- remove currentTiddler from fieldname on storyTiddler -->
<$button class="tc-btn-invisible">
<$action-listops $tiddler=<<storyTiddler>> $field=<<fieldname>> $subfilter="-[<currentTiddler>]"/>
X
</$button>
\end remove-button


<$macrocall $name=tag-picker tagField=<<target-field>> /><$list filter="[all[current]get<target-field>enlist-input[]]"><<tag>><$macrocall $name=remove-button fieldname=<<target-field>> />&nbsp;&nbsp;</$list>

This allows you to add and remove “tags” from an alternative tag field, set target-field

Next using the alternative tag field to drive a list filter;

[TW_Tones]

As I started to look at the resulting list, I realised the may be an advantage to allow and/or one one or more tags, this would be much more involved but a better solution, something which I did some time ago. You could have two selection methods, one which added +[[tagname1]] and/or -[[tagname2]] then we could use this in a subfilter (or something) to list all tiddlers with tagname1 and NOT taganame2.

For now I will leave the list to you but do reach out if you need assistance.

[DaveGifford]

Thank you both, @EricShulman and @TW_Tones !

I stripped down Eric’s solution and got this. Excellent!

Tones, there are two issues with your solution, FYI: 1) The pop up window with the tags covers everything else, so I can’t see that anything is happening. 2) It does not produce a list of the tiddlers tagged with both, just a list of the tags I chose.

Thank you for trying, though!

[DaveGifford]

I have a feeling that tag list is going to get long, pushing the results off screen. So I tweaked Eric’s macro into a table.

[TW_Tones]

@DaveGifford

Tones, there are two issues with your solution, FYI: 1) The pop up window with the tags covers everything else, so I can’t see that anything is happening. 2) It does not produce a list of the tiddlers tagged with both, just a list of the tags I chose.

There must be some changes in your wiki causing this because I tested it on Tiddlywiki.com, but the most important thing is you have a solution

Another alternative may be using the select widget with the “multiple” parameter but it is still a vertical list, though it is scrollable. That all depends on the size of the list and your interface preferences. It however reminds me there are many ways to do the same thing on TiddlyWiki

[Ste_W]

Here’s another one:

First Year Section Filters.json (3.1 KB)