header.component.html 2.6 KB
Newer Older
Rajkumar-D's avatar
Rajkumar-D committed
1
<div fxFlex style="overflow: scroll;">
Rajkumar-D's avatar
Rajkumar-D committed
2 3 4 5 6 7

    <!-- Tell the VF 1.4 not to display a data protection banner. -->
    <!-- You should use the 2.0 data protection banner from the contentHub. -->
    <span data-protection-message-disable="true"></span>
    <!-- embl-ebi global header -->
    <header id="masthead-black-bar" class="clearfix masthead-black-bar | ebi-header-footer vf-content vf-u-fullbleed">
Rajkumar-D's avatar
Rajkumar-D committed
8 9 10 11 12
    </header>

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

        <mat-toolbar-row>
Rajkumar-D's avatar
Rajkumar-D committed
13 14 15 16 17 18 19 20
            <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
21 22 23 24 25 26 27 28 29 30

            <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
31 32 33 34 35 36 37 38 39 40 41 42 43 44
            <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
45 46
                        <li class="toolbar-text" *ngIf="isAuthenticated() && !isEga()"><a
                                [routerLink]="['/accountInfo']">Manage
Rajkumar-D's avatar
Rajkumar-D committed
47 48 49 50 51 52 53 54 55 56 57 58 59 60 61
                                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>