[FLINK-35224][web] Show the JobType on Flink WebUI

yhjhoo · Apr 29, 2024 · 86de622 · 86de622
1 parent 917352e
commit 86de622
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/flink-runtime-web/web-dashboard/src/app/interfaces/job-detail.ts b/flink-runtime-web/web-dashboard/src/app/interfaces/job-detail.ts
@@ -47,6 +47,7 @@ export interface JobDetail {
   name: string;
   isStoppable: boolean;
   state: string;
+  'job-type': string;
   'start-time': number;
   'end-time': number;
   duration: number;

diff --git a/...k-runtime-web/web-dashboard/src/app/pages/job/job-detail/status/job-status.component.html b/...k-runtime-web/web-dashboard/src/app/pages/job/job-detail/status/job-status.component.html
@@ -68,6 +68,9 @@
         <span *ngIf="urlLoading">-</span>
       </ng-template>
     </nz-descriptions-item>
+    <nz-descriptions-item nzTitle="Job Type" *ngIf="jobDetail['job-type'] !== undefined">
+      {{ jobDetail['job-type'] }}
+    </nz-descriptions-item>
     <nz-descriptions-item nzTitle="Start Time">
       {{ jobDetail['start-time'] | date: 'yyyy-MM-dd HH:mm:ss.SSS' }}
     </nz-descriptions-item>