').addClass('btn-group pull-right');
var $btnEdit = TButton({classCss: 'btn btn-primary btn-xs btnEdit', text: settings.labelEdit});
var $btnRemv = TButton({classCss: 'btn btn-danger btn-xs btnRemove', text: settings.labelRemove});
var $btnUp = TButton({classCss: 'btn btn-default btn-xs btnUp btnMove', text: '
'});
var $btnDown = TButton({classCss: 'btn btn-default btn-xs btnDown btnMove', text: '
'});
var $btnOut = TButton({classCss: 'btn btn-default btn-xs btnOut btnMove', text: '
'});
var $btnIn = TButton({classCss: 'btn btn-default btn-xs btnIn btnMove', text: '
'});
$divbtn.append($btnUp).append($btnDown).append($btnIn).append($btnOut).append($btnEdit).append($btnRemv);
return $divbtn;
}
/**
* @param {array} arrayItem Object Array
* @param {int} depth Depth sub-menu
* @return {object} jQuery Object
* */
function createMenu(arrayItem, depth) {
var level = (typeof (depth) === 'undefined') ? 0 : depth;
var $elem = (level === 0) ? $main : $('
');
$.each(arrayItem, function (k, v) {
var isParent = (typeof (v.children) !== "undefined") && ($.isArray(v.children));
var itemObject = {text: "", href: "", icon: "empty", target: "_self", title: ""};
var temp = $.extend({}, v);
if (isParent){
delete temp['children'];
}
$.extend(itemObject, temp);
var $li = $('- ').addClass('list-group-item');
$li.data(itemObject);
var $div = $('
').css('margin-bottom', '5px');
var $i = $('
').addClass(v.icon);
var $span = $('').addClass('txt').append(v.text);
var $divbtn = TButtonGroup();
$div.append($i).append(" ").append($span).append($divbtn);
$li.append($div);
if (isParent) {
$li.append(createMenu(v.children, level + 1));
}
$elem.append($li);
});
return $elem;
}
function TOpener(li){
var opener = $('').addClass('sortableListsOpener ' + options.opener.openerClass).css(options.opener.openerCss)
.on('mousedown', function (e){
var li = $(this).closest('li');
if (li.hasClass('sortableListsClosed')) {
li.iconOpen(options);
} else {
li.iconClose(options);
}
return false; // Prevent default
});
opener.prependTo(li.children('div').first());
if ( !li.hasClass('sortableListsOpen') ) {
li.iconClose(options);
} else {
li.iconOpen(options);
}
}
function setOpeners() {
$main.find('li').each(function () {
var $li = $(this);
if ($li.children('ul').length) {
TOpener($li);
}
});
}
/*PUBLIC METHODS*/
this.setForm = function(form){
$form = form;
};
this.getForm = function(){
return $form;
};
this.setUpdateButton = function($btn){
$updateButton = $btn;
$updateButton.attr('disabled', true);
itemEditing = null;
};
this.getUpdateButton = function(){
return $updateButton;
};
this.getCurrentItem = function(){
return itemEditing;
};
this.update = function(){
var $cEl = this.getCurrentItem();
if ($cEl===null){
return;
}
var oldIcon = $cEl.data('icon');
$form.find('.item-menu').each(function(){
$cEl.data($(this).attr('name'), $(this).val());
});
$cEl.children().children('i').removeClass(oldIcon).addClass($cEl.data('icon'));
$cEl.find('span.txt').first().text($cEl.data('text'));
resetForm();
};
this.add = function(){
var data = {};
$form.find('.item-menu').each(function(){
data[$(this).attr('name')] = $(this).val();
});
var btnGroup = TButtonGroup();
var textItem = $('').addClass('txt').text(data.text);
var iconItem = $('').addClass(data.icon);
var div = $('').append(iconItem).append(" ").append(textItem).append(btnGroup);
var $li = $("
- ").data(data);
$li.addClass('list-group-item').append(div);
$main.append($li);
MenuEditor.updateButtons($main);
resetForm();
};
this.getString = function () {
var obj = $main.sortableListsToJson();
return JSON.stringify(obj);
};
this.setData = function (strJson) {
var arrayItem = (Array.isArray(strJson)) ? strJson : stringToArray(strJson);
if (arrayItem !== null) {
$main.empty();
var menu = createMenu(arrayItem);
if (!sortableReady) {
menu.sortableLists(settings.listOptions);
sortableReady = true;
} else {
setOpeners();
}
MenuEditor.updateButtons($main);
}
};
};
MenuEditor.updateButtons = function($mainList){
$mainList.find('.btnMove').show();
$mainList.updateButtons();
};