45 lines
1.2 KiB
HTML
45 lines
1.2 KiB
HTML
<style>
|
|
:host {
|
|
display: block;
|
|
}
|
|
|
|
h2[mat-dialog-title] {
|
|
font-family: var(--mat-sys-headline-small-font, Caprasimo, sans-serif);
|
|
font-size: 19px;
|
|
}
|
|
|
|
mat-dialog-content p {
|
|
font-size: 14px;
|
|
opacity: 0.85;
|
|
}
|
|
|
|
.approva-richiesta-dialog__confirm-btn {
|
|
border-radius: 999px !important;
|
|
background: var(--mat-sys-primary) !important;
|
|
color: var(--mat-sys-on-primary) !important;
|
|
}
|
|
</style>
|
|
|
|
<h2 mat-dialog-title>Approva richiesta</h2>
|
|
<mat-dialog-content>
|
|
<p>Assegna un ruolo a {{ data.email }} per completare l'approvazione.</p>
|
|
|
|
<mat-form-field appearance="outline">
|
|
<mat-label>Ruolo</mat-label>
|
|
<mat-select [formControl]="ruoloControl">
|
|
@for (ruolo of data.ruoliSelezionabili; track ruolo) {
|
|
<mat-option [value]="ruolo">{{ ruolo }}</mat-option>
|
|
}
|
|
</mat-select>
|
|
@if (ruoloControl.hasError('required')) {
|
|
<mat-error>Seleziona un ruolo.</mat-error>
|
|
}
|
|
</mat-form-field>
|
|
</mat-dialog-content>
|
|
<mat-dialog-actions align="end">
|
|
<button mat-button type="button" (click)="annulla()">Annulla</button>
|
|
<button class="approva-richiesta-dialog__confirm-btn" mat-flat-button type="button" (click)="conferma()">
|
|
Approva
|
|
</button>
|
|
</mat-dialog-actions>
|