SZUT/casino
5
1
Fork 0
Code Issues Pull requests 1 Releases 65 Wiki Activity Actions 1

feat(blackjack): implement game start and controls functionality
All checks were successful
CI / Get Changed Files (pull_request) Successful in 7s
Details
CI / eslint (pull_request) Successful in 20s
Details
CI / test-build (pull_request) Successful in 28s
Details
CI / prettier (pull_request) Successful in 34s
Details
CI / Checkstyle Main (pull_request) Successful in 1m1s
Details

Browse source
This commit is contained in:
Jan-Marlon Leibl 2025-03-26 15:30:55 +01:00
parent d0ba0eb71d
commit 99f9f8d3c3
Signed by: jleibl
GPG key ID: 300B2F906DC6F1D5
9 changed files with 320 additions and 54 deletions
Download patch file Download diff file Expand all files Collapse all files

51
frontend/src/app/feature/game/blackjack/components/playing-card/playing-card.component.ts
View file

@ -1,5 +1,6 @@
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
import { CommonModule } from '@angular/common';
import { suitSymbols, Suit } from '../../models/blackjack.model';
@Component({
selector: 'app-playing-card',
@ -10,21 +11,49 @@ import { CommonModule } from '@angular/common';
class="w-24 h-36 rounded-lg p-2 relative flex flex-col justify-between shadow-lg"
[class]="hidden ? 'bg-red-800' : 'bg-white'"
>
<span *ngIf="!hidden" class="text-xl font-bold text-accent-red">{{ value }}</span>
<span
*ngIf="!hidden"
class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 text-3xl text-accent-red"
>{{ suit }}</span
>
<span *ngIf="!hidden" class="text-xl font-bold text-accent-red self-end rotate-180">{{
value
}}</span>
@if (!hidden) {
<span class="text-xl font-bold text-accent-red">{{ getDisplayRank(rank) }}</span>
}
@if (!hidden) {
<span
class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 text-3xl text-accent-red"
>{{ getSuitSymbol(suit) }}</span
>
}
@if (!hidden) {
<span class="text-xl font-bold text-accent-red self-end rotate-180">{{
getDisplayRank(rank)
}}</span>
}
</div>
`,
changeDetection: ChangeDetectionStrategy.OnPush,
})
export class PlayingCardComponent {
@Input({ required: true }) value!: string;
@Input({ required: true }) suit!: string;
@Input({ required: true }) rank!: string;
@Input({ required: true }) suit!: Suit;
@Input({ required: true }) hidden!: boolean;
protected getSuitSymbol(suit: Suit): string {
return suitSymbols[suit];
}
protected getDisplayRank(rank: string): string {
const rankMap: Record<string, string> = {
TWO: '2',
THREE: '3',
FOUR: '4',
FIVE: '5',
SIX: '6',
SEVEN: '7',
EIGHT: '8',
NINE: '9',
TEN: '10',
JACK: 'J',
QUEEN: 'Q',
KING: 'K',
ACE: 'A',
};
return rankMap[rank] || rank;
}
}