prettier
This commit is contained in:
parent
6ba4937538
commit
55cd5fefed
4 changed files with 14 additions and 17 deletions
|
@ -18,5 +18,5 @@ export const routes: Routes = [
|
|||
path: 'deposit',
|
||||
component: DepositComponent,
|
||||
canActivate: [authGuard],
|
||||
}
|
||||
},
|
||||
];
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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() {
|
||||
|
|
|
@ -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 });
|
||||
}
|
||||
}
|
||||
|
|
Reference in a new issue