Rearrange a JSON object in angularjs to create a nested ul - html

Question

Hi i have an RESTfulAPI that return a JSON object like this:
{
data: [
{
id: 4,
name: "Naranja",
cant_portion: 2,
portion_name: "Piezas",
foodgroup_name: "Frutas"
}
]
}
and i want to rearrange it so i can have something like this:
{
data: [
{
foodgroup_name: "Frutas",
items:[
{
portion_name: "Piezas",
items:[
{
id: 4,
name: "Naranja",
cant_portion: 2,
}
]
}
]
}
]
}
the idea of doing this is that i want to have a nested ul and the first ul should give me the name of the foodgroup, then the next ul should give the type of portions that foodgroup has, and inside that ul to put some li, with the items that match those 2 requirements.
Now in my API i can return the name of each Food group, so i'm ok with that first ul but in the second one where the portions goes, not every foodgroup has all of the portions, just maybe 1 or 2.

Answer 1

Check it:
private function _rearrangeData($data = array())
{
$out = array();
if (!count($data)) {
return $data;
}
$foodgroup = array();
$portion = array();
$foodgroup_name = $data[0]['foodgroup_name'];
$portion_name = $data[0]['portion_name'];
foreach ($data as $item) {
if ($item['foodgroup_name'] == $foodgroup_name) {
if ($item['portion_name'] == $portion_name) {
unset($item['foodgroup_name']);
unset($item['portion_name']);
array_push($portion, $item);
} else {
$arr = [
'portion_name' => $portion_name,
'items' => $portion
];
$portion_name = $item['portion_name'];
unset($item['foodgroup_name']);
unset($item['portion_name']);
$portion = [$item];
array_push($foodgroup, $arr);
}
} else {
$arr = [
'portion_name' => $portion_name,
'items' => $portion
];
array_push($foodgroup, $arr);
$arr = [
'foodgroup_name' => $foodgroup_name,
'items' => $foodgroup
];
$foodgroup_name = $item['foodgroup_name'];
$portion_name = $item['portion_name'];
unset($item['foodgroup_name']);
unset($item['portion_name']);
$portion = [$item];
$foodgroup = [];
array_push($out, $arr);
}
}
$arr = [
'portion_name' => $portion_name,
'items' => $portion
];
array_push($foodgroup, $arr);
$arr = [
'foodgroup_name' => $foodgroup_name,
'items' => $foodgroup
];
array_push($out, $arr);
return $out;
}
Edit: with your db:
$food_group = DB::table('foods')->join('food_group', 'food_group.id', '=', 'foods.food_group_id')->groupBy('food_group_id')->get();
$out = [];
foreach ($food_group as $item) {
$foods = DB::table('foods')->join('portions', 'portions.id', '=', 'foods.portion_id')->where('food_group_id', $item->id)->groupBy('portion_id')->get();
$arr1 = [];
foreach($foods as $item2) {
$por_food = DB::table('foods')->where('food_group_id',$item->id)->where('portion_id',$item2->id)->get();
$arr = [
'portion_name' => $item2->name,
'items' => $por_food
];
array_push($arr1, $arr);
}
$arr2 = [
'foodgroup_name'=>$item->name,
'items'=>$arr1
];
array_push($out, $arr2);
}
return response()->json(['data'=>$out],200);