feat: extract the notification bar of the onboard page

Change-Id: I4fcc0a1a5d4372d8b95127e2baa125e95d2c006d
Issue-ID: USECASEUI-307
Signed-off-by: cyuamber <xuranyjy@chinamobile.com>

2 files changed, 12 insertions, 5 deletions

diff --git a/usecaseui-portal/src/app/shared/components/notification/notification.component.html b/usecaseui-portal/src/app/shared/components/notification/notification.component.html
index 97f66ba5..acf6f62a 100644
--- a/usecaseui-portal/src/app/shared/components/notification/notification.component.html
+++ b/usecaseui-portal/src/app/shared/components/notification/notification.component.html
@@ -2,15 +2,16 @@
   <div class="ant-notification-notice-content">
     <div class="ant-notification-notice-with-icon">
       <span class="ant-notification-notice-icon">
-        <img src="{{this.notificationAttributes.imgPath}}" alt="{{notificationAttributes.status}}">
+        <img src="{{notificationAttributes.imgPath}}" alt="{{notificationAttributes.status}}">
       </span>
-      <div class="ant-notification-notice-message" *ngIf="notificationAttributes.title == 'Customer'">
-        {{"i18nTextDefine_"+notificationAttributes.title | translate}}&nbsp;
+      <div class="ant-notification-notice-message">
+        {{(notificationAttributes.action === 'OnboardingState'? notificationAttributes.title : "i18nTextDefine_"+notificationAttributes.title) | translate}}&nbsp;
         {{"i18nTextDefine_"+notificationAttributes.action | translate}}&nbsp;&nbsp;{{"i18nTextDefine_"+notificationAttributes.status | translate}}
       </div>
       <div class="ant-notification-notice-description">
         <div class="notificationlist">
-          <p>{{"i18nTextDefine_"+notificationAttributes.title | translate}}:</p>
+          <p *ngIf="notificationAttributes.action !== 'OnboardingState'">{{"i18nTextDefine_"+notificationAttributes.title | translate}}:</p>
+          <p *ngIf="notificationAttributes.action === 'OnboardingState'">{{notificationAttributes.title}} id:&nbsp;</p>
           <span>{{ notificationAttributes.name }}</span>
         </div>
       </div>
diff --git a/usecaseui-portal/src/app/shared/components/notification/notification.component.ts b/usecaseui-portal/src/app/shared/components/notification/notification.component.ts
index 031b161d..00ccf90b 100644
--- a/usecaseui-portal/src/app/shared/components/notification/notification.component.ts
+++ b/usecaseui-portal/src/app/shared/components/notification/notification.component.ts
@@ -9,7 +9,13 @@ import { NzNotificationService } from 'ng-zorro-antd';
 export class NotificationComponent implements OnInit {
   @ViewChild('notificationModel')notificationModel: any;
 
-  notificationAttributes: object = null;
+  notificationAttributes: {
+    title: string,
+    imgPath: string,
+    action: string,
+    status: string,
+    name: string
+  };
 
   constructor(private notification: NzNotificationService) { }