feat: piece pormotion

2026-04-22 08:35:58 +02:00
parent 25b69fd7b6
commit 4f76bcc7c6
6 changed files with 239 additions and 3 deletions
@@ -0,0 +1,26 @@
+<div class="promotion-dialog-overlay" [class.open]="isOpen">
+  <div class="promotion-dialog">
+    <div class="promotion-header">
+      <h3>Pawn Promotion</h3>
+      <button class="close-btn" (click)="close()" aria-label="Close">&times;</button>
+    </div>
+    
+    <div class="promotion-body">
+      <p class="promotion-prompt">Choose a piece to promote your pawn to:</p>
+      
+      <div class="promotion-options">
+        @for (piece of promotionPieces; track piece.type) {
+          <button
+            class="promotion-button"
+            [attr.data-piece]="piece.type"
+            (click)="selectPromotion(piece.type)"
+            [title]="piece.label"
+          >
+            <span class="piece-symbol">{{ piece.symbol }}</span>
+            <span class="piece-label">{{ piece.label }}</span>
+          </button>
+        }
+      </div>
+    </div>
+  </div>
+</div>