<nav class="navbar navbar-dark bg-inverse" [class.darwin]="platform == 'darwin'">
    <a class="navbar-brand" href="#">MyCard</a>
    <ul class="nav navbar-nav">
        <li *ngIf="!loginService.user" class="nav-item active">
            <a class="nav-link" href="#">登录<span class="sr-only">(current)</span></a>
        </li>
        <!--
        <li [ngClass]="{active: routingService.component == 'store'}" class="nav-item">
            <a (click)="changeFouce('store')" class="nav-link" href="#">商店</a>
        </li>
        -->
        <li *ngIf="loginService.user" [ngClass]="{active: currentPage === 'lobby'}" class="nav-item">
            <a (click)="currentPage='lobby'" class="nav-link" href="#">{{'library'| translate}}<span class="sr-only">(current)</span></a>
        </li>
        <li *ngIf="loginService.user" [ngClass]="{active: currentPage === 'community'}" class="nav-item">
            <a (click)="currentPage='community'" class="nav-link" href="#">{{'community'| translate}}</a>
        </li>
    </ul>
    <div class="navbar-right">
        <div id="user" *ngIf="loginService.user">
            <a class="require-login profile"><img id="avatar" [src]="loginService.user.avatar_url" alt="image"></a>
            <a class="require-login profile item" id="username"></a>
            <a (click)="loginService.logout()" id="logout" class="require-login item">切换账号</a>
            <!--<a (click)="refresh()" href="#ygopro" id="refresh" class="item">刷新</a>-->
        </div>
        <div id="window-buttons" [hidden]="platform == 'darwin'">
            <i id="minimize" class="fa fa-minus" aria-hidden="true"></i>
            <i id="maximize" class="fa fa-expand" aria-hidden="true"></i>
            <i id="restore" class="fa fa-clone" hidden aria-hidden="true"></i>
            <i id="close" class="fa fa-times" aria-hidden="true"></i>
        </div>
    </div>
</nav>
<login class="page" *ngIf="!loginService.user"></login>
<store class="page" *ngIf="loginService.user" [hidden]="currentPage != 'store'"></store>
<lobby class="page" *ngIf="loginService.user" [hidden]="currentPage != 'lobby'"></lobby>
<webview id="community" class="page" *ngIf="loginService.user" [hidden]="currentPage != 'community'" src="https://ygobbs.com"></webview>