changes

2026-04-30 01:17:17 +04:00
parent dc0f0409af
commit ed78bb603b
24 changed files with 1554 additions and 410 deletions
--- a/payment.html
+++ b/payment.html
@@ -124,6 +124,21 @@
      display: inline-flex; align-items: center; gap: 6px;
      font-size: 12px; color: #94a3b8; font-weight: 500;
    }
+
+    .note-input {
+      width: 100%; border: 2px solid #e2e8f0; border-radius: 14px;
+      background: #f8fafc; padding: 14px 16px;
+      font-size: 15px; font-weight: 500; color: #0f172a;
+      font-family: inherit; resize: vertical; outline: none;
+      transition: border-color .2s, box-shadow .2s, background .2s;
+      line-height: 1.5;
+    }
+    .note-input::placeholder { color: #cbd5e1; font-weight: 400; }
+    .note-input:focus {
+      border-color: #2563eb;
+      box-shadow: 0 0 0 4px rgba(37,99,235,.12);
+      background: #fff;
+    }
  </style>
 </head>
 <body>
@@ -166,6 +181,17 @@
        <span class="currency-badge__name">Российский рубль</span>
      </div>

+      <div class="field">
+        <label class="field__label" for="note">Примечание</label>
+        <textarea
+          id="note"
+          class="note-input"
+          placeholder="Причина платежа..."
+          rows="3"
+          maxlength="500"
+        ></textarea>
+      </div>
+
      <button class="pay-btn" id="payBtn" onclick="goToPayment()">
        <span class="pay-btn__icon">
          <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
@@ -194,6 +220,7 @@
  const API_URL = 'https://qr.vitanova.network:567/qr';

  const amountInput = document.getElementById('amount');
+  const noteInput = document.getElementById('note');
  const errorEl = document.getElementById('error');
  const payBtn = document.getElementById('payBtn');
  const btnText = document.getElementById('btnText');
@@ -241,7 +268,7 @@
    fetch(API_URL, {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify({ payment: 'sbp', amount, currency: 'rub', id })
+      body: JSON.stringify({ payment: 'sbp', amount, currency: 'rub', id, note: noteInput.value.trim() })
    })
      .then(function (res) {
        if (!res.ok) throw new Error('HTTP ' + res.status);