Merge pull request 'Rename variables to non dom element names' (#71) from fix/rename-to-not-standard-dom-elements into main

Reviewed-on: #71

frontend/src/app/feature/deposit/deposit.component.ts

@@ -32,7 +32,7 @@ import gsap from 'gsap';
 })
 export class DepositComponent implements OnInit, AfterViewInit, OnDestroy, OnChanges {
   @Input() isOpen = false;
-  @Output() close = new EventEmitter<void>();
+  @Output() closeModalEmitter = new EventEmitter<void>();
   @ViewChild('modalBg') modalBg!: ElementRef;
   @ViewChild('modalCard') modalCard!: ElementRef;
   protected form!: FormGroup;
@@ -110,7 +110,7 @@ export class DepositComponent implements OnInit, AfterViewInit, OnDestroy, OnCha
       this.modalAnimationService.closeModal(
         this.modalCard.nativeElement,
         this.modalBg.nativeElement,
-        () => this.close.emit()
+        () => this.closeModalEmitter.emit()
       );
     }
   }

frontend/src/app/feature/home/home.component.html

@@ -73,7 +73,10 @@
         <h3 class="section-heading text-xl mb-4">Konto</h3>
         <div class="space-y-4">
           <button class="button-primary w-full py-2" (click)="openDepositModal()">Einzahlen</button>
-          <app-deposit [isOpen]="isDepositModalOpen" (close)="closeDepositModal()"></app-deposit>
+          <app-deposit
+            [isOpen]="isDepositModalOpen"
+            (closeModalEmitter)="closeDepositModal()"
+          ></app-deposit>
           <button class="bg-deep-blue-light hover:bg-deep-blue-contrast w-full py-2 rounded">
             Transaktionen
           </button>
@@ -85,7 +88,7 @@
 
       <app-confirmation
         [successful]="isDepositSuccessful"
-        (close)="closeDepositConfirmationModal()"
+        (closeConfirmation)="closeDepositConfirmationModal()"
       ></app-confirmation>
 
       <div class="card p-4">

frontend/src/app/shared/components/confirmation/confirmation.component.ts

@@ -19,7 +19,7 @@ import gsap from 'gsap';
 })
 export class ConfirmationComponent implements AfterViewInit, OnDestroy {
   @Input() successful = true;
-  @Output() close = new EventEmitter<void>();
+  @Output() closeConfirmation = new EventEmitter<void>();
   @ViewChild('modalBg') modalBg!: ElementRef;
   @ViewChild('modalCard') modalCard!: ElementRef;
 
@@ -43,7 +43,7 @@ export class ConfirmationComponent implements AfterViewInit, OnDestroy {
     this.modalAnimationService.closeModal(
       this.modalCard.nativeElement,
       this.modalBg.nativeElement,
-      () => this.close.emit()
+      () => this.closeConfirmation.emit()
     );
   }
 }