DSC-2715 Converted component to standalone

Author: Mattia Vianelli

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

@@ -8,6 +8,7 @@
           [uploadFilesOptions]="uploadFilesOptions"></ds-submission-upload-files>
           <div class="clearfix"></div>
         </div>
+      }
       <ds-submission-legend *ngIf="shouldShowLegend" class="submission-form-header-legend">
       </ds-submission-legend>
       <div class="submission-form-header-item mb-3 mb-sm-0 flex-sm-grow-1 flex-md-grow-0">

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

@@ -56,6 +56,7 @@ import { ThemedSubmissionFormFooterComponent } from './footer/themed-submission-
 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';
+import {SubmissionLegendComponent} from "../submission-legend/submission-legend.component";
 
 /**
  * This component represents the submission form.
@@ -73,6 +74,7 @@ import { environment } from '../../../environments/environment';
     ThemedSubmissionSectionContainerComponent,
     ThemedSubmissionUploadFilesComponent,
     TranslatePipe,
+    SubmissionLegendComponent,
   ],
 })
 export class SubmissionFormComponent implements OnChanges, OnDestroy {

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/themes/custom/app/submission/form/submission-form.component.ts

@@ -9,6 +9,7 @@ import { SubmissionFormSectionAddComponent } from '../../../../../app/submission
 import { SubmissionFormComponent as BaseComponent } from '../../../../../app/submission/form/submission-form.component';
 import { ThemedSubmissionUploadFilesComponent } from '../../../../../app/submission/form/submission-upload-files/themed-submission-upload-files.component';
 import { ThemedSubmissionSectionContainerComponent } from '../../../../../app/submission/sections/container/themed-section-container.component';
+import { SubmissionLegendComponent } from '../../../../../app/submission/submission-legend/submission-legend.component';
 
 @Component({
   selector: 'ds-themed-submission-form',
@@ -25,6 +26,7 @@ import { ThemedSubmissionSectionContainerComponent } from '../../../../../app/su
     ThemedSubmissionSectionContainerComponent,
     ThemedSubmissionUploadFilesComponent,
     TranslatePipe,
+    SubmissionLegendComponent,
   ],
 })
 export class SubmissionFormComponent extends BaseComponent {