refactor: loop through result matrix

This commit is contained in:
Phan Huy Tran 2025-05-07 14:25:25 +02:00
commit fd7c3b3503

View file

@ -17,17 +17,11 @@
<div> <div>
<div class="grid grid-cols-3 gap-1"> <div class="grid grid-cols-3 gap-1">
<div class="text-center">{{ slotResult().resultMatrix[0][0] }}</div> @for (row of slotResult().resultMatrix; track $index) {
<div class="text-center">{{ slotResult().resultMatrix[0][1] }}</div> @for (cell of row; track $index) {
<div class="text-center">{{ slotResult().resultMatrix[0][2] }}</div> <div class="text-center">{{ cell }}</div>
}
<div class="text-center">{{ slotResult().resultMatrix[1][0] }}</div> }
<div class="text-center">{{ slotResult().resultMatrix[1][1] }}</div>
<div class="text-center">{{ slotResult().resultMatrix[1][2] }}</div>
<div class="text-center">{{ slotResult().resultMatrix[2][0] }}</div>
<div class="text-center">{{ slotResult().resultMatrix[2][1] }}</div>
<div class="text-center">{{ slotResult().resultMatrix[2][2] }}</div>
</div> </div>
<div [ngClass]="slotResult().status === 'win' ? 'text-green-500' : 'text-red-500'"> <div [ngClass]="slotResult().status === 'win' ? 'text-green-500' : 'text-red-500'">