TheLanc3/YoutubeDL-Material
1
0
Fork 0
mirror of https://github.com/Tzahi12345/YoutubeDL-Material.git synced 2026-03-12 15:50:57 +03:00
Code Issues Packages Projects Releases Wiki Activity

Added notifications - (WIP, boilerplate)

Browse Source
This commit is contained in:
Isaac Abadi
2022-11-24 14:54:08 -05:00
parent 1c6b7815fe
commit 5e08ca004a
16 changed files with 333 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
src/app/components/notifications/notifications.component.html Normal file
View File

@@ -0,0 +1,32 @@
<h4 *ngIf="notifications !== null && notifications.length === 0 && read_notifications.length === 0" style="text-align: center; margin: 10px;">No notifications available</h4>
<div style="margin: 10px;" *ngIf="notifications?.length > 0">
<h4 class="notification-title">New notifications</h4>
<div *ngFor="let notification of appService.notifications; let i = index;">
<mat-divider class="notification-divider"></mat-divider>
<div style="display: inline-block;">
<button (click)="deleteNotification(notification.id, i, false)" mat-icon-button><mat-icon>close</mat-icon></button>
</div>
<div style="display: inline-block">
{{notification.title}}
</div>
<div style="margin-left: 10px; float: right;" *ngIf="notification.action">
<button (click)="notificationAction(notification)" [color]="notification.action.warn ? 'warn' : 'primary'" mat-raised-button>{{notification.action.title}}</button>
</div>
</div>
</div>
<div style="margin: 10px;" *ngIf="read_notifications?.length > 0">
<h4 class="notification-title">Old notifications</h4>
<div *ngFor="let notification of appService.read_notifications; let i = index">
<mat-divider class="notification-divider"></mat-divider>
<div style="display: inline-block;">
<button (click)="deleteNotification(notification.id, i, true)" mat-icon-button><mat-icon>close</mat-icon></button>
</div>
<div style="display: inline-block">
{{notification.title}}
</div>
<div style="margin-left: 10px; float: right" *ngIf="notification.action">
<button (click)="notificationAction(notification)" [color]="notification.action.warn ? 'warn' : 'primary'" mat-raised-button>{{notification.action.title}}</button>
</div>
</div>
</div>