feat: 1vs BOT

2026-04-19 01:06:13 +02:00
parent 5497997455
commit bc644c16e3
5 changed files with 201 additions and 4 deletions
@@ -4,11 +4,28 @@
    <p>Pick a mode to begin.</p>

    <div class="mode-grid">
-      <button type="button" class="mode mode-disabled" disabled>
+      <button type="button" class="mode mode-active" (click)="toggleDifficultySelector()" [disabled]="creating">
        <span>Bot</span>
-        <small>Coming soon</small>
+        <small>{{ creating ? 'Creating game...' : 'Choose difficulty' }}</small>
      </button>

+      @if (showDifficultySelector) {
+        <div class="difficulty-selector">
+          <p>Select difficulty:</p>
+          <div class="difficulty-buttons">
+            <button type="button" class="difficulty-btn easy" (click)="startVsBot('easy')" [disabled]="creating">
+              Easy
+            </button>
+            <button type="button" class="difficulty-btn medium" (click)="startVsBot('medium')" [disabled]="creating">
+              Medium
+            </button>
+            <button type="button" class="difficulty-btn hard" (click)="startVsBot('hard')" [disabled]="creating">
+              Hard
+            </button>
+          </div>
+        </div>
+      }
+
      <button type="button" class="mode mode-active" (click)="startOneVsOne()" [disabled]="creating">
        <span>1 vs 1</span>
        <small>{{ creating ? 'Creating game...' : 'Start now' }}</small>