DSC-2715 Converted component to standalone

Author: Mattia Vianelli

src/app/submission/form/submission-form.component.ts

@@ -22,6 +22,7 @@ import {
   switchMap,
 } from 'rxjs/operators';
 
+import { environment } from '../../../environments/environment';
 import { AuthService } from '../../core/auth/auth.service';
 import { SubmissionDefinitionsModel } from '../../core/config/models/config-submission-definitions.model';
 import { Collection } from '../../core/shared/collection.model';
@@ -46,6 +47,7 @@ import { SectionDataObject } from '../sections/models/section-data.model';
 import { SectionsService } from '../sections/sections.service';
 import { SectionsType } from '../sections/sections-type';
 import { SubmissionService } from '../submission.service';
+import { SubmissionLegendComponent } from '../submission-legend/submission-legend.component';
 import { SubmissionVisibility } from '../utils/visibility.util';
 import {
   SubmissionSectionModel,
@@ -55,7 +57,6 @@ import { SubmissionFormCollectionComponent } from './collection/submission-form-
 import { SubmissionFormFooterComponent } from './footer/submission-form-footer.component';
 import { SubmissionFormSectionAddComponent } from './section-add/submission-form-section-add.component';
 import { ThemedSubmissionUploadFilesComponent } from './submission-upload-files/themed-submission-upload-files.component';
-import { environment } from '../../../environments/environment';
 
 /**
  * This component represents the submission form.
@@ -72,6 +73,7 @@ import { environment } from '../../../environments/environment';
     ThemedSubmissionUploadFilesComponent,
     SubmissionFormCollectionComponent,
     SubmissionFormSectionAddComponent,
+    SubmissionLegendComponent,
     TranslateModule,
   ],
   standalone: true,

src/app/submission/submission-legend/submission-legend.component.spec.ts

@@ -1,4 +1,7 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
+import {
+  ComponentFixture,
+  TestBed,
+} from '@angular/core/testing';
 import { TranslateModule } from '@ngx-translate/core';
 
 import { SubmissionLegendComponent } from './submission-legend.component';
@@ -9,12 +12,9 @@ describe('SubmissionLegendComponent', () => {
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      imports: [
-        TranslateModule.forRoot()
-      ],
-      declarations: [ SubmissionLegendComponent ]
+      imports: [ SubmissionLegendComponent, TranslateModule.forRoot() ],
     })
-    .compileComponents();
+      .compileComponents();
 
     fixture = TestBed.createComponent(SubmissionLegendComponent);
     component = fixture.componentInstance;

src/app/submission/submission-legend/submission-legend.component.ts

@@ -1,9 +1,12 @@
 import { Component } from '@angular/core';
+import { TranslateModule } from '@ngx-translate/core';
 
 @Component({
   selector: 'ds-submission-legend',
   templateUrl: './submission-legend.component.html',
-  styleUrls: ['./submission-legend.component.scss']
+  styleUrls: ['./submission-legend.component.scss'],
+  standalone: true,
+  imports: [TranslateModule],
 })
 export class SubmissionLegendComponent {
   legendText = 'submission.sections.general.legend';

src/config/default-app-config.ts

@@ -323,7 +323,7 @@ export class DefaultAppConfig implements AppConfig {
     },
     // Minimum number of characters required before performing a lookup.
     minChars: 3,
-    hideLegend: false
+    hideLegend: false,
   };
 
   // Default Language in which the UI will be rendered if the user's browser language is not an active language