frio: saved_searches_aside & searchbox template

This commit is contained in:
rabuzarus 2016-06-07 15:29:38 +02:00
parent 1dd77ee443
commit 3a368214c0
5 changed files with 85 additions and 3 deletions

View file

@ -975,6 +975,7 @@ function search($s,$id='search-box',$url='search',$save = false, $aside = true)
'$search_label' => t('Search'),
'$save_label' => t('Save'),
'$savedsearch' => feature_enabled(local_user(),'savedsearch'),
'$search_hint' => t('@name, !forum, #tags, content'),
);
if (!$aside) {

View file

@ -138,6 +138,12 @@ a#item-delete-selected {
padding: 4px 8px;
font-size: 12px;
}
.btn-small {
padding: 6px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.btn-primary {
background: $nav_bg;
color: $btn_primary_color !important;
@ -186,6 +192,13 @@ a#item-delete-selected {
background: $link_hover_color;
}
.form-control-sm, .input-group-sm>.form-control, .input-group-sm>.input-group-addon, .input-group-sm>.input-group-btn>.btn {
padding: .275rem .75rem;
/*font-size: .875rem;*/
line-height: 1.5;
height: 30px;
border-radius: .2rem;
}
/* Bootstrap media class fix/hack
* This is a test. I thought it does have some
* issues in some corner cases. Maybe we remove
@ -939,15 +952,18 @@ aside #follow-sidebar .form-group-search .form-button-search {
padding: 2px 8px;
}
aside #group-sidebar .group-edit-tool {
aside #group-sidebar .group-edit-tool,
aside #saved-search-list .savedsearchdrop {
opacity: 0.1;
transition: all 0.25s ease-in-out;
}
aside #group-sidebar .sidebar-group-li:hover .group-edit-tool {
aside #group-sidebar .sidebar-group-li:hover .group-edit-tool,
aside #saved-search-list .saved-search-li:hover .savedsearchdrop {
opacity: 0.8;
transition: all 0.25s ease-in-out;
}
aside #group-sidebar .sidebar-group-li .group-edit-tool:hover {
aside #group-sidebar .sidebar-group-li .group-edit-tool:hover,
aside #saved-search-list .saved-search-li .savedsearchdrop:hover {
opacity: 1;
}

View file

@ -114,6 +114,9 @@ $(document).ready(function(){
}
});
// initialize the bootstrap-select
$('.selectpicker').selectpicker();
});
//function commentOpenUI(obj, id) {

View file

@ -0,0 +1,16 @@
{{if $saved}}
<div class="widget" id="saved-search-list">
<h3 id="search">{{$title}}</h3>
<ul role="menu" id="saved-search-ul">
{{foreach $saved as $search}}
<li role="menuitem" class="saved-search-li clear">
<a title="{{$search.delete}}" onclick="return confirmDelete();" id="drop-saved-search-term-{{$search.id}}" class="savedsearchdrop pull-right" href="network/?f=&amp;remove=1&amp;search={{$search.encodedterm}}"><i class="fa fa-trash" aria-hidden="true"></i></a>
<a id="saved-search-term-{{$search.id}}" class="savedsearchterm" href="network/?f=&amp;search={{$search.encodedterm}}">{{$search.term}}</a>
</li>
{{/foreach}}
</ul>
<div class="clearfix"></div>
</div>
{{/if}}

View file

@ -0,0 +1,46 @@
<div id="{{$id}}" {{* class="input-group" *}}>
<div id="search-wrapper">
<form action="{{$action_url}}" 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="search" 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" name="submit" value="{{$search_label}}">{{$search_label}}</button>
</div>
<div class="col-md-4"></div>
<div class="col-md-8">
{{* The button to save searches *}}
{{if $savedsearch}}
<button class="btn btn-primary btn-small pull-right" type="submit" name="save" id="search-save" value="{{$save_label}}">{{$save_label}}</button>
{{/if}}
{{* The select popup menu to select what kind of results the user would like to search for *}}
{{if $searchoption}}
<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">
<option value="fulltext">{{$searchoption.0}}</option>
<option value="tags">{{$searchoption.1}}</option>
<option value="contacts">{{$searchoption.2}}</option>
{{if $searchoption.3}}<option value="forums">{{$searchoption.3}}</option>{{/if}}
</select>
</div>
</div>
{{/if}}
</div>
</div>
<div class="col-md-2"></div>
<div class="clearfix"></div>
</div>
</form>
</div>
</div>