Show a partial list with an expandable "more" section

,
#21

Good point. Tried with an empty TW and ‘more’ macro works as expected. I’ll see which plugin is interfering. Thanks

#22

This code works fine for a new tiddler search.

How does it work for this integration:

\define close-simple-search()
<<simple-search-closeSearch>>
<$action-navigate $to=<<navigateTo>>/>
\end
<div class="tc-search-results">
<$linkcatcher actions=<<close-simple-search>>>
<div tabindex="0">
{{$:/plugins/telmiger/simple-search/SearchResultsPhrase}}
{{$:/plugins/telmiger/simple-search/SearchResultsTop}}
{{$:/plugins/telmiger/simple-search/SearchResultsOther}}
</div>
</$linkcatcher>
</div>

This will trigger this tiddler:
$:/plugins/telmiger/simple-search/SearchResultsPhrase

\define phrase()
<span style="font-size: 0.7em; font-weight: 600; color: rgba(204, 204, 255, 0.6); border-bottom: 1px solid rgba(204, 204, 255, 0.6);">
      //... als Phrase://
</span>&nbsp;
<span style="font-size: 0.5em; color: rgba(204, 204, 255, 0.6); margin-left: 2em;"> {{$:/temp/Suche/Phrase!!tag_selection}}</span>
<div class="show_tag_in_search"> ... Suche einschränken auf: &nbsp;<$edit-text tiddler="$:/temp/Suche/Phrase" field=tag_selection placeholder="Gruppe..." tag=input default=""/>
<$button class="tc-btn-invisible" set="$:/temp/Suche/Phrase!!tag_selection" setTo="" tooltip="Suchfeld löschen"> &nbsp; ↺ </$button>
</div> 
<$let tag_selection={{$:/temp/Suche/Phrase!!tag_selection}}>

<ul class="te-nav-list">
<<more "[!is[system]search:*:literal{$(searchTiddler)$}] :filter[enlist{!!tags}prefix:caseinsensitive<tag_selection>] +[!sort[erstellt]]" template:"$:/plugins/telmiger/simple-search/ui/ListItemTemplate" size:10 id:1>>
</ul>

\end

<style>
.show_tag_in_search {
   font-size: 0.55em; 
   color: rgba(204, 204, 255, 0.6); 
   float: right; 
   padding: 1em 1em 1em 10em ;
   vertical-align: middle; 
   opacity: 0;
   transition-duration: 1s; }

.show_tag_in_search:hover { 
   opacity: 1 !important; 
   cursor: pointer; }

</style>

<<phrase>>
#23

The important thing is to add the following to any $edit-text widgets that you are using to set the values of the searchTiddler text and the tag_selection fields.

That way, any time you change the search text or the tag selection, the more state will be reset.

-e

#24

I add mentioned code here:

<div class="tc-search-main">
<$edit-text tiddler=<<searchTiddler>> type="search" tag="input" focus={{$:/config/Search/AutoFocus}} focusPopup=<<qualify "$:/state/popup/search-dropdown">> class="tc-popup-handle" inputActions="<$action-deletetiddler $tiddler=<<moreTiddler>>/>"/>{{$:/plugins/telmiger/simple-search/ui/Buttons/advanced-search}}
<% if [<searchTiddler>get[text]minlength[1]] %>{{$:/plugins/telmiger/simple-search/ui/Buttons/clear-search}}
<% endif %>
</div>

correct?

(has no effect)

Add also in $:/plugins/telmiger/simple-search/SearchResultsPhrase

grafik
grafik1095×219 82.5 KB

#25

For the first problem, make sure you have defined <<moreTiddler>>, like this:

<$let moreTiddler="$:/temp/TiddlyTools/more">

For the second problem… macro definitions (\define ...) MUST occur at the beginning of the tiddler, before any wikitext.
Thus, you should move the \define showMore() ... \end block of code to the start of the tiddler, and then references using

<ul class="te-nav-list">
<<showMore>>
</ul>

-e

#26

I appreciate your support, @EricShulman.
It works perfect now.

Thanks again!
Stefan

#27

Please let me know what you find out. If there is some kind of interference, perhaps I can update my code to avoid it.

-e