You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
XJC/src/app/components/navigationBar/nav-parrain/nav-parrain.component.html

39 lines
2.0 KiB
HTML

<!--Navbar-->
<navbar SideClass="navbar navbar-expand-lg navbar-dark fixed-top scrolling-navbar indigo">
<logo>
<a class="logo navbar-brand waves-light" mdbRippleRadius><strong>Parraine Tes Amis</strong></a>
</logo>
<links>
<ul class="navbar-nav mr-auto">
<li class="nav-item active waves-light" [class.active]="carteParrainLink.classList.contains('active')"> <a class="nav-link waves-light" #carteParrainLink routerLink="/carteParrainageComponent" routerLinkActive="active">Liste des cartes de parrainage</a></li>
<!--<li class="nav-item active waves-light" [class.active]="historiqueCarteLink.classList.contains('active')"> <a class="nav-link waves-light" #historiqueCarteLink routerLink="/historiqueCarte" routerLinkActive="active">Historique des cartes de parrainages</a></li>-->
</ul>
<!-- <li class="nav-item waves-light" mdbRippleRadius *ngIf="afficheLogout === true" >
<a class="nav-link" (click)="logout()">Logout</a>
</li>
-->
<ul class="navbar-nav nav-flex-icons">
<li class="nav-item avatar">
<ul class="navbar-nav mr-auto">
<li class="nav-item waves-light" mdbRippleRadius>
<a class="nav-link dropdown-toggle waves-effect waves-light" id="navbarDropdownMenuLink-5" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><img src="{{avatarParrain}}" class="img-fluid rounded-circle z-depth-0 hoverZoomLink"></a>
</li>
</ul>
</li>
<li class="nav-item dropdown" dropdown>
<a dropdownToggle mdbRippleRadius type="button" class="nav-link dropdown-toggle waves-light" mdbRippleRadius>
{{nameParrain}}<span class="caret"></span></a>
<div *dropdownMenu class="dropdown-menu dropdown dropdown-primary" role="menu">
<a class="dropdown-item waves-light" [routerLink]="['/profil']">Profil</a>
<div class="divider dropdown-divider"></div>
<a class="dropdown-item waves-light" mdbRippleRadius (click)="logout()">Se déconnecter</a>
</div>
</li>
</ul>
</links>
</navbar>