67 lines
3.3 KiB
HTML
67 lines
3.3 KiB
HTML
<div class="new-version-dialog container-fluid">
|
|
<div class="row mt-3">
|
|
<div class="col heading-1">{{'DMP-NEW-VERSION-DIALOG.TITLE' | translate}}</div>
|
|
<span class="col-auto ml-auto align-self-center" (click)="close()"><mat-icon class="close-icon">close</mat-icon></span>
|
|
</div>
|
|
<!-- Title Field -->
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="heading">{{'DMP-NEW-VERSION-DIALOG.FIELDS.LABEL' | translate}}*</div>
|
|
</div>
|
|
<div class="col-12 title-form">
|
|
<mat-form-field class="w-100">
|
|
<input matInput placeholder="{{'DMP-NEW-VERSION-DIALOG.FIELDS.LABEL-PLACEHOLDER' | translate}}" type="text" name="label" [formControl]="formGroup.get('label')" required>
|
|
<mat-error *ngIf="formGroup.get('label').hasError('backendError')">{{formGroup.get('label').getError('backendError').message}}</mat-error>
|
|
<mat-error *ngIf="formGroup.get('label').hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' | translate}}</mat-error>
|
|
</mat-form-field>
|
|
</div>
|
|
</div>
|
|
<!-- Description field -->
|
|
<div class="row">
|
|
<div class="col-12 pb-4">
|
|
<div class="heading">{{'DMP-NEW-VERSION-DIALOG.FIELDS.DESCRIPTION' | translate}}</div>
|
|
</div>
|
|
<div class="col-12 hint">{{'DMP-NEW-VERSION-DIALOG.FIELDS.DESCRIPTION-HINT' | translate}}</div>
|
|
<div class="col-12 basic-info-input">
|
|
<rich-text-editor-component [form]="formGroup.get('description')" [placeholder]="'DMP-NEW-VERSION-DIALOG.FIELDS.DESCRIPTION-PLACEHOLDER'">
|
|
</rich-text-editor-component>
|
|
</div>
|
|
</div>
|
|
<!-- Blueprint field -->
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="heading">{{'DMP-NEW-VERSION-DIALOG.FIELDS.BLUEPRINT' | translate}}*</div>
|
|
</div>
|
|
<div class="col-12 title-form">
|
|
<mat-form-field class="w-100">
|
|
<app-single-auto-complete [required]="false" [formControl]="formGroup.get('blueprintId')" placeholder="{{'DMP-NEW-VERSION-DIALOG.FIELDS.BLUEPRINT-PLACEHOLDER' | translate}}" [configuration]="singleAutocompleteBlueprintConfiguration">
|
|
</app-single-auto-complete>
|
|
</mat-form-field>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="heading">{{'DMP-NEW-VERSION-DIALOG.FIELDS.DESCRIPTIONS' | translate}}</div>
|
|
</div>
|
|
<div class="col-12" *ngIf="hasDescriptions()">
|
|
<h5>{{'DMP-NEW-VERSION-DIALOG.FIELDS.DESCRIPTIONS-HINT' | translate}}</h5>
|
|
</div>
|
|
<div class="col-12" *ngIf="hasDescriptions()">
|
|
<mat-card class="mat-card">
|
|
<mat-selection-list #selectedItems [formControl]="formGroup.get('descriptions')">
|
|
<mat-list-option *ngFor="let description of dmp.descriptions;" [value]="description.id">
|
|
<span class="text-truncate" [matTooltip]="description.label">{{description.label}}</span>
|
|
</mat-list-option>
|
|
</mat-selection-list>
|
|
</mat-card>
|
|
</div>
|
|
<div class="col-12" *ngIf="!hasDescriptions()">
|
|
<h5 mat-subheader class="p-3">{{'DMP-NEW-VERSION-DIALOG.NO-DESCRIPTIONS' | translate}}</h5>
|
|
</div>
|
|
</div>
|
|
<div class="row pt-4">
|
|
<div class="col"></div>
|
|
<div class="col-auto"><button mat-raised-button type="button" class="cancel-btn" (click)="cancel()">{{'DMP-NEW-VERSION-DIALOG.ACTIONS.CANCEL' | translate}}</button></div>
|
|
<div class="col-auto"><button mat-raised-button type="button" class="confirm-btn" (click)="confirm()" color="accent">{{'DMP-NEW-VERSION-DIALOG.ACTIONS.NEW-VERSION' | translate}}</button></div>
|
|
</div>
|
|
</div> |