diff --git a/projects/admin/src/app/pages/ingredients/ingredient-review/ingredient-review.component.html b/projects/admin/src/app/pages/ingredients/ingredient-review/ingredient-review.component.html index 65c4ac2..adb9f05 100644 --- a/projects/admin/src/app/pages/ingredients/ingredient-review/ingredient-review.component.html +++ b/projects/admin/src/app/pages/ingredients/ingredient-review/ingredient-review.component.html @@ -3,9 +3,9 @@ class="h-full scroll-card-body "> - - - + + +
diff --git a/projects/admin/src/app/pages/ingredients/ingredient-review/ingredient-review.component.ts b/projects/admin/src/app/pages/ingredients/ingredient-review/ingredient-review.component.ts index 9ddc166..ea40702 100644 --- a/projects/admin/src/app/pages/ingredients/ingredient-review/ingredient-review.component.ts +++ b/projects/admin/src/app/pages/ingredients/ingredient-review/ingredient-review.component.ts @@ -25,8 +25,6 @@ export class IngredientReviewComponent { statusIndex = 0; - tempImg = "https://cdn.pixabay.com/photo/2023/08/08/18/01/butterfly-8177925_1280.jpg"; - public tableList = new TableListOption(this.fetchData.bind(this), { selectable: true, }); @@ -35,9 +33,21 @@ export class IngredientReviewComponent { name: new FormControl(""), }); + statusCount: Record = {}; + ngOnInit(): void { - this.statusIndex = Number(this.route.snapshot.queryParamMap.get("status")) || 0; + this.statusIndex = Number(this.route.snapshot.queryParamMap.get("statusIndex")) ?? 0; this.initTableList(); + this.api.getCountByStatus().subscribe((res) => { + if (Array.isArray(res.body)) { + this.statusCount = res.body.reduce((a, c) => { + return { + ...a, + [c.status]: `(${c.count})`, + }; + }, {} as Record); + } + }); } initTableList() { @@ -92,7 +102,7 @@ export class IngredientReviewComponent { this.statusIndex = index; this.router.navigate(["/ingredient/review"], { queryParams: { - status: index, + statusIndex: index, }, queryParamsHandling: "merge", }); diff --git a/projects/cdk/src/services/api.service.ts b/projects/cdk/src/services/api.service.ts index 56bf6cf..b8614a8 100644 --- a/projects/cdk/src/services/api.service.ts +++ b/projects/cdk/src/services/api.service.ts @@ -381,6 +381,10 @@ export class ApiService { return this.http.get(`/api/menu?${params}`); } + getCountByStatus() { + return this.http.get(`/api/menu/review/count`); + } + saveMenu(v: AnyObject) { const body = Utils.objectToFormData(v); const method = v["id"] ? "post" : "put";