0.2.5 initial commit

Makefile incomplete

ui/src/app/pages/notifications/notifications.page.html

@@ -0,0 +1,64 @@
+<ion-header>
+  <ion-toolbar>
+    <ion-buttons slot="start">
+      <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>
+
+  <ion-item *ngIf="error" style="margin-bottom: 16px;">
+    <ion-text class="ion-text-wrap" color="danger">{{ error }}</ion-text>
+  </ion-item>
+
+  <ion-spinner *ngIf="loading" class="center" name="lines" color="warning"></ion-spinner>
+
+  <ion-item-group *ngIf="!notifications.length && !loading">
+    <ion-item>
+      <ion-label class="ion-text-wrap">
+        <h2>
+          <ion-text color="medium">Notifications about Embassy and services will appear here.</ion-text>
+        </h2>
+      </ion-label>
+    </ion-item>
+  </ion-item-group>
+
+  <ion-item-group style="margin-bottom: 16px;">
+    <ion-item-sliding *ngFor="let not of notifications; let i = index">
+      <ion-item-options side="end">
+        <ion-item-option color="danger" (click)="remove(not.id, i)">
+          <ion-icon slot="icon-only" name="trash-outline"></ion-icon>
+        </ion-item-option>
+      </ion-item-options>
+      <ion-item>
+        <ion-label class="ion-text-wrap">
+          <h2>
+            <ion-text [color]="getColor(not)"><b>{{ not.title }}</b></ion-text>
+          </h2>
+          <h2 class="notification-message">{{ not.message }}</h2>
+          <p>{{ not.createdAt | date: 'short' }}</p>
+          <p>
+            <a style="text-decoration: none;"
+              [routerLink]="['/services', 'installed', not.appId]">{{ not.appId }}</a>
+            <span> - </span>
+            Code: {{ not.code }}
+          </p>
+        </ion-label>
+      </ion-item>
+    </ion-item-sliding>
+  </ion-item-group>
+
+  <ion-infinite-scroll [disabled]="!needInfinite" (ionInfinite)="doInfinite($event)">
+    <ion-infinite-scroll-content loadingSpinner="lines"></ion-infinite-scroll-content>
+  </ion-infinite-scroll>
+
+</ion-content>