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

integrasi building detail

Browse Source
This commit is contained in:
Fuzi_fauzia
2024-05-28 16:24:27 +07:00
parent ded0ca21a1
commit eaea625b4b
7 changed files with 856 additions and 820 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/app/content/hemat-app/monitoring/detail/detail.component.html
View File

@@ -11,11 +11,11 @@
<div class="card-body">
<div class="media d-flex">
<div class="media-body text-left">
<h3 class="danger">278</h3>
<span>New Projects</span>
<h3 class="danger">278 Kwh</h3>
<span>Electricity</span>
</div>
<div class="align-self-center">
<i class="icon-rocket danger font-large-2 float-right"></i>
<i class="icon-energy danger font-large-2 float-right"></i>
</div>
</div>
</div>
@@ -29,10 +29,10 @@
<div class="media d-flex">
<div class="media-body text-left">
<h3 class="success">156</h3>
<span>New Clients</span>
<span>Water</span>
</div>
<div class="align-self-center">
<i class="icon-user success font-large-2 float-right"></i>
<i class="icon-speedometer success font-large-2 float-right"></i>
</div>
</div>
</div>
@@ -45,11 +45,11 @@
<div class="card-body">
<div class="media d-flex">
<div class="media-body text-left">
<h3 class="warning">64.89 %</h3>
<span>Conversion Rate</span>
<h3 class="warning">{{device}}</h3>
<span>Device</span>
</div>
<div class="align-self-center">
<i class="icon-pie-chart warning font-large-2 float-right"></i>
<i class="icon-bulb warning font-large-2 float-right"></i>
</div>
</div>
</div>
@@ -62,11 +62,11 @@
<div class="card-body">
<div class="media d-flex">
<div class="media-body text-left">
<h3 class="info">423</h3>
<span>Support Tickets</span>
<h3 class="info">{{room}}</h3>
<span>Room</span>
</div>
<div class="align-self-center">
<i class="icon-support info font-large-2 float-right"></i>
<i class="icon-map info font-large-2 float-right"></i>
</div>
</div>
</div>

31
src/app/content/hemat-app/monitoring/detail/detail.component.ts
View File

@@ -2,6 +2,7 @@ import { Component } from "@angular/core";
import { ActivatedRoute, Router } from "@angular/router";
import { BlockUI, NgBlockUI } from "ng-block-ui";
import { ChartApiService } from "src/app/_services/chart.api";
import { BuildingService } from "../../service/monitoring-api.service";
interface Sales {
name: string;
sales: string;
@@ -24,10 +25,17 @@ export class DetailComponent {
ExpenseschartOption: any;
donutChart2: any;
public breadcrumb: any;
// integrasi
electric: any;
water: any;
device: any;
room: any;
//......
constructor(
private chartApiservice: ChartApiService,
private router: Router,
private route: ActivatedRoute
private route: ActivatedRoute,
private monitoringApiService: BuildingService,
) {}
hitRateOptions = {
bodyClass: ['bg-hexagons', 'pt-0'],
@@ -88,6 +96,14 @@ export class DetailComponent {
};
}
this.route.params.subscribe(params => {
const buildingId = params['id'];
if (buildingId) {
this.fetchData(buildingId);
this.devicePerBuilding(buildingId);
}
});
this.chartApiservice.getStatisticsData().subscribe(Response => {
this.salesData = Response;
this.getlineArea();
@@ -282,4 +298,17 @@ export class DetailComponent {
this.blockUISalesRecieptsDues.stop();
}, 2500);
}
//integrasi
fetchData(buildingId) {
this.monitoringApiService.getRoomByBuildingId(buildingId).subscribe((res) => {
this.room = res.resp.map(entry => entry.roomEntity).length;
});
}
devicePerBuilding(buildingId) {
this.monitoringApiService.listDevicePerBuilding(buildingId).subscribe((res) => {
this.device = res.resp.reduce((sum, item) => sum + item.total_device, 0);
});
}
}