Datagrid detail - not pulling new data when switching between rows #778 (#779)

* #778: Datagrid detail - not pulling new data when switching between rows

Author: jozefbakus

ui/src/app/components/admin/job-templates/job-templates-home/job-templates-home.component.ts

@@ -23,7 +23,7 @@ import { Store } from '@ngrx/store';
 import { AppState, selectJobTemplatesState } from '../../../../stores/app.reducers';
 import { skip } from 'rxjs/operators';
 import { jobTemplateColumns } from '../../../../constants/jobTemplateColumns.constants';
-import { DeleteJobTemplate, SearchJobTemplates } from '../../../../stores/job-templates/job-templates.actions';
+import { DeleteJobTemplate, GetJobTemplateUsage, SearchJobTemplates } from '../../../../stores/job-templates/job-templates.actions';
 import { absoluteRoutes } from 'src/app/constants/routes.constants';
 import { Router } from '@angular/router';
 import { FilterAttributes } from '../../../../models/search/filterAttributes.model';
@@ -114,6 +114,9 @@ export class JobTemplatesHomeComponent implements AfterViewInit, OnDestroy {
 
   onJobTemplateUsageOpenClose(event: JobTemplateModel) {
     this.openedJobTemplateUsage = event;
+    if (this.openedJobTemplateUsage) {
+      this.store.dispatch(new GetJobTemplateUsage(this.openedJobTemplateUsage.id));
+    }
   }
 
   ngOnDestroy(): void {

ui/src/app/components/admin/notification-rules/notification-rules-home/notification-rules-home.component.ts

@@ -22,7 +22,11 @@ import { Store } from '@ngrx/store';
 import { AppState, selectNotificationRulesState } from '../../../../stores/app.reducers';
 import { skip } from 'rxjs/operators';
 import { notificationRuleColumns } from '../../../../constants/notificationRuleColumns.constants';
-import { DeleteNotificationRule, SearchNotificationRules } from '../../../../stores/notification-rules/notification-rules.actions';
+import {
+  DeleteNotificationRule,
+  GetNotificationRuleUsage,
+  SearchNotificationRules,
+} from '../../../../stores/notification-rules/notification-rules.actions';
 import { absoluteRoutes } from 'src/app/constants/routes.constants';
 import { Router } from '@angular/router';
 import { NotificationRuleModel } from '../../../../models/notificationRule.model';
@@ -120,6 +124,9 @@ export class NotificationRulesHomeComponent implements AfterViewInit, OnDestroy
 
   onNotificationRuleUsageOpenClose(event: NotificationRuleModel) {
     this.openedNotificationRuleUsage = event;
+    if (this.openedNotificationRuleUsage) {
+      this.store.dispatch(new GetNotificationRuleUsage(this.openedNotificationRuleUsage.id));
+    }
   }
 
   ngOnDestroy(): void {

ui/src/app/components/runs/runs.component.ts

@@ -19,7 +19,7 @@ import { ClrDatagridColumn, ClrDatagridStateInterface } from '@clr/angular';
 import { ClrDatagridSortOrder } from '@clr/angular';
 import { Store } from '@ngrx/store';
 import { AppState, selectRunState } from '../../stores/app.reducers';
-import { GetDagRuns } from '../../stores/runs/runs.actions';
+import { GetDagRunDetail, GetDagRuns } from '../../stores/runs/runs.actions';
 import { Subject, Subscription } from 'rxjs';
 import { skip } from 'rxjs/operators';
 import { dagRunColumns } from '../../constants/dagRunColumns.constants';
@@ -99,6 +99,9 @@ export class RunsComponent implements OnDestroy, AfterViewInit {
 
   onDetailOpenClose(event: JobInstanceModel) {
     this.openedDetail = event;
+    if (this.openedDetail) {
+      this.store.dispatch(new GetDagRunDetail(this.openedDetail.id));
+    }
   }
 
   refresh() {