| Server IP : 66.29.137.217 / Your IP : 18.119.141.157 Web Server : LiteSpeed System : Linux premium294.web-hosting.com 4.18.0-513.11.1.lve.el8.x86_64 #1 SMP Thu Jan 18 16:21:02 UTC 2024 x86_64 User : gltevjme ( 1095) PHP Version : 7.0.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/gltevjme/./gle.gltechlimited.com/public/assets/js/custom/ |
Upload File : |
/*
--------------------------------
: Custom - Nestable js :
--------------------------------
*/
(function() {
"use strict";
var updateOutput = function(e) {
var list = e.length ? e : $(e.target),
output = list.data('output');
if(window.JSON) {
output.val(window.JSON.stringify(list.nestable('serialize')));
}
else {
output.val('JSON browser support required for this demo.');
}
};
var json = [
{
"id": 1,
"content": "First item",
"classes": ["dd-nochildren"]
},
{
"id": 2,
"content": "Second item",
"children": [
{
"id": 3,
"content": "Item 3"
},
{
"id": 4,
"content": "Item 4"
},
{
"id": 5,
"content": "Item 5",
"value": "Item 5 value",
"foo": "Bar",
"children": [
{
"id": 6,
"content": "Item 6"
},
{
"id": 7,
"content": "Item 7"
},
{
"id": 8,
"content": "Item 8"
}
]
}
]
},
{
"id": 9,
"content": "Item 9"
},
{
"id": 10,
"content": "Item 10",
"children": [
{
"id": 11,
"content": "Item 11",
"children": [
{
"id": 12,
"content": "Item 12"
}
]
}
]
}
];
var lastId = 12;
/* -- activate Nestable for list 1 -- */
$('#nestable').nestable({
group: 1,
json: json,
contentCallback: function(item) {
var content = item.content || '' ? item.content : item.id;
content += ' <i>(id = ' + item.id + ')</i>';
return content;
}
}).on('change', updateOutput);
/* -- activate Nestable for list 2 -- */
$('#nestable2').nestable({
group: 1
}).on('change', updateOutput);
/* -- output initial serialised data -- */
updateOutput($('#nestable').data('output', $('#nestable-output')));
updateOutput($('#nestable2').data('output', $('#nestable2-output')));
$('#nestable-menu').on('click', function(e) {
var target = $(e.target),
action = target.data('action');
if(action === 'expand-all') {
$('.dd').nestable('expandAll');
}
if(action === 'collapse-all') {
$('.dd').nestable('collapseAll');
}
if(action === 'add-item') {
var newItem = {
"id": ++lastId,
"content": "Item " + lastId,
"children": [
{
"id": ++lastId,
"content": "Item " + lastId,
"children": [
{
"id": ++lastId,
"content": "Item " + lastId
}
]
}
]
};
$('#nestable').nestable('add', newItem);
}
if(action === 'replace-item') {
var replacedItem = {
"id": 10,
"content": "New item 10",
"children": [
{
"id": ++lastId,
"content": "Item " + lastId,
"children": [
{
"id": ++lastId,
"content": "Item " + lastId
}
]
}
]
};
$('#nestable').nestable('replace', replacedItem);
}
});
$('#nestable3').nestable();
})();