rrs: UI add clear search button in Recipes and Maintainers

This enables the user to clear current search content and restore
the orginial status.

Signed-off-by: Aníbal Limón <anibal.limon@linux.intel.com>
This commit is contained in:
Aníbal Limón 2015-02-19 11:57:24 +00:00
parent ee854d5afe
commit 2f3281d447
2 changed files with 30 additions and 6 deletions

View File

@ -24,8 +24,11 @@
<span class="badge" style="margin-top:11px;"></span> <span class="badge" style="margin-top:11px;"></span>
</li> </li>
</ul> </ul>
<form id="form-search" class="navbar-form pull-right"> <form id="form-search" class="pull-right input-append">
<input type="text" class="input-xxlarge" placeholder="Search maintainers" id="filter"> <input type="text" class="input-xlarge" placeholder="Search maintainers" id="filter">
<a class="add-on btn" id="clear-search-btn">
<i class="icon-remove"></i>
</a>
<button type="submit" value="Search" class="btn btn-info" id="btn-search">Search</button> <button type="submit" value="Search" class="btn btn-info" id="btn-search">Search</button>
</form> </form>
</div> </div>
@ -156,10 +159,18 @@ $(document).ready(function() {
event.preventDefault(); event.preventDefault();
}); });
$("#view-all-maintainers").click(function() { function clearSearch() {
$.uiTableFilter(statisticsTable, ''); $.uiTableFilter(statisticsTable, '');
$("#filter").val('') $("#filter").val('')
updateMaintainerCount() updateMaintainerCount()
}
$("#view-all-maintainers").click(function() {
clearSearch()
});
$("#clear-search-btn").click(function() {
clearSearch()
}); });
{% if maintainer_count > 0 %} {% if maintainer_count > 0 %}

View File

@ -56,8 +56,11 @@
</li> </li>
</ul> </ul>
<form id="form-search" class="navbar-form pull-right"> <form id="form-search" class="pull-right input-append">
<input type="text" class="input-xxlarge" placeholder="Search all recipes" id="filter"/> <input type="text" class="input-xlarge" placeholder="Search all recipes" id="filter"/>
<a class="add-on btn" id="clear-search-btn">
<i class="icon-remove"></i>
</a>
<button type="submit" value="Search" class="btn btn-info" id="btn-search">Search</button> <button type="submit" value="Search" class="btn btn-info" id="btn-search">Search</button>
</form> </form>
</div> </div>
@ -262,14 +265,24 @@ $(document).ready(function() {
updateRecipeCount() updateRecipeCount()
}); });
$("#view-all-recipes").click(function() { function clearSearch() {
upstreamStatus = 'All' upstreamStatus = 'All'
maintainer = 'All' maintainer = 'All'
applyFilters() applyFilters()
$("#filter").val('') $("#filter").val('')
updateRecipeCount() updateRecipeCount()
}
$("#view-all-recipes").click(function() {
clearSearch()
}); });
$("#clear-search-btn").click(function() {
clearSearch()
});
$(".icon-remove").tooltip( {container: 'body', html: true, title: "Clear search" });
{% if recipe_list_count > 0 %} {% if recipe_list_count > 0 %}
$(recipesTable).tablesorter({ $(recipesTable).tablesorter({
sortList: [[0,0], [3,0], [4,0]], sortList: [[0,0], [3,0], [4,0]],