2021-02-12 12:23:39 +01:00
|
|
|
|
|
|
|
<!-- TO LINK -->
|
|
|
|
<!-- <div class="row">
|
2019-03-08 16:09:34 +01:00
|
|
|
<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>
|
2019-10-16 16:45:08 +02:00
|
|
|
<mat-checkbox class="col" [formControl]="this.form.get('hasCommentField')">{{'DATASET-PROFILE-EDITOR.STEPS.FORM.COMPOSITE-FIELD.FIELDS.COMMENT-CHECKBOX' | translate}}</mat-checkbox>
|
2021-02-12 12:23:39 +01:00
|
|
|
</div> -->
|
|
|
|
|
|
|
|
<!-- TO LINK -->
|
|
|
|
|
|
|
|
<!--
|
2019-01-18 18:03:45 +01:00
|
|
|
<div class="row">
|
|
|
|
<mat-form-field *ngIf="isComposite" class="col">
|
2019-01-29 17:34:19 +01:00
|
|
|
<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>
|
2019-02-04 17:10:22 +01:00
|
|
|
<mat-error *ngIf="form.get('id').hasError('pattern')">{{'GENERAL.VALIDATION.PATTERN-_' | translate}}</mat-error>
|
2019-01-18 18:03:45 +01:00
|
|
|
</mat-form-field>
|
|
|
|
<mat-form-field *ngIf="isComposite" class="col">
|
2019-01-29 17:34:19 +01:00
|
|
|
<input matInput type="text" placeholder="{{'DATASET-PROFILE-EDITOR.STEPS.FORM.COMPOSITE-FIELD.FIELDS.COMPOSITE-TITLE' | translate}}"
|
|
|
|
[formControl]="this.form.get('title')">
|
2019-01-18 18:03:45 +01:00
|
|
|
</mat-form-field>
|
|
|
|
<mat-form-field *ngIf="!isComposite" class="col">
|
2019-01-29 17:34:19 +01:00
|
|
|
<input matInput type="text" placeholder="{{'DATASET-PROFILE-EDITOR.STEPS.FORM.COMPOSITE-FIELD.FIELDS.FIELD-TITLE' | translate}}"
|
|
|
|
[formControl]="this.form.get('title')">
|
2019-01-18 18:03:45 +01:00
|
|
|
</mat-form-field>
|
|
|
|
<mat-form-field *ngIf="isMultiplicityEnabled" class="col">
|
2019-01-29 17:34:19 +01:00
|
|
|
<input matInput placeholder="{{'DATASET-PROFILE-EDITOR.STEPS.FORM.COMPOSITE-FIELD.FIELDS.MULTIPLICITY-MIN' | translate}}"
|
|
|
|
type="number" [formControl]="form.get('multiplicity').get('min')" required>
|
2019-03-08 16:09:34 +01:00
|
|
|
<mat-error *ngIf="form.get('multiplicity').get('min').hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' | translate}}
|
|
|
|
</mat-error>
|
2019-01-18 18:03:45 +01:00
|
|
|
</mat-form-field>
|
|
|
|
<mat-form-field *ngIf="isMultiplicityEnabled" class="col">
|
2019-01-29 17:34:19 +01:00
|
|
|
<input matInput placeholder="{{'DATASET-PROFILE-EDITOR.STEPS.FORM.COMPOSITE-FIELD.FIELDS.MULTIPLICITY-MAX' | translate}}"
|
|
|
|
type="number" [formControl]="this.form.get('multiplicity').get('max')" required>
|
2019-03-08 16:09:34 +01:00
|
|
|
<mat-error *ngIf="form.get('multiplicity').get('max').hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' | translate}}
|
|
|
|
</mat-error>
|
2019-01-18 18:03:45 +01:00
|
|
|
</mat-form-field>
|
|
|
|
<mat-form-field class="col">
|
2019-01-29 17:34:19 +01:00
|
|
|
<input matInput type="number" placeholder="{{'DATASET-PROFILE-EDITOR.STEPS.FORM.COMPOSITE-FIELD.FIELDS.ORDER' | translate}}"
|
2019-10-16 10:59:22 +02:00
|
|
|
[formControl]="this.form.get('ordinal')" required>
|
2019-01-18 18:03:45 +01:00
|
|
|
</mat-form-field>
|
2021-02-12 12:23:39 +01:00
|
|
|
</div> -->
|
|
|
|
|
|
|
|
|
|
|
|
<!-- ID TOP RIGHT CORNER -->
|
2021-02-19 15:35:14 +01:00
|
|
|
<!-- <div class="field-id-container">
|
2021-02-12 12:23:39 +01:00
|
|
|
{{this.form.get('id').value}}
|
|
|
|
<button mat-mini-fab class="field-id-container-icon">
|
|
|
|
<mat-icon>delete</mat-icon>
|
|
|
|
</button>
|
2021-02-19 15:35:14 +01:00
|
|
|
</div> -->
|
2021-02-12 12:23:39 +01:00
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- MAIN CONTENT -->
|
2021-03-30 10:36:09 +02:00
|
|
|
<div class="main-content-page" [ngClass]="{'pb-2': !hasFocus}">
|
2021-03-04 13:38:46 +01:00
|
|
|
<!-- TITLE -->
|
|
|
|
<div class="col-12">
|
2021-02-24 15:56:14 +01:00
|
|
|
<div class="row fielset-header">
|
2021-03-04 13:38:46 +01:00
|
|
|
<!-- <div class="col-auto d-flex">
|
2021-02-12 12:23:39 +01:00
|
|
|
<div class="align-self-center">
|
|
|
|
{{numbering}}
|
2019-01-18 18:03:45 +01:00
|
|
|
</div>
|
2021-03-04 13:38:46 +01:00
|
|
|
</div> -->
|
|
|
|
<mat-form-field appearance="none" class="numbering-label" [ngStyle]="calculateLabelWidth(numbering)">
|
2021-03-12 17:19:51 +01:00
|
|
|
<input [ngClass]="{'text-danger':form.get('title').invalid &&form.get('title').touched}" matInput type="text" [value]="numbering" disabled>
|
2021-03-04 13:38:46 +01:00
|
|
|
</mat-form-field>
|
2021-03-08 10:24:30 +01:00
|
|
|
<!-- [appearance]="titleControl.focused? 'legacy':'none'" floatLabel="never" -->
|
2021-03-12 17:19:51 +01:00
|
|
|
<mat-form-field class="col field-title" [appearance]="'none'" floatLabel="never">
|
2021-03-29 17:42:55 +02:00
|
|
|
<input matInput type="text" [placeholder]="('DATASET-PROFILE-EDITOR.STEPS.GENERAL-INFO.UNTITLED' |translate)+' '+('DATASET-PROFILE-EDITOR.STEPS.GENERAL-INFO.QUESTION'| translate)" #titleControl="matInput"
|
2021-03-27 18:52:53 +01:00
|
|
|
[formControl]="this.form.get('title')">
|
2021-02-12 12:23:39 +01:00
|
|
|
</mat-form-field>
|
|
|
|
</div>
|
2021-03-04 13:38:46 +01:00
|
|
|
</div>
|
2021-07-23 12:16:40 +02:00
|
|
|
<div style="position: relative;" class="col-12" *ngIf="hasFocus" [@fade-in]>
|
2021-10-12 17:14:22 +02:00
|
|
|
<div *ngIf="showDescription" class="mb-4">
|
|
|
|
<h5 style="font-weight: bold" class="row">{{'DATASET-PROFILE-EDITOR.STEPS.FORM.COMPOSITE-FIELD.FIELDS.DESCRIPTION' | translate}}</h5>
|
|
|
|
<div class="editor-wrapper row">
|
|
|
|
<angular-editor class="full-width editor" id="editor1" [formControl]="form.get('description')" [config]="editorConfig"
|
|
|
|
placeholder="{{'DATASET-PROFILE-EDITOR.STEPS.FORM.COMPOSITE-FIELD.FIELDS.DESCRIPTION' | translate}}"></angular-editor>
|
|
|
|
</div>
|
2021-07-23 10:23:35 +02:00
|
|
|
</div>
|
2021-10-12 17:14:22 +02:00
|
|
|
<div *ngIf="showExtendedDescription" class="mb-4">
|
|
|
|
<h5 style="font-weight: bold" class="row">{{'DATASET-PROFILE-EDITOR.STEPS.FORM.COMPOSITE-FIELD.FIELDS.EXTENDED-DESCRIPTION' | translate}}</h5>
|
|
|
|
<div class="editor-wrapper row">
|
|
|
|
<angular-editor class="full-width editor" id="editor2" [formControl]="form.get('extendedDescription')" [config]="editorConfig"
|
|
|
|
placeholder="{{'DATASET-PROFILE-EDITOR.STEPS.FORM.COMPOSITE-FIELD.FIELDS.EXTENDED-DESCRIPTION' | translate}}"></angular-editor>
|
|
|
|
</div>
|
2021-07-23 10:23:35 +02:00
|
|
|
</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>
|
2021-02-12 12:23:39 +01:00
|
|
|
|
2021-07-23 10:23:35 +02:00
|
|
|
<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>
|
2019-01-18 18:03:45 +01:00
|
|
|
</div>
|
2021-02-12 12:23:39 +01:00
|
|
|
|
|
|
|
|
|
|
|
<!-- FIELDS DETAILS AND ACTIONS -->
|
|
|
|
<div class="row">
|
|
|
|
|
|
|
|
<!-- FIELDS -->
|
2021-07-23 12:16:40 +02:00
|
|
|
<div class="col-12" *ngIf="hasFocus" [@fade-in] >
|
2021-07-23 10:23:35 +02:00
|
|
|
|
|
|
|
<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"
|
|
|
|
[canBeDeleted]="form.get('fields')['controls'].length !=1"
|
|
|
|
(delete)="deleteField(i)">
|
|
|
|
</app-dataset-profile-editor-field-component>
|
|
|
|
</div>
|
|
|
|
<hr>
|
|
|
|
</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>
|
2021-02-12 12:23:39 +01:00
|
|
|
</div>
|
2021-07-23 10:23:35 +02:00
|
|
|
</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> -->
|
2021-02-12 12:23:39 +01:00
|
|
|
</div>
|
2021-02-19 15:35:14 +01:00
|
|
|
|
2021-03-29 17:42:55 +02:00
|
|
|
<!-- PREVIEW -->
|
2021-02-19 15:35:14 +01:00
|
|
|
|
2021-06-16 14:52:39 +02:00
|
|
|
<div class="col-12 previewer">
|
|
|
|
<div *ngIf="hasFocus" class="d-flex mb-3" style="justify-content: space-between;">
|
2021-07-23 12:16:40 +02:00
|
|
|
<span class="previewer-text">{{'DATASET-PROFILE-EDITOR.ACTIONS.FIELD.PREVIEW' | translate}}</span>
|
2021-03-30 16:47:35 +02:00
|
|
|
<span [@fadeElement]="updatedClass" *ngIf="firstField?.get('viewStyle').get('renderStyle').value">
|
|
|
|
<ng-container *ngIf="!previewDirty">
|
2021-06-16 14:52:39 +02:00
|
|
|
{{'DATASET-PROFILE-EDITOR.STEPS.FORM.FIELD.STATUS.PREVIEW-UPDATED' | translate}}
|
2021-03-30 16:47:35 +02:00
|
|
|
</ng-container>
|
|
|
|
<ng-container *ngIf="previewDirty">
|
2021-06-16 14:52:39 +02:00
|
|
|
{{'DATASET-PROFILE-EDITOR.STEPS.FORM.FIELD.STATUS.CALCULATING-PREVIEW' | translate}}
|
2021-03-30 16:47:35 +02:00
|
|
|
</ng-container>
|
|
|
|
</span>
|
2021-03-30 10:36:09 +02:00
|
|
|
</div>
|
2021-03-30 16:47:35 +02:00
|
|
|
<div [id]="'preview_container'+ form.get('id').value" class="w-100" style="margin-right: -15px; margin-left: -15px;" >
|
2021-07-23 12:16:40 +02:00
|
|
|
<div *ngIf="previewForm && showPreview && firstField?.get('viewStyle').get('renderStyle').value" [@fade-in-fast]>
|
2021-03-30 16:47:35 +02:00
|
|
|
<app-form-section-inner [form]="previewForm">
|
|
|
|
</app-form-section-inner>
|
|
|
|
</div>
|
2021-02-12 12:23:39 +01:00
|
|
|
</div>
|
2021-03-29 17:56:18 +02:00
|
|
|
|
2021-03-30 11:11:22 +02:00
|
|
|
<div class="w-100" *ngIf="!firstField?.get('viewStyle').get('renderStyle').value">
|
2021-03-29 17:56:18 +02:00
|
|
|
<em>
|
|
|
|
{{'DATASET-PROFILE-EDITOR.ACTIONS.FIELD.NOT-INITIALIZED' | translate}}
|
|
|
|
</em>
|
|
|
|
</div>
|
2021-03-29 17:42:55 +02:00
|
|
|
|
2021-06-16 14:52:39 +02:00
|
|
|
</div>
|
|
|
|
<div class="col-12">
|
2021-03-29 17:42:55 +02:00
|
|
|
<hr *ngIf="hasFocus">
|
|
|
|
</div>
|
2019-03-08 16:09:34 +01:00
|
|
|
</div>
|
2021-02-12 12:23:39 +01:00
|
|
|
|
2021-02-24 15:56:14 +01:00
|
|
|
|
|
|
|
<ng-container *ngIf="hasFocus">
|
|
|
|
<div class="row justify-content-end pt-2" >
|
|
|
|
<div class="col-auto">
|
2021-03-05 10:05:09 +01:00
|
|
|
<ul class="list-unstyled list-inline fieldset-actions-list d-flex align-items-center text-primary-blue">
|
2021-02-24 15:56:14 +01:00
|
|
|
<!-- <li class="list-inline-item" (click)="addNewField()"><mat-icon>folder</mat-icon> <small>Add input</small></li> -->
|
|
|
|
|
|
|
|
|
|
|
|
|
2021-02-25 13:17:47 +01:00
|
|
|
<li class="list-inline-item" *ngIf="!viewOnly">
|
2021-03-30 10:36:09 +02:00
|
|
|
|
2021-06-16 14:52:39 +02:00
|
|
|
<span [matMenuTriggerFor]="inputmenu" class="inputMenuTrigger">
|
|
|
|
<img src="/assets/images/editor/icons/add_input.svg" style="width: 18px;transform: translateY(-1px);" class="input_icon" alt="'DATASET-PROFILE-EDITOR.ACTIONS.FIELDSET.ADD-INPUT' | translate"/>
|
|
|
|
<span class="fieldset-new-input-action">{{'DATASET-PROFILE-EDITOR.ACTIONS.FIELDSET.ADD-INPUT' | translate}}</span>
|
|
|
|
</span>
|
2021-03-30 10:36:09 +02:00
|
|
|
<!-- <mat-icon [matMenuTriggerFor]="inputmenu" [matTooltip]="'DATASET-PROFILE-EDITOR.ACTIONS.FIELDSET.ADD-INPUT' | translate">folder</mat-icon> -->
|
2021-03-29 17:42:55 +02:00
|
|
|
<mat-menu #inputmenu="matMenu" [class]="'add_input_menu'">
|
2021-02-24 15:56:14 +01:00
|
|
|
|
|
|
|
<!-- <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>
|
|
|
|
|
2021-03-29 17:42:55 +02:00
|
|
|
<button mat-list-item (click)="addNewInput(viewTypeEnum.TextArea)">
|
|
|
|
|
|
|
|
<img src="/assets/images/editor/icons/text_area.svg" class="input_icon" alt="Text Area icon">
|
|
|
|
|
|
|
|
{{enumUtils.toDatasetProfileViewTypeString(viewTypeEnum.TextArea)}}
|
|
|
|
</button>
|
|
|
|
<button mat-list-item (click)="addNewInput(viewTypeEnum.FreeText)">
|
|
|
|
<img src="/assets/images/editor/icons/free_text.svg" class="input_icon" alt="Free Text icon">
|
|
|
|
{{enumUtils.toDatasetProfileViewTypeString(viewTypeEnum.FreeText)}}
|
|
|
|
</button>
|
2021-02-24 15:56:14 +01:00
|
|
|
<mat-divider></mat-divider>
|
2021-03-29 17:42:55 +02:00
|
|
|
<button mat-list-item (click)="addNewInput(viewTypeEnum.BooleanDecision)">
|
|
|
|
<img src="/assets/images/editor/icons/boolean.svg" class="input_icon" alt="Boolean icon">
|
|
|
|
{{enumUtils.toDatasetProfileViewTypeString(viewTypeEnum.BooleanDecision)}}
|
|
|
|
</button>
|
|
|
|
<button mat-list-item (click)="addNewInput(viewTypeEnum.RadioBox)">
|
|
|
|
<img src="/assets/images/editor/icons/radio_box.svg" class="input_icon" alt="RadioBox icon">
|
|
|
|
{{enumUtils.toDatasetProfileViewTypeString(viewTypeEnum.RadioBox)}}
|
|
|
|
</button>
|
|
|
|
<button mat-list-item (click)="addNewInput(viewTypeEnum.Select)">
|
|
|
|
<span class="input_icon">
|
|
|
|
<img src="/assets/images/editor/icons/select.svg" alt="Select icon">
|
|
|
|
</span>
|
|
|
|
{{enumUtils.toDatasetProfileViewTypeString(viewTypeEnum.Select)}}
|
|
|
|
</button>
|
|
|
|
<button mat-list-item (click)="addNewInput(viewTypeEnum.CheckBox)">
|
|
|
|
<img src="/assets/images/editor/icons/checkbox.svg" class="input_icon" alt="CheckBox Icon">
|
|
|
|
{{enumUtils.toDatasetProfileViewTypeString(viewTypeEnum.CheckBox)}}
|
|
|
|
</button>
|
2021-02-24 15:56:14 +01:00
|
|
|
|
|
|
|
<mat-divider></mat-divider>
|
|
|
|
|
2021-03-29 17:42:55 +02:00
|
|
|
<button mat-list-item (click)="addNewInput(viewTypeEnum.DatePicker)">
|
|
|
|
<img src="/assets/images/editor/icons/date_picker.svg" class="input_icon" alt="DatePicker Icon">
|
|
|
|
{{enumUtils.toDatasetProfileViewTypeString(viewTypeEnum.DatePicker)}}
|
|
|
|
</button>
|
|
|
|
<button mat-list-item (click)="addNewInput(viewTypeEnum.Currency)">
|
|
|
|
<img src="/assets/images/editor/icons/currency.svg" class="input_icon" alt="Currency Icon">
|
|
|
|
{{enumUtils.toDatasetProfileViewTypeString(viewTypeEnum.Currency)}}
|
|
|
|
</button>
|
2021-02-24 15:56:14 +01:00
|
|
|
|
|
|
|
<mat-divider></mat-divider>
|
|
|
|
|
2021-03-29 17:42:55 +02:00
|
|
|
<button mat-list-item (click)="$event.stopPropagation();" style="font-style: italic;">
|
|
|
|
<img src="/assets/images/editor/icons/api.svg" class="input_icon" alt="APIs icon">
|
|
|
|
|
|
|
|
APIs
|
|
|
|
</button>
|
2021-02-24 15:56:14 +01:00
|
|
|
<mat-action-list class="ml-4">
|
2021-03-29 17:42:55 +02:00
|
|
|
<button mat-list-item (click)="addNewInput(viewTypeEnum.Registries)">
|
|
|
|
<img src="/assets/images/editor/icons/api_entity.svg" class="input_icon" alt="Registries icon">
|
|
|
|
{{enumUtils.toDatasetProfileViewTypeString(viewTypeEnum.Registries)}}
|
|
|
|
</button>
|
|
|
|
<button mat-list-item (click)="addNewInput(viewTypeEnum.Services)">
|
|
|
|
<img src="/assets/images/editor/icons/api_entity.svg" class="input_icon" alt="Services icon">
|
|
|
|
{{enumUtils.toDatasetProfileViewTypeString(viewTypeEnum.Services)}}
|
|
|
|
</button>
|
|
|
|
<button mat-list-item (click)="addNewInput(viewTypeEnum.Researchers)">
|
|
|
|
<img src="/assets/images/editor/icons/api_entity.svg" class="input_icon" alt="Researchers icon">
|
|
|
|
{{enumUtils.toDatasetProfileViewTypeString(viewTypeEnum.Researchers)}}
|
|
|
|
</button>
|
|
|
|
<button mat-list-item (click)="addNewInput(viewTypeEnum.Organizations)">
|
|
|
|
<img src="/assets/images/editor/icons/api_entity.svg" class="input_icon" alt="Organizations icon">
|
|
|
|
{{enumUtils.toDatasetProfileViewTypeString(viewTypeEnum.Organizations)}}
|
|
|
|
</button>
|
|
|
|
<button mat-list-item (click)="addNewInput(viewTypeEnum.ExternalDatasets)">
|
|
|
|
<img src="/assets/images/editor/icons/api_entity.svg" class="input_icon" alt="External Datasets icon">
|
|
|
|
{{enumUtils.toDatasetProfileViewTypeString(viewTypeEnum.ExternalDatasets)}}
|
|
|
|
</button>
|
|
|
|
<button mat-list-item (click)="addNewInput(viewTypeEnum.DataRepositories)">
|
|
|
|
<img src="/assets/images/editor/icons/api_entity.svg" class="input_icon" alt="DataRepositories icon">
|
|
|
|
{{enumUtils.toDatasetProfileViewTypeString(viewTypeEnum.DataRepositories)}}
|
|
|
|
</button>
|
|
|
|
<button mat-list-item (click)="addNewInput(viewTypeEnum.Other)">
|
|
|
|
<img src="/assets/images/editor/icons/api_entity.svg" class="input_icon" alt="Other icon">
|
|
|
|
{{enumUtils.toDatasetProfileViewTypeString(viewTypeEnum.Other)}}
|
|
|
|
</button>
|
2021-02-24 15:56:14 +01:00
|
|
|
</mat-action-list>
|
2021-03-29 17:42:55 +02:00
|
|
|
|
2021-02-24 15:56:14 +01:00
|
|
|
<mat-divider></mat-divider>
|
2021-03-29 17:42:55 +02:00
|
|
|
<button mat-list-item (click)="$event.stopPropagation();" style="font-style: italic;">
|
|
|
|
<img src="/assets/images/editor/icons/argos_entities.svg" class="input_icon" alt="Argos Entities icon">
|
|
|
|
Argos Entities
|
|
|
|
</button>
|
2021-02-24 15:56:14 +01:00
|
|
|
<mat-action-list class="ml-4">
|
2021-03-29 17:42:55 +02:00
|
|
|
<button mat-list-item (click)="addNewInput(viewTypeEnum.InternalDmpEntities)">
|
|
|
|
<img src="/assets/images/editor/icons/api_entity.svg" class="input_icon" alt="Internal Dmp icon">
|
|
|
|
{{enumUtils.toDatasetProfileViewTypeString(viewTypeEnum.InternalDmpEntities)}}
|
|
|
|
</button>
|
|
|
|
<button mat-list-item (click)="addNewInput(viewTypeEnum.Tags)">
|
|
|
|
<img src="/assets/images/editor/icons/api_entity.svg" class="input_icon" alt="Tags icon">
|
|
|
|
{{enumUtils.toDatasetProfileViewTypeString(viewTypeEnum.Tags)}}
|
|
|
|
</button>
|
|
|
|
<button mat-list-item (click)="addNewInput(viewTypeEnum.DatasetIdentifier)">
|
|
|
|
<img src="/assets/images/editor/icons/api_entity.svg" class="input_icon" alt="Datset Identifier icon">
|
|
|
|
{{enumUtils.toDatasetProfileViewTypeString(viewTypeEnum.DatasetIdentifier)}}
|
|
|
|
</button>
|
|
|
|
<button mat-list-item (click)="addNewInput(viewTypeEnum.Validation)">
|
|
|
|
<img src="/assets/images/editor/icons/api_entity.svg" class="input_icon" alt="Validation icon">
|
|
|
|
{{enumUtils.toDatasetProfileViewTypeString(viewTypeEnum.Validation)}}
|
|
|
|
</button>
|
2021-02-24 15:56:14 +01:00
|
|
|
</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">
|
2021-03-05 10:05:09 +01:00
|
|
|
<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>
|
2021-02-24 15:56:14 +01:00
|
|
|
</li>
|
|
|
|
<li class="list-inline-item">
|
2021-03-05 10:05:09 +01:00
|
|
|
<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">
|
2021-02-25 16:53:58 +01:00
|
|
|
{{'DATASET-PROFILE-EDITOR.ACTIONS.FIELDSET.MULTIPLICITY' | translate}}
|
2021-02-24 15:56:14 +01:00
|
|
|
</mat-checkbox>
|
|
|
|
</li>
|
|
|
|
<li class="list-inline-item">
|
|
|
|
<!-- <mat-icon>more_vert</mat-icon> -->
|
2021-03-30 10:36:09 +02:00
|
|
|
<mat-icon [matMenuTriggerFor]="menu" [matTooltip]="'DATASET-PROFILE-EDITOR.ACTIONS.FIELDSET.MORE' | translate" style="transform: translateY(-1px);">more_vert</mat-icon>
|
2021-02-24 15:56:14 +01:00
|
|
|
<mat-menu #menu="matMenu">
|
|
|
|
<!-- TODO to check -->
|
2021-02-25 16:53:58 +01:00
|
|
|
<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>
|
2021-02-24 15:56:14 +01:00
|
|
|
</mat-menu>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</ng-container>
|
|
|
|
|
|
|
|
|
2019-02-11 13:04:45 +01:00
|
|
|
</div>
|
2021-02-12 12:23:39 +01:00
|
|
|
<!--
|
|
|
|
<span>Preview</span>
|
|
|
|
<app-form-composite-field [form]="previewForm" *ngIf="previewForm">
|
|
|
|
|
|
|
|
</app-form-composite-field> -->
|
2021-02-18 16:13:56 +01:00
|
|
|
<!--
|
2021-02-17 17:39:07 +01:00
|
|
|
Current FORM: {{this.form.value |json}}
|
2021-02-12 12:23:39 +01:00
|
|
|
<br>
|
2021-02-18 16:13:56 +01:00
|
|
|
Target: {{this.targetField?.value |json}} -->
|
2021-02-15 18:16:48 +01:00
|
|
|
|
|
|
|
|
|
|
|
|
2021-02-12 12:23:39 +01:00
|
|
|
<!--
|
|
|
|
<button (click)="generatePreview()">Generate preview</button>
|
|
|
|
|
|
|
|
-->
|
|
|
|
|