2015-01-25 10:47:42 +00:00
|
|
|
define([
|
2015-01-30 11:36:42 +00:00
|
|
|
'jquery',
|
2015-03-02 06:07:55 +00:00
|
|
|
'jquery.ui.progressbar',
|
2015-02-11 06:45:59 +00:00
|
|
|
'simplemodal',
|
2015-01-30 11:36:42 +00:00
|
|
|
'underscore',
|
|
|
|
|
'backbone',
|
|
|
|
|
'common',
|
|
|
|
|
'file-tree',
|
|
|
|
|
'app/collections/dirents',
|
2015-02-01 06:15:00 +00:00
|
|
|
'app/views/dirent',
|
2015-02-13 08:33:19 +00:00
|
|
|
'app/views/fileupload',
|
2015-03-18 02:45:13 +00:00
|
|
|
'app/views/share',
|
2015-01-30 11:36:42 +00:00
|
|
|
'text!' + app.config._tmplRoot + 'dir-op-bar.html',
|
|
|
|
|
'text!' + app.config._tmplRoot + 'path-bar.html',
|
2015-03-02 06:07:55 +00:00
|
|
|
], function($, progressbar, simplemodal, _, Backbone, Common, FileTree, DirentCollection, DirentView,
|
2015-03-18 02:45:13 +00:00
|
|
|
FileUploadView, ShareView, DirOpBarTemplate, PathBarTemplate) {
|
2015-01-30 11:36:42 +00:00
|
|
|
'use strict';
|
|
|
|
|
|
|
|
|
|
var DirView = Backbone.View.extend({
|
|
|
|
|
el: $('#dir-view'),
|
2015-03-18 02:45:13 +00:00
|
|
|
|
2015-01-30 11:36:42 +00:00
|
|
|
path_bar_template: _.template(PathBarTemplate),
|
|
|
|
|
dir_op_bar_template: _.template(DirOpBarTemplate),
|
2015-01-30 11:47:17 +00:00
|
|
|
newDirTemplate: _.template($("#add-new-dir-form-template").html()),
|
|
|
|
|
newFileTemplate: _.template($("#add-new-file-form-template").html()),
|
2015-03-02 06:07:55 +00:00
|
|
|
mvcpTemplate: _.template($("#mvcp-form-template").html()),
|
|
|
|
|
mvProgressTemplate: _.template($("#mv-progress-popup-template").html()),
|
2015-01-30 11:36:42 +00:00
|
|
|
|
|
|
|
|
initialize: function(options) {
|
|
|
|
|
this.$dirent_list = this.$('.repo-file-list tbody');
|
|
|
|
|
this.$path_bar = this.$('.path');
|
|
|
|
|
// For compatible with css, we use .repo-op instead of .dir-op
|
|
|
|
|
this.$dir_op_bar = this.$('.repo-op');
|
|
|
|
|
|
|
|
|
|
this.dir = new DirentCollection();
|
|
|
|
|
this.listenTo(this.dir, 'add', this.addOne);
|
|
|
|
|
this.listenTo(this.dir, 'reset', this.reset);
|
|
|
|
|
|
2015-02-13 08:33:19 +00:00
|
|
|
this.fileUploadView = new FileUploadView({dirView: this});
|
|
|
|
|
|
2015-01-30 11:36:42 +00:00
|
|
|
// initialize common js behavior
|
2015-03-02 06:07:55 +00:00
|
|
|
this.$('th .checkbox-orig').unbind();
|
2015-02-03 05:47:22 +00:00
|
|
|
|
2015-02-06 06:25:36 +00:00
|
|
|
// get 'more'
|
2015-02-03 05:47:22 +00:00
|
|
|
var _this = this;
|
|
|
|
|
$(window).scroll(function() {
|
|
|
|
|
if ($(_this.el).is(':visible')) {
|
|
|
|
|
_this.onWindowScroll();
|
|
|
|
|
}
|
|
|
|
|
});
|
2015-02-06 06:25:36 +00:00
|
|
|
|
|
|
|
|
// hide 'hidden-op' popup
|
|
|
|
|
app.globalState.noFileOpPopup = true;
|
|
|
|
|
$(document).click(function(e) {
|
|
|
|
|
var target = e.target || event.srcElement;
|
|
|
|
|
var popup = $('.hidden-op');
|
|
|
|
|
if (!app.globalState.noFileOpPopup &&
|
|
|
|
|
!$('.more-op-icon, .hidden-op').is(target) &&
|
|
|
|
|
!popup.find('*').is(target)) {
|
|
|
|
|
popup.addClass('hide');
|
|
|
|
|
app.globalState.noFileOpPopup = true;
|
|
|
|
|
if (!app.globalState.popup_tr.find('*').is(target)) {
|
|
|
|
|
app.globalState.popup_tr.removeClass('hl').find('.repo-file-op').addClass('vh'); // clicked place: the first tr, place out of the table
|
|
|
|
|
$('.repo-file-list tr:gt(0)').each(function() { // when other tr is clicked
|
|
|
|
|
if ($(this).find('*').is(target)) {
|
|
|
|
|
$(this).addClass('hl').find('.repo-file-op').removeClass('vh');
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
});
|
2015-03-18 02:45:13 +00:00
|
|
|
|
|
|
|
|
// get contacts for 'share'
|
|
|
|
|
Common.ajaxGet({
|
|
|
|
|
'get_url': Common.getUrl({name: 'get_user_contacts'}),
|
|
|
|
|
'after_op_success': function (data) {
|
|
|
|
|
app.pageOptions.contacts = data["contacts"];
|
|
|
|
|
}
|
|
|
|
|
});
|
2015-01-30 11:36:42 +00:00
|
|
|
},
|
|
|
|
|
|
2015-02-06 09:32:02 +00:00
|
|
|
showDir: function(category, repo_id, path) {
|
2015-01-30 11:36:42 +00:00
|
|
|
this.$el.show();
|
2015-03-22 14:39:39 +00:00
|
|
|
this.$dirent_list.empty();
|
2015-03-23 10:11:24 +00:00
|
|
|
var loading_tip = this.$('.loading-tip').show();
|
|
|
|
|
var dir = this.dir;
|
2015-02-06 09:32:02 +00:00
|
|
|
dir.setPath(category, repo_id, path);
|
2015-03-23 10:11:24 +00:00
|
|
|
var _this = this;
|
2015-02-03 05:47:22 +00:00
|
|
|
dir.fetch({
|
|
|
|
|
reset: true,
|
|
|
|
|
data: {'p': path},
|
|
|
|
|
success: function (collection, response, opts) {
|
|
|
|
|
dir.last_start = 0; // for 'more'
|
|
|
|
|
if (response.dirent_list.length == 0 || // the dir is empty
|
|
|
|
|
!response.dirent_more ) { // no 'more'
|
|
|
|
|
loading_tip.hide();
|
|
|
|
|
}
|
|
|
|
|
},
|
2015-03-23 10:11:24 +00:00
|
|
|
error: function (collection, response, opts) {
|
2015-02-03 05:47:22 +00:00
|
|
|
loading_tip.hide();
|
2015-03-23 10:11:24 +00:00
|
|
|
var $el_con = _this.$('.repo-file-list-topbar, .repo-file-list').hide();
|
|
|
|
|
var $error = _this.$('.error');
|
|
|
|
|
var err_msg;
|
2015-04-02 02:58:59 +00:00
|
|
|
var decrypt_lib = false;
|
2015-03-23 10:11:24 +00:00
|
|
|
if (response.responseText) {
|
2015-04-02 02:58:59 +00:00
|
|
|
if (response.responseJSON.lib_need_decrypt) {
|
|
|
|
|
decrypt_lib = true;
|
|
|
|
|
} else {
|
|
|
|
|
err_msg = response.responseJSON.error;
|
|
|
|
|
}
|
2015-03-23 10:11:24 +00:00
|
|
|
} else {
|
|
|
|
|
err_msg = gettext('Please check the network.');
|
|
|
|
|
}
|
2015-04-02 02:58:59 +00:00
|
|
|
if (err_msg) {
|
|
|
|
|
$error.html(err_msg).show();
|
|
|
|
|
}
|
2015-03-23 10:11:24 +00:00
|
|
|
|
2015-04-02 02:58:59 +00:00
|
|
|
if (decrypt_lib) {
|
2015-03-23 10:11:24 +00:00
|
|
|
var form = $($('#repo-decrypt-form-template').html());
|
2015-04-02 02:58:59 +00:00
|
|
|
form.modal({containerCss: {'padding': '1px'}});
|
|
|
|
|
$('#simplemodal-container').css({'height':'auto'});
|
2015-03-23 10:11:24 +00:00
|
|
|
form.submit(function() {
|
|
|
|
|
var passwd = $.trim($('[name="password"]', form).val());
|
|
|
|
|
if (!passwd) {
|
|
|
|
|
$('.error', form).html(gettext("Password is required.")).removeClass('hide');
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
Common.ajaxPost({
|
|
|
|
|
form: form,
|
|
|
|
|
form_id: form.attr('id'),
|
|
|
|
|
post_url: Common.getUrl({'name':'repo_set_password'}),
|
|
|
|
|
post_data: {
|
|
|
|
|
repo_id: repo_id,
|
|
|
|
|
password: passwd,
|
|
|
|
|
username: app.pageOptions.username
|
|
|
|
|
},
|
|
|
|
|
after_op_success: function() {
|
2015-04-02 02:58:59 +00:00
|
|
|
$.modal.close();
|
2015-03-23 10:11:24 +00:00
|
|
|
$el_con.show();
|
|
|
|
|
_this.showDir(category, repo_id, path);
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
return false;
|
|
|
|
|
});
|
|
|
|
|
}
|
2015-02-03 05:47:22 +00:00
|
|
|
}
|
|
|
|
|
});
|
2015-01-30 11:36:42 +00:00
|
|
|
},
|
|
|
|
|
|
|
|
|
|
hide: function() {
|
|
|
|
|
this.$el.hide();
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
addOne: function(dirent) {
|
|
|
|
|
var view = new DirentView({model: dirent, dirView: this});
|
|
|
|
|
this.$dirent_list.append(view.render().el);
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
reset: function() {
|
|
|
|
|
this.dir.each(this.addOne, this);
|
|
|
|
|
this.renderPath();
|
|
|
|
|
this.renderDirOpBar();
|
2015-02-13 08:33:19 +00:00
|
|
|
this.fileUploadView.setFileInput();
|
2015-03-30 09:00:54 +00:00
|
|
|
this.renderThumbnail();
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
renderThumbnail: function() {
|
|
|
|
|
var img_icons = $('.not-thumbnail'),
|
|
|
|
|
repo_id = this.dir.repo_id,
|
|
|
|
|
cur_path = this.dir.path,
|
|
|
|
|
_this = this,
|
|
|
|
|
file_path;
|
|
|
|
|
|
|
|
|
|
if (img_icons.length === 0) {
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
var get_thumbnail = function(i) {
|
|
|
|
|
|
|
|
|
|
var img_icon = $(img_icons[i]),
|
|
|
|
|
file_name = img_icon.attr('data-name');
|
|
|
|
|
|
|
|
|
|
if (cur_path === '/') {
|
|
|
|
|
file_path = cur_path + file_name;
|
|
|
|
|
} else {
|
|
|
|
|
file_path = cur_path + '/' + file_name;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
$.ajax({
|
|
|
|
|
url: Common.getUrl({name: 'thumbnail_create', repo_id: repo_id}),
|
|
|
|
|
data: {'path': file_path},
|
|
|
|
|
cache: false,
|
|
|
|
|
dataType: 'json',
|
|
|
|
|
success: function(data) {
|
|
|
|
|
img_icon.attr("src", data.thumbnail_src).load(function() {
|
|
|
|
|
$(this).removeClass("not-thumbnail").addClass("thumbnail");
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
complete: function() {
|
|
|
|
|
// cur_path may be changed. e.g., the user enter another directory
|
|
|
|
|
if (i < img_icons.length - 1 && _this.dir.path === cur_path) {
|
|
|
|
|
get_thumbnail(++i);
|
|
|
|
|
} else {
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
};
|
|
|
|
|
get_thumbnail(0);
|
2015-01-30 11:36:42 +00:00
|
|
|
},
|
|
|
|
|
|
|
|
|
|
renderPath: function() {
|
2015-01-30 11:47:17 +00:00
|
|
|
var dir = this.dir,
|
|
|
|
|
path = dir.path,
|
2015-02-13 08:33:19 +00:00
|
|
|
obj = {
|
|
|
|
|
path: path,
|
|
|
|
|
repo_name: dir.repo_name,
|
|
|
|
|
category: dir.category
|
|
|
|
|
};
|
2015-01-30 11:47:17 +00:00
|
|
|
|
2015-01-30 11:36:42 +00:00
|
|
|
if (path != '/') {
|
|
|
|
|
$.extend(obj, {
|
|
|
|
|
path_list: path.substr(1).split('/'),
|
2015-02-06 09:32:02 +00:00
|
|
|
repo_id: dir.repo_id,
|
2015-01-30 11:36:42 +00:00
|
|
|
});
|
|
|
|
|
}
|
2015-01-30 11:47:17 +00:00
|
|
|
|
2015-01-30 11:36:42 +00:00
|
|
|
this.$path_bar.html(this.path_bar_template(obj));
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
renderDirOpBar: function() {
|
2015-01-30 11:47:17 +00:00
|
|
|
var dir = this.dir,
|
|
|
|
|
user_perm = dir.user_perm;
|
|
|
|
|
|
2015-01-30 11:36:42 +00:00
|
|
|
this.$dir_op_bar.html($.trim(this.dir_op_bar_template({
|
|
|
|
|
user_perm: user_perm,
|
|
|
|
|
encrypted: dir.encrypted,
|
|
|
|
|
path: dir.path,
|
2015-02-07 08:50:33 +00:00
|
|
|
repo_id: dir.repo_id,
|
2015-03-13 02:48:59 +00:00
|
|
|
site_root: app.pageOptions.site_root,
|
|
|
|
|
is_repo_owner: dir.is_repo_owner,
|
2015-02-12 08:38:57 +00:00
|
|
|
enable_upload_folder: app.pageOptions.enable_upload_folder
|
2015-01-30 11:36:42 +00:00
|
|
|
})));
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
// Directory Operations
|
|
|
|
|
events: {
|
|
|
|
|
'click .path-link': 'visitDir',
|
|
|
|
|
'click #upload-file': 'uploadFile',
|
|
|
|
|
'click #add-new-dir': 'newDir',
|
|
|
|
|
'click #add-new-file': 'newFile',
|
|
|
|
|
'click #share-cur-dir': 'share',
|
|
|
|
|
'click th.select': 'select',
|
|
|
|
|
'click #mv-dirents': 'mv',
|
2015-03-02 06:07:55 +00:00
|
|
|
'click #cp-dirents': 'cp',
|
|
|
|
|
'click #del-dirents': 'del',
|
|
|
|
|
'click #by-name': 'sortByName',
|
2015-03-30 09:00:54 +00:00
|
|
|
'click #by-time': 'sortByTime',
|
|
|
|
|
'mouseenter .thumbnail': 'showPreview'
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
showPreview: function(e) {
|
|
|
|
|
var thumbnail = $(e.target),
|
|
|
|
|
file_name = thumbnail.attr('data-name'),
|
|
|
|
|
preview_wrap = $("#preview-wrap"),
|
|
|
|
|
caret = $("#image-preview").next(),
|
|
|
|
|
cur_path = this.dir.path,
|
|
|
|
|
repo_id = this.dir.repo_id,
|
|
|
|
|
default_size = parseInt(app.pageOptions.previewDefaultSize),
|
|
|
|
|
ajaxRequest = {},
|
|
|
|
|
file_path;
|
|
|
|
|
|
|
|
|
|
preview_wrap.css({'width': default_size + 'px', 'height': default_size + 'px'})
|
|
|
|
|
|
|
|
|
|
if (cur_path === '/') {
|
|
|
|
|
file_path = cur_path + file_name;
|
|
|
|
|
} else {
|
|
|
|
|
file_path = cur_path + '/' + file_name;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
var timer = setTimeout(function () {
|
|
|
|
|
ajaxRequest = $.ajax({
|
|
|
|
|
url: Common.getUrl({name: 'thumbnail_create', repo_id: repo_id}),
|
|
|
|
|
data: {'path': file_path, 'size': default_size},
|
|
|
|
|
cache: false,
|
|
|
|
|
dataType: 'json',
|
|
|
|
|
success: function(data) {
|
|
|
|
|
$('#image-preview').attr("src", data.thumbnail_src);
|
|
|
|
|
|
|
|
|
|
var wrap_width = preview_wrap.outerWidth(),
|
|
|
|
|
wrap_padding = parseInt(preview_wrap.css('padding-top')),
|
|
|
|
|
caret_width = parseInt(caret.css('border-top-width'));
|
|
|
|
|
|
|
|
|
|
caret.removeClass('bottom-outer-caret')
|
|
|
|
|
.addClass('right-outer-caret')
|
|
|
|
|
.css({
|
|
|
|
|
'top':(default_size)/2 + wrap_padding - caret_width + 'px',
|
|
|
|
|
'left':default_size + 2 * wrap_padding + 'px'
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
preview_wrap.css({
|
|
|
|
|
'top' : (thumbnail.offset().top + (thumbnail.height() - wrap_width)/2) + 'px',
|
|
|
|
|
'left' : thumbnail.closest('tr').offset().left - wrap_width - caret_width + 'px'
|
|
|
|
|
}).fadeIn();
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
}, 200);
|
|
|
|
|
|
|
|
|
|
$('.dirent-icon').on('mouseleave', function() {
|
|
|
|
|
if (ajaxRequest.hasOwnProperty('abort')) {
|
|
|
|
|
ajaxRequest.abort();
|
|
|
|
|
}
|
|
|
|
|
clearTimeout(timer);
|
|
|
|
|
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.
|
|
|
|
|
});
|
2015-01-30 11:36:42 +00:00
|
|
|
},
|
|
|
|
|
|
|
|
|
|
newDir: function() {
|
2015-01-30 11:47:17 +00:00
|
|
|
var form = $(this.newDirTemplate()),
|
|
|
|
|
form_id = form.attr('id'),
|
|
|
|
|
dir = this.dir,
|
|
|
|
|
dirView = this;
|
|
|
|
|
|
|
|
|
|
form.modal({appendTo:'#main'});
|
|
|
|
|
$('#simplemodal-container').css({'height':'auto'});
|
|
|
|
|
|
|
|
|
|
form.submit(function() {
|
2015-02-07 08:50:33 +00:00
|
|
|
var dirent_name = $.trim($('input[name="name"]', form).val());
|
2015-01-30 11:47:17 +00:00
|
|
|
|
|
|
|
|
if (!dirent_name) {
|
2015-01-31 04:07:49 +00:00
|
|
|
Common.showFormError(form_id, gettext("It is required."));
|
|
|
|
|
return false;
|
2015-01-30 11:47:17 +00:00
|
|
|
};
|
|
|
|
|
|
2015-02-07 08:50:33 +00:00
|
|
|
var post_data = {'dirent_name': dirent_name},
|
|
|
|
|
post_url = Common.getUrl({name: "new_dir", repo_id: dir.repo_id})
|
|
|
|
|
+ '?parent_dir=' + encodeURIComponent(dir.path);
|
2015-01-30 11:47:17 +00:00
|
|
|
var after_op_success = function(data) {
|
|
|
|
|
$.modal.close();
|
|
|
|
|
|
|
|
|
|
var new_dirent = dir.add({
|
|
|
|
|
'is_dir': true,
|
|
|
|
|
'obj_name': data['name'],
|
|
|
|
|
'last_modified': new Date().getTime() / 1000,
|
|
|
|
|
'last_update': gettext("Just now"),
|
|
|
|
|
'p_dpath': data['p_dpath']
|
|
|
|
|
}, {silent:true});
|
2015-02-13 08:33:19 +00:00
|
|
|
dirView.addNewDir(new_dirent);
|
2015-01-30 11:47:17 +00:00
|
|
|
};
|
|
|
|
|
|
|
|
|
|
Common.ajaxPost({
|
|
|
|
|
'form': form,
|
|
|
|
|
'post_url': post_url,
|
|
|
|
|
'post_data': post_data,
|
|
|
|
|
'after_op_success': after_op_success,
|
|
|
|
|
'form_id': form_id
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
return false;
|
2015-01-30 11:36:42 +00:00
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
|
2015-01-30 11:47:17 +00:00
|
|
|
newFile: function() {
|
|
|
|
|
var form = $(this.newFileTemplate()),
|
|
|
|
|
form_id = form.attr('id'),
|
|
|
|
|
file_name = form.find('input[name="name"]'),
|
|
|
|
|
dir = this.dir,
|
|
|
|
|
dirView = this;
|
|
|
|
|
|
2015-02-07 08:50:33 +00:00
|
|
|
form.modal({
|
|
|
|
|
appendTo: '#main',
|
|
|
|
|
focus: false,
|
|
|
|
|
containerCss: {'padding':'20px 25px'}
|
|
|
|
|
});
|
2015-01-30 11:47:17 +00:00
|
|
|
$('#simplemodal-container').css({'height':'auto'});
|
|
|
|
|
|
2015-02-07 08:50:33 +00:00
|
|
|
$('.set-file-type', form).click(function() {
|
2015-01-30 11:47:17 +00:00
|
|
|
file_name.val('.' + $(this).data('filetype'));
|
|
|
|
|
Common.setCaretPos(file_name[0], 0);
|
|
|
|
|
file_name.focus();
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
form.submit(function() {
|
2015-02-07 08:50:33 +00:00
|
|
|
var dirent_name = $.trim(file_name.val());
|
2015-01-30 11:47:17 +00:00
|
|
|
|
|
|
|
|
if (!dirent_name) {
|
|
|
|
|
Common.showFormError(form_id, gettext("It is required."));
|
|
|
|
|
return false;
|
|
|
|
|
};
|
|
|
|
|
|
2015-02-07 08:50:33 +00:00
|
|
|
// if it has an extension, make sure it has a name
|
|
|
|
|
if (dirent_name.lastIndexOf('.') != -1 && dirent_name.substr(0, dirent_name.lastIndexOf('.')).length == 0) {
|
|
|
|
|
Common.showFormError(form_id, gettext("Only an extension there, please input a name."));
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
var post_data = {'dirent_name': dirent_name},
|
|
|
|
|
post_url = Common.getUrl({name: "new_file", repo_id: dir.repo_id})
|
|
|
|
|
+ '?parent_dir=' + encodeURIComponent(dir.path);
|
2015-01-30 11:47:17 +00:00
|
|
|
var after_op_success = function(data) {
|
2015-02-07 08:50:33 +00:00
|
|
|
$.modal.close();
|
|
|
|
|
var new_dirent = dir.add({
|
|
|
|
|
'is_file': true,
|
|
|
|
|
'obj_name': data['name'],
|
|
|
|
|
'file_size': Common.fileSizeFormat(0),
|
|
|
|
|
'obj_id': '0000000000000000000000000000000000000000',
|
|
|
|
|
'file_icon': 'file.png',
|
|
|
|
|
'starred': false,
|
|
|
|
|
'last_modified': new Date().getTime() / 1000,
|
2015-03-18 02:45:13 +00:00
|
|
|
'last_update': gettext("Just now")
|
2015-02-07 08:50:33 +00:00
|
|
|
}, {silent: true});
|
2015-02-12 08:38:57 +00:00
|
|
|
dirView.addNewFile(new_dirent);
|
2015-01-30 11:47:17 +00:00
|
|
|
};
|
|
|
|
|
|
|
|
|
|
Common.ajaxPost({
|
|
|
|
|
'form': form,
|
|
|
|
|
'post_url': post_url,
|
|
|
|
|
'post_data': post_data,
|
|
|
|
|
'after_op_success': after_op_success,
|
|
|
|
|
'form_id': form_id
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
return false;
|
|
|
|
|
});
|
2015-01-31 03:17:09 +00:00
|
|
|
},
|
|
|
|
|
|
2015-02-12 08:38:57 +00:00
|
|
|
addNewFile: function(new_dirent) {
|
|
|
|
|
var dirView = this,
|
|
|
|
|
dir = this.dir;
|
|
|
|
|
var view = new DirentView({model: new_dirent, dirView: dirView});
|
|
|
|
|
var new_file = view.render().el;
|
|
|
|
|
// put the new file as the first file
|
|
|
|
|
if ($('tr', dirView.$dirent_list).length == 0) {
|
|
|
|
|
dirView.$dirent_list.append(new_file);
|
|
|
|
|
} else {
|
|
|
|
|
var dirs = dir.where({'is_dir':true});
|
|
|
|
|
if (dirs.length == 0) {
|
|
|
|
|
dirView.$dirent_list.prepend(new_file);
|
|
|
|
|
} else {
|
|
|
|
|
// put the new file after the last dir
|
|
|
|
|
$($('tr', dirView.$dirent_list)[dirs.length - 1]).after(new_file);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
2015-02-13 08:33:19 +00:00
|
|
|
addNewDir: function(new_dirent) {
|
|
|
|
|
var dirView = this;
|
|
|
|
|
var view = new DirentView({model: new_dirent, dirView: dirView});
|
|
|
|
|
dirView.$dirent_list.prepend(view.render().el); // put the new dir as the first one
|
|
|
|
|
},
|
|
|
|
|
|
2015-03-18 02:45:13 +00:00
|
|
|
share: function () {
|
|
|
|
|
var dir = this.dir;
|
|
|
|
|
var path = dir.path;
|
2015-03-22 14:39:39 +00:00
|
|
|
var options = {
|
2015-03-18 02:45:13 +00:00
|
|
|
'is_repo_owner': dir.is_repo_owner,
|
|
|
|
|
'is_virtual': dir.is_virtual,
|
|
|
|
|
'user_perm': dir.user_perm,
|
|
|
|
|
'repo_id': dir.repo_id,
|
|
|
|
|
'is_dir': true,
|
|
|
|
|
'dirent_path': path,
|
|
|
|
|
'obj_name': path.substr(path.lastIndexOf('/') + 1)
|
2015-03-22 14:39:39 +00:00
|
|
|
};
|
2015-03-18 02:45:13 +00:00
|
|
|
new ShareView(options);
|
|
|
|
|
},
|
|
|
|
|
|
2015-01-31 03:17:09 +00:00
|
|
|
sortByName: function() {
|
|
|
|
|
var dirents = this.dir;
|
|
|
|
|
var el = $('#by-name');
|
2015-03-24 08:59:46 +00:00
|
|
|
dirents.comparator = function(a, b) {
|
2015-01-31 03:17:09 +00:00
|
|
|
if (a.get('is_dir') && b.get('is_file')) {
|
|
|
|
|
return -1;
|
|
|
|
|
}
|
|
|
|
|
if (el.hasClass('icon-caret-up')) {
|
|
|
|
|
return a.get('obj_name').toLowerCase() < b.get('obj_name').toLowerCase() ? 1 : -1;
|
|
|
|
|
} else {
|
|
|
|
|
return a.get('obj_name').toLowerCase() < b.get('obj_name').toLowerCase() ? -1 : 1;
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
dirents.sort();
|
|
|
|
|
this.$dirent_list.empty();
|
|
|
|
|
dirents.each(this.addOne, this);
|
|
|
|
|
el.toggleClass('icon-caret-up icon-caret-down');
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
sortByTime: function () {
|
|
|
|
|
var dirents = this.dir;
|
|
|
|
|
var el = $('#by-time');
|
|
|
|
|
dirents.comparator = function(a, b) {
|
|
|
|
|
if (a.get('is_dir') && b.get('is_file')) {
|
|
|
|
|
return -1;
|
|
|
|
|
}
|
|
|
|
|
if (el.hasClass('icon-caret-down')) {
|
|
|
|
|
return a.get('last_modified') < b.get('last_modified') ? 1 : -1;
|
|
|
|
|
} else {
|
|
|
|
|
return a.get('last_modified') < b.get('last_modified') ? -1 : 1;
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
dirents.sort();
|
|
|
|
|
this.$dirent_list.empty();
|
|
|
|
|
dirents.each(this.addOne, this);
|
|
|
|
|
el.toggleClass('icon-caret-up icon-caret-down');
|
|
|
|
|
},
|
|
|
|
|
|
2015-03-02 06:07:55 +00:00
|
|
|
select: function () {
|
|
|
|
|
var el = this.$('th .checkbox');
|
|
|
|
|
el.toggleClass('checkbox-checked');
|
|
|
|
|
|
|
|
|
|
var dir = this.dir;
|
|
|
|
|
var all_dirent_checkbox = this.$('.checkbox');
|
|
|
|
|
var $dirents_op = this.$('#multi-dirents-op');
|
|
|
|
|
|
|
|
|
|
if (el.hasClass('checkbox-checked')) {
|
|
|
|
|
all_dirent_checkbox.addClass('checkbox-checked');
|
|
|
|
|
dir.each(function(model) {
|
|
|
|
|
model.set({'selected': true}, {silent: true});
|
|
|
|
|
});
|
|
|
|
|
$dirents_op.css({'display':'inline'});
|
|
|
|
|
} else {
|
|
|
|
|
all_dirent_checkbox.removeClass('checkbox-checked');
|
|
|
|
|
dir.each(function(model) {
|
|
|
|
|
model.set({'selected': false}, {silent: true});
|
|
|
|
|
});
|
|
|
|
|
$dirents_op.hide();
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
del: function () {
|
|
|
|
|
var dirents = this.dir;
|
|
|
|
|
var _this = this;
|
|
|
|
|
|
|
|
|
|
var del_dirents = function() {
|
|
|
|
|
$('#confirm-popup').append('<p style="color:red;">' + gettext("Processing...") + '</p>');
|
|
|
|
|
var selected_dirents = dirents.where({'selected':true}),
|
|
|
|
|
selected_names = [];
|
|
|
|
|
$(selected_dirents).each(function() {
|
|
|
|
|
selected_names.push(this.get('obj_name'));
|
|
|
|
|
});
|
|
|
|
|
$.ajax({
|
|
|
|
|
url: Common.getUrl({
|
|
|
|
|
name: 'del_dirents',
|
|
|
|
|
repo_id: dirents.repo_id
|
|
|
|
|
}) + '?parent_dir=' + encodeURIComponent(dirents.path),
|
|
|
|
|
type: 'POST',
|
|
|
|
|
dataType: 'json',
|
|
|
|
|
beforeSend: Common.prepareCSRFToken,
|
|
|
|
|
traditional: true,
|
|
|
|
|
data: {
|
|
|
|
|
'dirents_names': selected_names
|
|
|
|
|
},
|
|
|
|
|
success: function(data) {
|
|
|
|
|
var del_len = data['deleted'].length,
|
|
|
|
|
not_del_len = data['undeleted'].length,
|
|
|
|
|
msg_s, msg_f;
|
|
|
|
|
|
|
|
|
|
if (del_len > 0) {
|
|
|
|
|
if (del_len == selected_names.length) {
|
|
|
|
|
dirents.remove(selected_dirents);
|
|
|
|
|
_this.$('th .checkbox').removeClass('checkbox-checked');
|
|
|
|
|
_this.$('#multi-dirents-op').hide();
|
|
|
|
|
} else {
|
|
|
|
|
$(selected_dirents).each(function() {
|
|
|
|
|
if (this.get('obj_name') in data['deleted']) {
|
|
|
|
|
dirents.remove(this);
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
if (del_len == 1) {
|
|
|
|
|
msg_s = gettext("Successfully deleted %(name)s.");
|
|
|
|
|
} else if (del_len == 2) {
|
|
|
|
|
msg_s = gettext("Successfully deleted %(name)s and 1 other item.");
|
|
|
|
|
} else {
|
|
|
|
|
msg_s = gettext("Successfully deleted %(name)s and %(amount)s other items.");
|
|
|
|
|
}
|
2015-03-19 07:40:40 +00:00
|
|
|
msg_s = msg_s.replace('%(name)s', Common.HTMLescape(data['deleted'][0])).replace('%(amount)s', del_len - 1);
|
2015-03-02 06:07:55 +00:00
|
|
|
Common.feedback(msg_s, 'success');
|
|
|
|
|
}
|
|
|
|
|
if (not_del_len > 0) {
|
|
|
|
|
if (not_del_len == 1) {
|
|
|
|
|
msg_f = gettext("Internal error. Failed to delete %(name)s.");
|
|
|
|
|
} else if (not_del_len == 2) {
|
|
|
|
|
msg_f = gettext("Internal error. Failed to delete %(name)s and 1 other item.");
|
|
|
|
|
} else {
|
|
|
|
|
msg_f = gettext("Internal error. Failed to delete %(name)s and %(amount)s other items.");
|
|
|
|
|
}
|
2015-03-19 07:40:40 +00:00
|
|
|
msg_f = msg_f.replace('%(name)s', Common.HTMLescape(data['undeleted'][0])).replace('%(amount)s', not_del_len - 1);
|
2015-03-02 06:07:55 +00:00
|
|
|
Common.feedback(msg_f, 'error');
|
|
|
|
|
}
|
|
|
|
|
$.modal.close();
|
|
|
|
|
},
|
|
|
|
|
error: function(xhr, textStatus, errorThrown) {
|
|
|
|
|
$.modal.close();
|
|
|
|
|
Common.ajaxErrorHandler(xhr, textStatus, errorThrown);
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
};
|
|
|
|
|
Common.showConfirm(gettext("Delete Items"),
|
|
|
|
|
gettext("Are you sure you want to delete these selected items?"),
|
|
|
|
|
del_dirents);
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
mv: function () {
|
|
|
|
|
this.mvcp({'op':'mv'});
|
|
|
|
|
},
|
|
|
|
|
cp: function () {
|
|
|
|
|
this.mvcp({'op':'cp'});
|
|
|
|
|
},
|
|
|
|
|
mvcp: function (params) {
|
|
|
|
|
var dir = this.dir;
|
|
|
|
|
var op = params.op;
|
|
|
|
|
|
|
|
|
|
var title = op == 'mv' ? "Move selected item(s) to:" : "Copy selected item(s) to:";
|
|
|
|
|
|
|
|
|
|
var form = $(this.mvcpTemplate({
|
|
|
|
|
form_title: title,
|
|
|
|
|
op_type: op,
|
|
|
|
|
obj_type: '',
|
|
|
|
|
obj_name: '',
|
|
|
|
|
show_other_repos: !dir.encrypted,
|
|
|
|
|
}));
|
|
|
|
|
form.modal({appendTo:'#main', autoResize:true, focus:false});
|
|
|
|
|
$('#simplemodal-container').css({'width':'auto', 'height':'auto'});
|
|
|
|
|
|
|
|
|
|
FileTree.renderTreeForPath({
|
|
|
|
|
repo_name: dir.repo_name,
|
|
|
|
|
repo_id: dir.repo_id,
|
|
|
|
|
path: dir.path
|
|
|
|
|
});
|
|
|
|
|
if (!dir.encrypted) {
|
|
|
|
|
FileTree.prepareOtherReposTree({cur_repo_id: dir.repo_id});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
var _this = this;
|
|
|
|
|
var dirents = this.dir;
|
|
|
|
|
// get models
|
|
|
|
|
var dirs = dirents.where({'is_dir':true, 'selected':true}),
|
|
|
|
|
files = dirents.where({'is_file':true, 'selected':true});
|
|
|
|
|
var dir_names = [], file_names = [];
|
|
|
|
|
$(dirs).each(function() {
|
|
|
|
|
dir_names.push(this.get('obj_name'));
|
|
|
|
|
});
|
|
|
|
|
$(files).each(function() {
|
|
|
|
|
file_names.push(this.get('obj_name'));
|
|
|
|
|
});
|
|
|
|
|
form.submit(function() {
|
|
|
|
|
var dst_repo = $('[name="dst_repo"]', form).val(),
|
|
|
|
|
dst_path = $('[name="dst_path"]', form).val(),
|
|
|
|
|
url_main;
|
|
|
|
|
var cur_path = dirents.path;
|
|
|
|
|
var url_obj = {repo_id:dirents.repo_id};
|
|
|
|
|
|
|
|
|
|
if (!$.trim(dst_repo) || !$.trim(dst_path)) {
|
|
|
|
|
$('.error', form).removeClass('hide');
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
if (dst_repo == dirents.repo_id && dst_path == cur_path) {
|
|
|
|
|
$('.error', form).html(gettext("Invalid destination path")).removeClass('hide');
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
Common.disableButton($('[type="submit"]', form));
|
|
|
|
|
form.append('<p style="color:red;">' + gettext("Processing...") + '</p>');
|
|
|
|
|
|
|
|
|
|
if (dst_repo == dirents.repo_id) {
|
|
|
|
|
// when mv/cp in current lib, files/dirs can be handled in batch, and no need to show progress
|
|
|
|
|
url_obj.name = op == 'mv' ? 'mv_dirents' : 'cp_dirents';
|
|
|
|
|
$.ajax({
|
|
|
|
|
url: Common.getUrl(url_obj) + '?parent_dir=' + encodeURIComponent(cur_path),
|
|
|
|
|
type: 'POST',
|
|
|
|
|
dataType: 'json',
|
|
|
|
|
beforeSend: Common.prepareCSRFToken,
|
|
|
|
|
traditional: true,
|
|
|
|
|
data: {
|
|
|
|
|
'file_names': file_names,
|
|
|
|
|
'dir_names': dir_names,
|
|
|
|
|
'dst_repo': dst_repo,
|
|
|
|
|
'dst_path': dst_path
|
|
|
|
|
},
|
|
|
|
|
success: function(data) {
|
|
|
|
|
var success_len = data['success'].length,
|
|
|
|
|
msg_s, msg_f,
|
|
|
|
|
view_url = data['url'];
|
|
|
|
|
|
|
|
|
|
$.modal.close();
|
|
|
|
|
if (success_len > 0) {
|
|
|
|
|
if (op == 'mv') {
|
|
|
|
|
if (success_len == files.length + dirs.length) {
|
|
|
|
|
dirents.remove(dirs);
|
|
|
|
|
dirents.remove(files);
|
|
|
|
|
_this.$('th .checkbox').removeClass('checkbox-checked');
|
|
|
|
|
_this.$('#multi-dirents-op').hide();
|
|
|
|
|
} else {
|
|
|
|
|
$(dirs).each(function() {
|
|
|
|
|
if (this.get('obj_name') in data['success']) {
|
|
|
|
|
dirents.remove(this);
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
$(files).each(function() {
|
|
|
|
|
if (this.get('obj_name') in data['success']) {
|
|
|
|
|
dirents.remove(this);
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
if (success_len == 1) {
|
|
|
|
|
msg_s = gettext("Successfully moved %(name)s.");
|
|
|
|
|
} else if (success_len == 2) {
|
|
|
|
|
msg_s = gettext("Successfully moved %(name)s and 1 other item.");
|
|
|
|
|
} else {
|
|
|
|
|
msg_s = gettext("Successfully moved %(name)s and %(amount)s other items.");
|
|
|
|
|
}
|
|
|
|
|
} else { // cp
|
|
|
|
|
if (success_len == 1) {
|
|
|
|
|
msg_s = gettext("Successfully copied %(name)s.");
|
|
|
|
|
} else if (success_len == 2) {
|
|
|
|
|
msg_s = gettext("Successfully copied %(name)s and 1 other item.");
|
|
|
|
|
} else {
|
|
|
|
|
msg_s = gettext("Successfully copied %(name)s and %(amount)s other items.");
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2015-03-19 07:40:40 +00:00
|
|
|
msg_s = msg_s.replace('%(name)s', Common.HTMLescape(data['success'][0])).replace('%(amount)s', success_len - 1);
|
2015-03-02 06:07:55 +00:00
|
|
|
//msg_s += ' <a href="' + view_url + '">' + "View" + '</a>';
|
|
|
|
|
Common.feedback(msg_s, 'success');
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
if (data['failed'].length > 0) {
|
|
|
|
|
if (op == 'mv') {
|
|
|
|
|
if (data['failed'].length > 1) {
|
|
|
|
|
msg_f = gettext("Internal error. Failed to move %(name)s and %(amount)s other item(s).");
|
|
|
|
|
} else {
|
|
|
|
|
msg_f = gettext("Internal error. Failed to move %(name)s.");
|
|
|
|
|
}
|
|
|
|
|
} else {
|
|
|
|
|
if (data['failed'].length > 1) {
|
|
|
|
|
msg_f = gettext("Internal error. Failed to copy %(name)s and %(amount)s other item(s).");
|
|
|
|
|
} else {
|
|
|
|
|
msg_f = gettext("Internal error. Failed to copy %(name)s.");
|
|
|
|
|
}
|
|
|
|
|
}
|
2015-03-19 07:40:40 +00:00
|
|
|
msg_f = msg_f.replace('%(name)s', Common.HTMLescape(data['failed'][0])).replace('%(amount)s', data['failed'].length - 1);
|
2015-03-02 06:07:55 +00:00
|
|
|
Common.feedback(msg_f, 'error');
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
error: function(xhr, textStatus, errorThrown) {
|
|
|
|
|
$.modal.close();
|
|
|
|
|
Common.ajaxErrorHandler(xhr, textStatus, errorThrown);
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
} else {
|
|
|
|
|
// when mv/cp to another lib, files/dirs should be handled one by one, and need to show progress
|
|
|
|
|
var op_objs = dirents.where({'selected':true}),
|
|
|
|
|
i = 0;
|
|
|
|
|
// progress popup
|
|
|
|
|
var mv_progress_popup = $(_this.mvProgressTemplate());
|
|
|
|
|
var details = $('#mv-details', mv_progress_popup),
|
|
|
|
|
cancel_btn = $('#cancel-mv', mv_progress_popup),
|
|
|
|
|
other_info = $('#mv-other-info', mv_progress_popup);
|
|
|
|
|
|
|
|
|
|
var mvcpDirent = function () {
|
|
|
|
|
var op_obj = op_objs[i],
|
|
|
|
|
obj_type = op_obj.get('is_dir') ? 'dir':'file',
|
|
|
|
|
obj_name = op_obj.get('obj_name'),
|
|
|
|
|
post_url,
|
|
|
|
|
post_data;
|
|
|
|
|
|
|
|
|
|
if (op == 'mv') {
|
|
|
|
|
url_obj.name = obj_type == 'dir' ? 'mv_dir' : 'mv_file';
|
|
|
|
|
} else {
|
|
|
|
|
url_obj.name = obj_type == 'dir' ? 'cp_dir' : 'cp_file';
|
|
|
|
|
}
|
|
|
|
|
post_url = Common.getUrl(url_obj) + '?path=' + encodeURIComponent(cur_path) + '&obj_name=' + encodeURIComponent(obj_name);
|
|
|
|
|
post_data = {
|
|
|
|
|
'dst_repo': dst_repo,
|
|
|
|
|
'dst_path': dst_path
|
|
|
|
|
};
|
|
|
|
|
var after_op_success = function (data) {
|
|
|
|
|
var det_text = op == 'mv' ? gettext("Moving file %(index)s of %(total)s") : gettext("Copying file %(index)s of %(total)s");
|
|
|
|
|
details.html(det_text.replace('%(index)s', i + 1).replace('%(total)s', op_objs.length)).removeClass('vh');
|
|
|
|
|
cancel_btn.removeClass('hide');
|
|
|
|
|
var req_progress = function () {
|
|
|
|
|
var task_id = data['task_id'];
|
|
|
|
|
cancel_btn.data('task_id', task_id);
|
|
|
|
|
$.ajax({
|
|
|
|
|
url: Common.getUrl({name:'get_cp_progress'}) + '?task_id=' + encodeURIComponent(task_id),
|
|
|
|
|
dataType: 'json',
|
|
|
|
|
success: function(data) {
|
|
|
|
|
var bar = $('.ui-progressbar-value', $('#mv-progress'));
|
|
|
|
|
if (!data['failed'] && !data['canceled'] && !data['successful']) {
|
|
|
|
|
setTimeout(req_progress, 1000);
|
|
|
|
|
} else {
|
|
|
|
|
if (data['successful']) {
|
|
|
|
|
bar.css('width', parseInt((i + 1)/op_objs.length*100, 10) + '%').show();
|
|
|
|
|
if (op == 'mv') {
|
|
|
|
|
dirents.remove(op_obj);
|
|
|
|
|
}
|
|
|
|
|
endOrContinue();
|
|
|
|
|
} else { // failed or canceled
|
|
|
|
|
if (data['failed']) {
|
|
|
|
|
var error_msg = op == 'mv' ? gettext('Failed to move %(name)s') : gettext('Failed to copy %(name)s');
|
2015-03-19 07:40:40 +00:00
|
|
|
cancel_btn.after('<p class="error">' + error_msg.replace('%(name)s', Common.HTMLescape(obj_name)) + '</p>');
|
2015-03-02 06:07:55 +00:00
|
|
|
end();
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
error: function(xhr, textStatus, errorThrown) {
|
|
|
|
|
var error;
|
|
|
|
|
if (xhr.responseText) {
|
|
|
|
|
error = $.parseJSON(xhr.responseText).error;
|
|
|
|
|
} else {
|
|
|
|
|
error = gettext("Failed. Please check the network.");
|
|
|
|
|
}
|
|
|
|
|
cancel_btn.after('<p class="error">' + error + '</p>');
|
|
|
|
|
end();
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
}; // 'req_progress' ends
|
|
|
|
|
if (i == 0) {
|
|
|
|
|
$.modal.close();
|
|
|
|
|
setTimeout(function () {
|
|
|
|
|
mv_progress_popup.modal({containerCss: {
|
|
|
|
|
width: 300,
|
|
|
|
|
height: 150,
|
|
|
|
|
paddingTop: 50
|
|
|
|
|
}, focus:false});
|
|
|
|
|
$('#mv-progress').progressbar();
|
|
|
|
|
req_progress();
|
|
|
|
|
}, 100);
|
|
|
|
|
} else {
|
|
|
|
|
req_progress();
|
|
|
|
|
}
|
|
|
|
|
}; // 'after_op_success' ends
|
|
|
|
|
Common.ajaxPost({
|
|
|
|
|
'form': form,
|
|
|
|
|
'post_url': post_url,
|
|
|
|
|
'post_data': post_data,
|
|
|
|
|
'after_op_success': after_op_success,
|
|
|
|
|
'form_id': form.attr('id')
|
|
|
|
|
});
|
|
|
|
|
}; // 'mvcpDirent' ends
|
|
|
|
|
var endOrContinue = function () {
|
|
|
|
|
if (i == op_objs.length - 1) {
|
|
|
|
|
setTimeout(function () { $.modal.close(); }, 500);
|
|
|
|
|
} else {
|
|
|
|
|
mvcpDirent(++i);
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
var end = function () {
|
|
|
|
|
setTimeout(function () { $.modal.close(); }, 500);
|
|
|
|
|
};
|
|
|
|
|
mvcpDirent();
|
|
|
|
|
cancel_btn.click(function() {
|
|
|
|
|
Common.disableButton(cancel_btn);
|
|
|
|
|
var task_id = $(this).data('task_id');
|
|
|
|
|
$.ajax({
|
|
|
|
|
url: Common.getUrl({name:'cancel_cp'}) + '?task_id=' + encodeURIComponent(task_id),
|
|
|
|
|
dataType: 'json',
|
|
|
|
|
success: function(data) {
|
|
|
|
|
other_info.html(gettext("Canceled.")).removeClass('hide');
|
|
|
|
|
cancel_btn.addClass('hide');
|
|
|
|
|
end();
|
|
|
|
|
},
|
|
|
|
|
error: function(xhr, textStatus, errorThrown) {
|
|
|
|
|
var error;
|
|
|
|
|
if (xhr.responseText) {
|
|
|
|
|
error = $.parseJSON(xhr.responseText).error;
|
|
|
|
|
} else {
|
|
|
|
|
error = gettext("Failed. Please check the network.");
|
|
|
|
|
}
|
|
|
|
|
other_info.html(error).removeClass('hide');
|
|
|
|
|
Common.enableButton(cancel_btn);
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
return false;
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
|
2015-02-03 05:47:22 +00:00
|
|
|
onWindowScroll: function () {
|
2015-03-30 09:00:54 +00:00
|
|
|
var dir = this.dir,
|
|
|
|
|
start = dir.more_start,
|
|
|
|
|
loading_tip = this.$('.loading-tip'),
|
|
|
|
|
_this = this;
|
|
|
|
|
|
2015-02-03 05:47:22 +00:00
|
|
|
if (dir.dirent_more && $(window).scrollTop() + $(window).height() > $(document).height() - $('#footer').outerHeight(true) && start != dir.last_start) {
|
|
|
|
|
dir.last_start = start;
|
|
|
|
|
dir.fetch({
|
|
|
|
|
remove: false,
|
|
|
|
|
data: {
|
|
|
|
|
'p': dir.path,
|
|
|
|
|
'start': dir.more_start
|
|
|
|
|
},
|
|
|
|
|
success: function (collection, response, opts) {
|
|
|
|
|
if (!response.dirent_more ) { // no 'more'
|
|
|
|
|
loading_tip.hide();
|
|
|
|
|
}
|
2015-03-30 09:00:54 +00:00
|
|
|
_this.renderThumbnail();
|
2015-02-03 05:47:22 +00:00
|
|
|
},
|
|
|
|
|
error: function(xhr, textStatus, errorThrown) {
|
|
|
|
|
loading_tip.hide();
|
|
|
|
|
Common.ajaxErrorHandler(xhr, textStatus, errorThrown);
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
}
|
2015-01-30 11:36:42 +00:00
|
|
|
});
|
|
|
|
|
|
|
|
|
|
return DirView;
|
2015-01-25 10:47:42 +00:00
|
|
|
});
|
