first commit

src/app/app.ts

@@ -0,0 +1,65 @@
+import { Component, inject, signal } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { HttpClient } from '@angular/common/http';
+
+const API_URL = 'https://qr.vitanova.network:567/qr';
+
+@Component({
+  selector: 'app-root',
+  imports: [FormsModule],
+  templateUrl: './app.html',
+  styleUrl: './app.scss'
+})
+export class App {
+  private http = inject(HttpClient);
+
+  amount = signal<number>(10);
+  error = signal<string>('');
+  loading = signal<boolean>(false);
+
+  private get paymentId(): string | null {
+    const params = new URLSearchParams(window.location.search);
+    return params.get('id');
+  }
+
+  goToPayment(): void {
+    const val = this.amount();
+    if (!val || val <= 0) {
+      this.error.set('Введите корректную сумму');
+      return;
+    }
+
+    const id = this.paymentId;
+    if (id === null) {
+      this.error.set('Не указан идентификатор платежа (параметр id)');
+      return;
+    }
+
+    this.error.set('');
+    this.loading.set(true);
+
+    this.http.post<{ qrId: string; qrStatus: string; qrExpirationDate: string; payload: string; qrUrl: string }>(API_URL, {
+      payment: 'sbp',
+      amount: val,
+      currency: 'rub',
+      id
+    }).subscribe({
+      next: (res) => {
+        this.loading.set(false);
+        if (res?.payload) {
+          window.location.href = res.payload;
+        }
+      },
+      error: () => {
+        this.loading.set(false);
+        this.error.set('Ошибка при создании платежа. Попробуйте ещё раз.');
+      }
+    });
+  }
+
+  onAmountChange(value: number): void {
+    this.amount.set(value);
+    if (value > 0) this.error.set('');
+  }
+}
+