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

penyasuaian UI dan penambahan menu

Browse Source
This commit is contained in:
Fuzi_fauzia
2024-06-04 20:39:04 +07:00
parent 0f1c3d6c33
commit a3bfd7b328
22 changed files with 1406 additions and 1658 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -15,14 +15,6 @@
(input)="filterRows()"
/>
</div>
<div class="col-md-6 text-right">
<!-- <button
class="btn btn-secondary"
[routerLink]="['/monitoring/add-new-building']"
>
<i class="feather ft-plus"></i>&nbsp; Add new building
</button> -->
</div>
</div>
<div class="row mt-2">
<div
@@ -43,7 +35,7 @@
class="text-muted mb-0"
style="font-family: Montserrat, sans-serif"
>
{{ data.build_name ? data.build_name : data.name}}
{{ data.build_name ? data.build_name : data.name }}
</h3>
</div>
</div>
@@ -72,7 +64,7 @@
class="text-center"
style="
position: absolute;
top: 50%;
top: 65%;
left: 50%;
transform: translate(-50%, -50%);
"
@@ -83,75 +75,29 @@
>
{{ data.total }} kWh
</h3>
</div>
<div class="card-body" style="padding-top: 0">
<div class="row mb-3">
<div
class="col-xl-6 col-md-6 col-12"
*ngFor="let top of data.topUse | filterTopUse; let i = index"
>
<div>
<span class="mb-1 text-muted cardtext d-block"
>{{ top.value }}% - {{ top.label }}</span
>
<div>
<ngb-progressbar
height="7px"
type="danger"
[value]="top.value"
></ngb-progressbar>
</div>
</div>
</div>
</div>
<h6>Consumtion</h6>
</div>
<div class="form-group text-center">
<button
type="button"
class="btn btn-float btn-square btn-outline-secondary"
triggers="hover:click:hover"
ngbTooltip="CCTV"
(click)="editRow(data)"
>
<i class="feather ft-camera"></i>
</button>
<button
type="button"
class="gap_fl_btn btn btn-float btn-square btn-float-lg btn-outline-primary"
triggers="hover:click:hover"
ngbTooltip="Detail"
(click)="viewRow(data)"
>
<i class="la la-building"></i>
</button>
<button
type="button"
class="btn btn-float btn-square btn-outline-secondary"
class="btn btn-primary round btn-min-width mr-1 mb-1"
(click)="viewRoom(data)"
triggers="hover:click:hover"
ngbTooltip="Room"
(click)="viewRoom(data)"
>
<i class="feather ft-log-in"></i>
Room
</button>
<button
type="button"
class="btn btn-success round btn-min-width mr-1 mb-1"
(click)="viewRow(data)"
triggers="hover:click:hover"
ngbTooltip="Detail"
>
Detail
</button>
</div>
<!-- <div class="form-group text-center">
<button [routerLink]="" class="btn btn-social-icon mr-1 mb-1 btn-outline-adn"><span
class="la la-adn"></span></button>
<button [routerLink]="" class="btn btn-social-icon mr-1 mb-1 btn-outline-bitbucket"><span
class="la la-bitbucket font-medium-4"></span></button>
<button [routerLink]="" class="btn btn-social-icon mr-1 mb-1 btn-outline-dropbox"><span
class="la la-dropbox font-medium-4"></span></button>
<button [routerLink]="" class="btn btn-social-icon mr-1 mb-1 btn-outline-facebook"><span
class="la la-facebook"></span></button>
<button [routerLink]="" n class="btn btn-social-icon mr-1 mb-1 btn-outline-flickr"><span
class="la la-flickr font-medium-4"></span></button>
<button [routerLink]="" class="btn btn-social-icon mr-1 mb-1 btn-outline-foursquare"><span
class="la la-foursquare font-medium-4"></span></button>
<button [routerLink]="" class="btn btn-social-icon mr-1 mb-1 btn-outline-github"><span
class="la la-github font-medium-4"></span></button>
</div> -->
</div>
</div>
</div>

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

@@ -39,9 +39,9 @@ export class BuildingComponent {
type: "Pie",
options: {
fullwidth: true,
height: "250px",
height: "300px",
donut: true,
donutWidth: 60,
donutWidth: 100,
startAngle: 270,
total: 200,
showLabel: false,