392 lines
20 KiB
HTML
392 lines
20 KiB
HTML
|
|
<!-- TO LINK -->
|
|
<!-- <div class="row">
|
|
<h4 *ngIf="isComposite" class="col-auto titleStile">{{'DATASET-PROFILE-EDITOR.STEPS.FORM.COMPOSITE-FIELD.TITLE' | translate}}</h4>
|
|
<h4 *ngIf="!isComposite" class="col-auto titleStile">{{'DATASET-PROFILE-EDITOR.STEPS.FORM.COMPOSITE-FIELD.SIMPLE-FIELD-TITLE' | translate}}</h4>
|
|
<mat-checkbox class="col-auto" [(ngModel)]="isComposite" (ngModelChange)="onIsCompositeChange(isComposite)" [disabled]="viewOnly">{{'DATASET-PROFILE-EDITOR.STEPS.FORM.COMPOSITE-FIELD.FIELDS.COMPOSITE-CHECKBOX' | translate}}</mat-checkbox>
|
|
<mat-checkbox class="col-auto" [(ngModel)]="isMultiplicityEnabled" (ngModelChange)="onIsMultiplicityEnabledChange(isMultiplicityEnabled)"
|
|
[disabled]="viewOnly">{{'DATASET-PROFILE-EDITOR.STEPS.FORM.COMPOSITE-FIELD.FIELDS.MULTIPLICITY-CHECKBOX' | translate}}</mat-checkbox>
|
|
<mat-checkbox class="col" [formControl]="this.form.get('hasCommentField')">{{'DATASET-PROFILE-EDITOR.STEPS.FORM.COMPOSITE-FIELD.FIELDS.COMMENT-CHECKBOX' | translate}}</mat-checkbox>
|
|
</div> -->
|
|
|
|
<!-- TO LINK -->
|
|
|
|
<!--
|
|
<div class="row">
|
|
<mat-form-field *ngIf="isComposite" class="col">
|
|
<input matInput type="string" placeholder="Id" [formControl]="form.get('id')" required>
|
|
<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>
|
|
</mat-form-field>
|
|
<mat-form-field *ngIf="isComposite" class="col">
|
|
<input matInput type="text" placeholder="{{'DATASET-PROFILE-EDITOR.STEPS.FORM.COMPOSITE-FIELD.FIELDS.COMPOSITE-TITLE' | translate}}"
|
|
[formControl]="this.form.get('title')">
|
|
</mat-form-field>
|
|
<mat-form-field *ngIf="!isComposite" class="col">
|
|
<input matInput type="text" placeholder="{{'DATASET-PROFILE-EDITOR.STEPS.FORM.COMPOSITE-FIELD.FIELDS.FIELD-TITLE' | translate}}"
|
|
[formControl]="this.form.get('title')">
|
|
</mat-form-field>
|
|
<mat-form-field *ngIf="isMultiplicityEnabled" class="col">
|
|
<input matInput placeholder="{{'DATASET-PROFILE-EDITOR.STEPS.FORM.COMPOSITE-FIELD.FIELDS.MULTIPLICITY-MIN' | translate}}"
|
|
type="number" [formControl]="form.get('multiplicity').get('min')" required>
|
|
<mat-error *ngIf="form.get('multiplicity').get('min').hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' | translate}}
|
|
</mat-error>
|
|
</mat-form-field>
|
|
<mat-form-field *ngIf="isMultiplicityEnabled" class="col">
|
|
<input matInput placeholder="{{'DATASET-PROFILE-EDITOR.STEPS.FORM.COMPOSITE-FIELD.FIELDS.MULTIPLICITY-MAX' | translate}}"
|
|
type="number" [formControl]="this.form.get('multiplicity').get('max')" required>
|
|
<mat-error *ngIf="form.get('multiplicity').get('max').hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' | translate}}
|
|
</mat-error>
|
|
</mat-form-field>
|
|
<mat-form-field class="col">
|
|
<input matInput type="number" placeholder="{{'DATASET-PROFILE-EDITOR.STEPS.FORM.COMPOSITE-FIELD.FIELDS.ORDER' | translate}}"
|
|
[formControl]="this.form.get('ordinal')" required>
|
|
</mat-form-field>
|
|
</div> -->
|
|
|
|
|
|
<!-- ID TOP RIGHT CORNER -->
|
|
<!-- <div class="field-id-container">
|
|
{{this.form.get('id').value}}
|
|
<button mat-mini-fab class="field-id-container-icon">
|
|
<mat-icon>delete</mat-icon>
|
|
</button>
|
|
</div> -->
|
|
|
|
|
|
|
|
|
|
<!-- MAIN CONTENT -->
|
|
<div class="main-content-page">
|
|
<!-- TITLE -->
|
|
<div class="col-12">
|
|
<div class="row fielset-header">
|
|
<!-- <div class="col-auto d-flex">
|
|
<div class="align-self-center">
|
|
{{numbering}}
|
|
</div>
|
|
</div> -->
|
|
<mat-form-field appearance="none" class="numbering-label" [ngStyle]="calculateLabelWidth(numbering)">
|
|
<input matInput type="text" [value]="numbering" disabled>
|
|
</mat-form-field>
|
|
<mat-form-field class="col field-title" appearance="none">
|
|
<input matInput type="text" placeholder="Title"
|
|
[formControl]="this.form.get('title')">
|
|
</mat-form-field>
|
|
</div>
|
|
</div>
|
|
<div style="position: relative;" class="col-8">
|
|
|
|
|
|
<ng-container *ngIf="hasFocus">
|
|
|
|
<div class="row" *ngIf="showDescription">
|
|
<mat-form-field class="col p-0 underline-line-field" appearance="legacy">
|
|
<input matInput type="text" placeholder="{{'DATASET-PROFILE-EDITOR.STEPS.FORM.COMPOSITE-FIELD.FIELDS.DESCRIPTION' | translate}}"
|
|
[formControl]="this.form.get('description')">
|
|
</mat-form-field>
|
|
</div>
|
|
<div class="row" *ngIf="showExtendedDescription">
|
|
<mat-form-field class="col p-0 underline-line-field" appearance="legacy">
|
|
<input matInput type="text" placeholder="{{'DATASET-PROFILE-EDITOR.STEPS.FORM.COMPOSITE-FIELD.FIELDS.EXTENDED-DESCRIPTION' | translate}}"
|
|
[formControl]="this.form.get('extendedDescription')"/>
|
|
</mat-form-field>
|
|
</div>
|
|
<div class="row" *ngIf="showAdditionalInfo">
|
|
<mat-form-field class="col p-0 underline-line-field" appearance="legacy">
|
|
<input matInput type="text" placeholder="{{'DATASET-PROFILE-EDITOR.STEPS.FORM.COMPOSITE-FIELD.FIELDS.ADDITIONAL-INFORMATION' | translate}}"
|
|
[formControl]="this.form.get('additionalInformation')"/>
|
|
</mat-form-field>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<mat-form-field *ngIf="isMultiplicityEnabled" class="col pl-0 underline-line-field" appearance="legacy">
|
|
<input matInput placeholder="{{'DATASET-PROFILE-EDITOR.STEPS.FORM.COMPOSITE-FIELD.FIELDS.MULTIPLICITY-MIN' | translate}}"
|
|
type="number" [formControl]="form.get('multiplicity').get('min')" required>
|
|
<mat-error *ngIf="form.get('multiplicity').get('min').hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' | translate}}
|
|
</mat-error>
|
|
</mat-form-field>
|
|
<mat-form-field *ngIf="isMultiplicityEnabled" class="col pr-0 underline-line-field" appearance="legacy">
|
|
<input matInput placeholder="{{'DATASET-PROFILE-EDITOR.STEPS.FORM.COMPOSITE-FIELD.FIELDS.MULTIPLICITY-MAX' | translate}}"
|
|
type="number" [formControl]="this.form.get('multiplicity').get('max')" required>
|
|
<mat-error *ngIf="form.get('multiplicity').get('max').hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' | translate}}
|
|
</mat-error>
|
|
</mat-form-field>
|
|
</div>
|
|
</ng-container>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<!-- FIELDS DETAILS AND ACTIONS -->
|
|
<div class="row">
|
|
|
|
<!-- FIELDS -->
|
|
<div class="col">
|
|
|
|
<div class="">
|
|
<ng-container *ngFor="let field of form.get('fields')['controls']; let i=index" >
|
|
<div class="row bg-white" style="position: relative;" (click)="setTargetField(field)"
|
|
>
|
|
<!-- field-container -->
|
|
<!-- [ngClass]="{'field-container-active': (field.get('id').value === targetField?.get('id').value) && hasFocus}" -->
|
|
<!-- <div class="field-id-container">
|
|
{{form.get('fields').get(''+i).get('id').value}} -->
|
|
<!-- <button mat-mini-fab class="field-id-container-icon" (click)="DeleteField(i)">
|
|
<mat-icon>delete</mat-icon>
|
|
</button> -->
|
|
<!-- </div> -->
|
|
<!-- *ngIf="!isComposite" -->
|
|
<app-dataset-profile-editor-field-component class="col-12"
|
|
[form]="form.get('fields').get(''+i)" [showOrdinal]="false"
|
|
[indexPath]="indexPath + 'f' + i" [viewOnly]="viewOnly"
|
|
[expandView]="hasFocus"
|
|
(delete)="deleteField(i)">
|
|
</app-dataset-profile-editor-field-component>
|
|
</div>
|
|
<hr *ngIf="hasFocus">
|
|
</ng-container>
|
|
<!--
|
|
<div *ngIf="isComposite" class="row">
|
|
<h4 class="col-12 titleStile">{{'DATASET-PROFILE-EDITOR.STEPS.FORM.COMPOSITE-FIELD.SUB-FIELDS-TITLE' | translate}}
|
|
</h4>
|
|
<div class="col-12">
|
|
<mat-expansion-panel *ngFor="let field of form.get('fields')['controls'] let i=index;" #panel class="field-container">
|
|
<div class="field-id-container">
|
|
random id
|
|
</div>
|
|
<mat-expansion-panel-header>
|
|
<mat-panel-title class="cardTitle">{{i + 1}}. {{getFieldTile(field, i)}}</mat-panel-title>
|
|
<div class="row">
|
|
<button mat-icon-button type="button" class="deleteBtn col-auto" (click)="DeleteField(i);" [disabled]="viewOnly">
|
|
<mat-icon>delete</mat-icon>
|
|
</button>
|
|
</div>
|
|
</mat-expansion-panel-header>
|
|
<div id="{{indexPath + 'f' + i}}" *ngIf="panel.expanded">
|
|
<app-dataset-profile-editor-field-component [form]="form.get('fields').get(''+i)" [indexPath]="indexPath + 'f' + i" [viewOnly]="viewOnly"></app-dataset-profile-editor-field-component>
|
|
</div>
|
|
</mat-expansion-panel>
|
|
</div>
|
|
<div class="col-12">
|
|
<button mat-button class="full-width" (click)="addNewField()" [disabled]="viewOnly">{{'DATASET-PROFILE-EDITOR.STEPS.FORM.COMPOSITE-FIELD.ACTIONS.ADD-CHILD-FIELD' | translate}}</button>
|
|
</div>
|
|
</div> -->
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<!-- <div class="col-auto">
|
|
<div class="row" class="actions-list bg-white">
|
|
<mat-list role="list">
|
|
|
|
<ng-container *ngIf="!viewOnly">
|
|
<h3 matSubheader>Input tools</h3>
|
|
|
|
<mat-list-item>
|
|
<mat-icon matListIcon>folder</mat-icon>
|
|
<span matLine (click)="addNewField()" style="cursor: pointer;" >Add Input</span>
|
|
</mat-list-item>
|
|
|
|
<mat-list-item *ngIf="targetField">
|
|
<mat-icon matListIcon [ngClass]="{'text-muted':!targetField.get('viewStyle').get('renderStyle').value}"
|
|
>visibility_off</mat-icon>
|
|
|
|
<button matLine class="mat-button" (click)="addVisibilityRule(targetField)" [disabled]="!targetField.get('viewStyle').get('renderStyle').value">
|
|
<span>Add Visibility Rule</span>
|
|
</button>
|
|
</mat-list-item>
|
|
</ng-container>
|
|
|
|
|
|
<mat-list-item>
|
|
|
|
<mat-checkbox matLine [(ngModel)]="showExtendedDescription">
|
|
Extended Description
|
|
</mat-checkbox>
|
|
</mat-list-item>
|
|
<mat-list-item>
|
|
|
|
<mat-checkbox matLine [(ngModel)]="showAdditionalInfo">
|
|
Additional Information
|
|
</mat-checkbox>
|
|
</mat-list-item>
|
|
|
|
<h3 matSubheader>Input settings</h3>
|
|
|
|
|
|
<mat-list-item>
|
|
|
|
<mat-checkbox matLine [checked]="isMultiplicityEnabled" (change)="onIsMultiplicityEnabledChange($event)" [disabled]="viewOnly ||!targetField?.get('viewStyle').get('renderStyle').value">
|
|
{{'DATASET-PROFILE-EDITOR.STEPS.FORM.COMPOSITE-FIELD.FIELDS.MULTIPLICITY-CHECKBOX' | translate}}
|
|
</mat-checkbox>
|
|
</mat-list-item>
|
|
|
|
|
|
<mat-list-item>
|
|
<mat-checkbox matLine [formControl]="this.form.get('hasCommentField')" [disabled]="viewOnly ||!targetField?.get('viewStyle').get('renderStyle').value">
|
|
{{'DATASET-PROFILE-EDITOR.STEPS.FORM.COMPOSITE-FIELD.FIELDS.COMMENT-CHECKBOX' | translate}}
|
|
</mat-checkbox>
|
|
</mat-list-item>
|
|
|
|
<mat-list-item *ngIf="targetField &&!( targetField?.get('viewStyle').get('renderStyle').value ==viewStyleEnum.CheckBox )">
|
|
|
|
<mat-checkbox matLine [checked]="targetField.get('validations').value?.includes(validationTypeEnum.Required)" (change)="toggleRequired(targetField, $event)">Make it required</mat-checkbox>
|
|
|
|
</mat-list-item>
|
|
|
|
|
|
|
|
<ng-container *ngIf="!viewOnly">
|
|
<h3 matSubheader>Other actions</h3>
|
|
|
|
<mat-list-item *ngIf="targetField && !viewOnly">
|
|
<mat-icon matListIcon>delete</mat-icon>
|
|
<span matLine (click)="deleteTargetField()" style="cursor: pointer;">Delete</span>
|
|
</mat-list-item>
|
|
</ng-container>
|
|
</mat-list>
|
|
</div>
|
|
</div> -->
|
|
|
|
</div>
|
|
|
|
|
|
<ng-container *ngIf="hasFocus">
|
|
<div class="row justify-content-end pt-2" >
|
|
<div class="col-auto">
|
|
<ul class="list-unstyled list-inline fieldset-actions-list d-flex align-items-center text-primary-blue">
|
|
<!-- <li class="list-inline-item" (click)="addNewField()"><mat-icon>folder</mat-icon> <small>Add input</small></li> -->
|
|
|
|
|
|
|
|
<li class="list-inline-item" *ngIf="!viewOnly">
|
|
<mat-icon [matMenuTriggerFor]="inputmenu" [matTooltip]="'DATASET-PROFILE-EDITOR.ACTIONS.FIELDSET.ADD-INPUT' | translate">folder</mat-icon>
|
|
<mat-menu #inputmenu="matMenu">
|
|
|
|
<!-- <button class="mat-menu-item" (click)="addNewInput(viewTypeEnum.TextArea)">{{enumUtils.toDatasetProfileViewTypeString(viewTypeEnum.TextArea)}}</button>
|
|
<button class="mat-menu-item" (click)="addNewInput(viewTypeEnum.FreeText)">{{enumUtils.toDatasetProfileViewTypeString(viewTypeEnum.FreeText)}}</button>
|
|
<mat-divider></mat-divider>
|
|
<button class="mat-menu-item" (click)="addNewInput(viewTypeEnum.BooleanDecision)">{{enumUtils.toDatasetProfileViewTypeString(viewTypeEnum.BooleanDecision)}}</button>
|
|
<button class="mat-menu-item" (click)="addNewInput(viewTypeEnum.RadioBox)">{{enumUtils.toDatasetProfileViewTypeString(viewTypeEnum.RadioBox)}}</button>
|
|
<button class="mat-menu-item" (click)="addNewInput(viewTypeEnum.Select)">{{enumUtils.toDatasetProfileViewTypeString(viewTypeEnum.Select)}}</button>
|
|
<button class="mat-menu-item" (click)="addNewInput(viewTypeEnum.CheckBox)">{{enumUtils.toDatasetProfileViewTypeString(viewTypeEnum.CheckBox)}}</button>
|
|
|
|
<mat-divider></mat-divider>
|
|
|
|
<button class="mat-menu-item" (click)="addNewInput(viewTypeEnum.DatePicker)">{{enumUtils.toDatasetProfileViewTypeString(viewTypeEnum.DatePicker)}}</button>
|
|
<button class="mat-menu-item" (click)="addNewInput(viewTypeEnum.Currency)">{{enumUtils.toDatasetProfileViewTypeString(viewTypeEnum.Currency)}}</button>
|
|
|
|
<mat-divider></mat-divider>
|
|
|
|
|
|
<button class="mat-menu-item" (click)="addNewInput(viewTypeEnum.Registries)">{{enumUtils.toDatasetProfileViewTypeString(viewTypeEnum.Registries)}}</button>
|
|
<button class="mat-menu-item" (click)="addNewInput(viewTypeEnum.Services)">{{enumUtils.toDatasetProfileViewTypeString(viewTypeEnum.Services)}}</button>
|
|
<button class="mat-menu-item" (click)="addNewInput(viewTypeEnum.Researchers)">{{enumUtils.toDatasetProfileViewTypeString(viewTypeEnum.Researchers)}}</button>
|
|
<button class="mat-menu-item" (click)="addNewInput(viewTypeEnum.Organizations)">{{enumUtils.toDatasetProfileViewTypeString(viewTypeEnum.Organizations)}}</button>
|
|
<button class="mat-menu-item" (click)="addNewInput(viewTypeEnum.ExternalDatasets)">{{enumUtils.toDatasetProfileViewTypeString(viewTypeEnum.ExternalDatasets)}}</button>
|
|
<button class="mat-menu-item" (click)="addNewInput(viewTypeEnum.DataRepositories)">{{enumUtils.toDatasetProfileViewTypeString(viewTypeEnum.DataRepositories)}}</button>
|
|
<button class="mat-menu-item" (click)="addNewInput(viewTypeEnum.Other)">{{enumUtils.toDatasetProfileViewTypeString(viewTypeEnum.Other)}}</button>
|
|
|
|
|
|
<mat-divider></mat-divider>
|
|
|
|
<button class="mat-menu-item" (click)="addNewInput(viewTypeEnum.InternalDmpEntities)">Internal DMPs</button>
|
|
<button class="mat-menu-item" (click)="addNewInput(viewTypeEnum.Tags)">Tags</button>
|
|
<button class="mat-menu-item" (click)="addNewInput(viewTypeEnum.DatasetIdentifier)">Dataset Identifier</button>
|
|
<button class="mat-menu-item" (click)="addNewInput(viewTypeEnum.Validation)">Validation</button>
|
|
-->
|
|
|
|
<mat-action-list>
|
|
|
|
<button mat-list-item (click)="addNewInput(viewTypeEnum.TextArea)">{{enumUtils.toDatasetProfileViewTypeString(viewTypeEnum.TextArea)}}</button>
|
|
<button mat-list-item (click)="addNewInput(viewTypeEnum.FreeText)">{{enumUtils.toDatasetProfileViewTypeString(viewTypeEnum.FreeText)}}</button>
|
|
<mat-divider></mat-divider>
|
|
<button mat-list-item (click)="addNewInput(viewTypeEnum.BooleanDecision)">{{enumUtils.toDatasetProfileViewTypeString(viewTypeEnum.BooleanDecision)}}</button>
|
|
<button mat-list-item (click)="addNewInput(viewTypeEnum.RadioBox)">{{enumUtils.toDatasetProfileViewTypeString(viewTypeEnum.RadioBox)}}</button>
|
|
<button mat-list-item (click)="addNewInput(viewTypeEnum.Select)">{{enumUtils.toDatasetProfileViewTypeString(viewTypeEnum.Select)}}</button>
|
|
<button mat-list-item (click)="addNewInput(viewTypeEnum.CheckBox)">{{enumUtils.toDatasetProfileViewTypeString(viewTypeEnum.CheckBox)}}</button>
|
|
|
|
<mat-divider></mat-divider>
|
|
|
|
<button mat-list-item (click)="addNewInput(viewTypeEnum.DatePicker)">{{enumUtils.toDatasetProfileViewTypeString(viewTypeEnum.DatePicker)}}</button>
|
|
<button mat-list-item (click)="addNewInput(viewTypeEnum.Currency)">{{enumUtils.toDatasetProfileViewTypeString(viewTypeEnum.Currency)}}</button>
|
|
|
|
<mat-divider></mat-divider>
|
|
|
|
<button mat-list-item (click)="$event.stopPropagation();" style="font-style: italic;">APIs</button>
|
|
<mat-action-list class="ml-4">
|
|
<button mat-list-item (click)="addNewInput(viewTypeEnum.Registries)">{{enumUtils.toDatasetProfileViewTypeString(viewTypeEnum.Registries)}}</button>
|
|
<button mat-list-item (click)="addNewInput(viewTypeEnum.Services)">{{enumUtils.toDatasetProfileViewTypeString(viewTypeEnum.Services)}}</button>
|
|
<button mat-list-item (click)="addNewInput(viewTypeEnum.Researchers)">{{enumUtils.toDatasetProfileViewTypeString(viewTypeEnum.Researchers)}}</button>
|
|
<button mat-list-item (click)="addNewInput(viewTypeEnum.Organizations)">{{enumUtils.toDatasetProfileViewTypeString(viewTypeEnum.Organizations)}}</button>
|
|
<button mat-list-item (click)="addNewInput(viewTypeEnum.ExternalDatasets)">{{enumUtils.toDatasetProfileViewTypeString(viewTypeEnum.ExternalDatasets)}}</button>
|
|
<button mat-list-item (click)="addNewInput(viewTypeEnum.DataRepositories)">{{enumUtils.toDatasetProfileViewTypeString(viewTypeEnum.DataRepositories)}}</button>
|
|
<button mat-list-item (click)="addNewInput(viewTypeEnum.Other)">{{enumUtils.toDatasetProfileViewTypeString(viewTypeEnum.Other)}}</button>
|
|
</mat-action-list>
|
|
|
|
<mat-divider></mat-divider>
|
|
<button mat-list-item (click)="$event.stopPropagation();" style="font-style: italic;">Argos Entities</button>
|
|
<mat-action-list class="ml-4">
|
|
<button mat-list-item (click)="addNewInput(viewTypeEnum.InternalDmpEntities)">{{enumUtils.toDatasetProfileViewTypeString(viewTypeEnum.InternalDmpEntities)}}</button>
|
|
<button mat-list-item (click)="addNewInput(viewTypeEnum.Tags)">{{enumUtils.toDatasetProfileViewTypeString(viewTypeEnum.Tags)}}</button>
|
|
<button mat-list-item (click)="addNewInput(viewTypeEnum.DatasetIdentifier)">{{enumUtils.toDatasetProfileViewTypeString(viewTypeEnum.DatasetIdentifier)}}</button>
|
|
<button mat-list-item (click)="addNewInput(viewTypeEnum.Validation)">{{enumUtils.toDatasetProfileViewTypeString(viewTypeEnum.Validation)}}</button>
|
|
</mat-action-list>
|
|
|
|
|
|
|
|
|
|
</mat-action-list>
|
|
|
|
</mat-menu>
|
|
</li>
|
|
|
|
|
|
<!-- <li class="list-inline-item"><mat-icon>folder</mat-icon><small>CommentField</small></li> -->
|
|
<li class="list-inline-item">
|
|
<mat-checkbox class="fieldset-checkbox-action-dataset-profile-editor" [formControl]="this.form.get('hasCommentField')" [matTooltip]="'DATASET-PROFILE-EDITOR.ACTIONS.FIELDSET.INCLUDE-COMMENT-FIELD' | translate">{{'DATASET-PROFILE-EDITOR.ACTIONS.FIELDSET.COMMENT-FIELD' | translate}}</mat-checkbox>
|
|
</li>
|
|
<li class="list-inline-item">
|
|
<mat-checkbox class="fieldset-checkbox-action-dataset-profile-editor" [checked]="isMultiplicityEnabled" (change)="onIsMultiplicityEnabledChange($event)" [matTooltip]="'DATASET-PROFILE-EDITOR.ACTIONS.FIELDSET.ENABLE-MULTIPLICITY' | translate" [disabled]="viewOnly">
|
|
{{'DATASET-PROFILE-EDITOR.ACTIONS.FIELDSET.MULTIPLICITY' | translate}}
|
|
</mat-checkbox>
|
|
</li>
|
|
<li class="list-inline-item">
|
|
<!-- <mat-icon>more_vert</mat-icon> -->
|
|
<mat-icon [matMenuTriggerFor]="menu" [matTooltip]="'DATASET-PROFILE-EDITOR.ACTIONS.FIELDSET.MORE' | translate">more_vert</mat-icon>
|
|
<mat-menu #menu="matMenu">
|
|
<!-- TODO to check -->
|
|
<mat-checkbox class="mat-menu-item" (click)="$event.stopPropagation()" [(ngModel)]="showDescription">{{'DATASET-PROFILE-EDITOR.STEPS.FORM.COMPOSITE-FIELD.FIELDS.DESCRIPTION' | translate}}</mat-checkbox>
|
|
<mat-checkbox class="mat-menu-item" (click)="$event.stopPropagation()" [(ngModel)]="showExtendedDescription">{{'DATASET-PROFILE-EDITOR.STEPS.FORM.COMPOSITE-FIELD.FIELDS.EXTENDED-DESCRIPTION' | translate}}</mat-checkbox>
|
|
<mat-checkbox class="mat-menu-item" (click)="$event.stopPropagation()" [(ngModel)]="showAdditionalInfo">{{'DATASET-PROFILE-EDITOR.STEPS.FORM.COMPOSITE-FIELD.FIELDS.ADDITIONAL-INFORMATION' | translate}}</mat-checkbox>
|
|
</mat-menu>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</ng-container>
|
|
|
|
|
|
</div>
|
|
<!--
|
|
<span>Preview</span>
|
|
<app-form-composite-field [form]="previewForm" *ngIf="previewForm">
|
|
|
|
</app-form-composite-field> -->
|
|
<!--
|
|
Current FORM: {{this.form.value |json}}
|
|
<br>
|
|
Target: {{this.targetField?.value |json}} -->
|
|
|
|
|
|
|
|
<!--
|
|
<button (click)="generatePreview()">Generate preview</button>
|
|
|
|
-->
|
|
|