');
$dropzone.addClass('dropzone');
$dropzone.html('Dateien hier ablegen');
$dropzone.on('dragover dragleave', me.onDragEventHandler);
$dropzone.on('drop', me.onDropFilesEventHandler);
$dropzone.on('click', me.onClickDropboxEventHandler);
$dropzone.appendTo(me.storage.$container);
var $fileInput = $('');
$fileInput.attr('type', 'file');
$fileInput.prop('multiple', true);
$fileInput.on('change', me.onSelectFilesEventHandler);
$('
').addClass('hidden-upload').html($fileInput).appendTo(me.storage.$container);
me.storage.$dropzone = $dropzone;
},
/**
* Datei-Tabelle erzeugen
*/
createFilesContainer: function () {
var tableTemplate =
'' +
'
';
var $files = $('
| Dateiname | Größe | ' + 'Titel | Stichwort | Status | Aktionen | ' + '' + '
|---|
').addClass('files');
var $list = $(tableTemplate);
$files.appendTo(me.storage.$container).hide();
$list.appendTo($files);
me.storage.$filesContainer = $files;
me.storage.$filesList = $list.find('tbody');
},
/**
* Buttons erzeugen
*/
createButtons: function () {
var $buttons = $('
').addClass('buttons');
$buttons.appendTo(me.storage.$container).hide();
var $uploadButton = $('');
$uploadButton.attr('type', 'button');
$uploadButton.addClass('upload-files-trigger');
$uploadButton.addClass('btnGreen');
$uploadButton.val('Upload starten');
$uploadButton.on('click', function (e) {
e.preventDefault();
me.startUploads();
});
$uploadButton.appendTo($buttons);
var $cancelButton = $('');
$cancelButton.attr('type', 'button');
$cancelButton.addClass('stop-upload-trigger');
$cancelButton.addClass('btnBlue');
$cancelButton.val('Upload abbrechen');
$cancelButton.on('click', function (e) {
e.preventDefault();
me.cancelUploads();
});
$cancelButton.appendTo($buttons);
var $resetButton = $('');
$resetButton.attr('type', 'button');
$resetButton.addClass('clear-files-trigger');
$resetButton.addClass('btnBlue');
$resetButton.val('Liste leeren');
$resetButton.on('click', function (e) {
e.preventDefault();
me.reset();
});
$resetButton.appendTo($buttons);
var $statusInfo = $('');
$statusInfo.appendTo($buttons);
// Referenzen wegspeichern
me.storage.buttons.$container = $buttons;
me.storage.buttons.$start = $uploadButton;
me.storage.buttons.$cancel = $cancelButton;
me.storage.buttons.$reset = $resetButton;
me.storage.$statusInfo = $statusInfo;
},
/**
* @param {String} fileId
* @param {String} previewUrl
*/
createImagePreview: function (fileId, previewUrl) {
var $row = me.storage.$filesList.find('#' + fileId);
if ($row.length === 0) {
return;
}
var $img = $('![]()
').attr({
'alt': 'Vorschau',
'src': previewUrl
});
$row.find('.filepreview').html($img);
},
/**
* HTML5 File-API vorhanden? Oder Uralt-Browser?
*
* @return {boolean}
*/
isFileApiAvailable: function () {
return typeof window.File !== 'undefined' &&
typeof window.FileList !== 'undefined' &&
typeof window.FileReader !== 'undefined';
},
/**
* Zufällige ID generieren
*
* @return {string}
*/
generateRandomId: function () {
return 'upload_' + Math.floor(Math.random() * Math.floor(9999999999));
},
/**
* @param {string} value
*
* @return {string}
*/
formatBytes: function (value) {
var bytes = parseInt(value, 10);
if (bytes === 0) {
return '0 Bytes';
}
var sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB'];
var exponent = Math.floor(Math.log(bytes) / Math.log(1024));
var decimalString = (bytes / Math.pow(1024, exponent)).toFixed(1) + '';
return decimalString.replace('.', ',') + ' ' + sizes[exponent];
}
};
me.init($elem, options);
/**
* Return public api
*/
return {
startUploads: me.startUploads,
cancelUploads: me.cancelUploads,
reset: me.reset
};
};
// Dokumentation: Siehe Dateianfang
$.fn.dropzoneUpload = function (options) {
return this.each(function () {
var $elem = $(this);
if (!$elem.data('dropzoneUpload')) {
var api = new DropZoneUpload(this, options);
$elem.init.prototype.DropZoneUploadApi = function () {
return api;
};
$elem.data('dropzoneUpload', api);
}
});
};
}(jQuery));