Anton Mashletov

const categories = [
    { id: 1, name: 'name 1', parent: null },
    { id: 2, name: 'name 2', parent: 1 },
    { id: 3, name: 'name 3', parent: 6 },
    { id: 4, name: 'name 4', parent: 5 },
    { id: 5, name: 'name 5', parent: 6 },
    { id: 6, name: 'name 6', parent: null },
    { id: 7, name: 'name 7', parent: null }
];

function buildTree(items, parent) {
    parent = parent || null;
    let result = [];

    items.forEach((item) => {
        if (item.parent === parent) {
            result.push(item);
            item.children = buildTree(items, item.id);

            if (!item.children.length) {
                delete item.children;
            }
        }
    });
    
    return result;
}
// todo: не обходить уже добавленные
console.log(buildTree(categories));

if (socket.request.user === undefined) {
    console.error('error'); // или throw
    return;
}

if (socket.request.user.id === undefined) {
    console.error('error'); // или throw
    return;
}

// todo

1. При нажатии на ячейку мышкой, добавляешь ей класс selected (например)
   
2. В обработчике нажатия на Редактировать, получаешь этот selected и делаешь $('input').insertTo($('td.selected'))
   
3. Вешаешь change на этот инпут или keyup по Enter
   
4. В обработчике сохраняешь по ajax.
   
5. Если blur или сменился selected, то удаляешь input
   

$('#field').datepicker({
        range: 'period',
        numberOfMonths: 2,
        beforeShowDay: function (date) {
            if (date.getTime() >= startDate.getTime() && date.getTime() <= endDate.getTime()) { // какая-то логика
                return [true, 'selected']; // css класс подсвечивающий красным
            }

            return [true, ''];
        },
});