feat(blackjack): add animated number component and usage #123

Merged
jleibl merged 3 commits from task/CAS-50/add_rest_blackjack_logic_with_frontend_animations into main 2025-04-03 08:07:07 +00:00
2 changed files with 15 additions and 7 deletions
Showing only changes of commit b5a6582905 - Show all commits

View file

@ -1,4 +1,13 @@
import { ChangeDetectionStrategy, Component, Input, OnChanges, SimpleChanges, ElementRef, ViewChild, AfterViewInit } from '@angular/core';
import {
ChangeDetectionStrategy,
Component,
Input,
OnChanges,
SimpleChanges,
ElementRef,
ViewChild,
AfterViewInit,
} from '@angular/core';
import { CommonModule, CurrencyPipe } from '@angular/common';
import { CountUp } from 'countup.js';
@ -6,9 +15,7 @@ import { CountUp } from 'countup.js';
selector: 'app-animated-number',
standalone: true,
imports: [CommonModule, CurrencyPipe],
template: `
<span #numberElement>{{ formattedValue }}</span>
`,
template: ` <span #numberElement>{{ formattedValue }}</span> `,
changeDetection: ChangeDetectionStrategy.OnPush,
})
export class AnimatedNumberComponent implements OnChanges, AfterViewInit {

View file

@ -40,7 +40,8 @@ import { AnimatedNumberComponent } from '../animated-number/animated-number.comp
[duration]="0.5"
></app-animated-number>
<div *ngIf="isWin" class="text-xs text-text-secondary">
(Einsatz <app-animated-number [value]="amount" [duration]="0.5"></app-animated-number> × 2)
(Einsatz
<app-animated-number [value]="amount" [duration]="0.5"></app-animated-number> × 2)
</div>
</div>