engineering/unrhodecode
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

ui: added search icon and spinner when search is performing.

Browse source
This commit is contained in:
Marcin Kuzminski 2019-11-24 11:14:48 +01:00
parent 3b175af5c7
commit de152053d4
2 changed files with 15 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

5
rhodecode/public/css/navigation.less
View file

@ -754,7 +754,10 @@ ul#context-pages {
background-color: @black !important;
margin-right: 0;
}
.searchTagIcon {
margin: 0;
background: @black !important;
}
.searchTagHelp {
background-color: @grey1 !important;
margin: 0;

12
rhodecode/templates/base/base.mako
View file

@ -708,6 +708,10 @@
<div class="main_filter_input_box">
<ul class="searchItems">
<li class="searchTag searchTagIcon">
<i class="icon-search"></i>
</li>
% if c.template_context['search_context']['repo_id']:
<li class="searchTag searchTagFilter searchTagHidable" >
##<a href="${h.route_path('search_repo',repo_name=c.template_context['search_context']['repo_name'])}">
@ -1026,7 +1030,13 @@
alert("Error during search.\nError code: {0}".format(textStatus));
window.location = '';
}
}
},
onSearchStart: function (params) {
$('.searchTag.searchTagIcon').html('<i class="icon-spin animate-spin"></i>')
},
onSearchComplete: function (query, suggestions) {
$('.searchTag.searchTagIcon').html('<i class="icon-search"></i>')
},
});
showMainFilterBox = function () {