haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-08-17 14:37:58 +00:00
Code Issues Releases Wiki Activity

[fileupload] improved 'fileupdate confirm' code

Browse Source
This commit is contained in:
llj 2015-03-30 20:41:38 +08:00 committed by Daniel Pan
parent 0ff3feaf24
commit 86f5efbf28
2 changed files with 20 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
media/scripts/app/views/fileupload.js
View File

@ -26,6 +26,8 @@ define([
var FileUploadView = Backbone.View.extend({ var FileUploadView = Backbone.View.extend({
el: $('#upload-file-dialog'), el: $('#upload-file-dialog'),
fileupdateConfirmTemplate: _.template($("#fileupdate-confirm-template").html()),
initialize: function (options) { initialize: function (options) {
var dirView = this.dirView = options.dirView; var dirView = this.dirView = options.dirView;
var dirents = dirView.dir; var dirents = dirView.dir;
@ -54,6 +56,7 @@ define([
var new_dir_names = []; var new_dir_names = [];
var dirs_to_update = []; var dirs_to_update = [];
var _this = this;
popup.fileupload({ popup.fileupload({
paramName: 'file', paramName: 'file',
// customize it for 'done' // customize it for 'done'
@ -191,7 +194,11 @@ define([
file_names.push(this.get('obj_name')); file_names.push(this.get('obj_name'));
}); });
if (file_names.indexOf(file.name) != -1) { // file with the same name already exists in the dir if (file_names.indexOf(file.name) != -1) { // file with the same name already exists in the dir
var confirm_popup = $('#confirm-popup'); var confirm_title = gettext("Replace file {filename}?")
.replace('{filename}', '<span class="op-target">' + Common.HTMLescape(file.name) + '</span>');
var confirm_popup = $(_this.fileupdateConfirmTemplate({
title: confirm_title
}));
confirm_popup.modal({ confirm_popup.modal({
onClose: function() { onClose: function() {
$.modal.close(); $.modal.close();
@ -205,19 +212,11 @@ define([
} }
} }
}); });
$('#simplemodal-container').css({'width':'auto', 'height':'auto'}); $('.yes', confirm_popup).click(function() {
var confirm_msg = gettext("Replace file {filename}?")
.replace('{filename}', '<span class="op-target">' + Common.HTMLescape(file.name) + '</span>');
var confirm_msg_detail = gettext("A file with the same name already exists in this folder.") + '<br />' + gettext("Replacing it will overwrite its content.");
var upload_btn = $('<button id="not-replace" class="btn">' + gettext("Don't replace") + '</button>').css({'margin-left': '8px'});
$('#confirm-con').html('<h3>' + confirm_msg + '</h3><p>' + confirm_msg_detail + '</p>');
$('#confirm-yes').html(gettext("Replace")).after(upload_btn);
$('.simplemodal-close', confirm_popup).html(gettext("Cancel"));
$('#confirm-yes').click(function() {
file.choose_to_update = true; file.choose_to_update = true;
$.modal.close(); $.modal.close();
}); });
upload_btn.click(function() { $('.no', confirm_popup).click(function() {
file.choose_to_upload = true; file.choose_to_upload = true;
$.modal.close(); $.modal.close();
}); });

10
seahub/templates/js/lib-op-popups.html
View File

@ -112,3 +112,13 @@
<button type="submit" class="submit">{% trans "Submit" %}</button> <button type="submit" class="submit">{% trans "Submit" %}</button>
</form> </form>
</script> </script>
<script type="text/template" id="fileupdate-confirm-template">
<div>
<h3><%= title %></h3>
<p>{% trans "A file with the same name already exists in this folder." %}<br />{% trans "Replacing it will overwrite its content." %}</p>
<button class="yes btn">{% trans "Replace" %}</button>
<button class="no btn" style="margin-left:5px;">{% trans "Don't replace" %}</button>
<button class="simplemodal-close btn">{% trans "Cancel" %}</button>
</div>
</script>