68 lines
3.0 KiB
HTML
68 lines
3.0 KiB
HTML
<div class="topbar clearfix">
|
|
<div class="topbar-left">
|
|
<div class="agm-logo"></div>
|
|
</div>
|
|
<div *ngIf="user$ | async as user" class="topbar-right" style="display: flex; justify-content: flex-end;">
|
|
<app-inline-profile [user]="user" [expiryWarning]="expiryWarning$ | async"
|
|
(navigateToSubscription)="onNavigateToManageSubscription()"></app-inline-profile>
|
|
<a id="menu-button" href="#" (click)="app.onMenuButtonClick($event)">
|
|
<i></i>
|
|
</a>
|
|
|
|
<a id="topbar-menu-button" href="#" (click)="app.onTopbarMenuButtonClick($event)">
|
|
<i class="topbar-icon material-icons animated">menu</i>
|
|
<span *ngIf="!app.isAdmin" class="topbar-badge animated">1</span>
|
|
</a>
|
|
<ul class="topbar-items animated fadeInDown" [ngClass]="{ 'topbar-items-visible': app.topbarMenuActive }">
|
|
<li #profile class="profile-item" *ngIf="app.profileMode === 'top' || app.isHorizontal()"
|
|
[ngClass]="{ 'active-top-menu': app.activeTopbarItem === profile }">
|
|
<a href="#" (click)="app.onTopbarItemClick($event, profile)">
|
|
<i class="topbar-icon material-icons">apps</i>
|
|
<span class="topbar-item-name">Profile</span>
|
|
</a>
|
|
|
|
<ul class="ultima-menu animated fadeInDown">
|
|
<li role="menuitem">
|
|
<a href="javascript:void(0)" (click)="updateUserProfile(user._id)">
|
|
<i class="material-icons">person</i>
|
|
<span i18n="@@profile">Profile</span>
|
|
</a>
|
|
</li>
|
|
<ng-container *ngIf="app.isApplicator">
|
|
<li role="menuitem">
|
|
<a href="javascript:void(0)" (click)="manageServices()">
|
|
<i class="material-icons">widgets</i>
|
|
<span i18n="@@services">Services</span>
|
|
</a>
|
|
</li>
|
|
<li role="menuitem">
|
|
<a href="javascript:void(0)" (click)="manageBilling()">
|
|
<i class="material-icons">card_membership</i>
|
|
<span i18n="@@billing">Billing</span>
|
|
</a>
|
|
</li>
|
|
<li role="menuitem">
|
|
<a href="javascript:void(0)" (click)="manageContact(user)">
|
|
<i class="material-icons">contact_mail</i>
|
|
<span i18n="@@contact">Contact</span>
|
|
</a>
|
|
</li>
|
|
</ng-container>
|
|
<li role="menuitem">
|
|
<a href="javascript:void(0)" (click)="onLogout($event)">
|
|
<i class="material-icons">power_settings_new</i>
|
|
<span i18n="@@signOut">Sign out</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<!-- <li #notifications id="top_notification">
|
|
<a href="#" *ngIf="app.shouldShowPaidMsg" (click)="app.onTopbarSubItemClick($event, notifications)">
|
|
<i class="topbar-icon medium material-icons animated swing">notifications</i>
|
|
<span class="topbar-badge animated">1</span>
|
|
<span class="topbar-item-name" i18n="@@notifications">Notifications</span>
|
|
</a>
|
|
</li> -->
|
|
</ul>
|
|
</div>
|
|
</div> |