99 lines
6.7 KiB
HTML
99 lines
6.7 KiB
HTML
<div class="project-editor">
|
|
<form *ngIf="formGroup" (ngSubmit)="formSubmit()" [formGroup]="formGroup">
|
|
<mat-card>
|
|
<mat-card-title *ngIf="isNew">{{'DATASET-EDITOR.TITLE.NEW' | translate}}</mat-card-title>
|
|
<mat-card-title *ngIf="!isNew">{{'DATASET-EDITOR.TITLE.EDIT' | translate}} {{dataset.label}}</mat-card-title>
|
|
<mat-card-content>
|
|
|
|
<mat-form-field class="full-width">
|
|
<input matInput placeholder="{{'DATASET-EDITOR.FIELDS.NAME' | translate}}" type="text" name="label" formControlName="label"
|
|
required>
|
|
<mat-error *ngIf="formGroup.get('label').errors?.backendError">{{baseErrorModel.label}}</mat-error>
|
|
<mat-error *ngIf="formGroup.get('label').errors?.required">{{'GENERAL.VALIDATION.REQUIRED' | translate}}</mat-error>
|
|
</mat-form-field>
|
|
|
|
<mat-form-field class="full-width">
|
|
<input matInput placeholder="{{'DATASET-EDITOR.FIELDS.URI' | translate}}" type="text" name="uri" formControlName="uri" required>
|
|
<mat-error *ngIf="formGroup.get('uri').errors?.backendError">{{baseErrorModel.uri}}</mat-error>
|
|
<mat-error *ngIf="formGroup.get('uri').errors?.required">{{'GENERAL.VALIDATION.REQUIRED' | translate}}</mat-error>
|
|
</mat-form-field>
|
|
|
|
<!-- <table class="input-table full-width">
|
|
<tr>
|
|
<td>
|
|
<mat-form-field>
|
|
<input matInput (focus)="startDate.open()" (click)="startDate.open()" placeholder="{{'DMP-EDITOR.FIELDS.START' | translate}}"
|
|
class="table-input" [matDatepicker]="startDate" formControlName="startDate" required>
|
|
<mat-datepicker-toggle matSuffix [for]="startDate"></mat-datepicker-toggle>
|
|
<mat-datepicker #startDate></mat-datepicker>
|
|
<mat-error *ngIf="formGroup.get('startDate').errors?.backendError">{{baseErrorModel.startDate}}</mat-error>
|
|
<mat-error *ngIf="formGroup.get('startDate').errors?.required">{{'GENERAL.VALIDATION.REQUIRED' | translate}}</mat-error>
|
|
</mat-form-field>
|
|
</td>
|
|
<td>
|
|
<mat-form-field>
|
|
<input matInput (focus)="endDate.open()" (click)="endDate.open()" placeholder="{{'DMP-EDITOR.FIELDS.END' | translate}}"
|
|
class="table-input" [matDatepicker]="endDate" formControlName="endDate" required>
|
|
<mat-datepicker-toggle matSuffix [for]="endDate"></mat-datepicker-toggle>
|
|
<mat-datepicker #endDate></mat-datepicker>
|
|
<mat-error *ngIf="formGroup.get('endDate').errors?.backendError">{{baseErrorModel.endDate}}</mat-error>
|
|
<mat-error *ngIf="formGroup.get('endDate').errors?.required">{{'GENERAL.VALIDATION.REQUIRED' | translate}}</mat-error>
|
|
</mat-form-field>
|
|
</td>
|
|
</tr>
|
|
</table> -->
|
|
|
|
<mat-form-field class="full-width">
|
|
<textarea matInput class="description-area" placeholder="{{'DATASET-EDITOR.FIELDS.DESCRIPTION' | translate}}" formControlName="description"
|
|
required></textarea>
|
|
<mat-error *ngIf="formGroup.get('description').errors?.backendError">{{errorModel.description}}</mat-error>
|
|
<mat-error *ngIf="formGroup.get('description').errors?.required">{{'GENERAL.VALIDATION.REQUIRED' | translate}}</mat-error>
|
|
</mat-form-field>
|
|
|
|
<td-chips color="accent" [items]="filtereddataRepositories" formControlName="dataRepositories" placeholder="{{'DATASET-EDITOR.FIELDS.DATAREPOSITORIES' | translate}}"
|
|
(inputChange)="filterdataRepositories($event)" requireMatch>
|
|
<ng-template td-chip let-chip="chip">
|
|
<div class="tc-grey-100 bgc-teal-700" td-chip-avatar>{{chip.name.substring(0, 1).toUpperCase()}}</div>
|
|
{{chip.name}}
|
|
</ng-template>
|
|
<ng-template td-autocomplete-option let-option="option">
|
|
<div layout="row" layout-align="start center">
|
|
{{option.name}}
|
|
</div>
|
|
</ng-template>
|
|
<mat-progress-bar [style.height.px]="2" *ngIf="filtereddataRepositoriesAsync" mode="indeterminate"></mat-progress-bar>
|
|
</td-chips>
|
|
|
|
<td-chips color="accent" [items]="filteredRegistries" formControlName="registries" placeholder="{{'DATASET-EDITOR.FIELDS.REGISTRIES' | translate}}"
|
|
(inputChange)="filterRegistries($event)" requireMatch>
|
|
<ng-template td-chip let-chip="chip">
|
|
<div class="tc-grey-100 bgc-teal-700" td-chip-avatar>{{chip.label.substring(0, 1).toUpperCase()}}</div>
|
|
{{chip.name}}
|
|
</ng-template>
|
|
<ng-template td-autocomplete-option let-option="option">
|
|
<div layout="row" layout-align="start center">
|
|
{{option.name}}
|
|
</div>
|
|
</ng-template>
|
|
<mat-progress-bar [style.height.px]="2" *ngIf="filteredRegistriesAsync" mode="indeterminate"></mat-progress-bar>
|
|
</td-chips>
|
|
|
|
<td-chips color="accent" [items]="filteredServices" formControlName="services" placeholder="{{'DATASET-EDITOR.FIELDS.SERVICES' | translate}}"
|
|
(inputChange)="filterServices($event)" requireMatch>
|
|
<ng-template td-chip let-chip="chip">
|
|
<div class="tc-grey-100 bgc-teal-700" td-chip-avatar>{{chip.label.substring(0, 1).toUpperCase()}}</div>
|
|
{{chip.name}}
|
|
</ng-template>
|
|
<ng-template td-autocomplete-option let-option="option">
|
|
<div layout="row" layout-align="start center">
|
|
{{option.name}}
|
|
</div>
|
|
</ng-template>
|
|
<mat-progress-bar [style.height.px]="2" *ngIf="filteringResearchersAsync" mode="indeterminate"></mat-progress-bar>
|
|
</td-chips>
|
|
|
|
</mat-card-content>
|
|
</mat-card>
|
|
</form>
|
|
<!-- <div *ngIf="formGroup"> {{ formGroup.value | json }}</div> -->
|
|
</div> |