From 1994c98063c27a41797dec01f2ca9fcbe33ceab0 Mon Sep 17 00:00:00 2001
From: Israel Lavi <israel.lavi@intl.att.com>
Date: Mon, 21 May 2018 17:42:00 +0300
Subject: init commit onap ui

Change-Id: I1dace78817dbba752c550c182dfea118b4a38646
Issue-ID: SDC-1350
Signed-off-by: Israel Lavi <il0695@att.com>
---
 .../components/notifications-example.component.ts  | 57 ++++++++++++++++++++++
 1 file changed, 57 insertions(+)
 create mode 100644 stories/ng2-component-lab/components/notifications-example.component.ts

(limited to 'stories/ng2-component-lab/components/notifications-example.component.ts')

diff --git a/stories/ng2-component-lab/components/notifications-example.component.ts b/stories/ng2-component-lab/components/notifications-example.component.ts
new file mode 100644
index 0000000..91dd95e
--- /dev/null
+++ b/stories/ng2-component-lab/components/notifications-example.component.ts
@@ -0,0 +1,57 @@
+import { Component, Input, ViewChild } from "@angular/core";
+import { NotificationsService } from "../../../src/angular/notifications/services/notifications.service";
+import { NotificationSettings } from "../../../src/angular/notifications/utilities/notification.config";
+import { InnerNotifContent } from "../../../src/angular/notifications/notification-inner-content-example.component";
+
+@Component({
+    selector: "notifications-example",
+    template: `
+       <div>
+           <span>Send Success Notification</span>
+           <sdc-button (click)="sendSuccessNotif()" text="Click Me!"></sdc-button>
+       </div>
+       <div>
+           <span>Send Warning Notification</span>
+           <sdc-button (click)="sendWarnNotif()" text="Click Me!"></sdc-button>
+       </div>
+       <div>
+           <span>Send Info Notification</span>
+           <sdc-button (click)="sendInfoNotif()" text="Click Me!"></sdc-button>
+       </div>
+       <div>
+           <span>Send Success MultipleLine Notification</span>
+           <sdc-button (click)="sendMultipleLinesSuceessNotif()" text="Click Me!"></sdc-button>
+       </div>
+       <div>
+           <span>Send Success Custom Notification</span>
+           <sdc-button (click)="sendSuccessCustomNotif()" text="Click Me!"></sdc-button>
+       </div>
+       <sdc-notification-container>
+        </sdc-notification-container>
+`
+})
+export class NotificationsExample {
+
+    constructor(private notifsService : NotificationsService) {
+    }
+
+    sendSuccessNotif() {
+        this.notifsService.push(new NotificationSettings("success", 'notif success message test', 'Notif Title Success'));
+    }
+
+    sendMultipleLinesSuceessNotif() {
+        this.notifsService.push(new NotificationSettings("success", 'notif success message test with a lot of test so we can test multiple line case lets just add blabla bcdesfg hijklmnop qrstuvw xyz abcdesfg hijklmnop qrstuvw xyz', 'Notif Title Success'));
+    }
+
+    sendWarnNotif() {
+        this.notifsService.push(new NotificationSettings("warn", 'notif warn message test', 'Notif Title Warn'));
+    }
+
+    sendInfoNotif() {
+        this.notifsService.push(new NotificationSettings("info", 'notif info message test', 'Notif Title Info'));
+    }
+
+    sendSuccessCustomNotif() {
+        this.notifsService.push(new NotificationSettings( "info", 'notif XYZ', 'Notif Custom XYZ', 10000, false, true, InnerNotifContent, { notifyText : "notif info custom inner message test", notifyTitle : "Notif Custom Inner Title Info"}));
+    }
+}
-- 
cgit 1.2.3-korg