<div class="layout-topbar">

    <a href="#" class="layout-menu-button layout-topbar-icon" (click)="app.onMenuButtonClick($event)">
        <i class="pi pi-bars"></i>
    </a>

    <a href="#" class="layout-topbar-logo icon-container">
        <i class="pi pi-briefcase icon"></i>
    </a>
    <span class="layout-topbar-name">Gestione Pratiche</span>

    <ul class="topbar-menu">
        <li style="margin-top: px"class="user-profile" [ngClass]="{'active-topmenuitem fadeInDown': app.topbarUserMenuActive}">
            <a href="#"(click)="app.onTopbarUserMenuButtonClick($event)" *ngIf="!app.inlineUser">
                <img src="assets/layout/images/user-white.png" alt="roma-layout" />
                <div class="layout-profile-userinfo" style="margin-top: 1px">
                    <span class="layout-profile-name">{{username}}</span>
                    <span class="layout-profile-role">{{tenantName}}</span>
                </div>
            </a>
            <ul class="fadeInDown">
                    <li (click)="logout()">
                        <a href="#">
                            <i class="pi pi-fw pi-sign-out"></i>
                            <span>  Esci</span>
                        </a>
                    </li>
            </ul>
        </li>
    </ul>
</div>