[FLINK-38899][runtime-web] Introduce the Rescales/History sub-page for streaming jobs with the adaptive scheduler enabled - Temporary commit for review (Changed the display method when the variable is empty)

Author: och5351

flink-runtime-web/web-dashboard/src/app/pages/job/rescales/job-rescales.component.html

@@ -93,13 +93,28 @@
               {{ truncateUuid(history.resourceRequirementsUuid) }}
             </td>
             <td>{{ history.triggerCause }}</td>
-            <td><flink-job-badge [state]="history.terminalState"></flink-job-badge></td>
-            <td>{{ history.terminatedReason }}</td>
+            <td>
+              <flink-job-badge
+                *ngIf="history.terminalState"
+                [state]="history.terminalState"
+              ></flink-job-badge>
+              <span *ngIf="!history.terminalState">-</span>
+            </td>
+            <td>{{ history.terminatedReason || '-' }}</td>
             <td>{{ history.startTimestampInMillis | date: 'yyyy-MM-dd HH:mm:ss.SSS' }}</td>
             <td>
-              {{ history.endTimestampInMillis - history.startTimestampInMillis | humanizeDuration }}
+              {{
+                (history.endTimestampInMillis || Date.now()) - history.startTimestampInMillis
+                  | humanizeDuration
+              }}
+            </td>
+            <td>
+              {{
+                history.endTimestampInMillis
+                  ? (history.endTimestampInMillis | date: 'yyyy-MM-dd HH:mm:ss.SSS')
+                  : '-'
+              }}
             </td>
-            <td>{{ history.endTimestampInMillis | date: 'yyyy-MM-dd HH:mm:ss.SSS' }}</td>
           </tr>
           <tr [nzExpand]="isExpanded(history.rescaleUuid)">
             <td colspan="10" *ngIf="isExpanded(history.rescaleUuid)" class="collapse-td">
@@ -130,12 +145,12 @@ <h3><strong>Rescale Details</strong></h3>
                       <nz-divider nzType="vertical"></nz-divider>
                       <span>
                         <strong>Terminal State:</strong>
-                        {{ history.terminalState }}
+                        {{ history?.terminalState || '-' }}
                       </span>
                       <nz-divider nzType="vertical"></nz-divider>
                       <span>
                         <strong>Terminal Reason:</strong>
-                        {{ history.terminatedReason }}
+                        {{ history?.terminatedReason || '-' }}
                       </span>
                     </td>
                   </tr>

flink-runtime-web/web-dashboard/src/app/pages/job/rescales/job-rescales.component.ts

@@ -71,6 +71,7 @@ export class JobRescalesComponent implements OnInit, OnDestroy {
   public rescalesConfig?: JobRescaleConfigInfo;
   public jobDetail: JobDetail;
   public expandedRowsSet = new Set<string>();
+  public readonly Date = Date;
 
   private refresh$ = new Subject<void>();
   private destroy$ = new Subject<void>();