Rajout du logo PayPal qui empêchait l'action du module
BIN
local/media/images/module/logo-2.png
Normal file
|
After Width: | Height: | Size: 4.1 KiB |
@@ -0,0 +1 @@
|
|||||||
|
77a4c77393db8bfa78a3c48da30a8f93
|
||||||
BIN
web/assets/backOffice/default/PayPal/assets/1fb2500.png
Normal file
|
After Width: | Height: | Size: 6.0 KiB |
BIN
web/assets/backOffice/default/PayPal/assets/71dbb05.png
Normal file
|
After Width: | Height: | Size: 19 KiB |
BIN
web/assets/backOffice/default/PayPal/assets/a15af4a.png
Normal file
|
After Width: | Height: | Size: 18 KiB |
BIN
web/assets/backOffice/default/PayPal/assets/e522c4d.png
Normal file
|
After Width: | Height: | Size: 26 KiB |
|
After Width: | Height: | Size: 7.3 KiB |
BIN
web/assets/backOffice/default/PayPal/assets/paypal_conf1.png
Normal file
|
After Width: | Height: | Size: 18 KiB |
BIN
web/assets/backOffice/default/PayPal/assets/paypal_conf2.png
Normal file
|
After Width: | Height: | Size: 26 KiB |
BIN
web/assets/backOffice/default/PayPal/assets/paypal_conf3.png
Normal file
|
After Width: | Height: | Size: 19 KiB |
|
After Width: | Height: | Size: 6.0 KiB |
BIN
web/assets/backOffice/default/PayPal/assets/paypal_webhook.png
Normal file
|
After Width: | Height: | Size: 18 KiB |
1758
web/assets/backOffice/default/template-assets/assets/js/4f20017.js
Normal file
@@ -0,0 +1,271 @@
|
|||||||
|
$(function($){
|
||||||
|
// Manage picture upload
|
||||||
|
$.imageUploadManager = {};
|
||||||
|
|
||||||
|
Dropzone.autoDiscover = false;
|
||||||
|
|
||||||
|
// Remove image on click
|
||||||
|
$.imageUploadManager.initImageDropZone = function() {
|
||||||
|
|
||||||
|
$.imageUploadManager.onClickDeleteImage();
|
||||||
|
$.imageUploadManager.onClickModal();
|
||||||
|
$.imageUploadManager.onModalHidden();
|
||||||
|
$.imageUploadManager.sortImage();
|
||||||
|
$.imageUploadManager.onClickToggleVisibilityImage();
|
||||||
|
$.imageUploadManager.onClickBtnDeleteSelectedImages();
|
||||||
|
$.imageUploadManager.onClickBtnSelectDeselectImages();
|
||||||
|
|
||||||
|
var imageDropzone = new Dropzone("#images-dropzone", {
|
||||||
|
dictDefaultMessage : $('.btn-browse').html(),
|
||||||
|
uploadMultiple: false,
|
||||||
|
acceptedFiles: 'image/png, image/gif, image/jpeg'
|
||||||
|
});
|
||||||
|
|
||||||
|
var totalFiles = 0,
|
||||||
|
completedFiles = 0;
|
||||||
|
|
||||||
|
imageDropzone.on("addedfile", function(file){
|
||||||
|
totalFiles += 1;
|
||||||
|
|
||||||
|
if(totalFiles == 1){
|
||||||
|
$('.dz-message').hide();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
imageDropzone.on("complete", function(file){
|
||||||
|
completedFiles += 1;
|
||||||
|
|
||||||
|
if (completedFiles === totalFiles){
|
||||||
|
$('.dz-message').slideDown();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
imageDropzone.on("success", function(file) {
|
||||||
|
imageDropzone.removeFile(file);
|
||||||
|
$.imageUploadManager.updateImageListAjax();
|
||||||
|
$.imageUploadManager.onClickDeleteImage();
|
||||||
|
$.imageUploadManager.onClickToggleVisibilityImage();
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
};
|
||||||
|
|
||||||
|
// Update picture list via AJAX call
|
||||||
|
$.imageUploadManager.updateImageListAjax = function() {
|
||||||
|
var $imageListArea = $(".image-manager .existing-image");
|
||||||
|
$imageListArea.html('<div class="loading" ></div>');
|
||||||
|
$.ajax({
|
||||||
|
type: "POST",
|
||||||
|
url: imageListUrl,
|
||||||
|
data: {
|
||||||
|
successUrl: imageSuccessUrl
|
||||||
|
},
|
||||||
|
statusCode: {
|
||||||
|
404: function() {
|
||||||
|
$imageListArea.html(
|
||||||
|
imageListErrorMessage
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}).done(function(data) {
|
||||||
|
$imageListArea.html(
|
||||||
|
data
|
||||||
|
);
|
||||||
|
$.imageUploadManager.onClickDeleteImage();
|
||||||
|
$.imageUploadManager.sortImage();
|
||||||
|
$.imageUploadManager.onClickToggleVisibilityImage();
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
// Remove image on click
|
||||||
|
$.imageUploadManager.onClickDeleteImage = function() {
|
||||||
|
$('.image-manager .image-delete-btn').on('click', function (e) {
|
||||||
|
e.preventDefault();
|
||||||
|
var $btnSubmit = $("#submit-delete-image");
|
||||||
|
$btnSubmit.data("element-id", $(this).attr("id"));
|
||||||
|
$btnSubmit.data("type", "one");
|
||||||
|
$('#modal-body-delete-image').html(imageDeleteOneWarningMessage);
|
||||||
|
$('#image_delete_dialog').modal("show");
|
||||||
|
|
||||||
|
return false;
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
$.imageUploadManager.onClickBtnDeleteSelectedImages = function(){
|
||||||
|
$('.btn-delete-selected-images').on('click', function(e) {
|
||||||
|
e.preventDefault();
|
||||||
|
var $btnSubmit = $("#submit-delete-image");
|
||||||
|
var $btnCancel = $("#jsBtnDismissImageDeleteModal");
|
||||||
|
$btnSubmit.data("type", "multiple");
|
||||||
|
var $count = $('.image-select-checkbox:checked').length;
|
||||||
|
var $warning;
|
||||||
|
if($count == 0){
|
||||||
|
$btnSubmit.hide();
|
||||||
|
$btnCancel.html(textBtnDeleteImageModal_Close);
|
||||||
|
$warning = imageDeleteNoImageSelectedMessage;
|
||||||
|
}else{
|
||||||
|
$btnSubmit.show();
|
||||||
|
$btnCancel.html('<span class="glyphicon glyphicon-remove"></span>'+textBtnDeleteImageModal_No);
|
||||||
|
if($count == 1){
|
||||||
|
$warning = imageDeleteOneWarningMessage;
|
||||||
|
} else {
|
||||||
|
$warning = imageDeleteMultipleWarningMessage.replace("%count", $count);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
$('#modal-body-delete-image').html($warning);
|
||||||
|
$('#image_delete_dialog').modal("show");
|
||||||
|
|
||||||
|
return false;
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
$.imageUploadManager.onClickBtnSelectDeselectImages = function(){
|
||||||
|
$('.btn-select-all-images').on('click', function(e) {
|
||||||
|
e.preventDefault();
|
||||||
|
$('.image-select-checkbox').prop('checked', true);
|
||||||
|
});
|
||||||
|
|
||||||
|
$('.btn-deselect-all-images').on('click', function(e) {
|
||||||
|
e.preventDefault();
|
||||||
|
$('.image-select-checkbox').prop('checked', false);
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
$.imageUploadManager.onModalHidden = function() {
|
||||||
|
$("#image_delete_dialog").on('hidden.bs.modal', function (e) {
|
||||||
|
var $btnSubmit = $("#submit-delete-image");
|
||||||
|
$btnSubmit.data("element-id", "");
|
||||||
|
$btnSubmit.data("type", "");
|
||||||
|
$('#modal-body-delete-image').html('');
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
$.imageUploadManager.deleteSelectedImages = function(){
|
||||||
|
$('.image-select-checkbox:checked').each(function(){
|
||||||
|
$.imageUploadManager.deleteImage($(this).data("id"));
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
$.imageUploadManager.deleteImage = function($id){
|
||||||
|
var $this = $("#"+$id);
|
||||||
|
var $parent = $this.parent();
|
||||||
|
var $greatParent = $parent.parent();
|
||||||
|
|
||||||
|
$greatParent.append('<div class="loading" ></div>');
|
||||||
|
$greatParent.find('.btn-group').remove();
|
||||||
|
var $url = $this.attr("href");
|
||||||
|
var errorMessage = $this.attr("data-error-message");
|
||||||
|
$.ajax({
|
||||||
|
type: "POST",
|
||||||
|
url: $url,
|
||||||
|
statusCode: {
|
||||||
|
404: function() {
|
||||||
|
$(".image-manager .message").html(
|
||||||
|
errorMessage
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}).done(function(data) {
|
||||||
|
$greatParent.parent().remove();
|
||||||
|
$(".image-manager .message").html(
|
||||||
|
data
|
||||||
|
);
|
||||||
|
|
||||||
|
/* refresh position */
|
||||||
|
$( "#js-sort-image").children('li').each(function(position, element) {
|
||||||
|
$(element).find('.js-sorted-position').html(position + 1);
|
||||||
|
});
|
||||||
|
}).always(function(){
|
||||||
|
$('#image_delete_dialog').modal("hide");
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
$.imageUploadManager.onClickModal = function() {
|
||||||
|
$("#submit-delete-image").on('click', function(e){
|
||||||
|
var $type = $(this).data("type");
|
||||||
|
if($type == 'one') {
|
||||||
|
var $id = $(this).data("element-id");
|
||||||
|
$.imageUploadManager.deleteImage($id);
|
||||||
|
}else if($type == 'multiple'){
|
||||||
|
$.imageUploadManager.deleteSelectedImages();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
// toggle document on click
|
||||||
|
$.imageUploadManager.onClickToggleVisibilityImage = function() {
|
||||||
|
$('.image-manager').on('click', '.image-toggle-btn', function (e) {
|
||||||
|
e.preventDefault();
|
||||||
|
var $this = $(this);
|
||||||
|
var $url = $this.attr("href");
|
||||||
|
var errorMessage = $this.attr("data-error-message");
|
||||||
|
$.ajax({
|
||||||
|
type: "GET",
|
||||||
|
url: $url,
|
||||||
|
statusCode: {
|
||||||
|
404: function() {
|
||||||
|
$(".image-manager .message").html(
|
||||||
|
errorMessage
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}).done(function(data) {
|
||||||
|
$(".image-manager .message").html(
|
||||||
|
data
|
||||||
|
);
|
||||||
|
|
||||||
|
$this.toggleClass("visibility-visible");
|
||||||
|
});
|
||||||
|
return false;
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
$.imageUploadManager.sortImage = function() {
|
||||||
|
$( "#js-sort-image" ).sortable({
|
||||||
|
placeholder: "ui-sortable-placeholder col-sm-6 col-md-3",
|
||||||
|
change: function( event, ui ) {
|
||||||
|
/* refresh position */
|
||||||
|
var pickedElement = ui.item;
|
||||||
|
var position = 0;
|
||||||
|
$( "#js-sort-image").children('li').each(function(k, element) {
|
||||||
|
if($(element).data('sort-id') == pickedElement.data('sort-id')) {
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
position++;
|
||||||
|
if($(element).is('.ui-sortable-placeholder')) {
|
||||||
|
pickedElement.find('.js-sorted-position').html(position);
|
||||||
|
} else {
|
||||||
|
$(element).find('.js-sorted-position').html(position);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
stop: function( event, ui ) {
|
||||||
|
/* update */
|
||||||
|
var newPosition = ui.item.find('.js-sorted-position').html();
|
||||||
|
var imageId = ui.item.data('sort-id');
|
||||||
|
|
||||||
|
$.ajax({
|
||||||
|
type: "POST",
|
||||||
|
url: imageReorder,
|
||||||
|
data: {
|
||||||
|
image_id: imageId,
|
||||||
|
position: newPosition
|
||||||
|
},
|
||||||
|
statusCode: {
|
||||||
|
404: function() {
|
||||||
|
$(".image-manager .message").html(
|
||||||
|
imageReorderErrorMessage
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}).done(function(data) {
|
||||||
|
$(".image-manager .message").html(
|
||||||
|
data
|
||||||
|
);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
$( "#js-sort-image" ).disableSelection();
|
||||||
|
};
|
||||||
|
});
|
||||||