bludit/bl-kernel/js/bludit-cover-image.js

96 lines
2.3 KiB
JavaScript
Raw Normal View History

<script>
var coverImage = new function() {
this.set = function(filename) {
var imageSrc = HTML_PATH_UPLOADS_THUMBNAILS + filename;
// Cover image background
$("#cover-image-thumbnail").attr("style", "background-image: url("+imageSrc+")");
// Form attribute
$("#cover-image-upload-filename").attr("value", filename);
// Show delete button.
$("#cover-image-delete").show();
// Hide Cover image text.
$("#cover-image-upload").hide();
// Hide box "There are no images"
$(".empty-images").hide();
}
this.remove = function () {
// Remove the filename from the form.
$("#cover-image-upload-filename").attr("value","");
// Remove the image from background-image.
$("#cover-image-thumbnail").attr("style","");
// Hide delete button.
$("#cover-image-delete").hide();
// Show Cover image text.
$("#cover-image-upload").show();
}
}
$(document).ready(function() {
// Click on delete cover image.
$("#cover-image-delete").on("click", function() {
// Remove the cover image.
coverImage.remove();
});
var settings =
{
type: "json",
action: HTML_PATH_ADMIN_ROOT+"ajax/uploader",
allow : "*.(jpg|jpeg|gif|png)",
2016-09-26 04:57:11 +02:00
params: {"tokenCSRF":tokenCSRF, "type":"cover-image"},
loadstart: function() {
$("#cover-image-progressbar").find(".uk-progress-bar").css("width", "0%").text("0%");
$("#cover-image-progressbar").show();
$("#cover-image-delete").hide();
$("#cover-image-upload").hide();
},
progress: function(percent) {
percent = Math.ceil(percent);
$("#cover-image-progressbar").find(".uk-progress-bar").css("width", percent+"%").text(percent+"%");
},
allcomplete: function(response) {
$("#cover-image-progressbar").find(".uk-progress-bar").css("width", "100%").text("100%");
$("#cover-image-progressbar").hide();
// Add Cover Image
coverImage.set( response.filename );
// Add thumbnail to Quick Images
quickImages.addThumbnail( response.filename );
// Add thumbnail to Bludit Images V8
imagesV8.addThumbnail( response.filename );
},
notallowed: function(file, settings) {
2016-07-25 16:57:39 +02:00
alert("<?php echo $L->g('error').'. '.$L->g('Supported image file types')?>: "+settings.allow);
}
};
UIkit.uploadSelect($("#cover-image-file-select"), settings);
UIkit.uploadDrop($("#cover-image-thumbnail"), settings);
});
</script>