argos/dmp-frontend/src/app/ui/dmp/start-new-dataset-dialogue/start-new-dataset-dialog.co...

30 lines
1.3 KiB
HTML

<div class="form-container">
<div mat-dialog-title class="row d-flex justify-content-between m-0">
<span class="title">{{'DASHBOARD.SELECT-DMP' | translate}}</span>
<mat-icon class="close-icon" (click)="close()">close</mat-icon>
</div>
<div class="row content">
<div class="col dmp-form p-0">
<mat-form-field>
<app-single-auto-complete [required]="true" [formControl]="formGroup.get('dmp')" placeholder="{{'DATASET-EDITOR.FIELDS.SELECT-DMP' | translate}}" [configuration]="dmpAutoCompleteConfiguration"></app-single-auto-complete>
</mat-form-field>
</div>
</div>
<div class="row">
<div class="col-auto pb-4">
<span>Are those options not enough?</span>&nbsp;<span class="new-dmp" (click)="startNewDmp()">Start new DMP</span>
</div>
</div>
<div class="row">
<div class="col actions">
<div class="col-auto ml-auto">
<button mat-button type="button" class="cancel-btn" (click)="cancel()">{{ 'DATASET-WIZARD.DIALOGUE.CANCEL' | translate }}</button>
</div>
<div class="col-auto pl-0">
<button mat-button *ngIf="formGroup.get('dmp').value" type="button" class="next-btn" (click)="next()">{{ 'DATASET-WIZARD.DIALOGUE.NEXT' | translate }}</button>
<button mat-button *ngIf="!formGroup.get('dmp').value" type="button" class="disabled-btn">{{ 'DATASET-WIZARD.DIALOGUE.NEXT' | translate }}</button>
</div>
</div>
</div>
</div>