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

fix: Change lang to german
All checks were successful
CI / Get Changed Files (pull_request) Successful in 8s
Details
CI / Checkstyle Main (pull_request) Has been skipped
Details
CI / Docker backend validation (pull_request) Has been skipped
Details
CI / oxlint (pull_request) Successful in 25s
Details
CI / eslint (pull_request) Successful in 27s
Details
CI / prettier (pull_request) Successful in 31s
Details
CI / Docker frontend validation (pull_request) Successful in 42s
Details
CI / test-build (pull_request) Successful in 44s
Details

Browse source
This commit is contained in:
Jan K9f 2025-05-21 13:30:51 +02:00
commit 7762048ee1
2 changed files with 58 additions and 58 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -5,13 +5,11 @@
@if (gameResult()) {
<div class="mb-6 text-center result-text">
<h2 class="text-2xl font-bold mb-2" [class]="getResultClass()">
{{ gameResult()?.isWin ? 'You Won!' : 'You Lost' }}
{{ gameResult()?.isWin ? 'Du hast gewonnen!' : 'Du hast verloren' }}
</h2>
<p class="text-lg">
Coin landed on:
<span class="font-bold">{{
gameResult()?.coinSide === 'HEAD' ? 'HEAD' : 'TAILS'
}}</span>
Münze zeigt:
<span class="font-bold">{{ gameResult()?.coinSide === 'HEAD' ? 'KOPF' : 'ZAHL' }}</span>
</p>
@if (gameResult()?.isWin) {
<p class="text-xl mt-2">
@ -35,7 +33,7 @@
<div
class="front coin-side bg-yellow-500 flex items-center justify-center text-2xl font-bold"
>
<div class="coin-text">HEAD</div>
<div class="coin-text">KOPF</div>
</div>
<!-- Tails side with non-mirrored text -->
@ -43,7 +41,7 @@
class="back coin-side bg-gray-700 flex items-center justify-center text-2xl font-bold text-white"
>
<!-- Using direct inline transform to counter the mirroring effect -->
<span style="display: inline-block; transform: scaleX(1)">TAILS</span>
<span style="display: inline-block; transform: scaleX(1)">ZAHL</span>
</div>
</div>
</div>
@ -56,7 +54,7 @@
class="button-primary py-3 px-6 relative text-lg"
[class.opacity-50]="gameInProgress()"
>
Bet TAILS
Auf ZAHL setzen
</button>
<button
(click)="betHeads()"
@ -64,7 +62,7 @@
class="button-primary py-3 px-6 relative text-lg"
[class.opacity-50]="gameInProgress()"
>
Bet HEAD
Auf KOPF setzen
</button>
</div>
</div>
@ -72,11 +70,11 @@
<!-- Game information panel -->
<div class="col-span-1">
<div class="card p-4">
<h3 class="section-heading text-xl mb-4">Game Information</h3>
<h3 class="section-heading text-xl mb-4">Spielinformationen</h3>
<div class="space-y-4">
<!-- Current bet display -->
<div class="flex justify-between items-center">
<span class="text-text-secondary">Current Bet:</span>
<span class="text-text-secondary">Aktueller Einsatz:</span>
<span [class]="currentBet() > 0 ? 'text-accent-red' : 'text-text-secondary'">
<app-animated-number [value]="currentBet()" [duration]="0.5"></app-animated-number> €
</span>
@ -84,7 +82,7 @@
<!-- Available balance -->
<div class="flex justify-between items-center">
<span class="text-text-secondary">Your Balance:</span>
<span class="text-text-secondary">Dein Guthaben:</span>
<span class="text-white">
{{ balance() | currency: 'EUR' }}
</span>
@ -103,9 +101,9 @@
<!-- Custom bet input -->
<div class="space-y-1">
<div class="flex justify-between">
<label for="bet" class="text-sm text-text-secondary">Bet Amount</label>
<label for="bet" class="text-sm text-text-secondary">Einsatzbetrag</label>
<span *ngIf="isInvalidBet()" class="text-xs text-accent-red animate-pulse"
>Cannot exceed balance</span
>Darf Guthaben nicht überschreiten</span
>
</div>
<input
@ -129,11 +127,11 @@
<!-- Rules/info section -->
<div class="mt-6 pt-4 border-t border-gray-700">
<h4 class="text-lg font-semibold mb-2">How to Play</h4>
<h4 class="text-lg font-semibold mb-2">Spielregeln</h4>
<ul class="text-sm text-text-secondary space-y-1">
<li>• Choose your bet amount</li>
<li>• Select Heads or Tails</li>
<li>• Win double your bet if correct</li>
<li>• Wähle deinen Einsatzbetrag</li>
<li>• Wähle Kopf oder Zahl</li>
<li>• Gewinne das Doppelte deines Einsatzes bei richtiger Wahl</li>
</ul>
</div>
</div>