Filter story river: filtering the Story River by the search input field

core/ui/KeyboardShortcuts/filter-river.tid

@@ -0,0 +1,9 @@
+title: $:/core/ui/KeyboardShortcuts/filter-river
+tags: $:/tags/KeyboardShortcut
+key: ((filter-river))
+
+<%if [{$:/state/story-river/filter}!match[yes]] %>
+ <$action-setfield $tiddler="$:/state/story-river/filter" text="yes"/>
+<% else %>
+ <$action-deletetiddler $tiddler="$:/state/story-river/filter"/>
+<% endif %>

core/ui/PageTemplate/story.tid

@@ -14,7 +14,7 @@ tags: $:/tags/PageTemplate
 
 </section>
 
-<$list filter="[list[$:/StoryList]]" history="$:/HistoryList" template="$:/core/ui/StoryTiddlerTemplate" storyview={{$:/view}} emptyMessage={{$:/config/EmptyStoryMessage}}/>
+<$list filter=<<tf.story-river.filter>> history="$:/HistoryList" template="$:/core/ui/StoryTiddlerTemplate" storyview={{$:/view}} emptyMessage={{$:/config/EmptyStoryMessage}}/>
 
 <section class="story-frontdrop">
 

core/ui/SideBarSegments/search.tid

@@ -67,6 +67,14 @@ tags: $:/tags/SideBarSegment
 <<advanced-search-actions>>
 {{$:/core/images/advanced-search-button}}
 </$button>
+<$button tooltip="filter" class={{{ [{$:/state/story-river/filter}match[yes]then[tc-selected]] tc-btn-invisible +[join[ ]] }}}>
+<%if [{$:/state/story-river/filter}!match[yes]] %>
+<$action-setfield $tiddler="$:/state/story-river/filter" text="yes"/>
+<% else %>
+<$action-deletetiddler $tiddler="$:/state/story-river/filter"/>
+<% endif %>
+{{$:/core/images/github}}
+</$button>
 <$button class="tc-btn-invisible">
 <<cancel-search-actions>><$action-sendmessage $message="tm-focus-selector" $param=".tc-search input"/>
 {{$:/core/images/close-button}}

core/wiki/config/ShortcutInfo.multids

@@ -8,6 +8,7 @@ cancel-edit-tiddler: {{$:/language/Buttons/Cancel/Hint}}
 change-sidebar-layout: {{$:/language/Shortcuts/SidebarLayout/Hint}}
 delete-field: {{$:/language/EditTemplate/Field/Remove/Hint}}
 excise: {{$:/language/Buttons/Excise/Hint}}
+filter-river: Filter the Story River
 heading-1: {{$:/language/Buttons/Heading1/Hint}}
 heading-2: {{$:/language/Buttons/Heading2/Hint}}
 heading-3: {{$:/language/Buttons/Heading3/Hint}}

core/wiki/config/StoryFilterFields.tid

@@ -0,0 +1,3 @@
+title: $:/config/StoryFilter/fields
+
+*

core/wiki/config/StoryFilterFlags.tid

@@ -0,0 +1,3 @@
+title: $:/config/StoryFilter/flags
+
+words

core/wiki/config/shortcuts/shortcuts.multids

@@ -7,6 +7,7 @@ cancel-edit-tiddler: escape
 change-sidebar-layout: shift-alt-Down
 delete-field: shift-alt-D
 excise: ctrl-E
+filter-river: alt-F
 sidebar-search: ctrl-shift-F
 heading-1: ctrl-1
 heading-2: ctrl-2

core/wiki/functions/search.tid

