fuzi_fauzia
/
hemat_solution
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

perbaikan style monitoring building

This commit is contained in:
Fuzi_fauzia 2024-04-25 13:27:22 +07:00
parent fcc9a97d99
commit 3cd43f3cc5
3 changed files with 74 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/content/hemat-app/monitoring/building/building.component.html
View File

@ -90,6 +90,7 @@
class="col-xl-6 col-md-6 col-12"
*ngFor="let top of dataTop; let i = index"
>
<div>
<span class="mb-1 text-muted cardtext d-block"
>{{ top.value[i] }}% - {{ top.label[i] }}</span
>
@ -103,6 +104,7 @@
</div>
</div>
</div>
</div>
<div class="form-group text-center">
<button

18
src/app/content/hemat-app/monitoring/building/building.component.ts
View File

@ -46,13 +46,18 @@ export class BuildingComponent {
fetchData() {
this.monitoringService.getMonitoringBuildingData().subscribe((res) => {
this.data = res
this.filteredRows = res
this.dataTop = res.map(item => ({
label: item.topUse.label,
value: item.topUse.value
}));
this.data = res;
this.filteredRows = res;
this.dataTop = [];
for (let i = 0; i < res.length; i++) {
if (res[i].topUse.label[i]) {
this.dataTop.push({
label: res[i].topUse.label,
value: res[i].topUse.value,
});
}
}
});
}
@ -73,5 +78,4 @@ export class BuildingComponent {
value !== null && value.toString().toLowerCase().includes(searchTermLC)
);
}
}

52
src/assets/data/hemat/building.json
View File

@ -50,5 +50,57 @@
"series": [90, 10],
"labels": []
}
},
{
"id": 5,
"build_name": "PT Allbest Solusi",
"total": "342",
"topUse": {
"label": ["Lightning", "Air Conditioner", "Security System", "Elevator"],
"value": [20, 40, 10, 30]
},
"donut": {
"series": [20, 80],
"labels": []
}
},
{
"id": 6,
"build_name": "PT Informa Media",
"total": "670",
"topUse": {
"label": ["Lightning", "Air Conditioner", "Security System", "Elevator"],
"value": [20, 40, 10, 30]
},
"donut": {
"series": [40, 60],
"labels": []
}
},
{
"id": 7,
"build_name": "PT Ikea Yes",
"total": "1480",
"topUse": {
"label": ["Lightning", "Air Conditioner", "Security System", "Elevator"],
"value": [20, 40, 10, 30]
},
"donut": {
"series": [70, 30],
"labels": []
}
},
{
"id": 8,
"build_name": "PT Gojek",
"total": "2050",
"topUse": {
"label": ["Lightning", "Air Conditioner", "Security System", "Elevator"],
"value": [20, 40, 10, 30]
},
"donut": {
"series": [90, 10],
"labels": []
}
}
]