navigator.component.html 2.22 KB
Newer Older
1
<clr-header class="header-5 header">
kunw's avatar
kunw committed
2 3 4 5 6 7
    <div class="branding">
        <a href="#" class="nav-link">
            <clr-icon shape="vm-bug"></clr-icon>
            <span class="title">Harbor</span>
        </a>
    </div>
8
    <global-search (searchEvt)="transferSearchEvent($event)"></global-search>
kunw's avatar
kunw committed
9
    <div class="header-actions">
10 11 12 13 14 15 16 17 18 19 20 21 22 23 24
        <div *ngIf="!isSessionValid">
            <a href="javascript:void(0)" class="nav-link nav-text sign-in-override" routerLink="/sign-in" routerLinkActive="active">Sign In</a>
            <span class="custom-divider"></span>
            <a href="javascript:void(0)" class="nav-link nav-text sign-up-override" routerLink="/sign-up" routerLinkActive="active">Sign Up</a>
        </div>
        <clr-dropdown class="dropdown bottom-left">
            <button class="nav-icon" clrDropdownToggle style="width: 90px;">
                <clr-icon shape="world" style="left:-5px;"></clr-icon>
                <span>English</span>
                <clr-icon shape="caret down"></clr-icon>
            </button>
            <div class="dropdown-menu">
                <a href="javascript:void(0)" clrDropdownItem>English</a>
                <a href="javascript:void(0)" clrDropdownItem>中文简体</a>
                <a href="javascript:void(0)" clrDropdownItem>中文繁體</a>
kunw's avatar
kunw committed
25 26
            </div>
        </clr-dropdown>
kunw's avatar
kunw committed
27 28 29 30 31
        <clr-dropdown [clrMenuPosition]="'bottom-right'" class="dropdown" *ngIf="isSessionValid">
            <button class="nav-text" clrDropdownToggle>
              <clr-icon shape="user" class="is-inverse" size="24" style="left: -2px;"></clr-icon>
              <span>{{accountName}}</span>
              <clr-icon shape="caret down"></clr-icon>
kunw's avatar
kunw committed
32 33
            </button>
            <div class="dropdown-menu">
kunw's avatar
kunw committed
34 35
                <a href="javascript:void(0)" clrDropdownItem (click)="openAccountSettingsModal()">User Profile</a>
                <a href="javascript:void(0)" clrDropdownItem (click)="openChangePwdModal()">Change Password</a>
36
                <a href="javascript:void(0)" clrDropdownItem>About</a>
kunw's avatar
kunw committed
37 38
                <div class="dropdown-divider"></div>
                <a href="javascript:void(0)" clrDropdownItem (click)="logOut()">Log out</a>
kunw's avatar
kunw committed
39 40 41 42
            </div>
        </clr-dropdown>
    </div>
</clr-header>