user-profile-in-header.component.html

<!--

    Copyright (C) 2022 Das Land Schleswig-Holstein vertreten durch den
    Ministerpräsidenten des Landes Schleswig-Holstein
    Staatskanzlei
    Abteilung Digitalisierung und zentrales IT-Management der Landesregierung

    Lizenziert unter der EUPL, Version 1.2 oder - sobald
    diese von der Europäischen Kommission genehmigt wurden -
    Folgeversionen der EUPL ("Lizenz");
    Sie dürfen dieses Werk ausschließlich gemäß
    dieser Lizenz nutzen.
    Eine Kopie der Lizenz finden Sie hier:

    https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12

    Sofern nicht durch anwendbare Rechtsvorschriften
    gefordert oder in schriftlicher Form vereinbart, wird
    die unter der Lizenz verbreitete Software "so wie sie
    ist", OHNE JEGLICHE GEWÄHRLEISTUNG ODER BEDINGUNGEN -
    ausdrücklich oder stillschweigend - verbreitet.
    Die sprachspezifischen Genehmigungen und Beschränkungen
    unter der Lizenz sind dem Lizenztext zu entnehmen.

-->
<goofy-client-spinner [stateResource]="currentUserResource" [diameter]="30">
	<button mat-icon-button [matMenuTriggerFor]="accountMenu.matMenu" class="big-button" data-test-id="user-icon-button" [attr.aria-label]="buttonLabel">
		<goofy-client-user-icon [userProfileStateResource]="currentUserResource"></goofy-client-user-icon>
	</button>
</goofy-client-spinner>

<goofy-client-ozgcloud-menu #accountMenu data-test-id="account-menu">
	<button mat-menu-item (click)="logoutEmitter.emit()" data-test-id="logout-button">
		<mat-icon>logout</mat-icon>
		<span>Abmelden</span>
	</button>
</goofy-client-ozgcloud-menu>