{{/* Value - value of the search field (for search results page) */}} {{/* Disabled (optional) - if search field/button has to be disabled */}} {{/* Placeholder (optional) - placeholder text to be used */}} {{/* Selected - the currently selected option */}} {{/* Options - options available to choose from */}} {{/* Tooltip (optional) - a tooltip to be displayed on button hover */}} <div class="ui small fluid action input"> {{template "shared/search/input" dict "Value" .Value "Disabled" .Disabled "Placeholder" .Placeholder}} <div class="ui small dropdown selection {{if .Disabled}} disabled{{end}}" data-tooltip-content="{{ctx.Locale.Tr "search.type_tooltip"}}"> <div class="text"> {{ctx.Locale.Tr (printf "search.%s" .Selected)}} </div> <div class="menu" data-test-tag="fuzzy-dropdown"> {{range $opt := .Options}} {{$isActive := eq $.Selected $opt}} <label class="{{if $isActive}}active {{end}}item" data-value="{{$opt}}" data-tooltip-content="{{ctx.Locale.Tr (printf "search.%s_tooltip" $opt)}}"> <input hidden type="radio" name="mode" value="{{$opt}}"{{if $isActive}} checked{{end}}/> {{ctx.Locale.Tr (printf "search.%s" $opt)}} </label> {{end}} </div> </div> {{template "shared/search/button" dict "Disabled" .Disabled "Tooltip" .Tooltip}} </div>