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

style: format code for better readability and consistency

Browse source
This commit is contained in:
Jan-Marlon Leibl 2025-03-06 11:56:00 +01:00
parent 1569922fda
commit 9c12ccd716
Signed by: jleibl
GPG key ID: 300B2F906DC6F1D5
2 changed files with 20 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
frontend/src/app/shared/components/confirmation/confirmation.component.ts
View file

@ -1,4 +1,13 @@
import { Component, ElementRef, EventEmitter, Input, Output, ViewChild, AfterViewInit, OnDestroy } from '@angular/core'; import {
Component,
ElementRef,
EventEmitter,
Input,
Output,
ViewChild,
AfterViewInit,
OnDestroy,
} from '@angular/core';
import { ModalAnimationService } from '../../services/modal-animation.service'; import { ModalAnimationService } from '../../services/modal-animation.service';
import gsap from 'gsap'; import gsap from 'gsap';
@ -27,10 +36,7 @@ export class ConfirmationComponent implements AfterViewInit, OnDestroy {
} }
private openModal() { private openModal() {
this.modalAnimationService.openModal( this.modalAnimationService.openModal(this.modalCard.nativeElement, this.modalBg.nativeElement);
this.modalCard.nativeElement,
this.modalBg.nativeElement
);
} }
public closeModal() { public closeModal() {

18
frontend/src/app/shared/services/modal-animation.service.ts
View file

@ -2,7 +2,7 @@ import { Injectable } from '@angular/core';
import gsap from 'gsap'; import gsap from 'gsap';
@Injectable({ @Injectable({
providedIn: 'root' providedIn: 'root',
}) })
export class ModalAnimationService { export class ModalAnimationService {
private readonly defaultDuration = 0.3; private readonly defaultDuration = 0.3;
@ -10,17 +10,17 @@ export class ModalAnimationService {
openModal(modalElement: HTMLElement, overlayElement: HTMLElement) { openModal(modalElement: HTMLElement, overlayElement: HTMLElement) {
gsap.set(overlayElement, { opacity: 0, display: 'block' }); gsap.set(overlayElement, { opacity: 0, display: 'block' });
gsap.set(modalElement, { gsap.set(modalElement, {
opacity: 0, opacity: 0,
scale: 0.95, scale: 0.95,
y: 20, y: 20,
display: 'block' display: 'block',
}); });
gsap.to(overlayElement, { gsap.to(overlayElement, {
opacity: 1, opacity: 1,
duration: this.defaultDuration, duration: this.defaultDuration,
ease: this.defaultEase ease: this.defaultEase,
}); });
gsap.to(modalElement, { gsap.to(modalElement, {
@ -28,7 +28,7 @@ export class ModalAnimationService {
scale: 1, scale: 1,
y: 0, y: 0,
duration: this.defaultDuration, duration: this.defaultDuration,
ease: this.defaultEase ease: this.defaultEase,
}); });
} }
@ -40,14 +40,14 @@ export class ModalAnimationService {
onComplete: () => { onComplete: () => {
gsap.set([overlayElement, modalElement], { display: 'none' }); gsap.set([overlayElement, modalElement], { display: 'none' });
onComplete?.(); onComplete?.();
} },
}); });
gsap.to(modalElement, { gsap.to(modalElement, {
scale: 0.95, scale: 0.95,
y: 20, y: 20,
duration: this.defaultDuration, duration: this.defaultDuration,
ease: this.defaultEase ease: this.defaultEase,
}); });
} }
} }