Move JobDialogComponent to shared and rename it to DialogComponent

web/src/app/components/edit-survey/edit-details/edit-details.component.spec.ts

@@ -39,8 +39,8 @@ import { SurveyService } from 'app/services/survey/survey.service';
 import {
   DialogData,
   DialogType,
-  JobDialogComponent,
-} from '../job-dialog/job-dialog.component';
+  DialogComponent,
+} from 'app/components/shared/dialog/dialog.component';
 
 describe('EditDetailsComponent', () => {
   let component: EditDetailsComponent;
@@ -56,15 +56,15 @@ describe('EditDetailsComponent', () => {
   );
   const newSurveyId = 'newSurveyId';
   let dialogRefSpy: jasmine.SpyObj<
-    MatDialogRef<JobDialogComponent, DialogData>
+    MatDialogRef<DialogComponent, DialogData>
   >;
   let dialogSpy: jasmine.SpyObj<MatDialog>;
   let navigationServiceSpy: jasmine.SpyObj<NavigationService>;
   let surveyServiceSpy: jasmine.SpyObj<SurveyService>;
 
   beforeEach(async () => {
     dialogRefSpy = jasmine.createSpyObj<
-      MatDialogRef<JobDialogComponent, DialogData>
+      MatDialogRef<DialogComponent, DialogData>
     >('MatDialogRef', ['afterClosed', 'close']);
     dialogSpy = jasmine.createSpyObj<MatDialog>('MatDialog', ['open']);
     dialogSpy.open.and.returnValue(dialogRefSpy);

web/src/app/components/edit-survey/edit-details/edit-details.component.ts

@@ -27,8 +27,8 @@ import { SurveyService } from 'app/services/survey/survey.service';
 import {
   DialogData,
   DialogType,
-  JobDialogComponent,
-} from '../job-dialog/job-dialog.component';
+  DialogComponent,
+} from 'app/components/shared/dialog/dialog.component';
 
 interface DataSharingTermsDetails {
   description: string;
@@ -87,7 +87,7 @@ export class EditDetailsComponent implements OnInit {
 
   openDeleteSurveyDialog() {
     this.dialog
-      .open(JobDialogComponent, {
+      .open(DialogComponent, {
         data: { dialogType: DialogType.DeleteSurvey },
         panelClass: 'small-width-dialog',
       })
@@ -103,7 +103,7 @@ export class EditDetailsComponent implements OnInit {
 
   openCopySurveyDialog() {
     this.dialog
-      .open(JobDialogComponent, {
+      .open(DialogComponent, {
         data: { dialogType: DialogType.CopySurvey },
         panelClass: 'small-width-dialog',
       })

web/src/app/components/edit-survey/edit-survey.component.spec.ts

@@ -39,8 +39,8 @@ import { SurveyService } from 'app/services/survey/survey.service';
 import {
   DialogData,
   DialogType,
-  JobDialogComponent,
-} from './job-dialog/job-dialog.component';
+  DialogComponent,
+} from 'app/components/shared/dialog/dialog.component';
 
 describe('EditSurveyComponent', () => {
   let fixture: ComponentFixture<EditSurveyComponent>;
@@ -52,7 +52,7 @@ describe('EditSurveyComponent', () => {
   let jobServiceSpy: jasmine.SpyObj<JobService>;
   let dataStoreServiceSpy: jasmine.SpyObj<DataStoreService>;
   let dialogRefSpy: jasmine.SpyObj<
-    MatDialogRef<JobDialogComponent, DialogData>
+    MatDialogRef<DialogComponent, DialogData>
   >;
   let dialogSpy: jasmine.SpyObj<MatDialog>;
   let initResolve: (value: void | PromiseLike<void>) => void;
@@ -144,7 +144,7 @@ describe('EditSurveyComponent', () => {
     dataStoreServiceSpy.tasks$.and.returnValue(new Subject<List<Task>>());
 
     dialogRefSpy = jasmine.createSpyObj<
-      MatDialogRef<JobDialogComponent, DialogData>
+      MatDialogRef<DialogComponent, DialogData>
     >('MatDialogRef', ['afterClosed', 'close']);
     dialogSpy = jasmine.createSpyObj<MatDialog>('MatDialog', ['open']);
     dialogSpy.open.and.returnValue(dialogRefSpy);

web/src/app/components/edit-survey/edit-survey.component.ts

@@ -35,8 +35,8 @@ import { Environment } from 'environments/environment-interface';
 import {
   DialogData,
   DialogType,
-  JobDialogComponent,
-} from './job-dialog/job-dialog.component';
+  DialogComponent,
+} from 'app/components/shared/dialog/dialog.component';
 import { toObservable, toSignal } from '@angular/core/rxjs-interop';
 import { switchMap } from 'rxjs';
 import { SurveyService } from 'app/services/survey/survey.service';
@@ -135,9 +135,9 @@ export class EditSurveyComponent {
   }
 
   openDialog(dialogType: DialogType, job: Job): void {
-    const dialogRef = this.dialog.open(JobDialogComponent, {
+    const dialogRef = this.dialog.open(DialogComponent, {
       autoFocus: [DialogType.AddJob, DialogType.RenameJob].includes(dialogType)
-        ? `#${JobDialogComponent.JOB_NAME_FIELD_ID}`
+        ? `#${DialogComponent.JOB_NAME_FIELD_ID}`
         : 'first-tabbable',
       data: { dialogType, jobName: job.name ?? '' },
       panelClass: 'small-width-dialog',