@@ -0,0 +1,13 @@
+title: $:/core/wiki/functions/search
+tags: $:/tags/Global
+
+\procedure prefix.bracket() [
+\procedure suffix.bracket() ]
+
+\function tf.story-river.subfilter() [[{$:/state/story-river/filter}]addprefix[$(prefix.bracket)$]substitute[]addsuffix[match]addsuffix[$(prefix.bracket)$]substitute[]addsuffix[yes]addsuffix[$(suffix.bracket)$]substitute[]addsuffix[then<currentTiddler>!is]addsuffix[$(prefix.bracket)$]substitute[]addsuffix[draft]addsuffix[$(suffix.bracket)$]substitute[]addsuffix[search:]addsuffix{$:/config/StoryFilter/fields}addsuffix[:]addsuffix{$:/config/StoryFilter/flags}addsuffix[{$:/temp/search/input}]addsuffix[$(suffix.bracket)$]substitute[]addsuffix[ ~]addsuffix[$(prefix.bracket)$]substitute[]addsuffix[<currentTiddler>is]addsuffix[$(prefix.bracket)$]substitute[]addsuffix[draft]addsuffix[$(suffix.bracket)$]substitute[]addsuffix[$(suffix.bracket)$]substitute[]]
+
+\function tf.story-river.filter() [[list]addprefix[$(prefix.bracket)$]substitute[]addsuffix[$(prefix.bracket)$]substitute[]addsuffix[$:/StoryList]addsuffix[$(suffix.bracket)$]substitute[]addsuffix[$(suffix.bracket)$]substitute[]addsuffix[ :filter]addsuffix[$(prefix.bracket)$]substitute[]addsuffix[subfilter<tf.story-river.subfilter>]addsuffix[else{$:/state/story-river/filter}!match]addsuffix[$(prefix.bracket)$]substitute[]addsuffix[yes]addsuffix[$(suffix.bracket)$]substitute[]addsuffix[then<currentTiddler>]addsuffix[$(suffix.bracket)$]substitute[]]
+
+\function tf.story-river.subfilter.match() [[{$:/state/story-river/filter}]addprefix[$(prefix.bracket)$]substitute[]addsuffix[match]addsuffix[$(prefix.bracket)$]substitute[]addsuffix[yes]addsuffix[$(suffix.bracket)$]substitute[]addsuffix[then<currentTiddler>search:]addsuffix{$:/config/StoryFilter/fields}addsuffix[:]addsuffix{$:/config/StoryFilter/flags}addsuffix[{$:/temp/search/input}]addsuffix[$(suffix.bracket)$]substitute[]]
+
+\function tf.story-river.filter.match() [[list]addprefix[$(prefix.bracket)$]substitute[]addsuffix[$(prefix.bracket)$]substitute[]addsuffix[$:/StoryList]addsuffix[$(suffix.bracket)$]substitute[]addsuffix[$(suffix.bracket)$]substitute[]addsuffix[ :filter]addsuffix[$(prefix.bracket)$]substitute[]addsuffix[subfilter<tf.story-river.subfilter.match>]addsuffix[else{$:/state/story-river/filter}!match]addsuffix[$(prefix.bracket)$]substitute[]addsuffix[yes]addsuffix[$(suffix.bracket)$]substitute[]addsuffix[then<currentTiddler>]addsuffix[$(suffix.bracket)$]substitute[]]

themes/tiddlywiki/vanilla/filter.tid

@@ -0,0 +1,34 @@
+title: $:/themes/tiddlywiki/vanilla/filter
+tags: $:/tags/Stylesheet
+
+\rules only filteredtranscludeinline transcludeinline macrodef macrocallinline macrocallblock conditional html
+
+<%if [{$:/state/story-river/filter}match[yes]] %>
+
+ .tc-story-river {
+ background: repeating-linear-gradient(
+ to right,
+ <<colour page-background>>,
+ <<colour page-background>> 10px,
+ <<colour tiddler-background>> 10px,
+ <<colour tiddler-background>> 20px
+ );
+ }
+
+ <%if [{$:/temp/search/input}!is[blank]] %>
+
+ <$list filter=<<tf.story-river.filter.match>> variable="filteredTiddler">
+
+ <$set name="CSSEscapedTitle" value={{{ [<filteredTiddler>escapecss[]] }}}>
+
+ [data-tiddler-title={{{ [<CSSEscapedTitle>] }}}].tc-tiddler-frame {
+ border: 3px solid <<colour primary>>;
+ }
+
+ </$set>
+
+ </$list>
+
+ <% endif %>
+
+<% endif %>