@let isCategoryFieldInvalid = poCoToFieldsGroup.controls.category.touched && poCoToFieldsGroup.controls.category.invalid; {{ 'Forms.PoCoToSection.CategorySelect.Label' | translate }} ({{ 'Forms.General.RequiredHint' | translate }})

@if (poCoToFieldsGroup.value.category) { }

@if (poCoToFieldsGroup.hasError('required', 'category')) { {{ 'Forms.PoCoToSection.CategorySelect.ValidatorRequired' | translate }} }

@let isNameFieldInvalid = poCoToFieldsGroup.controls.name.touched && poCoToFieldsGroup.controls.name.invalid; {{ 'Forms.PoCoToSection.NameInput.Label' | translate }} ({{ 'Forms.General.RequiredHint' | translate }})

@if (poCoToFieldsGroup.value.name) { }

@if (poCoToFieldsGroup.hasError('required', 'name')) { {{ 'Forms.PoCoToSection.NameInput.ValidatorRequired' | translate }} } @else if (poCoToFieldsGroup.hasError('maxlength', 'name')) { {{ 'Forms.Validators.ValidatorMaxLength' | translate: { length: poCoToFieldsGroup.getError('maxlength', 'name').requiredLength } }} }

@let isUrlFieldInvalid = poCoToFieldsGroup.controls.url.touched && poCoToFieldsGroup.controls.url.invalid; {{ 'Forms.PoCoToSection.ApplicationLinkInput.Label' | translate }} ({{ 'Forms.General.RequiredHint' | translate }})

@if (poCoToFieldsGroup.value.url) { }

@if (poCoToFieldsGroup.hasError('required', 'url')) { {{ 'Forms.PoCoToSection.ApplicationLinkInput.ValidatorRequired' | translate }} } @else if (poCoToFieldsGroup.hasError('maxlength', 'url')) { {{ 'Forms.Validators.ValidatorMaxLength' | translate: { length: poCoToFieldsGroup.getError('maxlength', 'url').requiredLength } }} } @else if (poCoToFieldsGroup.hasError('pattern', 'url')) { {{ 'Forms.Validators.ValidatorPatternLink' | translate }} }

@let isDescriptionFieldInvalid = poCoToFieldsGroup.controls.description.touched && poCoToFieldsGroup.controls.description.invalid; {{ 'Forms.PoCoToSection.DescriptionTextarea.Label' | translate }} ({{ 'Forms.General.RequiredHint' | translate }})

@if (poCoToFieldsGroup.value.description) { }

@if (!isDescriptionFieldInvalid) {

}

@let lengthError = poCoToFieldsGroup.getError('maxlength', 'description'); @if (poCoToFieldsGroup.hasError('required', 'description')) { {{ 'Forms.PoCoToSection.DescriptionTextarea.ValidatorRequired' | translate }} } @else if (poCoToFieldsGroup.hasError('maxlength', 'description')) { {{ 'Forms.Validators.ValidatorMaxLength' | translate: { length: lengthError.requiredLength } }} }

@let isKeywordsFieldInvalid = poCoToFieldsGroup.controls.keywords.touched && poCoToFieldsGroup.controls.keywords.invalid; {{ 'Forms.PoCoToSection.KeywordsInput.Label' | translate }}

@if (poCoToFieldsGroup.value.keywords) { }

@if (poCoToFieldsGroup.hasError('maxItemLength', 'keywords')) { {{ 'Forms.PoCoToSection.KeywordsInput.ValidatorMaxLength' | translate: { length: poCoToFieldsGroup.getError('maxItemLength', 'keywords').requiredLength } }} }

@let isAuthorFieldInvalid = poCoToFieldsGroup.controls.author.touched && poCoToFieldsGroup.controls.author.invalid; {{ 'Forms.PoCoToSection.AuthorInput.Label' | translate }} ({{ 'Forms.General.RequiredHint' | translate }})

@if (poCoToFieldsGroup.value.author) { }

@if (poCoToFieldsGroup.hasError('required', 'author')) { {{ 'Forms.PoCoToSection.AuthorInput.ValidatorRequired' | translate }} } @else if (poCoToFieldsGroup.hasError('maxlength', 'author')) { {{ 'Forms.Validators.ValidatorMaxLength' | translate: { length: poCoToFieldsGroup.getError('maxlength', 'author').requiredLength } }} }

@let isLogoInvalid = poCoToFieldsGroup.controls.logoImage.touched && poCoToFieldsGroup.controls.logoImage.invalid; @let logoFileTypeInvalid = poCoToFieldsGroup.hasError('fileType', 'logoImage'); @let logoFileSizeInvalid = poCoToFieldsGroup.hasError('maxFileSize', 'logoImage'); @let logoFileDimensionsInvalid = poCoToFieldsGroup.hasError('maxDimensions', 'logoImage');

