templates/rrs: Recipes and Maintainers UI search improvments

Display button without btn-info to give consistency in the UI.
Don't display clear search button when search isn't active.

Signed-off-by: Aníbal Limón <anibal.limon@linux.intel.com>
This commit is contained in:
Aníbal Limón 2015-02-23 07:55:23 +00:00
parent 116663d579
commit db73f3bc16
2 changed files with 19 additions and 17 deletions

View File

@ -26,10 +26,10 @@
</ul>
<form id="form-search" class="pull-right input-append">
<input type="text" class="input-xlarge" placeholder="Search maintainers" id="filter">
<a class="add-on btn" id="clear-search-btn">
<a class="add-on btn" id="clear-search-btn" style="display:none">
<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" id="btn-search">Search</button>
</form>
</div>
</div>
@ -156,11 +156,13 @@ $(document).ready(function() {
search_text = $("#filter").val()
$.uiTableFilter(statisticsTable, search_text);
updateMaintainerCount()
$("#clear-search-btn").show()
event.preventDefault();
});
function clearSearch() {
$.uiTableFilter(statisticsTable, '');
$("#clear-search-btn").hide()
$("#filter").val('')
updateMaintainerCount()
}

View File

@ -58,10 +58,10 @@
<form id="form-search" class="pull-right input-append">
<input type="text" class="input-xlarge" placeholder="Search all recipes" id="filter"/>
<a class="add-on btn" id="clear-search-btn">
<a class="add-on btn" style="display:none" 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" id="btn-search">Search</button>
</form>
</div>
</div>
@ -245,39 +245,39 @@ $(document).ready(function() {
upstreamStatus = 'All'
maintainer = 'All'
search_text = $("#filter").val()
$("#clear-search-btn").show()
applyFilters()
$.uiTableFilter(recipesTable, search_text);
updateRecipeCount()
event.preventDefault();
});
function clearSearch() {
$("#filter").val('')
$("#clear-search-btn").hide()
applyFilters()
updateRecipeCount()
}
$("#select-status a").click(function() {
upstreamStatus = this.text
applyFilters()
$("#filter").val('')
updateRecipeCount()
clearSearch()
});
$("#select-maintainer a").click(function() {
maintainer = this.text
applyFilters()
$("#filter").val('')
updateRecipeCount()
clearSearch()
});
function clearSearch() {
$("#view-all-recipes").click(function() {
upstreamStatus = 'All'
maintainer = 'All'
applyFilters()
$("#filter").val('')
updateRecipeCount()
}
$("#view-all-recipes").click(function() {
clearSearch()
});
$("#clear-search-btn").click(function() {
upstreamStatus = 'All'
maintainer = 'All'
clearSearch()
});