menu-details.html

menu-details.html

 <div class="flex-center">
        <a class="flex-center" (tap)="showUserMenu=!showUserMenu">
          <user-avatar [url]="userApi.auth.photo_url" [online]="true"></user-avatar>
          <span class="online mat-elevation-z1"></span>
        </a>
        <div class="dropdown is-right" [ngClass]="{'is-active':showUserMenu}">
          <div class="dropdown-menu animated fadeIn" id="dropdown-menu" role="menu">
            <div class="dropdown-content">
              <a href="#" class="dropdown-item">
                <div class="has-icon">
                  <i class="fas fa-user-circle"></i>
                  <span>Profile</span>
                </div>
              </a>
              <hr class="dropdown-divider">
              <a (tap)="userApi.signOut()" class="dropdown-item">
                <div class="has-icon">
                  <i class="fas fa-sign-out-alt"></i>
                  <span>Logout</span>
                </div>
              </a>
            </div>
          </div>
        </div>
      </div>