|
@@ -116,7 +116,7 @@
|
|
$('.composition-link').removeClass('is-active');
|
|
$('.composition-link').removeClass('is-active');
|
|
$link.removeClass('ajax-loading').addClass('is-active');
|
|
$link.removeClass('ajax-loading').addClass('is-active');
|
|
|
|
|
|
- $composer.html(data.compo);
|
|
|
|
|
|
+ $('.composition', $composer).replaceWith(data.compo);
|
|
$composer.removeClass('ajax-loading');
|
|
$composer.removeClass('ajax-loading');
|
|
initDragAndDropUI();
|
|
initDragAndDropUI();
|
|
};
|
|
};
|
|
@@ -260,11 +260,18 @@
|
|
// |___/|_| \__,_\__, | \_____| |___/|_| \___/ .__/ \___/|___|
|
|
// |___/|_| \__,_\__, | \_____| |___/|_| \___/ .__/ \___/|___|
|
|
// |___/ |_|
|
|
// |___/ |_|
|
|
function initDragAndDropUI(){
|
|
function initDragAndDropUI(){
|
|
-
|
|
|
|
- // add real dom square element to handle sorting
|
|
|
|
- $('.composition_ui .composer .composition .field--name-documents .field__item').each(function(i){
|
|
|
|
|
|
+ // check if field--name-documents exists
|
|
|
|
+ if (!$('.composition_ui .composer .composition .field--name-documents').length) {
|
|
|
|
+ // if not create it
|
|
|
|
+ $field_documents = $('<div>')
|
|
|
|
+ .addClass('field').addClass('field--name-documents')
|
|
|
|
+ .appendTo('.composition_ui .composer .composition');
|
|
|
|
+ }else{
|
|
|
|
+ // add real dom square element to handle sorting
|
|
|
|
+ $field_documents = $('.composition_ui .composer .composition .field--name-documents'); $('.field__item', $field_documents).each(function(i){
|
|
$(this).prepend($('<span>').addClass('handler'));
|
|
$(this).prepend($('<span>').addClass('handler'));
|
|
});
|
|
});
|
|
|
|
+ }
|
|
|
|
|
|
// create remove dropzone
|
|
// create remove dropzone
|
|
var $remove_zone = $('<div>').addClass('remove-drop-zone')
|
|
var $remove_zone = $('<div>').addClass('remove-drop-zone')
|
|
@@ -288,7 +295,7 @@
|
|
});
|
|
});
|
|
|
|
|
|
// create sortable
|
|
// create sortable
|
|
- $('.composition_ui .composer .composition .field--name-documents').sortable({
|
|
|
|
|
|
+ $field_documents.sortable({
|
|
revert:false,
|
|
revert:false,
|
|
handle: ".handler",
|
|
handle: ".handler",
|
|
receive:function(e, ui){
|
|
receive:function(e, ui){
|