Chris Chen
30 lines
1.2 KiB
HTML
30 lines
1.2 KiB
HTML
<ng-container *ngIf="isHost&&me">
|
|
<nb-toggle name="rngAssignRole" [ngModel]="rngAssignRole" (checkedChange)="setRngAssignRole($event)">
|
|
自動分派腳色</nb-toggle>
|
|
<div class="row">
|
|
<div class="col-md-6" *ngFor="let role of allEvilRoles">
|
|
<nb-checkbox [(ngModel)]="role.enabled" (checkedChange)="role.enabled=$event">
|
|
{{role.name}}</nb-checkbox>
|
|
</div>
|
|
</div>
|
|
</ng-container>
|
|
|
|
<ng-container *ngIf="!me;else WaitingMessage">
|
|
<div class='form-group'>
|
|
<label for='username' class='label'>Your Name - 名字</label>
|
|
<input type='text' nbInput fullWidth id='username' name='username' [(ngModel)]='tempUsername'>
|
|
</div>
|
|
<!-- <div class='form-group'>
|
|
<label for='tempSeq' class='label'>Seat No - 座位次序</label>
|
|
<input type='number' nbInput fullWidth id='tempSeq' name='tempSeq' [(ngModel)]='tempSeq'>
|
|
</div> -->
|
|
<button nbButton hero fullWidth status="primary" (click)="tempUsername&&joinGame()">Join
|
|
Game</button>
|
|
</ng-container>
|
|
|
|
|
|
<ng-template #WaitingMessage>
|
|
<h1>等待遊戲開始中...</h1>
|
|
|
|
<qr-code *ngIf="isHost" [size]="qrCodeWidth" [value]="'http://happiness.tours/games/avalon'"></qr-code>
|
|
</ng-template> |