From e1f42b5378ac7c567de70b9303159fc62a78e9b4 Mon Sep 17 00:00:00 2001
From: Fuzi_fauzia <fuzi.fauzia@allbestsistem.com>
Date: Mon, 24 Jun 2024 11:04:29 +0700
Subject: [PATCH] perbaikan tampilan progressbar

---
 .../monitoring/detail/detail.component.html   | 30 ++++++++-----------
 1 file changed, 12 insertions(+), 18 deletions(-)

diff --git a/src/app/content/hemat-app/monitoring/detail/detail.component.html b/src/app/content/hemat-app/monitoring/detail/detail.component.html
index 2d1dbee..d1993ab 100644
--- a/src/app/content/hemat-app/monitoring/detail/detail.component.html
+++ b/src/app/content/hemat-app/monitoring/detail/detail.component.html
@@ -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"