header.component.html 2.32 KB
Newer Older
Rajkumar-D's avatar
Rajkumar-D committed
1 2 3 4 5 6 7
<div fxFlex style="overflow: scroll;">
    <header id="masthead-black-bar" class="clearfix masthead-black-bar">
    </header>

    <mat-toolbar color="primary" class="toolbar">

        <mat-toolbar-row>
Rajkumar-D's avatar
Rajkumar-D committed
8 9 10 11 12 13 14 15
            <ng-container *ngIf="isAuthenticated()">
                <div *ngIf="!isEga()" class="enalogo" routerLink="">
                    <img src="assets/ENA_Logo_notagline.png" alt="ENA Logo">
                </div>
                <div *ngIf="isEga()" class="egalogo" routerLink="">
                    <img src="assets/ega-logo.png" alt="ENA Logo">
                </div>
            </ng-container>
Rajkumar-D's avatar
Rajkumar-D committed
16 17 18 19 20 21 22 23 24 25

            <ng-container *ngIf="!isAuthenticated()">
                <div class="enalogo" routerLink="">
                    <img src="assets/ENA_Logo_notagline.png" alt="ENA Logo">
                </div>
                <div class="egalogo" routerLink="">
                    <img src="assets/ega-logo.png" alt="ENA Logo">
                </div>
            </ng-container>

Rajkumar-D's avatar
Rajkumar-D committed
26 27 28 29 30 31 32 33 34 35 36 37 38 39
            <div class="float-left inline-block padding-left-large" id="local-title">
                <a routerLink="">
                    <div class="title">
                        {{getTitle()}}
                    </div>
                </a>
            </div>


            <div class="linkDiv">
                <nav class="float-right" style="margin-top: 0;">
                    <ul id="local-nav" class="dropdown menu float-left" data-description="navigational">
                        <li class="toolbar-text"><a href="https://www.ebi.ac.uk/ena/browser/support">Support <i
                                    class="icon icon-generic" data-icon="x"></i></a></li>
Rajkumar-D's avatar
Rajkumar-D committed
40 41
                        <li class="toolbar-text" *ngIf="isAuthenticated() && !isEga()"><a
                                [routerLink]="['/accountInfo']">Manage
Rajkumar-D's avatar
Rajkumar-D committed
42 43 44 45 46 47 48 49 50 51 52 53 54 55 56
                                Account

                                <i class="material-icons accountIcon">account_box</i>
                            </a></li>
                        <li class="toolbar-text" *ngIf="isAuthenticated()"><a [routerLink]="['/login']"
                                (click)='logout()'>Logout
                                <span>({{getAccount()}})</span>
                            </a></li>
                    </ul>
                </nav>
            </div>
        </mat-toolbar-row>

    </mat-toolbar>
</div>