body.delegate('click', '[data-collection-addnew]', function(event, element) {
var param = element.parent('.settings-param'),
list = param.find('ul'),
editall = list.parent().find('[data-collection-editall]'),
dataField = param.find('[data-collection-data]'),
tmpl = param.find('[data-collection-template]'),
items = list.search('> [data-collection-item]') || [],
last = $(lastItem(items));
var clone = $(tmpl[0].cloneNode(true)), title, editable;
if (last) { clone.after(last); }
else { clone.top(list); }
if (items.length && editall) { editall.style('display', 'inline-block'); }
title = clone.find('a');
editable = title.find('[data-title-editable]');
var re = new RegExp('%id%', 'g');
title.href(title.href().replace(re, items.length));
clone.attribute('style', null).data('collection-item', clone.data('collection-template'));
clone.attribute('data-collection-template', null);
clone.attribute('data-collection-nosort', null);
editable.CollectionNew = true;
body.emit('click', { target: title.siblings('[data-title-edit]') });
editable.on('title-edit-exit', addNewByEnter);
body.emit('change', { target: dataField });
});
close: function(id) {
if (!id) {
var element = $(last(this.getAll()));
if (!element) {
return false;
}
id = storage.get(element).dialog.id;
}
return this.closeByID(id);
},
stop: function(event, target, element) {
target = $(target);
// we are removing the block
var lastOvered = $(this.dragdrop.lastOvered);
if (lastOvered && lastOvered.matches(this.eraser.element.find('.trash-zone'))) {
this.eraser.hide();
return;
}
if (target) { element.removeClass('active'); }
if (this.type == 'column') {
this.root.search('.g-block > *').attribute('style', null);
}
if (!this.dragdrop.matched && !this.addNewItem) {
if (this.placeholder) { this.placeholder.remove(); }
this.type = undefined;
this.targetLevel = false;
this.isParticle = undefined;
this.eraser.hide();
return;
}
var placeholderParent = this.placeholder.parent();
if (!placeholderParent) {
this.type = undefined;
this.targetLevel = false;
this.isParticle = undefined;
return;
}
if (this.addNewItem) { this.block.attribute('style', null).removeClass('active'); }
var parent = this.block.parent();
this.eraser.hide();
if (this.original) {
if (!this.isNewParticle) { this.original.remove(); }
else { this.original.attribute('style', null).removeClass('original-placeholder'); }
}
this.block.after(this.placeholder);
this.placeholder.remove();
this.itemTo = this.block.parent('[data-mm-id]');
this.currentLevel = this.itemLevel;
if (this.wasActive) { element.addClass('active'); }
if (this.isParticle) {
var id = last(this.itemID.split('/')),
targetItem = (target || this.itemTo),
base = targetItem[target && !target.hasClass('g-block') ? 'parent' : 'find']('[data-mm-base]').data('mm-base');
this.itemID = base ? base + '/' + id : id;
this.itemLevel = this.targetLevel;
this.block.data('mm-id', this.itemID).data('mm-level', this.targetLevel);
}
var path = this.itemID.split('/'),
items, column;
path.splice(this.itemLevel - 1);
path = path.join('/');
// Items reorder for root or sublevels with logic to reorder FROM and TO sublevel column if needed
if (this.itemFrom || this.itemTo) {
var sources = this.itemFrom == this.itemTo ? [this.itemFrom] : [this.itemFrom, this.itemTo];
sources.forEach(function(source) {
if (!source) { return; }
items = source.search('[data-mm-id]');
column = Number(this.block.data('mm-level') > 2 ? 0 : (source.data('mm-id').match(/\d+$/) || [0])[0]);
if (!items) {
this.ordering[path][column] = [];
return;
}
items = items.map(function(element) {
return $(element).data('mm-id');
});
if (!this.ordering[path]) { this.ordering[path] = []; }
this.ordering[path][column] = items;
}, this);
// Refresh the origin if it's a particle
base = this.itemFrom ? (this.itemFrom.attribute('data-mm-base') !== null ? this.itemFrom : this.itemFrom.find('[data-mm-base]')) : null;
if (this.isParticle && base && this.targetLevel != this.currentLevel) {
var list = (this.itemFrom.data('mm-id').match(/\d+$/) || [0])[0];
this.ordering[base.data('mm-base') || ''][list].splice(this.ParticleIndex, 1);
}
}
// Column reordering, we just need to swap the array indexes
if (!this.itemFrom && !this.itemTo && !this.isParticle) {
var colsOrder = [],
active = $('.g-toplevel [data-mm-id].active').data('mm-id');
items = parent.search('> [data-mm-id]');
items.forEach(function(element, index) {
element = $(element);
var id = element.data('mm-id'),
column = Number((id.match(/\d+$/) || [0])[0]);
element.data('mm-id', id.replace(/\d+$/, index));
colsOrder.push(this.ordering[active][column]);
}, this);
this.ordering[active] = colsOrder;
}
if (!parent.children()) { parent.empty(); }
/*if (console && console.group && console.info && console.table && console.groupEnd) {
console.group();
console.info('New Ordering');
console.table(this.ordering);
console.groupEnd();
}*/
var selector = this.block.parent('.submenu-selector');
if (selector) { this.resizer.updateItemSizes(selector.search('> [data-mm-id]')); }
this.emit('dragEnd', this.map, 'reorder');
},