«+» Кнопка создания нового узла и кнопка «Добавить маршрут» для создания подузла. Каждый узел содержит 2 раскрывающихся списка для выбора значений.
Мои примеры ответов выглядят так.
"flow":{
"children":{
"1":{
"children":{
},
"data":{
"id":"gbffhhjncjm"
},
"module":"device"
},
"2":{
"children":{
},
"data":{
"id":"fdjghmj"
},
"module":"device"
},
"4":{
"children":{
"5":{
"children":{
},
"data":{
"id":"jgjghfds"
},
"module":"device"
},
"6":{
"children":{
},
"data":{
"id":"ghfgghfhhh"
},
"module":"device"
},
"7":{
"children":{
"8":{
"children":{
},
"data":{
"id":"fgffhnhn"
},
"module":"play"
}
},
"data":{
"id":"ghfhnvnn"
},
"module":"play"
}
},
"data":{
"id":"sdgdgggf"
},
"module":"play"
}
},
}
Мне нужно выяснить структуру вложенного дерева с помощью добавления нового узла, добавления подузла, удаления узла, функции перетаскивания и опускания.