2023-12-29 17:36:02 +01:00
|
|
|
<div class="dmp-invitation-dialog container-fluid" *ngIf="formGroup">
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col">
|
|
|
|
|
<h1 class="title">{{'DMP-USER-INVITATION-DIALOG.TITLE' | translate}}</h1>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-auto" (click)="closeDialog()">
|
|
|
|
|
<mat-icon class="close-icon">close</mat-icon>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div mat-dialog-content class="row content">
|
|
|
|
|
<mat-form-field class="col pt-0 pb-2 mb-4 search">
|
|
|
|
|
<app-multiple-auto-complete [formControl]="formGroup.get('users')" placeholder="{{'DMP-USER-INVITATION-DIALOG.FIELDS.USERS-PLACEHOLDER' | translate}}" [configuration]="usersAutoCompleteConfiguration" [showNoResultsLabel]="false" [separatorKeysCodes]="separatorKeysCodes" [minLength]="3">
|
|
|
|
|
</app-multiple-auto-complete>
|
|
|
|
|
</mat-form-field>
|
|
|
|
|
<p class="d-flex m-0 hint">
|
|
|
|
|
<mat-icon class="align-self-center mr-1">info_outlined</mat-icon>
|
|
|
|
|
{{'DMP-USER-INVITATION-DIALOG.FIELDS.USERS-HINT' | translate}}
|
|
|
|
|
</p>
|
|
|
|
|
<div class="col-12 d-flex justify-content-end align-items-center row m-0 pt-1 pb-1">
|
|
|
|
|
<div class="col">
|
|
|
|
|
<mat-form-field class="select-role">
|
|
|
|
|
<mat-select [formControl]="formGroup.get('role')">
|
|
|
|
|
<mat-option [value]="dmpUserRoleEnum.Owner">{{enumUtils.toDmpUserRoleString(dmpUserRoleEnum.Owner)}}</mat-option>
|
2024-01-05 14:33:27 +01:00
|
|
|
<mat-option [value]="dmpUserRoleEnum.User">{{enumUtils.toDmpUserRoleString(dmpUserRoleEnum.User)}}</mat-option>
|
2023-12-29 17:36:02 +01:00
|
|
|
</mat-select>
|
|
|
|
|
</mat-form-field>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col mt-2">
|
|
|
|
|
<button mat-raised-button *ngIf="hasValue()" (click)="send()" type="button" class="invite-btn">{{'DMP-USER-INVITATION-DIALOG.ACTIONS.INVITE' | translate}}</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
