1
0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-07 18:03:48 +00:00

[file upload/update] show 'saving-tip' when progress became '100%'

This commit is contained in:
llj
2013-12-18 17:49:32 +08:00
parent d4b91e4a9a
commit 25a835568c
2 changed files with 8 additions and 0 deletions

View File

@@ -137,6 +137,8 @@
}, },
// Callback for successful uploads: // Callback for successful uploads:
done: function (e, data) { done: function (e, data) {
// hide 'saving-tip'. by lj.
$('.saving-tip', $(this)).addClass('hide');
var that = $(this).data('fileupload'), var that = $(this).data('fileupload'),
template; template;
if (data.context) { if (data.context) {
@@ -257,6 +259,10 @@
._renderExtendedProgress(data) ._renderExtendedProgress(data)
); );
}); });
// show 'saving' after progress becomes '100%', modified for files in big size. by lj, Wed Dec 18 15:29:19 CST 2013
if (data.loaded > 0 && data.loaded == data.total) {
$this.find('.saving-tip').removeClass('hide');
}
}, },
// Callback for uploads start, equivalent to the global ajaxStart event: // Callback for uploads start, equivalent to the global ajaxStart event:
start: function (e) { start: function (e) {

View File

@@ -100,6 +100,7 @@
</div> </div>
<div class="progress-extended"></div> <div class="progress-extended"></div>
</div> </div>
<p class="saving-tip alc hide"><img src="{{MEDIA_URL}}img/loading-icon.gif" alt="" style="margin-right:5px;" class="vam" />{% trans "Saving..." %}</p>
</div> </div>
<table class="table table-striped"><tbody class="files" data-toggle="modal-gallery" data-target="#modal-gallery"></tbody></table> <table class="table table-striped"><tbody class="files" data-toggle="modal-gallery" data-target="#modal-gallery"></tbody></table>
{% endif %} {% endif %}
@@ -135,6 +136,7 @@
</div> </div>
<div class="progress-extended"></div> <div class="progress-extended"></div>
</div> </div>
<p class="saving-tip alc hide"><img src="{{MEDIA_URL}}img/loading-icon.gif" alt="" style="margin-right:5px;" class="vam" />{% trans "Saving..." %}</p>
</div> </div>
<table class="table table-striped"><tbody class="files" data-toggle="modal-gallery" data-target="#modal-gallery"></tbody></table> <table class="table table-striped"><tbody class="files" data-toggle="modal-gallery" data-target="#modal-gallery"></tbody></table>
{% endif %} {% endif %}