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="col-4">
<div class="form-group">
<div class="input-group">
<input
type="text"
class="form-control"
@ -229,6 +230,10 @@
[(ngModel)]="kwhTerm"
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 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 {
margin: 0 0.3rem;
}

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

@ -33,7 +33,7 @@
</h4>
<h3
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 }}
</h3>
@ -57,36 +57,36 @@
class="text-center"
style="
position: absolute;
top: 70%;
top: 65%;
left: 50%;
transform: translate(-50%, -50%);
"
>
<h3
class="display-4 open-sans"
style="font-size: 40px;"
class="display-4 blue-grey darken-1"
style="font-size: 2em; color: #ffffff !important;"
>
{{ data.total }} kWh
</h3>
<h6 style="color: #ffffff !important; font-size: 20px;">Consumption</h6>
<h6 style="color: #ffffff !important;">Consumption</h6>
</div>
<div class="form-group text-center">
<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)"
ngbTooltip="Room"
style="background-color: #ffffff !important; color: #000000; width: 163px;"
style="background-color: #ffffff !important; color: #000000;"
>
Room
</button>
<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)"
ngbTooltip="Detail"
style="background-color: #BEF264 !important; color: #000000; width: 163px;"
style="background-color: #BEF264 !important; color: #000000;"
>
Detail
</button>