initial commit

src/app/games/avalon/join-game/join-game.component.html

@@ -0,0 +1,30 @@
+<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>