[core] File chooser should have a refresh icon
_parent.previousPath = path;
_parent.options.onNavigate(_parent.previousPath);
- var $search = $('<div>').html('<i class="fa fa-search inactive-action pointer" style="position: absolute; top: 3px"></i><input type="text" class="small-search" style="display: none; width: 0; padding-left: 20px">').css({
+ var $search = $('<div>').html('<i class="fa fa-refresh inactive-action pointer" style="position: absolute; top: 3px; margin-left: -16px"></i> <i class="fa fa-search inactive-action pointer" style="position: absolute; top: 3px"></i><input type="text" class="small-search" style="display: none; width: 0; padding-left: 20px">').css({
'position': 'absolute',
'right': '20px',
'background-color': '#FFF',
'width': '0'
}, 100, function(){
$search.find('input').hide();
+ $search.find('.fa-refresh').show();
});
}
}
});
- $search.find('i').on('click', function(){
+ $search.find('.fa-search').on('click', function(){
if ($searchInput.is(':visible')){
slideOutInput();
}
else {
+ $search.find('.fa-refresh').hide();
$searchInput.show().animate({
'width': '100px'
}, 100, function(){
}
});
+ $search.find('.fa-refresh').on('click', function(){
+ _parent.navigateTo(path);
+ });
+
$search.appendTo($(_parent.element).find('.filechooser-tree'));
var $homeBreadcrumb = $("<ul>").addClass("hueBreadcrumb").css({
var resizeBreadcrumbs = window.setInterval(function(){
if ($homeBreadcrumb.is(':visible') && $homeBreadcrumb.width() > 0){
window.clearInterval(resizeBreadcrumbs);
- $scrollingBreadcrumbs.width($(_parent.element).find('.filechooser-tree').width() - $homeBreadcrumb.width() - 50);
+ $scrollingBreadcrumbs.width($(_parent.element).find('.filechooser-tree').width() - $homeBreadcrumb.width() - 65);
}
}, 100);
