friendica/view/theme/frio/templates/searchbox.tpl
Hypolite Petovan 50622d27d1 [frio] Restore focus styles
- Replace .btn-main by .btn-primary
- Harmonize focus styles between buttons and form controls based on the theme scheme
2020-04-27 09:43:46 -04:00

59 lines
2.2 KiB
Smarty

{{* important notes: The frio theme hides under certain conditions some parts of the templates through css.
Some parts of this template will be moved by js to other places (see theme.js) - E.g. the save-search button *}}
<div id="{{$id}}" {{* class="input-group" *}}>
<div id="search-wrapper">
<form action="search" method="get">
<div class="row">
<div class="col-md-2"></div>
<div class="col-md-8 ">
<div class="form-group form-group-search">
<input type="text" name="q" id="search-text" class="search-input form-control form-search" data-toggle="tooltip" title="{{$search_hint}}" placeholder="{{$search_label}}" value="{{$s}}" />
<button id="search-submit" class="btn btn-default btn-sm form-button-search" type="submit">{{$search_label}}</button>
</div>
<div class="col-md-4"></div>
<div class="col-md-8">
{{* The button to save searches *}}
{{if $s}}
<a href="search/saved/add?term={{$q}}&amp;return_url={{$return_url}}" class="btn btn-primary btn-small pull-right">{{$save_label}}</a>
{{/if}}
{{* The select popup menu to select what kind of results the user would like to search for *}}
{{if $search_options}}
<div class="col-md-6 pull-right">
<div class="form-group field select">
<select name="search-option" id="search-options" class="form-control form-control-sm">
{{foreach $search_options as $value => $label}}
<option value="{{$value}}">{{$label}}</option>
{{/foreach}}
</select>
</div>
</div>
{{/if}}
</div>
</div>
<div class="col-md-2"></div>
<div class="clearfix"></div>
</div>
</form>
</div>
{{if $s}}
<a href="search/saved/add?term={{$q}}&amp;return_url={{$return_url}}" class="btn btn-sm btn-primary pull-right" id="search-save" title="{{$save_label}}" aria-label="{{$save_label}}" value="{{$save_label}}" data-toggle="tooltip">
{{if $mode == "tag"}}
<i class="fa fa-plus fa-2x" aria-hidden="true"></i>
{{else}}
<i class="fa fa-floppy-o fa-2x" aria-hidden="true"></i>
{{/if}}
<span class="sr-only">{{$save_label}}</span>
</a>
{{/if}}
</div>