SZUT/casino
SZUT/casino
Archived
3
1
Fork 0
Code Issues Pull requests 2 Releases 162 Packages 2 Wiki Activity Actions

befora claude just in case
Some checks failed
CI / Get Changed Files (pull_request) Successful in 7s
Details
CI / Checkstyle Main (pull_request) Has been skipped
Details
CI / Docker backend validation (pull_request) Has been skipped
Details
CI / oxlint (pull_request) Failing after 21s
Details
CI / eslint (pull_request) Failing after 28s
Details
CI / prettier (pull_request) Successful in 27s
Details
CI / test-build (pull_request) Successful in 40s
Details
CI / Docker frontend validation (pull_request) Successful in 1m7s
Details

Browse source
This commit is contained in:
Jan K9f 2025-05-21 10:32:39 +02:00
commit 09677effe6
4 changed files with 140 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

69
frontend/src/app/feature/game/coinflip/coinflip.component.html
View file

@ -2,15 +2,68 @@
<div class="container mx-auto">
<div class="grid grid-cols-4">
<div class="col-span-3"></div>
<div class="col-span-3 w-full flex flex-col">
<div class="coin-container mx-auto">
<div id="coin" class="coin animate-to-tails">
<div
class="front coin-side bg-yellow-500 flex items-center justify-center text-2xl font-bold"
>
Heads
</div>
<div
class="back coin-side bg-gray-700 flex items-center justify-center text-2xl font-bold text-white"
>
Tails
</div>
</div>
</div>
<div class="flex gap-3 mt-3 mx-auto">
<button [disabled]="gameInProgress()" class="button-primary py-2 px-4 relative">
Bet tails
</button>
<button [disabled]="gameInProgress()" class="button-primary py-2 px-4 relative">
Bet heads
</button>
</div>
</div>
<div class="col-span-1">
<app-game-info
[balance]="balance()"
[currentBet]="currentBet()"
[gameInProgress]="gameInProgress()"
[isActionInProgress]="isActionInProgress()"
(newGame)="onNewGame($event)"
></app-game-info>
<div class="card p-4">
<h3 class="section-heading text-xl mb-4">Spiel Informationen</h3>
<div class="space-y-4">
<div class="flex justify-between items-center">
<span class="text-text-secondary">Aktuelle Wette:</span>
<span [class]="currentBet() > 0 ? 'text-accent-red' : 'text-text-secondary'">
<app-animated-number [value]="currentBet()" [duration]="0.5"></app-animated-number>
</span>
</div>
@if (!gameInProgress()) {
<div class="grid grid-cols-2 gap-2 mb-4">
<button (click)="setBetAmount(0.1)" class="button-primary py-2 text-sm">10%</button>
<button (click)="setBetAmount(0.25)" class="button-primary py-2 text-sm">25%</button>
<button (click)="setBetAmount(0.5)" class="button-primary py-2 text-sm">50%</button>
<button (click)="setBetAmount(1)" class="button-primary py-2 text-sm">100%</button>
</div>
}
<form class="space-y-2">
<div class="space-y-1">
<label for="bet" class="text-sm text-text-secondary">Einsatz</label>
<input
type="number"
id="bet"
class="w-full px-3 py-2 bg-deep-blue-light text-white rounded focus:outline-none focus:ring-2 focus:ring-emerald disabled:opacity-50"
[min]="1"
[max]="balance()"
[value]="currentBet()"
step="0.01"
[disabled]="gameInProgress()"
[placeholder]="balance() | currency: 'EUR'"
/>
</div>
</form>
</div>
</div>
</div>
</div>
</div>