validator-gui/src/app/components/header/header.html

29 lines
1.2 KiB
HTML

<it-header slimTitle="ISTI CNR - Istituto di Scienza e Tecnologie dell'Informazione"
slimTitleLink="https://www.isti.cnr.it" [loginStyle]="getLoginStyle()" [smallHeader]="false" [light]="false"
[showSearch]="false" [sticky]="true" [megamenu]="false" (loginClick)="login()">
@if(loggedInUser()) {
<ng-container slimRightZone>
<div class="d-flex align-items-center gap-2">
<a itAvatar size="md" color="blue"
itTooltip="<strong>{{loggedInUser()!.username}}</strong><br/><em>{{loggedInUser()!.email}}</em>"
tooltipPlacement="top" tooltipHtml="true">
<p aria-hidden="true">{{ loggedInUser()!.username | initials }}</p>
<span class="visually-hidden">{{ loggedInUser()!.username }}</span>
</a>
<it-icon class="logout-icon" color="white" name="logout" role="button" tabindex="0" (click)="logout()">
</it-icon>
</div>
</ng-container>
}
<ng-container brand>
<a routerLink="home">
<it-icon name="pa"></it-icon>
<div class="it-brand-text">
<div class="it-brand-title">Validatore Sistemi Fiscali</div>
<div class="it-brand-tagline d-none d-md-block">ISTI SiFi Group</div>
</div>
</a>
</ng-container>
</it-header>