projects/casino
1
1
Fork 0
Code Issues Pull Requests Actions Packages Releases 16 Activity

feat: Display deposit form as modal (CAS-34) #28

Merged
ptran merged 5 commits from feat/payment-modal into main 2025-02-13 11:26:22 +00:00
Conversation 2 Commits 5 Files Changed 13 +7 -5
2 changed files with 7 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 3fc290ecd1 - Show all commits

9
frontend/src/app/feature/deposit/deposit.component.html
View File

@ -1,20 +1,21 @@
<h2 mat-dialog-title>Guthaben aufladen</h2> <h2 mat-dialog-title class="text-xl font-semibold">Guthaben aufladen</h2>
<mat-dialog-content> <mat-dialog-content>
<form [formGroup]="form"> <form [formGroup]="form">
<div *ngIf="errorMsg"> <div *ngIf="errorMsg">
{{ errorMsg }} {{ errorMsg }}
</div> </div>
<div> <div class="mb-2">
<label for="amount">Betrag</label> <label for="amount">Betrag</label>
<input <input
type="number" type="number"
id="amount" id="amount"
formControlName="amount" formControlName="amount"
class="w-full px-2 py-1 bg-white text-black"
/> />
</div> </div>
</form> </form>
</mat-dialog-content> </mat-dialog-content>
<mat-dialog-actions> <mat-dialog-actions>
<button (click)="closeDialog()">Abbrechen</button> <button mat-flat-button (click)="closeDialog()">Abbrechen</button>
<button (click)="submit()">Einzahlen</button> <button mat-flat-button (click)="submit()">Einzahlen</button>
</mat-dialog-actions> </mat-dialog-actions>

3
frontend/src/app/feature/deposit/deposit.component.ts
View File

@ -12,11 +12,12 @@ import {
MatDialogRef, MatDialogRef,
MatDialogTitle MatDialogTitle
} from "@angular/material/dialog"; } from "@angular/material/dialog";
import {MatButton} from "@angular/material/button";
@Component({ @Component({
selector: 'app-deposit', selector: 'app-deposit',
standalone: true, standalone: true,
imports: [ReactiveFormsModule, NgIf, MatDialogTitle, MatDialogContent, MatDialogActions, MatDialogClose], imports: [ReactiveFormsModule, NgIf, MatDialogTitle, MatDialogContent, MatDialogActions, MatDialogClose, MatButton],
templateUrl: './deposit.component.html', templateUrl: './deposit.component.html',
changeDetection: ChangeDetectionStrategy.OnPush, changeDetection: ChangeDetectionStrategy.OnPush,
}) })