Compare commits
1 commit
3092f4a688
...
dd9f66cae6
Author | SHA1 | Date | |
---|---|---|---|
dd9f66cae6 |
3 changed files with 6 additions and 9 deletions
|
@ -32,7 +32,7 @@ import gsap from 'gsap';
|
||||||
})
|
})
|
||||||
export class DepositComponent implements OnInit, AfterViewInit, OnDestroy, OnChanges {
|
export class DepositComponent implements OnInit, AfterViewInit, OnDestroy, OnChanges {
|
||||||
@Input() isOpen = false;
|
@Input() isOpen = false;
|
||||||
@Output() closeModalEmitter = new EventEmitter<void>();
|
@Output() close = new EventEmitter<void>();
|
||||||
@ViewChild('modalBg') modalBg!: ElementRef;
|
@ViewChild('modalBg') modalBg!: ElementRef;
|
||||||
@ViewChild('modalCard') modalCard!: ElementRef;
|
@ViewChild('modalCard') modalCard!: ElementRef;
|
||||||
protected form!: FormGroup;
|
protected form!: FormGroup;
|
||||||
|
@ -110,7 +110,7 @@ export class DepositComponent implements OnInit, AfterViewInit, OnDestroy, OnCha
|
||||||
this.modalAnimationService.closeModal(
|
this.modalAnimationService.closeModal(
|
||||||
this.modalCard.nativeElement,
|
this.modalCard.nativeElement,
|
||||||
this.modalBg.nativeElement,
|
this.modalBg.nativeElement,
|
||||||
() => this.closeModalEmitter.emit()
|
() => this.close.emit()
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -73,10 +73,7 @@
|
||||||
<h3 class="section-heading text-xl mb-4">Konto</h3>
|
<h3 class="section-heading text-xl mb-4">Konto</h3>
|
||||||
<div class="space-y-4">
|
<div class="space-y-4">
|
||||||
<button class="button-primary w-full py-2" (click)="openDepositModal()">Einzahlen</button>
|
<button class="button-primary w-full py-2" (click)="openDepositModal()">Einzahlen</button>
|
||||||
<app-deposit
|
<app-deposit [isOpen]="isDepositModalOpen" (close)="closeDepositModal()"></app-deposit>
|
||||||
[isOpen]="isDepositModalOpen"
|
|
||||||
(closeModalEmitter)="closeDepositModal()"
|
|
||||||
></app-deposit>
|
|
||||||
<button class="bg-deep-blue-light hover:bg-deep-blue-contrast w-full py-2 rounded">
|
<button class="bg-deep-blue-light hover:bg-deep-blue-contrast w-full py-2 rounded">
|
||||||
Transaktionen
|
Transaktionen
|
||||||
</button>
|
</button>
|
||||||
|
@ -88,7 +85,7 @@
|
||||||
|
|
||||||
<app-confirmation
|
<app-confirmation
|
||||||
[successful]="isDepositSuccessful"
|
[successful]="isDepositSuccessful"
|
||||||
(closeConfirmation)="closeDepositConfirmationModal()"
|
(close)="closeDepositConfirmationModal()"
|
||||||
></app-confirmation>
|
></app-confirmation>
|
||||||
|
|
||||||
<div class="card p-4">
|
<div class="card p-4">
|
||||||
|
|
|
@ -19,7 +19,7 @@ import gsap from 'gsap';
|
||||||
})
|
})
|
||||||
export class ConfirmationComponent implements AfterViewInit, OnDestroy {
|
export class ConfirmationComponent implements AfterViewInit, OnDestroy {
|
||||||
@Input() successful = true;
|
@Input() successful = true;
|
||||||
@Output() closeConfirmation = new EventEmitter<void>();
|
@Output() close = new EventEmitter<void>();
|
||||||
@ViewChild('modalBg') modalBg!: ElementRef;
|
@ViewChild('modalBg') modalBg!: ElementRef;
|
||||||
@ViewChild('modalCard') modalCard!: ElementRef;
|
@ViewChild('modalCard') modalCard!: ElementRef;
|
||||||
|
|
||||||
|
@ -43,7 +43,7 @@ export class ConfirmationComponent implements AfterViewInit, OnDestroy {
|
||||||
this.modalAnimationService.closeModal(
|
this.modalAnimationService.closeModal(
|
||||||
this.modalCard.nativeElement,
|
this.modalCard.nativeElement,
|
||||||
this.modalBg.nativeElement,
|
this.modalBg.nativeElement,
|
||||||
() => this.closeConfirmation.emit()
|
() => this.close.emit()
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue