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