2019-01-18 18:03:45 +01:00
< div [ formGroup ] = " form " class = "row dataset-profile-editor" >
2021-02-12 12:23:39 +01:00
<!-- <h4 style="font - weight: bold" class="col - 12">{{'DATASET - PROFILE - EDITOR.STEPS.FORM.SECTION.TITLE' | translate}}</h4> -->
<!-- <div class="heading col - 12">{{'DATASET - PROFILE - EDITOR.STEPS.FORM.SECTION.TITLE' | translate}}</div> -->
2019-01-18 18:03:45 +01:00
2021-02-12 12:23:39 +01:00
<!-- <mat - form - field class="col - md - 3">
2019-01-29 17:34:19 +01:00
< input matInput type = "text" placeholder = "{{'DATASET-PROFILE-EDITOR.STEPS.FORM.SECTION.FIELDS.ID' | translate}}"
2021-02-12 12:23:39 +01:00
formControlName="id" required>
2019-02-04 17:10:22 +01:00
< mat-error * ngIf = "form.get('id').hasError('required')" > {{'GENERAL.VALIDATION.REQUIRED' | translate}}< / mat-error >
< mat-error * ngIf = "form.get('id').hasError('pattern')" > {{'GENERAL.VALIDATION.PATTERN-_' | translate}}< / mat-error >
2021-02-12 12:23:39 +01:00
< / mat-form-field > -->
< div class = "heading col-12" > {{'DATASET-PROFILE-EDITOR.STEPS.SECTION-INFO.SECTION-NAME' | translate}} *< / div >
< div class = "hint col-12" > {{'DATASET-PROFILE-EDITOR.STEPS.SECTION-INFO.SECTION-NAME-HINT' | translate}}< / div >
< mat-form-field class = "col-12" >
2019-01-29 17:34:19 +01:00
< input matInput type = "text" placeholder = "{{'DATASET-PROFILE-EDITOR.STEPS.FORM.SECTION.FIELDS.TITLE' | translate}}"
formControlName="title">
2019-01-18 18:03:45 +01:00
< / mat-form-field >
2021-02-12 12:23:39 +01:00
<!-- <mat - form - field class="col - md - 3">
2019-01-29 17:34:19 +01:00
< mat-select placeholder = "{{'DATASET-PROFILE-EDITOR.STEPS.FORM.SECTION.FIELDS.PAGE' | translate}}" formControlName = "page"
required>
2019-01-18 18:03:45 +01:00
< mat-option * ngFor = "let pageGroup of form.root.get('pages')['controls'];" [ value ] = " pageGroup . get ( ' id ' ) . value " > {{pageGroup.get('title').value}}< / mat-option >
< / mat-select >
2019-02-04 17:10:22 +01:00
< mat-error * ngIf = "form.get('page').hasError('required')" > {{'GENERAL.VALIDATION.REQUIRED' | translate}}< / mat-error >
2021-02-12 12:23:39 +01:00
< / mat-form-field > -->
<!-- <mat - form - field class="col - md - 3">
2019-01-29 17:34:19 +01:00
< input matInput type = "number" placeholder = "{{'DATASET-PROFILE-EDITOR.STEPS.FORM.SECTION.FIELDS.ORDER' | translate}}"
formControlName="ordinal">
2021-02-12 12:23:39 +01:00
< / mat-form-field > -->
< div class = "heading col-12" > {{'DATASET-PROFILE-EDITOR.STEPS.SECTION-INFO.SECTION-DESCRIPTION' | translate}} *< / div >
< div class = "hint col-12" > {{'DATASET-PROFILE-EDITOR.STEPS.SECTION-INFO.SECTION-DESCRIPTION-HINT' | translate}}< / div >
< mat-form-field class = "col-12" >
2019-03-08 16:12:53 +01:00
< input matInput type = "text" placeholder = "{{'DATASET-PROFILE-EDITOR.STEPS.FORM.SECTION.FIELDS.DESCRIPTION' | translate}}"
formControlName="description">
< / mat-form-field >
2021-02-12 12:23:39 +01:00
2019-01-18 18:03:45 +01:00
<!-- <div class="col - md - 6">
< label > Default Visibility< / label >
< mat-radio-group formControlName = "defaultVisibility" class = "full-width" >
< mat-radio-button [ value ] = " true " > true< / mat-radio-button >
< mat-radio-button [ value ] = " false " > false< / mat-radio-button >
< / mat-radio-group >
< / div > -->
2021-02-04 11:22:52 +01:00
<!-- <h4 style="font - weight: bold" class="col - 12">{{'DATASET - PROFILE - EDITOR.STEPS.FORM.SECTION.FIELDS.FIELDS - TITLE' |
2019-01-29 17:34:19 +01:00
translate}}< / h4 >
2019-01-18 18:03:45 +01:00
< div class = "col-12" >
< mat-card class = "field-card" * ngFor = "let fieldControl of form.get('fieldSets')['controls'] let i=index;" >
< div class = "row" >
2019-01-31 11:29:35 +01:00
< mat-card-title class = "col" > {{i + 1}}. {{getFieldTile(fieldControl, i)}}< / mat-card-title >
2019-02-11 13:04:45 +01:00
< button mat-icon-button type = "button" class = "deleteBtn col-auto" ( click ) = " deleteFieldSet ( i ) ; " [ disabled ] = " viewOnly " >
2019-01-31 11:29:35 +01:00
< mat-icon > delete< / mat-icon >
< / button >
2019-10-15 17:29:34 +02:00
< app-dataset-profile-editor-composite-field-component class = "col-12" [ form ] = " fieldControl " [ indexPath ] = " indexPath + ' cf ' + i " [ viewOnly ] = " viewOnly " > < / app-dataset-profile-editor-composite-field-component >
2019-01-18 18:03:45 +01:00
< / div >
< / mat-card >
< / div >
2021-02-04 11:22:52 +01:00
2019-02-11 13:04:45 +01:00
< div class = "col-12" > < button mat-button class = "full-width" ( click ) = " addField ( ) " [ disabled ] = " viewOnly " > {{'DATASET-PROFILE-EDITOR.STEPS.FORM.SECTION.ACTIONS.ADD-FIELD'
2021-02-04 11:22:52 +01:00
| translate}}< / button > < / div > -->
2021-02-12 12:23:39 +01:00
<!-- SUBSECTIONS -->
<!-- <h4 style="font - weight: bold" class="col - 12">{{'DATASET - PROFILE - EDITOR.STEPS.FORM.SECTION.FIELDS.SUB - SECTIONS - TITLE' |
2019-01-29 17:34:19 +01:00
translate}}< / h4 >
2021-02-04 11:22:52 +01:00
< div * ngIf = "form.get('sections')['controls'].length > 0" class = "col-12" >
< mat-expansion-panel * ngFor = "let sectionFormGroup of form.get('sections')['controls']; let i=index;" # panel >
2019-01-18 18:03:45 +01:00
< mat-expansion-panel-header >
2019-01-31 11:29:35 +01:00
< mat-panel-title > {{i + 1}}. {{form.get('sections').get(''+i).get('title').value}}< / mat-panel-title >
2021-02-12 12:23:39 +01:00
< div class = "row deleteBtn" > -->
2019-01-31 11:29:35 +01:00
<!-- <span class="col">{{i + 1}}. {{form.get('sections').get(''+i).get('title').value}}</span> -->
2021-02-12 12:23:39 +01:00
<!-- <button mat - icon - button type="button" class="deleteBtn col - auto" (click)="DeleteSectionInSection(i);" [disabled]="viewOnly">
2019-01-18 18:03:45 +01:00
< mat-icon > delete< / mat-icon >
< / button >
< / div >
< / mat-expansion-panel-header >
< div id = "{{indexPath + 's' + i}}" * ngIf = "panel.expanded" class = "row" >
2021-02-04 11:22:52 +01:00
< app-dataset-profile-editor-section-component class = "col-12" [ form ] = " form . get ( ' sections ' ) . get ( ' ' + i ) "
2019-02-11 13:04:45 +01:00
[indexPath]="indexPath + 's' + i" [viewOnly]="viewOnly">< / app-dataset-profile-editor-section-component >
2019-01-18 18:03:45 +01:00
< / div >
< / mat-expansion-panel >
< / div >
2019-02-11 13:04:45 +01:00
< div class = "col-12" > < button mat-button class = "full-width" ( click ) = " addSectioninSection ( ) " [ disabled ] = " viewOnly " > {{'DATASET-PROFILE-EDITOR.STEPS.FORM.SECTION.ACTIONS.ADD-SUB-SECTION'
2021-02-12 12:23:39 +01:00
| translate}}< / button > < / div > -->
2019-01-18 18:03:45 +01:00
2019-02-11 13:04:45 +01:00
< / div >