summaryrefslogtreecommitdiffstats
path: root/src/angular/notifications/container
diff options
context:
space:
mode:
Diffstat (limited to 'src/angular/notifications/container')
-rw-r--r--src/angular/notifications/container/notifcontainer.component.html.ts6
-rw-r--r--src/angular/notifications/container/notifcontainer.component.ts31
2 files changed, 37 insertions, 0 deletions
diff --git a/src/angular/notifications/container/notifcontainer.component.html.ts b/src/angular/notifications/container/notifcontainer.component.html.ts
new file mode 100644
index 0000000..df08bb4
--- /dev/null
+++ b/src/angular/notifications/container/notifcontainer.component.html.ts
@@ -0,0 +1,6 @@
+export default `
+<div id="containerid" class="sdc-notification-container ntns">
+ <sdc-notification *ngFor="let notif of notifications" [notificationSetting]="notif" (destroyComponent)="onDestroyed(notif)" >
+ </sdc-notification>
+</div>
+`;
diff --git a/src/angular/notifications/container/notifcontainer.component.ts b/src/angular/notifications/container/notifcontainer.component.ts
new file mode 100644
index 0000000..a922dc1
--- /dev/null
+++ b/src/angular/notifications/container/notifcontainer.component.ts
@@ -0,0 +1,31 @@
+import { Component, Input, Output, EventEmitter, OnInit } from "@angular/core";
+import { CommonModule } from "@angular/common";
+import { NotificationSettings } from "../utilities/notification.config";
+import { NotificationsService } from "../services/notifications.service";
+import template from "./notifcontainer.component.html";
+
+@Component({
+ selector: "sdc-notification-container",
+ template: template
+})
+export class NotificationContainerComponent implements OnInit {
+ notifications: NotificationSettings[] = [];
+
+ constructor(private notify: NotificationsService) {
+ }
+
+ public ngOnInit(){
+ this.notify.subscribe( (notif : NotificationSettings) => {
+ this.notifications.push(notif);
+ });
+ }
+
+
+ private onDestroyed = (event : any):void =>{
+ let index: number = this.notifications.indexOf(event);
+ if (index !== -1) {
+ this.notifications.splice(index, 1);
+ }
+ }
+
+}