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

refactor: improve code structure and add change detection

Browse source
This commit is contained in:
Jan-Marlon Leibl 2025-02-05 14:43:04 +01:00
parent 5c34014841
commit eede85295e
No known key found for this signature in database
GPG key ID: E7B6F77BF5EDB6F7
5 changed files with 41 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

10
frontend/src/app/shared/components/animated-button/animated-button.component.ts
View file

@ -1,4 +1,11 @@
import { Component, Input, Output, EventEmitter, ElementRef } from '@angular/core';
import {
Component,
Input,
Output,
EventEmitter,
ElementRef,
ChangeDetectionStrategy,
} from '@angular/core';
import { CommonModule } from '@angular/common';
import { AnimationService } from '../../../services/animation.service';
@ -21,6 +28,7 @@ import { AnimationService } from '../../../services/animation.service';
</button>
`,
styles: [],
changeDetection: ChangeDetectionStrategy.OnPush,
})
export class AnimatedButtonComponent {
@Input() variant: 'primary' | 'secondary' = 'primary';

10
frontend/src/app/shared/components/game-card/game-card.component.ts
View file

@ -1,4 +1,11 @@
import { Component, Input, Output, EventEmitter, ElementRef } from '@angular/core';
import {
Component,
Input,
Output,
EventEmitter,
ElementRef,
ChangeDetectionStrategy,
} from '@angular/core';
import { CommonModule } from '@angular/common';
import { Game } from '../../../services/game.service';
import { AnimatedButtonComponent } from '../animated-button/animated-button.component';
@ -79,6 +86,7 @@ import { AnimationService } from '../../../services/animation.service';
</div>
`,
styles: [],
changeDetection: ChangeDetectionStrategy.OnPush,
})
export class GameCardComponent {
@Input() game!: Game;

10
frontend/src/app/shared/components/winner-ticker/winner-ticker.component.ts
View file

@ -1,4 +1,11 @@
import { Component, Input, ViewChild, ElementRef, AfterViewInit } from '@angular/core';
import {
Component,
Input,
ViewChild,
ElementRef,
AfterViewInit,
ChangeDetectionStrategy,
} from '@angular/core';
import { CommonModule } from '@angular/common';
import { default as autoAnimate } from '@formkit/auto-animate';
import { Winner } from '../../../services/winner.service';
@ -21,6 +28,7 @@ import { Winner } from '../../../services/winner.service';
</div>
`,
styles: [],
changeDetection: ChangeDetectionStrategy.OnPush,
})
export class WinnerTickerComponent implements AfterViewInit {
@Input() winners: Winner[] = [];