68 lines
1.9 KiB
JavaScript
68 lines
1.9 KiB
JavaScript
|
<script>
|
||
|
|
|
||
|
|
var imagesV8 = new function() {
|
||
|
|
|
||
|
|
this.addThumbnail = function(filename) {
|
||
|
|
|
||
|
|
var imageSrc = HTML_PATH_UPLOADS_THUMBNAILS + filename;
|
||
|
|
|
||
|
|
// Add the new thumbnail to Bludit Images v8
|
||
|
|
$("#bludit-images-v8-thumbnails").prepend("<img class=\"bludit-thumbnail\" data-filename=\""+filename+"\" src=\""+imageSrc+"\" alt=\"Thumbnail\">");
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
this.removeThumbnail = function(filename) {
|
||
|
|
|
||
|
|
// Remove the thumbnail
|
||
|
|
$("#bludit-images-v8-thumbnails > img[data-filename=\""+filename+"\"]").remove();
|
||
|
|
|
||
|
|
if($("#bludit-images-v8-thumbnails > img").length == 0) {
|
||
|
|
// Show box "There are no images"
|
||
|
|
$(".empty-images").show();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
$(document).ready(function() {
|
||
|
|
|
||
|
|
var settings =
|
||
|
|
{
|
||
|
|
type: "json",
|
||
|
|
action: HTML_PATH_ADMIN_ROOT+"ajax/uploader",
|
||
|
|
allow : "*.(jpg|jpeg|gif|png)",
|
||
|
|
params: {"type":"bludit-images-v8"},
|
||
|
|
|
||
|
|
loadstart: function() {
|
||
|
|
$("#bludit-images-v8-progressbar").find(".uk-progress-bar").css("width", "0%").text("0%");
|
||
|
|
$("#bludit-images-v8-drag-drop").hide();
|
||
|
|
$("#bludit-images-v8-progressbar").show();
|
||
|
|
},
|
||
|
|
|
||
|
|
progress: function(percent) {
|
||
|
|
percent = Math.ceil(percent);
|
||
|
|
$("#bludit-images-v8-progressbar").find(".uk-progress-bar").css("width", percent+"%").text(percent+"%");
|
||
|
|
},
|
||
|
|
|
||
|
|
allcomplete: function(response) {
|
||
|
|
$("#bludit-images-v8-progressbar").find(".uk-progress-bar").css("width", "100%").text("100%");
|
||
|
|
$("#bludit-images-v8-progressbar").hide();
|
||
|
|
$("#bludit-images-v8-drag-drop").show();
|
||
|
|
$(".empty-images").hide();
|
||
|
|
|
||
|
|
// Add thumbnail to Bludit Images V8
|
||
|
|
imagesV8.addThumbnail( response.filename );
|
||
|
|
|
||
|
|
// Add thumbnail to Quick Images
|
||
|
|
quickImages.addThumbnail( response.filename );
|
||
|
|
},
|
||
|
|
|
||
|
|
notallowed: function(file, settings) {
|
||
|
|
alert("'.$L->g('Supported image file types').' "+settings.allow);
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
UIkit.uploadSelect($("#bludit-images-v8-file-select"), settings);
|
||
|
|
UIkit.uploadDrop($("#bludit-images-v8-upload"), settings);
|
||
|
|
});
|
||
|
|
</script>
|