menu.component.html 1.77 KB
Newer Older
Javi Corvi's avatar
Javi Corvi committed
1
2
3
4
5
6
7
<div class="w3-container">
    <nav class="navbar navbar-expand-md navbar-dark bg-dark">
        <div class="navbar-collapse collapse w-100 order-1 order-md-0 dual-collapse2">
            <ul class="navbar-nav mr-auto">
                <li class="nav-item active">
                    <a class="navbar-brand" routerLink="">Home</a>
                </li>
Javi Corvi's avatar
Javi Corvi committed
8
9
                <!-- <li class="nav-item">
                    <a class="navbar-brand" >Documentation</a>
Javi Corvi's avatar
Javi Corvi committed
10
11
                </li>
                <li class="nav-item">
Javi Corvi's avatar
Javi Corvi committed
12
13
                    <a class="navbar-brand" onclick="alert('About working')">About</a>
                </li> -->
Javi Corvi's avatar
Javi Corvi committed
14
15
16
17
18
19
20
21
22
23
24
                
            </ul>
        </div>
        <div class="mx-auto order-0">
            <!-- <a class="navbar-brand mx-auto" href="#">Navbar 2</a> -->
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target=".dual-collapse2">
                <span class="navbar-toggler-icon"></span>
            </button>
        </div>
        <div class="navbar-collapse collapse w-100 order-3 dual-collapse2">
            <ul class="navbar-nav ml-auto">
Javi Corvi's avatar
Javi Corvi committed
25
                <li><a *ngIf="loginService.getIsLogged()" routerLink="/uploadFiles" class="navbar-brand">Upload Annotations</a></li>
26
27
                <li><a target="blank" href="https://pretoxtm.gitlab.io/documentation/" class="navbar-brand">Documentation</a></li>
                <!-- <li><a *ngIf="!loginService.getIsLogged()" routerLink="/login" class="navbar-brand">LogIn</a></li> -->
Javi Corvi's avatar
Javi Corvi committed
28
29
                <li><span *ngIf="loginService.getIsLogged()" class="navbar-brand">Welcome {{loginService.getUsername()}}</span></li>
                <li><a *ngIf="loginService.getIsLogged()" routerLink="/logout" class="navbar-brand">LogOut</a></li>
Javi Corvi's avatar
Javi Corvi committed
30
31
32
33
34
            </ul>
        </div>
    </nav>
    
</div>