haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-21 03:18:23 +00:00
Code Issues Releases Wiki Activity

[image-preivew] abort ajax request if mouse leave preview wrap

Browse Source
This commit is contained in:
lian
2015-03-02 15:12:10 +08:00
parent 921c6cebcf
commit 52d23ed46e
1 changed files with 42 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
seahub/templates/repo.html
View File

@@ -2370,7 +2370,7 @@ function updateCmt() {
{% endif %} {% endif %}
{% if not repo.encrypted and ENABLE_THUMBNAIL %} {% if not repo.encrypted and ENABLE_THUMBNAIL %}
var timer, var timer, ajaxRequest = $.ajax(),
default_size = {{PREVIEW_DEFAULT_SIZE}}, default_size = {{PREVIEW_DEFAULT_SIZE}},
preview_wrap = $('<div id="preview-wrap"><img id="image-preview" src="" alt=""/><div class="outer-caret right-outer-caret"><div class="inner-caret"></div></div></div>') preview_wrap = $('<div id="preview-wrap"><img id="image-preview" src="" alt=""/><div class="outer-caret right-outer-caret"><div class="inner-caret"></div></div></div>')
.appendTo("body") .appendTo("body")
@@ -2385,7 +2385,7 @@ $("#repo-file-list").on({
file_item = thumbnail.closest('.file-item'); file_item = thumbnail.closest('.file-item');
timer = setTimeout(function () { timer = setTimeout(function () {
$.ajax({ ajaxRequest = $.ajax({
url: '{% url 'thumbnail_create' repo.id %}?path=' + e(cur_path+file_item.attr('data-name')) + '&size=' + default_size, url: '{% url 'thumbnail_create' repo.id %}?path=' + e(cur_path+file_item.attr('data-name')) + '&size=' + default_size,
cache: false, cache: false,
dataType: 'json', dataType: 'json',
@@ -2424,11 +2424,20 @@ $("#repo-file-list").on({
}).fadeIn(); }).fadeIn();
} }
}, },
error: ajaxErrorHandler error: function(xhr, textStatus, errorThrown) {
if (textStatus != "abort") {
if (xhr.responseText) {
feedback($.parseJSON(xhr.responseText).error, 'error');
} else {
feedback("{% trans "Failed. Please check the network." %}", 'error');
};
};
}
}); });
}, 200); }, 200);
}, },
mouseleave: function() { mouseleave: function() {
ajaxRequest.abort();
clearTimeout(timer); clearTimeout(timer);
preview_wrap.hide(); preview_wrap.hide();
image_preview.attr('src', ''); // for ff. In ff, when hover, the last preview image would be shown first, then the right one. image_preview.attr('src', ''); // for ff. In ff, when hover, the last preview image would be shown first, then the right one.