38 lines
1.6 KiB
HTML
38 lines
1.6 KiB
HTML
<div class="layout-profile" [ngClass]="{'layout-profile-active':appMain.inlineMenuActive}">
|
|
<a href="#" (click)="onClick($event)" class="layout-profile-button">
|
|
<img src="assets/layout/images/avatar.png" alt="babylon-layout"/>
|
|
<div class="layout-profile-userinfo">
|
|
<span class="layout-profile-name">Arlene Welch</span>
|
|
<span class="layout-profile-role">Design Ops</span>
|
|
</div>
|
|
<i class="layout-profile-icon pi pi-angle-down"></i>
|
|
</a>
|
|
<ul class="layout-profile-menu" [@menu]="appMain.isSlim() ? appMain.inlineMenuActive ? 'visible' : 'hidden': appMain.inlineMenuActive ? 'visibleAnimated':'hiddenAnimated'" >
|
|
<li role="menuitem">
|
|
<a href="#" [attr.tabindex]="!appMain.inlineMenuActive ? '-1' : null">
|
|
<i class="pi pi-user"></i>
|
|
<span>Profile</span>
|
|
</a>
|
|
</li>
|
|
<li role="menuitem">
|
|
<a href="#" [attr.tabindex]="!appMain.inlineMenuActive ? '-1' : null">
|
|
<i class="pi pi-cog"></i>
|
|
<span>Settings</span>
|
|
</a>
|
|
</li>
|
|
<li role="menuitem">
|
|
<a href="#" [attr.tabindex]="!appMain.inlineMenuActive ? '-1' : null">
|
|
<i class="pi pi-envelope"></i>
|
|
<span>Messages</span>
|
|
</a>
|
|
</li>
|
|
<li role="menuitem">
|
|
<a href="#" [attr.tabindex]="!appMain.inlineMenuActive ? '-1' : null">
|
|
<i class="pi pi-bell"></i>
|
|
<span>Notifications</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
|
|
</div>
|