argos/dmp-frontend/src/app/ui/dmp/editor/dmp-finalize-dialog/dmp-finalize-dialog.component.html

<form *ngIf="formGroup" (ngSubmit)="onSubmit()">
	<div mat-dialog-title>
	</div>
	<div mat-dialog-content *ngIf="datasetsFinalized && datasetsDraft">
		<div *ngIf="datasetsFinalized.length > 0">
			<h4>{{'DMP-FINALISE-DIALOG.ALREADY-FINALISED-DATASETS' | translate}}</h4>
			<mat-list>
				<!-- <mat-list-item *ngFor="let dataset of datasetsFinalized; let len = length"> -->
				<mat-list-item *ngFor="let dataset of datasetsFinalized">
					<div>{{ dataset.label }}</div>
				</mat-list-item>
			</mat-list>
		</div>
		<div *ngIf="datasetsDraft.length > 0">
			<h4>{{'DMP-FINALISE-DIALOG.FINALISE-TITLE' | translate}}</h4>
			<mat-selection-list #datasetsDraftSelectionList [formControl]="this.formGroup.get('datasets')">
				<!-- <div  class="styleBorder" *ngFor="let dataset of datasetsDraft; let len = length"> -->
				<div  class="styleBorder" *ngFor="let dataset of datasetsDraft">
					<mat-list-option  [value]='dataset'>
						{{ dataset.label }}
					</mat-list-option>
				</div>
			</mat-selection-list>
		</div>minLengthArray
		<mat-error *ngIf="formGroup.get('datasets').errors?.minLengthArray">{{'DMP-FINALISE-DIALOG.VALIDATION.AT-LEAST-ONE-DATASET-FINALISED'
			| translate}}</mat-error>
	</div>
	<div mat-dialog-actions>
		<div class="full-width">
			<button mat-raised-button color="primary" type="submit">
				{{'DMP-FINALISE-DIALOG.SUBMIT' | translate}}
			</button>
		</div>
	</div>
</form>