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 +44 -33
6 changed files with 44 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit a0751ae3c6 - Show all commits

3
frontend/src/app/app.config.ts
View File

@ -51,6 +51,7 @@ export const appConfig: ApplicationConfig = {
provide: HTTP_INTERCEPTORS, provide: HTTP_INTERCEPTORS,
useClass: KeycloakBearerInterceptor, useClass: KeycloakBearerInterceptor,
multi: true, multi: true,
}, provideAnimationsAsync(), },
provideAnimationsAsync(),
], ],
}; };

9
frontend/src/app/app.routes.ts
View File

@ -1,8 +1,7 @@
import { Routes } from '@angular/router'; import {Routes} from '@angular/router';
import { LandingComponent } from './feature/landing/landing.component'; import {LandingComponent} from './feature/landing/landing.component';
import { HomeComponent } from './feature/home/home.component'; import {HomeComponent} from './feature/home/home.component';
import { authGuard } from './auth.guard'; import {authGuard} from './auth.guard';
import { DepositComponent } from './feature/deposit/deposit.component';
export const routes: Routes = [ export const routes: Routes = [
{ {

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

@ -10,14 +10,22 @@ import {
MatDialogClose, MatDialogClose,
MatDialogContent, MatDialogContent,
MatDialogRef, MatDialogRef,
MatDialogTitle MatDialogTitle,
} from "@angular/material/dialog"; } from '@angular/material/dialog';
import {MatButton} from "@angular/material/button"; 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, MatButton], imports: [
ReactiveFormsModule,
NgIf,
MatDialogTitle,
MatDialogContent,
MatDialogActions,
MatDialogClose,
MatButton,
],
templateUrl: './deposit.component.html', templateUrl: './deposit.component.html',
changeDetection: ChangeDetectionStrategy.OnPush, changeDetection: ChangeDetectionStrategy.OnPush,
}) })

8
frontend/src/app/feature/home/home.component.ts
View File

@ -1,7 +1,7 @@
import {ChangeDetectionStrategy, Component, inject} from '@angular/core'; import { ChangeDetectionStrategy, Component, inject } from '@angular/core';
import {KeycloakService} from 'keycloak-angular'; import { KeycloakService } from 'keycloak-angular';
import {MatDialog} from "@angular/material/dialog"; import { MatDialog } from '@angular/material/dialog';
import {DepositComponent} from "../deposit/deposit.component"; import { DepositComponent } from '../deposit/deposit.component';
@Component({ @Component({
selector: 'app-homepage', selector: 'app-homepage',

9
frontend/src/index.html
View File

@ -6,9 +6,12 @@
<base href="/" /> <base href="/" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="icon" type="image/x-icon" href="favicon.ico" /> <link rel="icon" type="image/x-icon" href="favicon.ico" />
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap" rel="stylesheet"> <link
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap"
</head> rel="stylesheet"
/>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
</head>
<body class="mat-typography"> <body class="mat-typography">
<app-root></app-root> <app-root></app-root>
</body> </body>