mirrors/TiddlyWiki5
1
0
Fork 0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2025-08-09 07:15:39 +00:00
Code Issues Releases Wiki Activity

Truncate lists with an "expand" button

Browse Source
This commit is contained in:
Jeremy Ruston 2025-04-03 22:03:43 +01:00
parent 06dfe365be
commit 967e882040
1 changed files with 40 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

62
core/wiki/macros/inspect-filter.tid
View File

@ -4,28 +4,42 @@ tags: $:/tags/Macro
\whitespace trim \whitespace trim
\procedure inspect-list(jsonList,prompt,class:"tc-box") \procedure inspect-list(jsonList,prompt,class:"tc-box")
<div class=<<class>>> <$let transclusion={{{ [[list-]addsuffix<class>] }}}>
<div class="tc-box-header"> <div class=<<class>>>
<$text text=<<prompt>>/> <div class="tc-box-header">
<span class="tc-pill"><$text text={{{ [<jsonList>jsonindexes[]count[]] }}}/></span> <$text text=<<prompt>>/>
</div> <span class="tc-pill"><$text text={{{ [<jsonList>jsonindexes[]count[]] }}}/></span>
<div class="tc-box-content"> </div>
<div class="tc-box-content-list"> <div class="tc-box-content">
<$list filter="[<jsonList>jsonindexes[]]" variable="indexList"> <div class="tc-box-content-list">
<$list-template> <$let
<div class="tc-box-content-list-item"> state=<<qualify "$:/temp/filter-inspector">>
<$text text={{{ [<jsonList>jsonget<indexList>] }}} /> stateMaxRows={{{ [<state>addsuffix[max-rows]] }}}
</div> maxRows={{{ [<stateMaxRows>get[text]!match[]else[50]] }}}
</$list-template> >
<$list-empty> <$list filter="[<jsonList>jsonindexes[]limit<maxRows>]" variable="indexList">
<div class="tc-box-content-list-empty"> <$list-template>
(No items) <div class="tc-box-content-list-item">
</div> <$text text={{{ [<jsonList>jsonget<indexList>] }}} />
</$list-empty> </div>
</$list> </$list-template>
<$list-empty>
<div class="tc-box-content-list-empty">
(No items)
</div>
</$list-empty>
</$list>
<%if [<jsonList>jsonindexes[]count[]compare:number:gt<maxRows>] %>
<$button class="">
<$action-setfield $tiddler=<<stateMaxRows>> text={{{ [<maxRows>add[50]] }}}/>
Expand
</$button>
<%endif%>
</$let>
</div>
</div> </div>
</div> </div>
</div> </$let>
\end inspect-list \end inspect-list
\procedure inspect-operator(jsonOperator) \procedure inspect-operator(jsonOperator)
@ -72,7 +86,9 @@ tags: $:/tags/Macro
<div class="tc-box-content"> <div class="tc-box-content">
<$transclude $variable="inspect-list" jsonList={{{ [<jsonRun>jsonextract[input]] }}} prompt="Run Input" class="tc-box tc-inspect-input-box"/> <$transclude $variable="inspect-list" jsonList={{{ [<jsonRun>jsonextract[input]] }}} prompt="Run Input" class="tc-box tc-inspect-input-box"/>
<$list filter="[<jsonRun>jsonindexes[operators]]" variable="indexOperator"> <$list filter="[<jsonRun>jsonindexes[operators]]" variable="indexOperator">
<$transclude $variable="inspect-operator" jsonOperator={{{ [<jsonRun>jsonextract[operators],<indexOperator>] }}}/> <$let transclusion={{{ [[operator-]addsuffix<indexOperator>] }}}>
<$transclude $variable="inspect-operator" jsonOperator={{{ [<jsonRun>jsonextract[operators],<indexOperator>] }}}/>
</$let>
</$list> </$list>
<$transclude $variable="inspect-list" jsonList={{{ [<jsonRun>jsonextract[output]] }}} prompt="Run Output" class="tc-box tc-inspect-output-box"> <$transclude $variable="inspect-list" jsonList={{{ [<jsonRun>jsonextract[output]] }}} prompt="Run Output" class="tc-box tc-inspect-output-box">
</div> </div>
@ -89,7 +105,9 @@ tags: $:/tags/Macro
<div class="tc-box-content"> <div class="tc-box-content">
<$transclude $variable="inspect-list" jsonList={{{ [<json>jsonextract[input]] }}} prompt="Filter Input" class="tc-box tc-inspect-input-box"/> <$transclude $variable="inspect-list" jsonList={{{ [<json>jsonextract[input]] }}} prompt="Filter Input" class="tc-box tc-inspect-input-box"/>
<$list filter="[<json>jsonindexes[runs]]" variable="indexRun"> <$list filter="[<json>jsonindexes[runs]]" variable="indexRun">
<$transclude $variable="inspect-run" jsonRun={{{ [<json>jsonextract[runs],<indexRun>] }}}/> <$let transclusion={{{ [[run-]addsuffix<indexRun>] }}}>
<$transclude $variable="inspect-run" jsonRun={{{ [<json>jsonextract[runs],<indexRun>] }}}/>
</$let>
</$list> </$list>
<$transclude $variable="inspect-list" jsonList={{{ [<json>jsonextract[output]] }}} prompt="Filter Output" class="tc-box tc-inspect-output-box"/> <$transclude $variable="inspect-list" jsonList={{{ [<json>jsonextract[output]] }}} prompt="Filter Output" class="tc-box tc-inspect-output-box"/>
</div> </div>