feat: Added tooltip for failed requests

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

2 files changed, 17 insertions, 3 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 f20fd48c..0a40da9a 100644
--- a/usecaseui-portal/src/app/shared/components/notification/notification.component.html
+++ b/usecaseui-portal/src/app/shared/components/notification/notification.component.html
@@ -5,7 +5,7 @@
         <img src="{{notificationAttributes.imgPath}}" alt="{{notificationAttributes.status}}">
       </span>
       <!-- customer&onboard -->
-      <div *ngIf="!isServicesList">
+      <div *ngIf="!isServicesList && !parentComponent">
         <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}}
@@ -45,6 +45,20 @@
         </div>
         <div class="close-icons">{{"i18nTextDefine_Close" | translate}}</div>
       </div>
+      <!-- slicing  -->
+      <div *ngIf="!isServicesList && parentComponent">
+        <div class="ant-notification-notice-message">
+          {{ notificationAttributes.title}}&nbsp;
+          {{ notificationAttributes.action }}&nbsp;&nbsp;{{notificationAttributes.status}}
+        </div>
+        <div class="ant-notification-notice-description">
+          <div class="notificationlist">
+            <p>{{notificationAttributes.title}} id:&nbsp;</p>
+            <span>{{ notificationAttributes.name }}</span>
+          </div>
+        </div>
+        <div class="close-icons">{{"i18nTextDefine_Close" | translate}}</div>
+      </div>
     </div>
   </div>
 </ng-template>
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 de0df083..18f91b35 100644
--- a/usecaseui-portal/src/app/shared/components/notification/notification.component.ts
+++ b/usecaseui-portal/src/app/shared/components/notification/notification.component.ts
@@ -9,6 +9,7 @@ import { NzNotificationService } from 'ng-zorro-antd';
 export class NotificationComponent implements OnInit {
   @ViewChild('notificationModel')notificationModel: any;
   @Input()isServicesList: boolean;
+  @Input()parentComponent: string;
   @Input()customerSelected: object;
 
   notificationAttributes: {
@@ -21,8 +22,7 @@ export class NotificationComponent implements OnInit {
 
   constructor(private notification: NzNotificationService) { }
 
-  ngOnInit() {
-  }
+  ngOnInit() { }
 
   setNotification({ title, imgPath, action, status, name }):void{
     this.notificationAttributes = { title, imgPath, action, status, name };