diff options
Diffstat (limited to 'frontend/src/app/_elements/notifications/notifications.component.html')
| -rw-r--r-- | frontend/src/app/_elements/notifications/notifications.component.html | 9 |
1 files changed, 7 insertions, 2 deletions
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> |