You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
41 lines
1.7 KiB
41 lines
1.7 KiB
<nav class="navbar navbar-light bg-light-self">
|
|
<span class="navbar-text nav-text-lg">
|
|
{{ 'APP_TITLE' | translate }}
|
|
</span>
|
|
<span>
|
|
<div class="navbar-collapse" id="navbarSupportedContent">
|
|
<div class="dropdown">
|
|
<a class="btn btn-secondary dropdown-toggle nav-text-lg" href="#" role="button" id="dropdownMenuLink"
|
|
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
{{ 'language' | translate }}
|
|
</a>
|
|
|
|
<div class="dropdown-menu" aria-labelledby="dropdownMenuLink">
|
|
<a class="dropdown-item nav-text-lg" (click)="translate.use('zh-CN')">{{ 'chinese' | translate }}</a>
|
|
<a class="dropdown-item nav-text-lg" (click)="translate.use('en-US')">{{ 'english' | translate }}</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</span>
|
|
</nav>
|
|
|
|
<nav class="navbar navbar-expand-lg bg-white justify-content-center pb-0">
|
|
<ng-container *ngIf="isLogin">
|
|
<ul class="navbar-nav">
|
|
<li class="nav-item mr-2" routerLinkActive="active">
|
|
<button type="button" class="btn btn-primary" [routerLink]="['/forum']">{{ 'forum.name' | translate }}</button>
|
|
</li>
|
|
<li class="nav-item mr-2" routerLinkActive="active">
|
|
<button type="button" class="btn btn-primary"
|
|
[routerLink]="['/visitor']">{{ 'visitor.name' | translate }}</button>
|
|
</li>
|
|
<li class="nav-item mr-2" routerLinkActive="active">
|
|
<button type="button" class="btn btn-primary" [routerLink]="['/score']">{{ 'score.name' | translate }}</button>
|
|
</li>
|
|
<li class="nav-item" routerLinkActive="active">
|
|
<button class="btn btn-primary" (click)="logout()" *ngIf="isLogin">{{'button.logout'|translate}}</button>
|
|
</ul>
|
|
</ng-container>
|
|
</nav>
|
|
|
|
<router-outlet></router-outlet> |