mirror of
https://github.com/Start9Labs/start-os.git
synced 2026-04-01 21:13:09 +00:00
8bd6c6d6f4
* mail icon * working unique Co-authored-by: Drew Ansbacher <drew.ansbacher@spiredigital.com>
74 lines
2.6 KiB
HTML
74 lines
2.6 KiB
HTML
<ion-header>
|
|
<ion-toolbar>
|
|
<ion-buttons slot="start" *ngIf="fromToast">
|
|
<pwa-back-button></pwa-back-button>
|
|
</ion-buttons>
|
|
<ion-title>Notifications</ion-title>
|
|
<ion-buttons slot="end">
|
|
<badge-menu-button></badge-menu-button>
|
|
</ion-buttons>
|
|
</ion-toolbar>
|
|
</ion-header>
|
|
|
|
<ion-content>
|
|
<ion-refresher slot="fixed" (ionRefresh)="doRefresh($event)">
|
|
<ion-refresher-content pullingIcon="lines" refreshingSpinner="lines"></ion-refresher-content>
|
|
</ion-refresher>
|
|
|
|
<text-spinner *ngIf="loading" text="Loading Notifications"></text-spinner>
|
|
|
|
<!-- no notifications -->
|
|
<ng-container *ngIf="!loading">
|
|
<ion-item-group *ngIf="!notifications.length">
|
|
<div
|
|
style="
|
|
text-align: center;
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);"
|
|
>
|
|
<ion-icon style="font-size: 84px; color: #2c3038" name="mail-outline"></ion-icon>
|
|
<h4 style="color: #2c3038; margin-top: 0px">Inbox Empty</h4>
|
|
</div>
|
|
</ion-item-group>
|
|
|
|
<!-- has notifications -->
|
|
<ng-container *ngIf="notifications.length">
|
|
<ion-item-group style="margin-bottom: 16px;">
|
|
<ion-item-divider>
|
|
<ion-button slot="end" fill="clear" (click)="deleteAll()">
|
|
Delete All
|
|
</ion-button>
|
|
</ion-item-divider>
|
|
<ion-item *ngFor="let not of notifications; let i = index">
|
|
<ion-label class="ion-text-wrap">
|
|
<h2>
|
|
<ion-text [color]="not | notificationColor"><b>{{ not.title }}</b></ion-text>
|
|
</h2>
|
|
<h2 class="notification-message">
|
|
{{ not.message }}
|
|
<a *ngIf="not.code === 1" style="text-decoration: none;" (click)="viewBackupReport(not)">
|
|
View Report
|
|
</a>
|
|
</h2>
|
|
<p>
|
|
{{ not['created-at'] | date: 'short' }}
|
|
<a *ngIf="not['package-id'] as pkgId" style="text-decoration: none;" [routerLink]="['/services', not['package-id']]">
|
|
- {{ not['package-id'] }}
|
|
</a>
|
|
</p>
|
|
</ion-label>
|
|
<ion-button slot="end" fill="clear" (click)="delete(not.id, i)">
|
|
<ion-icon slot="icon-only" name="close"></ion-icon>
|
|
</ion-button>
|
|
</ion-item>
|
|
</ion-item-group>
|
|
|
|
<ion-infinite-scroll [disabled]="!needInfinite" (ionInfinite)="doInfinite($event)">
|
|
<ion-infinite-scroll-content loadingSpinner="lines"></ion-infinite-scroll-content>
|
|
</ion-infinite-scroll>
|
|
</ng-container>
|
|
</ng-container>
|
|
|
|
</ion-content> |