<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)", 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) { 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>