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

perbaikan tampilan progressbar

This commit is contained in:
Fuzi_fauzia 2024-06-24 11:04:29 +07:00
parent 113221db7f
commit e1f42b5378
1 changed files with 12 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -253,38 +253,32 @@
</div> </div>
<div class="row"> <div class="row">
<div class="col-6" *ngFor="let item of deviceCategory?.usesd"> <div class="col-6" *ngFor="let item of deviceCategory?.usesd">
<div <div class="card overflow-hidden" style="background-color: #000000 !important">
class="card overflow-hidden"
style="background-color: #000000 !important"
>
<div class="card-content"> <div class="card-content">
<div class="card-body cleartfix"> <div class="card-body clearfix">
<div class="media align-items-stretch mb-2"> <div class="media align-items-stretch mb-2">
<div class="align-self-center"> <div class="align-self-center">
<i <i class="icon-bulb background-round info font-large-1 mr-2" style="color: #bff264 !important"></i>
class="icon-bulb background-round info font-large-1 mr-2"
style="color: #bff264 !important"
></i>
</div> </div>
<div class="media-body"> <div class="media-body">
<p style="color: #ffffff !important"> <p style="color: #ffffff !important">
{{ item.category_device }} {{ item.category_device }}
<span <span class="float-right text-bold-600" style="color: #ffffff">{{ item.value.toFixed(1) }}%</span>
class="float-right text-bold-600"
style="color: #ffffff"
>{{ item.value.toFixed(1) }}%</span
>
</p> </p>
<ngb-progressbar <div class="d-flex align-items-center justify-content-between">
height="7px" <span style="color: #ffffff; margin-right: 5px;">0%</span>
[value]="item.value" <ngb-progressbar height="7px" [value]="item.value" style="flex-grow: 1; margin: 0 10px;"></ngb-progressbar>
></ngb-progressbar> <span style="color: #ffffff; margin-left: 5px;">100%</span>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="col-12 text-right"> <div class="col-12 text-right">
<button <button
class="btn btn-primary" class="btn btn-primary"