1 files changed, 48 insertions, 0 deletions
diff --git a/sdc-workflow-designer-ui/src/app/components/global-notice/global-notice.component.ts b/sdc-workflow-designer-ui/src/app/components/global-notice/global-notice.component.ts
new file mode 100644
index 00000000..8ed4e252
--- /dev/null
+++ b/sdc-workflow-designer-ui/src/app/components/global-notice/global-notice.component.ts
@@ -0,0 +1,48 @@
+/**
+ * Copyright (c) 2017 ZTE Corporation.
+ * All rights reserved. This program and the accompanying materials
+ * are made available under the terms of the Eclipse Public License v1.0
+ * and the Apache License 2.0 which both accompany this distribution,
+ * and are available at http://www.eclipse.org/legal/epl-v10.html
+ * and http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Contributors:
+ *     ZTE - initial API and implementation and/or initial documentation
+ */
+
+import { Component, OnInit } from '@angular/core';
+
+import { Notice } from '../../model/notice';
+import { NoticeType } from '../../model/notice-type.enum';
+import { NoticeService } from '../../services/notice.service';
+
+@Component({
+  selector: 'global-notice',
+  templateUrl: './global-notice.component.html',
+  styleUrls: ['./global-notice.component.css']
+})
+export class GlobalNoticeComponent implements OnInit {
+  public notices: Notice[] = [];
+  public noticeType = NoticeType;
+
+  constructor(private noticeService: NoticeService) { }
+
+  ngOnInit() {
+    // const t = new Notice(NoticeType.success, 'success');
+    // const t1 = new Notice(NoticeType.info, 'info');
+    // const t2 = new Notice(NoticeType.warning, 'warning');
+    // const t3 = new Notice(NoticeType.danger, 'danger');
+    // this.notices.push(t);
+    // this.notices.push(t1);
+    // this.notices.push(t2);
+    // this.notices.push(t3);
+    this.noticeService.showNotice$.subscribe(notice => {
+      this.notices.push(notice);
+    });
+  }
+
+  public onClosed(index: number): void {
+    this.notices.splice(index, 1);
+  }
+
+}