groups und impersination

listify-client/src/app/account/account.component.html

@@ -18,6 +18,26 @@
         </span>
       </div>
 
+      <section class="groups-section" aria-label="Keycloak Gruppen">
+        <div class="settings-heading">
+          <mat-icon aria-hidden="true">groups</mat-icon>
+          <div>
+            <h2>Keycloak-Gruppen</h2>
+            <p>{{ auth.user()?.groups?.length || 0 }} synchronisiert</p>
+          </div>
+        </div>
+
+        @if (auth.user()?.groups?.length) {
+          <ul class="group-list">
+            @for (group of auth.user()?.groups ?? []; track group) {
+              <li>{{ group }}</li>
+            }
+          </ul>
+        } @else {
+          <p class="settings-description">Keine Gruppen hinterlegt.</p>
+        }
+      </section>
+
       <section class="settings-section" aria-label="Task-Mail Einstellungen">
         <div class="settings-heading">
           <mat-icon aria-hidden="true">mark_email_unread</mat-icon>