[flink] 01/02: [FLINK-xxxxx][runtime-web] Improve error message rendering

[airblader]

This is an automated email from the ASF dual-hosted git repository.

airblader pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/flink.git

commit b36e32fed6c790cd24361c0e149ad010d44e25f5
Author: Roman Khachatryan <khachatryan.ro...@gmail.com>
AuthorDate: Wed Mar 30 23:36:11 2022 +0200

    [FLINK-xxxxx][runtime-web] Improve error message rendering
    
    - don't hide after a timeout (was: 4.5s)
    - expand the message box
---
 flink-runtime-web/web-dashboard/src/app/app.interceptor.ts | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/flink-runtime-web/web-dashboard/src/app/app.interceptor.ts 
b/flink-runtime-web/web-dashboard/src/app/app.interceptor.ts
index 69c8ab1e035..4cc6a0f585a 100644
--- a/flink-runtime-web/web-dashboard/src/app/app.interceptor.ts
+++ b/flink-runtime-web/web-dashboard/src/app/app.interceptor.ts
@@ -21,7 +21,7 @@ import { Injectable, Injector } from '@angular/core';
 import { Observable, throwError } from 'rxjs';
 import { catchError } from 'rxjs/operators';
 
-import { NzNotificationService } from 'ng-zorro-antd/notification';
+import { NzNotificationService, NzNotificationDataOptions } from 
'ng-zorro-antd/notification';
 
 import { StatusService } from 'services';
 
@@ -33,6 +33,10 @@ export class AppInterceptor implements HttpInterceptor {
     // Error response from below url should be ignored
     const ignoreErrorUrlEndsList = ['checkpoints/config', 'checkpoints'];
     const ignoreErrorMessage = ['File not found.'];
+    const option: NzNotificationDataOptions = {
+      nzDuration: 0,
+      nzStyle: { width: '1000px', 'white-space': 'pre-wrap' }
+    };
 
     return next.handle(req).pipe(
       catchError(res => {
@@ -45,7 +49,7 @@ export class AppInterceptor implements HttpInterceptor {
           
this.injector.get<StatusService>(StatusService).listOfErrorMessage.push(errorMessage);
           this.injector
             .get<NzNotificationService>(NzNotificationService)
-            .info('Server Response Message:', errorMessage);
+            .info('Server Response Message:', errorMessage.replaceAll(' at ', 
'\n at '), option);
         }
         return throwError(res);
       })