75 lines
3.7 KiB
HTML
75 lines
3.7 KiB
HTML
<div class="main-info" [formGroup]="formGroup">
|
|
<div class="col-12 intro">
|
|
{{'DMP-EDITOR.LICENSE-INFO.INTRO' | translate}}
|
|
</div>
|
|
<div class="col-12 card">
|
|
<!-- License field -->
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="heading">3.1 {{'DMP-EDITOR.FIELDS.LICENSE' | translate}}</div>
|
|
<div class="hint">{{'DMP-EDITOR.LICENSE-INFO.HINT' | translate}}</div>
|
|
<div class="description-form">
|
|
<mat-form-field>
|
|
<app-single-auto-complete [formControl]="formGroup.get('extraProperties').get('license')" placeholder="{{'DMP-EDITOR.FIELDS.LICENSE' | translate}}" [configuration]="licenseAutoCompleteConfiguration">
|
|
</app-single-auto-complete>
|
|
<mat-error *ngIf="formGroup.get('extraProperties').get('license').hasError('backendError')">
|
|
{{formGroup.get('extraProperties').get('license').getError('backendError').message}}</mat-error>
|
|
<mat-error *ngIf="formGroup.get('extraProperties').get('license').hasError('required')">
|
|
{{'GENERAL.VALIDATION.REQUIRED' | translate}}</mat-error>
|
|
</mat-form-field>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Visibility field-->
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="heading">3.2 {{'DMP-EDITOR.FIELDS.VISIBILITY' | translate}}</div>
|
|
<div class="hint">{{'DMP-EDITOR.FIELDS.VISIBILITY-HINT' | translate}}</div>
|
|
<div class="visibility-form">
|
|
<mat-form-field>
|
|
<mat-select [formControl]="formGroup.get('extraProperties').get('visible')" placeholder="{{'DMP-EDITOR.FIELDS.VISIBILITY' | translate}}">
|
|
<mat-option *ngFor="let vis of visibles" [value]="vis.value">
|
|
{{vis.name | translate}}
|
|
</mat-option>
|
|
</mat-select>
|
|
<mat-error *ngIf="formGroup.get('extraProperties').get('visible').hasError('backendError')">
|
|
{{formGroup.get('extraProperties').get('visible').getError('backendError').message}}</mat-error>
|
|
<mat-error *ngIf="formGroup.get('extraProperties').get('visible').hasError('required')">
|
|
{{'GENERAL.VALIDATION.REQUIRED' | translate}}</mat-error>
|
|
</mat-form-field>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Publication Field -->
|
|
<div class="row" *ngIf="formGroup.get('extraProperties').get('visible').value">
|
|
<div class="col-12">
|
|
<div class="heading">3.3 {{'DMP-EDITOR.FIELDS.PUBLICATION' | translate}}*</div>
|
|
<!-- <div class="hint">{{'DMP-EDITOR.LICENSE-INFO.HINT' | translate}}</div> -->
|
|
<div class="publication-form">
|
|
<mat-form-field>
|
|
<input matInput [matDatepicker]="picker" [formControl]="formGroup.get('extraProperties').get('publicDate')" placeholder="{{'DMP-EDITOR.FIELDS.PUBLICATION' | translate}}" [required]="formGroup.get('extraProperties').get('visible').value">
|
|
<mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
|
|
<mat-datepicker #picker></mat-datepicker>
|
|
<mat-error *ngIf="formGroup.get('extraProperties').get('publicDate').hasError('backendError')">
|
|
{{formGroup.get('extraProperties').get('publicDate').getError('backendError').message}}</mat-error>
|
|
<mat-error *ngIf="formGroup.get('extraProperties').get('publicDate').hasError('required')">
|
|
{{'GENERAL.VALIDATION.REQUIRED' | translate}}</mat-error>
|
|
</mat-form-field>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- <div class="row">
|
|
<div class="col-12">
|
|
<div class="heading">4.6 {{'DMP-EDITOR.FIELDS.COST' | translate}}</div>
|
|
<div class="hint">{{'DMP-EDITOR.LICENSE-INFO.HINT' | translate}}</div>
|
|
<div class="organizations-form">
|
|
<app-cost-listing [form] = "formGroup.get('extraProperties').get('costs')"></app-cost-listing>
|
|
<button class="input-btn cost-add" matSuffix class="input-btn" type="button" (click)="addCost($event)">
|
|
<mat-icon class="icon-btn">add_circle</mat-icon>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div> -->
|
|
</div>
|
|
</div>
|