Fix grafica scouthub-home-fe

2026-07-25 12:02:03 +02:00
parent 7e0544c5ab
commit 08271b8a15
60 changed files with 4305 additions and 149 deletions
@@ -0,0 +1,44 @@
+<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>