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 1 additions and 6 deletions
Showing only changes of commit 28f7b15d4c - Show all commits

View file

@ -34,14 +34,11 @@ export class AnimatedNumberComponent implements OnChanges, AfterViewInit {
ngOnChanges(changes: SimpleChanges): void {
if (changes['value']) {
if (this.countUp) {
const startVal = this.previousValue;
const endVal = this.value;
// Update the CountUp instance with new start and end values
this.countUp.update(endVal);
this.previousValue = endVal;
} else {
// Format the initial value if CountUp is not yet initialized
this.formattedValue = new Intl.NumberFormat('de-DE', {
style: 'currency',
currency: 'EUR',
@ -58,11 +55,10 @@ export class AnimatedNumberComponent implements OnChanges, AfterViewInit {
startVal: this.previousValue,
duration: this.duration,
easingFn: (t, b, c, d) => {
// Custom easing function based on the input ease type
if (this.ease === 'power1.out') {
return c * (1 - Math.pow(1 - t / d, 1)) + b;
}
return c * (t / d) + b; // linear fallback
return c * (t / d) + b;
},
formattingFn: (value) => {
const formatted = new Intl.NumberFormat('de-DE', {

View file

@ -13,7 +13,6 @@ export class UserService {
public currentUser$ = this.currentUserSubject.asObservable();
constructor() {
// Initialize with current user data
this.getCurrentUser().subscribe();
}