2023-10-24 09:40:26 +02:00
<!-- <div class="main - content"> -->
2024-03-15 17:05:00 +01:00
< div class = "container-fluid dmp-blueprint-editor d-flex flex-column" >
2023-10-24 09:40:26 +02:00
< div class = "row align-items-center mb-4" * ngIf = "formGroup" >
< div class = "col-auto" >
2024-03-12 13:07:47 +01:00
< h3 * ngIf = "!isFinalized && !isNewVersion && isNew" > {{'DMP-BLUEPRINT-EDITOR.TITLE.NEW' | translate}}< / h3 >
< h3 * ngIf = "!isClone && !isNewVersion && !isNew" > {{formGroup.get('label').value}}< / h3 >
2024-02-06 19:41:57 +01:00
< h3 * ngIf = "isClone" >
2023-10-24 09:40:26 +02:00
< span > {{'DMP-BLUEPRINT-EDITOR.TITLE.CLONE' | translate}}< / span >
{{formGroup.get('label').value}}
< / h3 >
2024-02-06 19:41:57 +01:00
< h3 * ngIf = "isNewVersion" >
< span > {{'DMP-BLUEPRINT-EDITOR.TITLE.NEW-VERSION' | translate}}< / span >
{{formGroup.get('label').value}}
< / h3 >
2021-06-22 15:48:46 +02:00
< / div >
2023-10-24 09:40:26 +02:00
< div class = "col" > < / div >
< div class = "col-auto" * ngIf = "!isNew" >
2024-03-21 12:06:59 +01:00
< button [ disabled ] = " ! isLockedByUser " mat-button class = "action-btn" type = "button" ( click ) = " delete ( ) " >
2023-10-24 09:40:26 +02:00
< mat-icon > delete< / mat-icon >
{{'DMP-BLUEPRINT-EDITOR.ACTIONS.DELETE' | translate}}
< / button >
< / div >
< div class = "col-auto" * ngIf = "formGroup.get('status').value==1" >
< button mat-button class = "finalize-btn" ( click ) = " downloadXML ( ) " type = "button" > {{'DMP-BLUEPRINT-EDITOR.ACTIONS.DOWNLOAD-XML' | translate }}< / button >
< / div >
< div * ngIf = "formGroup.get('status').value!=1" class = "col-auto" >
< button mat-button class = "finalize-btn" ( click ) = " finalize ( ) " [ disabled ] = " ! this . isFormValid ( ) " type = "button" > {{'DMP-BLUEPRINT-EDITOR.ACTIONS.FINALIZE' | translate }}< / button >
< / div >
< / div >
2024-03-13 08:46:16 +01:00
< div class = "" >
< form * ngIf = "formGroup" ( ngSubmit ) = " formSubmit ( ) " >
< mat-card class = "pt-3 pb-3" >
<!-- <mat - card - header>
< mat-card-title * ngIf = "isNew" >
< h4 > {{'DMP-BLUEPRINT-EDITOR.TITLE.NEW' | translate}}< / h4 >
< / mat-card-title >
< mat-card-title * ngIf = "!isNew" >
< h4 > {{formGroup.get('label').value}}< / h4 >
< / mat-card-title >
< / mat-card-header > -->
< mat-card-content >
< div class = "row" >
< div class = "col-6" >
< mat-form-field class = "w-100" >
< mat-label > {{'DMP-BLUEPRINT-EDITOR.FIELDS.NAME' | translate}}< / mat-label >
< input matInput type = "text" name = "label" [ formControl ] = " formGroup . get ( ' label ' ) " required >
< mat-error * ngIf = "formGroup.get('label').hasError('backendError')" > {{formGroup.get('label').getError('backendError').message}}< / mat-error >
< mat-error * ngIf = "formGroup.get('label').hasError('required')" > {{'GENERAL.VALIDATION.REQUIRED' | translate}}< / mat-error >
< / mat-form-field >
< / div >
< h4 class = "col-12" > {{'DMP-BLUEPRINT-EDITOR.FIELDS.SECTIONS' | translate}}< / h4 >
2023-10-24 09:40:26 +02:00
2024-03-13 08:46:16 +01:00
< div class = "col-12" cdkDropList ( cdkDropListDropped ) = " dropSections ( $ event ) " >
< div * ngFor = "let section of formGroup.get('definition').get('sections').controls; let sectionIndex=index;" class = "row mb-3" cdkDrag [ cdkDragDisabled ] = " formGroup . disabled " >
< div class = "col-12" >
< mat-card class = "pt-3 pb-3" >
< mat-card-header >
< div class = "row mb-3 d-flex align-items-center" >
< div class = "col-auto d-flex" >
< mat-card-title > {{'DMP-BLUEPRINT-EDITOR.FIELDS.SECTION-PREFIX' | translate}} {{sectionIndex + 1}}< / mat-card-title >
< / div >
< div class = "col-auto d-flex" > < mat-icon [ ngClass ] = " { ' drag-handle-disabled ' : formGroup . disabled } " cdkDragHandle class = "drag-handle" > drag_indicator< / mat-icon > < / div >
2023-10-27 17:56:19 +02:00
2024-03-13 08:46:16 +01:00
< div class = "col-auto d-flex" >
< button mat-icon-button class = "action-list-icon" matTooltip = "{{'DMP-BLUEPRINT-EDITOR.ACTIONS.REMOVE-SECTION' | translate}}" ( click ) = " removeSection ( sectionIndex ) " [ disabled ] = " formGroup . disabled " >
< mat-icon > delete< / mat-icon >
< / button >
< / div >
2023-10-25 16:47:48 +02:00
< / div >
2024-03-13 08:46:16 +01:00
< / mat-card-header >
< mat-card-content >
< div class = "row" >
< div class = "col-6" >
< mat-form-field class = "w-100" >
< mat-label > {{'DMP-BLUEPRINT-EDITOR.FIELDS.SECTION-NAME' | translate}}< / mat-label >
< input matInput type = "text" name = "label" [ formControl ] = " section . get ( ' label ' ) " required >
< mat-error * ngIf = "section.get('label').hasError('backendError')" > {{section.get('label').getError('backendError').message}}< / mat-error >
< mat-error * ngIf = "section.get('label').hasError('required')" > {{'GENERAL.VALIDATION.REQUIRED' | translate}}< / mat-error >
< / mat-form-field >
< / div >
< div class = "col-6" >
< mat-form-field class = "w-100" >
< mat-label > {{'DMP-BLUEPRINT-EDITOR.FIELDS.SECTION-DESCRIPTION' | translate}}< / mat-label >
< input matInput type = "text" name = "description" [ formControl ] = " section . get ( ' description ' ) " >
< mat-error * ngIf = "section.get('description').hasError('backendError')" > {{section.get('description').getError('backendError').message}}< / mat-error >
< mat-error * ngIf = "section.get('description').hasError('required')" > {{'GENERAL.VALIDATION.REQUIRED' | translate}}< / mat-error >
< / mat-form-field >
< / div >
< div class = "col-auto mb-3" >
< button mat-button class = "action-btn" type = "button" ( click ) = " addField ( sectionIndex ) " [ disabled ] = " formGroup . disabled " > {{'DMP-BLUEPRINT-EDITOR.ACTIONS.ADD-FIELD' | translate}}< / button >
< / div >
2024-03-21 11:48:36 +01:00
< / div >
< div class = "row" >
2024-03-13 08:46:16 +01:00
< div cdkDropList class = "col-12 mt-3" ( cdkDropListDropped ) = " dropFields ( $ event , sectionIndex ) " >
2024-03-21 11:48:36 +01:00
< div * ngFor = "let field of section.get('fields').controls; let fieldIndex=index;" cdkDrag class = "section-fields-wrapper row" [ cdkDragDisabled ] = " formGroup . disabled " ( mouseenter ) = " onSectionHover ( fieldIndex ) " ( mouseleave ) = " clearHoveredSection ( ) " >
2024-03-20 16:06:26 +01:00
< div class = "col-auto section-options-vertical" >
< div class = "row justify-content-center" >
< div class = "col-auto" >
< span * ngIf = "!isSectionSelected(fieldIndex)" style = "font-size: 18px; box-sizing: border-box; display: inline-block; padding: 0.85rem 0.42rem 0 0.45rem;" > {{fieldIndex + 1}}< / span >
< mat-icon * ngIf = "isSectionSelected(fieldIndex)" [ ngClass ] = " { ' drag-handle-disabled ' : formGroup . disabled } " cdkDragHandle class = "drag-handle" style = "margin-top: 0.9rem;" > drag_indicator< / mat-icon >
< / div >
< div class = "col-auto" >
< button mat-icon-button matTooltip = "{{'DMP-BLUEPRINT-EDITOR.ACTIONS.REMOVE-FIELD' | translate}}" ( click ) = " removeField ( sectionIndex , fieldIndex ) " [ disabled ] = " formGroup . disabled " >
< mat-icon > delete< / mat-icon >
< / button >
< / div >
< / div >
< / div >
2024-03-21 11:48:36 +01:00
< div class = "col-auto pr-0 section-field section-options-horizontal" >
2024-03-20 16:06:26 +01:00
< span * ngIf = "!isSectionSelected(fieldIndex)" style = "font-size: 18px; box-sizing: border-box; display: inline-block; padding: 0.85rem 0.45rem;" > {{fieldIndex + 1}}< / span >
< mat-icon * ngIf = "isSectionSelected(fieldIndex)" [ ngClass ] = " { ' drag-handle-disabled ' : formGroup . disabled } " cdkDragHandle class = "drag-handle" > drag_indicator< / mat-icon >
< / div >
2024-03-21 09:32:59 +01:00
< div class = "col" >
< div class = "row" >
< div class = "col-4 section-field" >
< mat-form-field class = "mt-3 w-100" >
< mat-label > {{'DMP-BLUEPRINT-EDITOR.FIELDS.CATEGORY' | translate}}< / mat-label >
< mat-select [ formControl ] = " field . get ( ' category ' ) " [ disabled ] = " field . disabled " ( selectionChange ) = " fieldCategoryChanged ( sectionIndex , fieldIndex ) " >
< mat-option * ngFor = "let fieldCategory of dmpBlueprintFieldCategoryEnum" [ value ] = " fieldCategory " > {{enumUtils.toDmpBlueprintFieldCategoryString(fieldCategory)}}< / mat-option >
< / mat-select >
< mat-error * ngIf = "field.get('category').hasError('backendError')" > {{field.get('category').getError('backendError').message}}< / mat-error >
< mat-error * ngIf = "field.get('category').hasError('required')" > {{'GENERAL.VALIDATION.REQUIRED' | translate}}< / mat-error >
< / mat-form-field >
< / div >
< div class = "col-4 section-field" * ngIf = "field.get('category').value === dmpBlueprintSectionFieldCategory.System" >
< mat-form-field class = "mt-3 w-100" >
< mat-label > {{'DMP-BLUEPRINT-EDITOR.FIELDS.SYSTEM-FIELD-TYPE' | translate}}< / mat-label >
< mat-select [ formControl ] = " field . get ( ' systemFieldType ' ) " [ disabled ] = " field . disabled " >
< mat-option * ngFor = "let systemFieldType of dmpBlueprintSystemFieldTypeEnum" [ disabled ] = " systemFieldDisabled ( systemFieldType ) " [ value ] = " systemFieldType " > {{enumUtils.toDmpBlueprintSystemFieldTypeString(systemFieldType)}}< / mat-option >
< / mat-select >
< mat-error * ngIf = "field.get('systemFieldType').hasError('backendError')" > {{field.get('systemFieldType').getError('backendError').message}}< / mat-error >
< mat-error * ngIf = "field.get('systemFieldType').hasError('required')" > {{'GENERAL.VALIDATION.REQUIRED' | translate}}< / mat-error >
< / mat-form-field >
< / div >
< div class = "col-4 section-field" * ngIf = "field.get('category').value === dmpBlueprintSectionFieldCategory.Extra" >
< mat-form-field class = "mt-3 w-100" >
< mat-label > {{'DMP-BLUEPRINT-EDITOR.FIELDS.DATA-TYPE' | translate}}< / mat-label >
< mat-select [ formControl ] = " field . get ( ' dataType ' ) " >
< mat-option * ngFor = "let extraFieldDataType of dmpBlueprintExtraFieldDataTypeEnum" [ value ] = " extraFieldDataType " >
{{enumUtils.toDmpBlueprintExtraFieldDataTypeString(extraFieldDataType)}}
< / mat-option >
< / mat-select >
< mat-error * ngIf = "field.get('dataType').hasError('backendError')" > {{field.get('dataType').getError('backendError').message}}< / mat-error >
< mat-error * ngIf = "field.get('dataType').hasError('required')" > {{'GENERAL.VALIDATION.REQUIRED' | translate}}< / mat-error >
< / mat-form-field >
< / div >
< div class = "col-4 section-field" * ngIf = "field.get('category').value === dmpBlueprintSectionFieldCategory.ReferenceType" >
< mat-form-field class = "mt-3 w-100" >
< mat-label > {{'DMP-BLUEPRINT-EDITOR.FIELDS.REFERENCE-TYPE' | translate}}< / mat-label >
< app-single-auto-complete placeholder = "{{'DMP-BLUEPRINT-EDITOR.FIELDS.REFERENCE-TYPE' | translate}}" [ required ] = " true " [ formControl ] = " field . get ( ' referenceTypeId ' ) " [ configuration ] = " referenceTypeService . singleAutocompleteConfiguration " > < / app-single-auto-complete >
< mat-error * ngIf = "field.get('referenceTypeId').hasError('backendError')" > {{field.get('referenceTypeId').getError('backendError').message}}< / mat-error >
< mat-error * ngIf = "field.get('referenceTypeId').hasError('required')" > {{'GENERAL.VALIDATION.REQUIRED' | translate}}< / mat-error >
< / mat-form-field >
< / div >
< div class = "col-4 section-field" * ngIf = "field.get('category').value != null" >
< mat-form-field class = "mt-3 w-100" >
< mat-label > {{'DMP-BLUEPRINT-EDITOR.FIELDS.FIELD-LABEL' | translate}}< / mat-label >
< input matInput type = "text" name = "label" [ formControl ] = " field . get ( ' label ' ) " >
< mat-error * ngIf = "field.get('label').hasError('backendError')" > {{field.get('label').getError('backendError').message}}< / mat-error >
< mat-error * ngIf = "field.get('label').hasError('required')" > {{'GENERAL.VALIDATION.REQUIRED' | translate}}< / mat-error >
< / mat-form-field >
< / div >
2024-03-21 11:48:36 +01:00
< div class = "col-4 section-field" * ngIf = "field.get('category').value != null" >
2024-03-21 09:32:59 +01:00
< mat-form-field class = "mt-3 w-100" >
< mat-label > {{'DMP-BLUEPRINT-EDITOR.FIELDS.FIELD-PLACEHOLDER' | translate}}< / mat-label >
< input matInput type = "text" name = "placeholder" [ formControl ] = " field . get ( ' placeholder ' ) " >
< mat-error * ngIf = "field.get('placeholder').hasError('backendError')" > {{field.get('placeholder').getError('backendError').message}}< / mat-error >
< mat-error * ngIf = "field.get('placeholder').hasError('required')" > {{'GENERAL.VALIDATION.REQUIRED' | translate}}< / mat-error >
< / mat-form-field >
< / div >
< div class = "col-4 auto section-field" * ngIf = "field.get('category').value != null" >
< mat-form-field class = "mt-3 w-100" >
< mat-label > {{'DMP-BLUEPRINT-EDITOR.FIELDS.FIELD-DESCRIPTION' | translate}}< / mat-label >
< input matInput type = "text" name = "description" [ formControl ] = " field . get ( ' description ' ) " >
< mat-error * ngIf = "field.get('description').hasError('backendError')" > {{field.get('description').getError('backendError').message}}< / mat-error >
< mat-error * ngIf = "field.get('description').hasError('required')" > {{'GENERAL.VALIDATION.REQUIRED' | translate}}< / mat-error >
< / mat-form-field >
< / div >
< div class = "col-4 section-field" * ngIf = "field.get('category').value != null" >
< mat-form-field class = "mt-3 w-100" >
< mat-label > {{'DMP-BLUEPRINT-EDITOR.FIELDS.SEMANTICS' | translate}}< / mat-label >
< app-multiple-auto-complete placeholder = "{{'DMP-BLUEPRINT-EDITOR.FIELDS.SEMANTICS' | translate}}" [ hidePlaceholder ] = " true " [ required ] = " false " [ separatorKeysCodes ] = " separatorKeysCodes " [ formControl ] = " field . get ( ' semantics ' ) " [ configuration ] = " semanticsService . multipleAutocompleteConfiguration " >
< / app-multiple-auto-complete >
< mat-error * ngIf = "field.get('semantics').hasError('backendError')" > {{field.get('semantics').getError('backendError').message}}< / mat-error >
< mat-error * ngIf = "field.get('semantics').hasError('required')" > {{'GENERAL.VALIDATION.REQUIRED' | translate}}< / mat-error >
< / mat-form-field >
< / div >
< / div >
2024-03-13 08:46:16 +01:00
< / div >
2024-03-21 09:32:59 +01:00
< div class = "col-auto" >
< div class = "row" >
< div class = "col-auto section-field" * ngIf = "field.get('category').value != null" >
< mat-checkbox [ disabled ] = " field . get ( ' systemFieldType ' ) ? . value = == dmpBlueprintSystemFieldType . Title | | field . get ( ' systemFieldType ' ) ? . value = == dmpBlueprintSystemFieldType . Description " [ formControl ] = " field . get ( ' required ' ) " > < span > {{'DMP-BLUEPRINT-EDITOR.FIELDS.FIELD-REQUIRED' | translate}}< / span > < / mat-checkbox >
< mat-error * ngIf = "field.get('required').hasError('backendError')" > {{field.get('required').getError('backendError').message}}< / mat-error >
< mat-error * ngIf = "field.get('required').hasError('required')" > {{'GENERAL.VALIDATION.REQUIRED' | translate}}< / mat-error >
< / div >
< div [ hidden ] = " viewOnly " class = "col-auto section-field section-options-horizontal" >
< button mat-icon-button matTooltip = "{{'DMP-BLUEPRINT-EDITOR.ACTIONS.REMOVE-FIELD' | translate}}" ( click ) = " removeField ( sectionIndex , fieldIndex ) " [ disabled ] = " formGroup . disabled " >
< mat-icon > delete< / mat-icon >
< / button >
< / div >
< / div >
2024-03-19 09:47:50 +01:00
< / div >
2024-03-21 11:48:36 +01:00
< / div >
2024-03-13 08:46:16 +01:00
< mat-error * ngIf = "section.get('fields').dirty && section.get('fields').hasError('required')" > {{'DMP-BLUEPRINT-EDITOR.FIELDS-REQUIRED' | translate}}< / mat-error >
< mat-error * ngIf = "section.get('fields').hasError('backendError')" > {{section.get('fields').getError('backendError').message}}< / mat-error >
< / div >
< / div >
2024-03-21 11:48:36 +01:00
< div class = "row" >
< div class = "col-12" >
< div class = "row d-flex flex-column" >
< div class = "col-auto" >
< mat-checkbox [ formControl ] = " section . get ( ' hasTemplates ' ) " ( change ) = " removeAllDescriptionTemplates ( $ event , sectionIndex ) " >
{{'DMP-BLUEPRINT-EDITOR.FIELDS.DESCRIPTION-TEMPLATES' | translate}}
< / mat-checkbox >
< mat-error * ngIf = "section.get('hasTemplates').hasError('backendError')" > {{section.get('hasTemplates').getError('backendError').message}}< / mat-error >
< mat-error * ngIf = "section.get('hasTemplates').hasError('required')" > {{'GENERAL.VALIDATION.REQUIRED' | translate}}< / mat-error >
< / div >
< div class = "col-auto" * ngIf = "section.get('hasTemplates').value == true" >
< button mat-button class = "action-btn" type = "button" ( click ) = " addDescriptionTemplate ( sectionIndex ) " [ disabled ] = " formGroup . disabled " > {{'DMP-BLUEPRINT-EDITOR.ACTIONS.ADD-DESCRIPTION-TEMPLATE' | translate}}< / button >
< / div >
2023-09-11 07:59:47 +02:00
< / div >
2023-10-24 09:40:26 +02:00
< / div >
< / div >
2024-03-13 08:46:16 +01:00
< div cdkDropList class = "col-12" ( cdkDropListDropped ) = " dropDescriptionTemplates ( $ event , sectionIndex ) " >
< div * ngFor = "let descriptionTemplate of section.get('descriptionTemplates').controls; let descriptionTemplateIndex=index;" cdkDrag class = "row align-items-center" [ cdkDragDisabled ] = " formGroup . disabled " >
2024-03-19 09:47:50 +01:00
< div class = "description-fields-wrapper" >
< div class = "description-field-index" >
< span style = "font-size: 18px;" > {{descriptionTemplateIndex + 1}}< / span >
2024-03-13 08:46:16 +01:00
< / div >
2024-03-19 09:47:50 +01:00
< div class = "description-field-sortable" > < mat-icon [ ngClass ] = " { ' drag-handle-disabled ' : formGroup . disabled } " cdkDragHandle class = "drag-handle" > drag_indicator< / mat-icon > < / div >
< div class = "description-field-template" >
2024-03-13 08:46:16 +01:00
< mat-form-field class = "w-100" >
< mat-label > {{'DMP-BLUEPRINT-EDITOR.FIELDS.DESCRIPTION-TEMPLATE' | translate}}< / mat-label >
< app-single-auto-complete [ formControl ] = " descriptionTemplate . get ( ' descriptionTemplateGroupId ' ) " [ hidePlaceholder ] = " true " [ configuration ] = " descriptionTempalteGroupSingleAutocompleteConfiguration " ( optionActionClicked ) = " onPreviewDescriptionTemplate ( $ event , i ) " > < / app-single-auto-complete >
< mat-error * ngIf = "descriptionTemplate.get('descriptionTemplateGroupId').hasError('backendError')" > {{descriptionTemplate.get('descriptionTemplateGroupId').getError('backendError').message}}< / mat-error >
< mat-error * ngIf = "descriptionTemplate.get('descriptionTemplateGroupId').hasError('required')" > {{'GENERAL.VALIDATION.REQUIRED' | translate}}< / mat-error >
< / mat-form-field >
< / div >
2024-03-19 09:47:50 +01:00
< div class = "description-field-template-label" >
2024-03-13 08:46:16 +01:00
< mat-form-field class = "w-100" >
< mat-label > {{'DMP-BLUEPRINT-EDITOR.FIELDS.DESCRIPTION-TEMPLATE-LABEL' | translate}}< / mat-label >
2024-03-19 09:47:50 +01:00
< input matInput type = "text" name = "label" [ formControl ] = " descriptionTemplate . get ( ' label ' ) " >
2024-03-13 08:46:16 +01:00
< mat-error * ngIf = "descriptionTemplate.get('label').hasError('backendError')" > {{descriptionTemplate.get('label').getError('backendError').message}}< / mat-error >
< mat-error * ngIf = "descriptionTemplate.get('label').hasError('required')" > {{'GENERAL.VALIDATION.REQUIRED' | translate}}< / mat-error >
< / mat-form-field >
< / div >
2024-03-19 09:47:50 +01:00
< div class = "description-field-template-min-multiplicity" >
2024-03-13 08:46:16 +01:00
< mat-form-field class = "w-100" >
< mat-label > {{'DMP-BLUEPRINT-EDITOR.FIELDS.DESCRIPTION-TEMPLATE-MIN-MULTIPLICITY' | translate}}< / mat-label >
< input matInput type = "number" min = "0" name = "minMultiplicity" [ formControl ] = " descriptionTemplate . get ( ' minMultiplicity ' ) " >
< mat-error * ngIf = "descriptionTemplate.get('minMultiplicity').hasError('backendError')" > {{descriptionTemplate.get('minMultiplicity').getError('backendError').message}}< / mat-error >
< mat-error * ngIf = "descriptionTemplate.get('minMultiplicity').hasError('required')" > {{'GENERAL.VALIDATION.REQUIRED' | translate}}< / mat-error >
< / mat-form-field >
< / div >
2024-03-19 09:47:50 +01:00
< div class = "description-field-template-max-multiplicity" >
2024-03-13 08:46:16 +01:00
< mat-form-field class = "w-100" >
< mat-label > {{'DMP-BLUEPRINT-EDITOR.FIELDS.DESCRIPTION-TEMPLATE-MAX-MULTIPLICITY' | translate}}< / mat-label >
< input matInput type = "number" min = "1" name = "maxMultiplicity" [ formControl ] = " descriptionTemplate . get ( ' maxMultiplicity ' ) " >
< mat-error * ngIf = "descriptionTemplate.get('maxMultiplicity').hasError('backendError')" > {{descriptionTemplate.get('maxMultiplicity').getError('backendError').message}}< / mat-error >
< mat-error * ngIf = "descriptionTemplate.get('maxMultiplicity').hasError('required')" > {{'GENERAL.VALIDATION.REQUIRED' | translate}}< / mat-error >
< / mat-form-field >
< / div >
2024-03-19 09:47:50 +01:00
< div class = "description-field-delete" >
< button mat-icon-button class = "action-list-icon" matTooltip = "{{'DMP-BLUEPRINT-EDITOR.ACTIONS.REMOVE-DESCRIPTION-TEMPLATE' | translate}}" ( click ) = " removeDescriptionTemplate ( sectionIndex , descriptionTemplateIndex ) " [ disabled ] = " formGroup . disabled " >
< mat-icon > delete< / mat-icon >
< / button >
< / div >
2024-03-13 08:46:16 +01:00
< / div >
< / div >
< mat-error * ngIf = "section.get('descriptionTemplates').hasError('backendError')" > {{section.get('descriptionTemplates').getError('backendError').message}}< / mat-error >
2024-01-29 12:13:30 +01:00
< / div >
2024-03-13 08:46:16 +01:00
< div * ngIf = "section.get('hasTemplates').value == true" >
< mat-form-field class = "col-6 mt-3" >
< mat-label > {{'DMP-BLUEPRINT-EDITOR.FIELDS.PREFILLING-SOURCES' | translate}}< / mat-label >
< app-multiple-auto-complete [ formControl ] = " section . get ( ' prefillingSourcesIds ' ) " [ configuration ] = " prefillingSourceService . multipleAutocompleteConfiguration " > < / app-multiple-auto-complete >
< mat-error * ngIf = "section.get('prefillingSourcesIds').hasError('backendError')" > {{section.get('prefillingSourcesIds').getError('backendError').message}}< / mat-error >
2024-01-29 12:13:30 +01:00
< / mat-form-field >
< / div >
2023-10-25 16:47:48 +02:00
2024-03-13 08:46:16 +01:00
< / mat-card-content >
2019-01-18 18:03:45 +01:00
2024-03-13 08:46:16 +01:00
< / mat-card >
< / div >
< / div >
2023-07-25 14:51:29 +02:00
< / div >
2023-10-24 09:40:26 +02:00
2024-03-13 08:46:16 +01:00
< div class = "col-12" >
< div class = "row" >
< div class = "col-auto" >
< button mat-button class = "action-btn" type = "button" ( click ) = " addSection ( ) " [ disabled ] = " formGroup . disabled " > {{'DMP-BLUEPRINT-EDITOR.ACTIONS.ADD-SECTION' | translate}}< / button >
< mat-error * ngIf = "formGroup.get('definition').get('sections').dirty && formGroup.get('definition').get('sections').hasError('required')" > {{'DMP-BLUEPRINT-EDITOR.SECTIONS-REQUIRED' | translate}}< / mat-error >
< mat-error * ngIf = "formGroup.get('definition').get('sections').hasError('backendError')" > {{formGroup.get('definition').get('sections').getError('backendError').message}}< / mat-error >
< / div >
2023-10-24 09:40:26 +02:00
< / div >
2019-06-05 16:07:36 +02:00
< / div >
2019-01-18 18:03:45 +01:00
< / div >
2024-03-13 08:46:16 +01:00
< div class = "row mt-4" >
< div class = "col-auto" >
< button mat-button class = "action-btn" ( click ) = " cancel ( ) " type = "button" > {{'DMP-BLUEPRINT-EDITOR.ACTIONS.CANCEL' | translate}}< / button >
< / div >
< div class = "col" > < / div >
< div class = "col-auto" >
< button mat-button class = "action-btn" [ disabled ] = " ! canSave " type = "submit" >
{{'DMP-BLUEPRINT-EDITOR.ACTIONS.SAVE' | translate}}
< / button >
< / div >
2023-10-24 09:40:26 +02:00
< / div >
2024-03-13 08:46:16 +01:00
< / mat-card-content >
< / mat-card >
< / form >
< / div >
2024-03-21 09:32:59 +01:00
< / div >