@if (jobs.length) {
@for (job of jobs; track job) {
diff --git a/src/app/modules/dialog/components/update-dialog/update-dialog.component.ts b/src/app/modules/dialog/components/update-dialog/update-dialog.component.ts
index 73dd16083eb..5f2dab8ca4c 100644
--- a/src/app/modules/dialog/components/update-dialog/update-dialog.component.ts
+++ b/src/app/modules/dialog/components/update-dialog/update-dialog.component.ts
@@ -4,7 +4,6 @@ import { MatDialogContent, MatDialogTitle } from '@angular/material/dialog';
import { UntilDestroy } from '@ngneat/until-destroy';
import { Store } from '@ngrx/store';
import { TranslateModule } from '@ngx-translate/core';
-import { LetDirective } from 'app/directives/app-let.directive';
import { JobItemComponent } from 'app/modules/jobs/components/job-item/job-item.component';
import { JobsState } from 'app/modules/jobs/store/job.reducer';
import { selectUpdateJob } from 'app/modules/jobs/store/job.selectors';
@@ -21,7 +20,6 @@ import { selectUpdateJob } from 'app/modules/jobs/store/job.selectors';
MatDialogTitle,
TranslateModule,
AsyncPipe,
- LetDirective,
JobItemComponent,
],
})
diff --git a/src/app/modules/jobs/components/jobs-panel/jobs-panel.component.html b/src/app/modules/jobs/components/jobs-panel/jobs-panel.component.html
index 5c61b8b0c1d..37e53eb4a53 100644
--- a/src/app/modules/jobs/components/jobs-panel/jobs-panel.component.html
+++ b/src/app/modules/jobs/components/jobs-panel/jobs-panel.component.html
@@ -36,25 +36,24 @@
{{ 'Running Jobs' | translate }}
>
} @else {
-
- @if (jobs.length) {
-
- @for (job of jobs; track job.id) {
-
- }
-
- } @else {
-
-
-
{{ 'No jobs running.' | translate }}
-
- }
-
+ @let jobs = availableJobs$ | async;
+ @if (jobs.length) {
+
+ @for (job of jobs; track job.id) {
+
+ }
+
+ } @else {
+
+
+
{{ 'No jobs running.' | translate }}
+
+ }
}
@if (error$ | async; as error) {
diff --git a/src/app/modules/jobs/components/jobs-panel/jobs-panel.component.spec.ts b/src/app/modules/jobs/components/jobs-panel/jobs-panel.component.spec.ts
index 21ee7e4b60f..90ae38af277 100644
--- a/src/app/modules/jobs/components/jobs-panel/jobs-panel.component.spec.ts
+++ b/src/app/modules/jobs/components/jobs-panel/jobs-panel.component.spec.ts
@@ -10,7 +10,6 @@ import { Store, StoreModule } from '@ngrx/store';
import { of } from 'rxjs';
import { FakeFormatDateTimePipe } from 'app/core/testing/classes/fake-format-datetime.pipe';
import { mockCall, mockApi } from 'app/core/testing/utils/mock-api.utils';
-import { LetDirective } from 'app/directives/app-let.directive';
import { JobState } from 'app/enums/job-state.enum';
import { Job } from 'app/interfaces/job.interface';
import { DialogService } from 'app/modules/dialog/dialog.service';
@@ -87,7 +86,6 @@ describe('JobsPanelComponent', () => {
},
}),
EffectsModule.forRoot([JobEffects]),
- LetDirective,
],
declarations: [
JobItemComponent,
diff --git a/src/app/modules/jobs/components/jobs-panel/jobs-panel.component.ts b/src/app/modules/jobs/components/jobs-panel/jobs-panel.component.ts
index 39dc5aa8c44..c9c09e1a59c 100644
--- a/src/app/modules/jobs/components/jobs-panel/jobs-panel.component.ts
+++ b/src/app/modules/jobs/components/jobs-panel/jobs-panel.component.ts
@@ -12,7 +12,6 @@ import { Store } from '@ngrx/store';
import { TranslateService, TranslateModule } from '@ngx-translate/core';
import { Observable } from 'rxjs';
import { filter, map } from 'rxjs/operators';
-import { LetDirective } from 'app/directives/app-let.directive';
import { ApiJobMethod, ApiJobResponse } from 'app/interfaces/api/api-job-directory.interface';
import { Job } from 'app/interfaces/job.interface';
import { DialogService } from 'app/modules/dialog/dialog.service';
@@ -43,7 +42,6 @@ import { ErrorHandlerService } from 'app/services/error-handler.service';
MatTooltip,
IxIconComponent,
MatProgressBar,
- LetDirective,
JobItemComponent,
MatDialogActions,
MatButton,
diff --git a/src/app/modules/layout/topbar/jobs-indicator/jobs-indicator.component.html b/src/app/modules/layout/topbar/jobs-indicator/jobs-indicator.component.html
index cd8f3557010..71ef8383cda 100644
--- a/src/app/modules/layout/topbar/jobs-indicator/jobs-indicator.component.html
+++ b/src/app/modules/layout/topbar/jobs-indicator/jobs-indicator.component.html
@@ -1,5 +1,5 @@
+@let jobBadgeCount = jobBadgeCount$ | async;