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);
+        }
+    }
+
+}