From e2bdc76428139d265e72af91a713d0b7e269c29b Mon Sep 17 00:00:00 2001
From: Danijel Anđelković <adanijel99@gmail.com>
Date: Wed, 13 Apr 2022 23:24:58 +0200
Subject: Izmenio Notifications, dodao automatsko osvezavanje dataset-load kada
 se dataset preprocesira. Ispravio bag sa grafom gde samo prva graf komponenta
 funkcionise.

---
 .../src/app/_elements/notifications/notifications.component.html | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

(limited to 'frontend/src/app/_elements/notifications/notifications.component.html')

diff --git a/frontend/src/app/_elements/notifications/notifications.component.html b/frontend/src/app/_elements/notifications/notifications.component.html
index 4e33f77c..ef897cfc 100644
--- a/frontend/src/app/_elements/notifications/notifications.component.html
+++ b/frontend/src/app/_elements/notifications/notifications.component.html
@@ -1,5 +1,10 @@
 <div *ngIf="notifications && notifications.length > 0" class="position-fixed card card-body p-1 m-3" style="bottom: 0; right: 0; width: 18rem;">
-    <h2 class="m-auto" (click)="closed = !closed;" data-bs-toggle="collapse" href="#collapseNotifs" role="button" aria-expanded="true" aria-controls="collapseNotifs">Notifikacije
+    <h2 class="m-auto" (click)="closed = !closed;" data-bs-toggle="collapse" href="#collapseNotifs" role="button" aria-expanded="true" aria-controls="collapseNotifs">
+        Notifikacije
+        <span class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-danger">
+            {{notifications.length}}
+            <span class="visually-hidden">unread notifications</span>
+        </span>
         <button class="border-0 bg-white">
             <mat-icon class="position-absolute" style="top: 8px; right: 12px;">{{closed ? 'keyboard_arrow_up' :
                 'keyboard_arrow_down'}}</mat-icon>
@@ -11,7 +16,7 @@
             <div class="d-flex flex-row">
                 <p>{{notification.title}}</p>
             </div>
-            <div class="border-3 border-primary bg-dark m-1" style="height: 5px; margin-top: -10px !important;">
+            <div *ngIf="notification.hasProgress" class="border-3 border-primary bg-dark m-1" style="height: 5px; margin-top: -10px !important;">
                 <div class="bg-primary" style="height: 5px;" [style]="'width: '+(notification.progress*100)+'%;'">
                 </div>
             </div>
-- 
cgit v1.2.3