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

penyesuaian tampilan dashboard

This commit is contained in:
Fuzi_fauzia 2024-06-14 09:54:22 +07:00
parent fb1ba66cd0
commit 31bda7fb98
3 changed files with 14 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/app/content/hemat-app/cost-management/cost-management.component.html
View File

@ -222,6 +222,7 @@
<div class="row mb-2"> <div class="row mb-2">
<div class="col-4"> <div class="col-4">
<div class="form-group"> <div class="form-group">
<div class="input-group">
<input <input
type="text" type="text"
class="form-control" class="form-control"
@ -229,6 +230,10 @@
[(ngModel)]="kwhTerm" [(ngModel)]="kwhTerm"
disabled disabled
/> />
<div class="input-group-append" style="background-color: #252525 !important;">
<span class="input-group-text" style="background-color: #252525 !important; color: #ffffff;">Kwh</span>
</div>
</div>
</div> </div>
</div> </div>
<div class="col-4"> <div class="col-4">

12
src/app/content/hemat-app/monitoring/building/building.component.css
View File

@ -1,15 +1,3 @@
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,600;1,600&display=swap');
.open-sans{
font-family: "Open Sans", sans-serif !important;
color: #ffffff !important;
font-optical-sizing: auto;
font-weight: 600;
font-style: normal;
font-variation-settings:
"wdth" 100;
}
:host ::ng-deep .gap_fl_btn { :host ::ng-deep .gap_fl_btn {
margin: 0 0.3rem; margin: 0 0.3rem;
} }

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

@ -33,7 +33,7 @@
</h4> </h4>
<h3 <h3
class="text-muted mb-0 open-sans" class="text-muted mb-0 open-sans"
style="font-family: Open Sans, sans-serif; color: #ffffff !important; font-weight: 600;"
> >
{{ data.build_name ? data.build_name : data.name }} {{ data.build_name ? data.build_name : data.name }}
</h3> </h3>
@ -57,36 +57,36 @@
class="text-center" class="text-center"
style=" style="
position: absolute; position: absolute;
top: 70%; top: 65%;
left: 50%; left: 50%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
" "
> >
<h3 <h3
class="display-4 open-sans" class="display-4 blue-grey darken-1"
style="font-size: 40px;" style="font-size: 2em; color: #ffffff !important;"
> >
{{ data.total }} kWh {{ data.total }} kWh
</h3> </h3>
<h6 style="color: #ffffff !important; font-size: 20px;">Consumption</h6> <h6 style="color: #ffffff !important;">Consumption</h6>
</div> </div>
<div class="form-group text-center"> <div class="form-group text-center">
<button <button
type="button" type="button"
class="btn btn-primary round btn-min-width mr-5 mb-1" class="btn btn-primary round btn-min-width mr-1 mb-1"
(click)="viewRoom(data)" (click)="viewRoom(data)"
ngbTooltip="Room" ngbTooltip="Room"
style="background-color: #ffffff !important; color: #000000; width: 163px;" style="background-color: #ffffff !important; color: #000000;"
> >
Room Room
</button> </button>
<button <button
type="button" type="button"
class="btn btn-success round btn-min-width mb-1" class="btn btn-success round btn-min-width mr-1 mb-1"
(click)="viewRow(data)" (click)="viewRow(data)"
ngbTooltip="Detail" ngbTooltip="Detail"
style="background-color: #BEF264 !important; color: #000000; width: 163px;" style="background-color: #BEF264 !important; color: #000000;"
> >
Detail Detail
</button> </button>