125 lines
2.5 KiB
JavaScript
125 lines
2.5 KiB
JavaScript
|
|
modulejs.define('ext/dropbox', ['_', '$', 'core/settings', 'core/location', 'core/server', 'core/event'], function (_, $, allsettings, location, server, event) {
|
|
|
|
var settings = _.extend({
|
|
enabled: false,
|
|
maxfiles: 5,
|
|
maxfilesize: 20
|
|
}, allsettings.dropbox),
|
|
|
|
template = '<ul id="uploads"/>',
|
|
|
|
uploadTemplate = '<li class="upload clearfix">' +
|
|
'<span class="name"/>' +
|
|
'<span class="size"/>' +
|
|
'<div class="progress"><div class="bar"/></div>' +
|
|
'</li>',
|
|
|
|
data = {
|
|
action: 'upload',
|
|
href: ''
|
|
},
|
|
|
|
init = function () {
|
|
|
|
if (!settings.enabled || !server.api) {
|
|
return;
|
|
}
|
|
|
|
var $content = $('#content').append(template);
|
|
|
|
var uploads = {},
|
|
afterUpload = function (err, file) {
|
|
|
|
if (file) {
|
|
uploads[file.name]
|
|
.addClass(err ? 'error' : 'finished')
|
|
.find('.progress').replaceWith(err ? '<span class="error">' + err + '</span>' : '<span class="finished">okay</span>');
|
|
|
|
setTimeout(function () {
|
|
uploads[file.name].slideUp(400, function () {
|
|
|
|
uploads[file.name].remove();
|
|
delete uploads[file.name];
|
|
});
|
|
}, 5000);
|
|
}
|
|
};
|
|
|
|
event.sub('ready', function () {
|
|
|
|
$content.filedrop({
|
|
|
|
paramname: 'userfile',
|
|
|
|
maxfiles: settings.maxfiles,
|
|
maxfilesize: settings.maxfilesize,
|
|
url: location.getAbsHref(),
|
|
data: data,
|
|
|
|
docEnter: function () {
|
|
|
|
$content.addClass('hint');
|
|
},
|
|
|
|
docLeave: function () {
|
|
|
|
$content.removeClass('hint');
|
|
},
|
|
|
|
dragOver: function () {
|
|
|
|
$content.addClass('match');
|
|
},
|
|
|
|
dragLeave: function () {
|
|
|
|
$content.removeClass('match');
|
|
},
|
|
|
|
drop: function () {
|
|
|
|
$content.removeClass('hint match');
|
|
},
|
|
|
|
|
|
beforeEach: function (file) {
|
|
|
|
uploads[file.name] = $(uploadTemplate).appendTo('#uploads')
|
|
.find('.name').text(file.name).end()
|
|
.find('.size').text(file.size).end()
|
|
.find('.progress .bar').css('width', 0).end();
|
|
},
|
|
|
|
progressUpdated: function (i, file, progress) {
|
|
|
|
uploads[file.name].find('.progress .bar').css('width', '' + progress + '%');
|
|
},
|
|
|
|
uploadFinished: function (i, file, response) {
|
|
|
|
afterUpload(response.code && response.msg, file);
|
|
},
|
|
|
|
afterAll: function () {
|
|
|
|
location.refresh();
|
|
},
|
|
|
|
error: function (err, file) {
|
|
|
|
afterUpload(err, file);
|
|
}
|
|
});
|
|
});
|
|
|
|
event.sub('location.changed', function (item) {
|
|
|
|
// $('#uploads').empty();
|
|
data.href = item.absHref;
|
|
});
|
|
};
|
|
|
|
init();
|
|
});
|