@if (isLogoInvalid) {

@if (logoFileTypeInvalid) { {{ 'Forms.PoCoToSection.LogoUploader.ValidatorFileType' | translate }} } @else if (logoFileSizeInvalid) { {{ 'Forms.PoCoToSection.LogoUploader.ValidatorFileSize' | translate }} } @else if (logoFileDimensionsInvalid) { @let logoError = poCoToFieldsGroup.getError('maxDimensions', 'logoImage'); {{ 'Forms.ImageUpload.ValidatorFileDimensions' | translate: { width: logoError.maxWidth, height: logoError.maxHeight } }} }

}

@let isIllustrativeGraphicsInvalid = poCoToFieldsGroup.controls.illustrativeGraphics.touched && poCoToFieldsGroup.controls.illustrativeGraphics.invalid; @let illustrativeGraphicsFileTypeInvalid = poCoToFieldsGroup.hasError('fileType', 'illustrativeGraphics'); @let illustrativeGraphicsFileSizeInvalid = poCoToFieldsGroup.hasError('maxFileSize', 'illustrativeGraphics'); @let illustrativeGraphicsFileDimensionsInvalid = poCoToFieldsGroup.hasError('maxDimensions', 'illustrativeGraphics');

@if (isIllustrativeGraphicsInvalid) {

@if (illustrativeGraphicsFileTypeInvalid) { {{ 'Forms.PoCoToSection.IllustrativeGraphicsUploader.ValidatorFileType' | translate }} } @else if (illustrativeGraphicsFileSizeInvalid) { {{ 'Forms.PoCoToSection.IllustrativeGraphicsUploader.ValidatorFileSize' | translate }} } @else if (illustrativeGraphicsFileDimensionsInvalid) { @let illustrativeGraphicsError = poCoToFieldsGroup.getError('maxDimensions', 'illustrativeGraphics'); {{ 'Forms.ImageUpload.ValidatorFileDimensions' | translate : { width: illustrativeGraphicsError.maxWidth, height: illustrativeGraphicsError.maxHeight } }} }

}

{{ 'Forms.PoCoToSection.DatasetMultiselect.Label' | translate }} {{ 'Forms.PoCoToSection.DatasetMultiselect.Paragraph' | translate }}

@for (datasetControl of poCoToFieldsGroup.controls.datasets.controls; track $index) {

{{ 'Forms.PoCoToSection.DatasetMultiselect.ValidatorRequired' | translate }}

}

{{ 'Forms.PoCoToSection.ExternalDatasetMultiselect.Label' | translate }} {{ 'Forms.PoCoToSection.ExternalDatasetMultiselect.Paragraph' | translate }}

@for (externalDatasetControl of poCoToFieldsGroup.controls.externalDatasets.controls; track $index) {

@let isTitleFieldInvalid = externalDatasetControl.controls.title.touched && externalDatasetControl.controls.title.invalid; @let isUrlFieldInvalid = externalDatasetControl.controls.url.touched && externalDatasetControl.controls.url.invalid;

@let titleMaxLengthError = externalDatasetControl.getError('maxlength', 'title'); @let titleRequiredError = externalDatasetControl.getError('required', 'title'); @let urlRequiredError = externalDatasetControl.getError('required', 'url'); @let urlMaxLengthError = externalDatasetControl.getError('maxlength', 'url'); @let urlPatternError = externalDatasetControl.getError('pattern', 'url'); @if (isTitleFieldInvalid && titleRequiredError) { {{ 'Forms.PoCoToSection.ExternalDatasetLinkNameInput.ValidatorRequired' | translate }} } @else if (isUrlFieldInvalid && urlRequiredError) { {{ 'Forms.PoCoToSection.ExternalDatasetLinkInput.ValidatorRequired' | translate }} } @else if (isTitleFieldInvalid && titleMaxLengthError) { {{ 'Forms.Validators.ValidatorMaxLength' | translate: { length: titleMaxLengthError.requiredLength } }} } @else if (isUrlFieldInvalid && urlMaxLengthError) { {{ 'Forms.Validators.ValidatorMaxLength' | translate: { length: urlMaxLengthError.requiredLength } }} } @else if (isUrlFieldInvalid && urlPatternError) { {{ 'Forms.Validators.ValidatorPatternLink' | translate }} }

}

{{ 'Forms.PoCoToSection.SectionTitle' | translate }}

{{ 'Forms.ConsentsSection.SectionTitle' | translate }}