This commit is contained in:
Constantin Simonis 2025-02-13 10:29:22 +01:00
parent 6ba4937538
commit 55cd5fefed
No known key found for this signature in database
GPG key ID: 3878FF77C24AF4D2
4 changed files with 14 additions and 17 deletions

View file

@ -18,5 +18,5 @@ export const routes: Routes = [
path: 'deposit',
component: DepositComponent,
canActivate: [authGuard],
}
},
];

View file

@ -2,7 +2,7 @@
@if (errorMsg) {
<div>{{ errorMsg }}</div>
}
<input type="number" formControlName="amount">
<br>
<input type="number" formControlName="amount" />
<br />
<button type="button" (click)="submit()">Einzahlen</button>
</form>

View file

@ -7,9 +7,7 @@ import { debounceTime } from 'rxjs';
@Component({
selector: 'app-deposit',
standalone: true,
imports: [
ReactiveFormsModule,
],
imports: [ReactiveFormsModule],
templateUrl: './deposit.component.html',
styleUrl: './deposit.component.css',
changeDetection: ChangeDetectionStrategy.OnPush,
@ -25,15 +23,15 @@ export class DepositComponent implements OnInit {
amount: new FormControl(50, [Validators.min(50)]),
});
this.form.controls['amount'].valueChanges
.pipe(debounceTime(1000))
.subscribe((value) => {
if (value < 50) {
this.errorMsg = 'Minimum Einzahlungsbetrag ist 50€';
}
});
this.form.controls['amount'].valueChanges.pipe(debounceTime(1000)).subscribe((value) => {
if (value < 50) {
this.errorMsg = 'Minimum Einzahlungsbetrag ist 50€';
}
});
this.stripe = await loadStripe('pk_test_51QrePYIvCfqz7ANgMizBorPpVjJ8S6gcaL4yvcMQnVaKyReqcQ6jqaQEF7aDZbDu8rNVsTZrw8ABek4ToxQX7KZe00jpGh8naG');
this.stripe = await loadStripe(
'pk_test_51QrePYIvCfqz7ANgMizBorPpVjJ8S6gcaL4yvcMQnVaKyReqcQ6jqaQEF7aDZbDu8rNVsTZrw8ABek4ToxQX7KZe00jpGh8naG'
);
}
submit() {

View file

@ -2,14 +2,13 @@ import { inject, Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { Observable } from 'rxjs';
@Injectable({
providedIn: 'root'
providedIn: 'root',
})
export class DepositService {
private http: HttpClient = inject(HttpClient);
handleDeposit(amount: number): Observable<{ sessionId: string }> {
return this.http.post<{sessionId: string}>('/backend/deposit/checkout', {amount});
return this.http.post<{ sessionId: string }>('/backend/deposit/checkout', { amount });
}
}