Компактный layout операций с кошельком: две колонки
- Пополнение и Списание размещены рядом (col-md-6 каждая) - Упрощены тексты заголовков, лейблов и кнопок для компактности - Фиксированная высота для подсказок — обеспечена симметрия полей - Убран разделитель между формами - Короткие placeholder'ы в полях ввода
This commit is contained in:
@@ -86,66 +86,70 @@
|
|||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
<!-- Пополнение -->
|
<div class="row">
|
||||||
<h6 class="text-success mb-3"><i class="bi bi-plus-circle"></i> Пополнение кошелька</h6>
|
<!-- Пополнение -->
|
||||||
<form method="post" action="{% url 'customers:wallet-deposit' customer.pk %}">
|
<div class="col-md-6">
|
||||||
{% csrf_token %}
|
<h6 class="text-success mb-3"><i class="bi bi-plus-circle"></i> Пополнение</h6>
|
||||||
<div class="mb-3">
|
<form method="post" action="{% url 'customers:wallet-deposit' customer.pk %}">
|
||||||
<label for="wallet_deposit_amount" class="form-label">Сумма, руб.</label>
|
{% csrf_token %}
|
||||||
<input type="number"
|
<div class="mb-3">
|
||||||
step="0.01"
|
<label for="wallet_deposit_amount" class="form-label">Сумма, руб.</label>
|
||||||
min="0.01"
|
<input type="number"
|
||||||
class="form-control"
|
step="0.01"
|
||||||
id="wallet_deposit_amount"
|
min="0.01"
|
||||||
name="amount"
|
class="form-control"
|
||||||
placeholder="0.00"
|
id="wallet_deposit_amount"
|
||||||
required>
|
name="amount"
|
||||||
|
placeholder="0.00"
|
||||||
|
required>
|
||||||
|
<div style="height: 1.25rem;"></div>
|
||||||
|
</div>
|
||||||
|
<div class="mb-3">
|
||||||
|
<label for="wallet_deposit_description" class="form-label">Описание</label>
|
||||||
|
<textarea class="form-control"
|
||||||
|
id="wallet_deposit_description"
|
||||||
|
name="description"
|
||||||
|
rows="2"
|
||||||
|
placeholder="Подарок, компенсация..."
|
||||||
|
required></textarea>
|
||||||
|
</div>
|
||||||
|
<button type="submit" class="btn btn-success w-100"><i class="bi bi-plus-circle"></i> Пополнить</button>
|
||||||
|
</form>
|
||||||
</div>
|
</div>
|
||||||
<div class="mb-3">
|
|
||||||
<label for="wallet_deposit_description" class="form-label">Описание (обязательно)</label>
|
|
||||||
<textarea class="form-control"
|
|
||||||
id="wallet_deposit_description"
|
|
||||||
name="description"
|
|
||||||
rows="2"
|
|
||||||
placeholder="Например: Подарок, компенсация за некачественный товар"
|
|
||||||
required></textarea>
|
|
||||||
</div>
|
|
||||||
<button type="submit" class="btn btn-success w-100 mb-4"><i class="bi bi-plus-circle"></i> Пополнить кошелёк</button>
|
|
||||||
</form>
|
|
||||||
|
|
||||||
<hr>
|
<!-- Возврат / списание -->
|
||||||
|
<div class="col-md-6">
|
||||||
<!-- Возврат / списание -->
|
<h6 class="text-danger mb-3"><i class="bi bi-dash-circle"></i> Списание</h6>
|
||||||
<h6 class="text-danger mb-3 mt-4"><i class="bi bi-dash-circle"></i> Возврат / списание с кошелька</h6>
|
<form method="post" action="{% url 'customers:wallet-withdraw' customer.pk %}">
|
||||||
<form method="post" action="{% url 'customers:wallet-withdraw' customer.pk %}">
|
{% csrf_token %}
|
||||||
{% csrf_token %}
|
<div class="mb-3">
|
||||||
<div class="mb-3">
|
<label for="wallet_withdraw_amount" class="form-label">Сумма, руб.</label>
|
||||||
<label for="wallet_withdraw_amount" class="form-label">Сумма, руб.</label>
|
<input type="number"
|
||||||
<input type="number"
|
step="0.01"
|
||||||
step="0.01"
|
min="0.01"
|
||||||
min="0.01"
|
max="{{ customer.wallet_balance }}"
|
||||||
max="{{ customer.wallet_balance }}"
|
class="form-control"
|
||||||
class="form-control"
|
id="wallet_withdraw_amount"
|
||||||
id="wallet_withdraw_amount"
|
name="amount"
|
||||||
name="amount"
|
placeholder="0.00"
|
||||||
placeholder="0.00"
|
required>
|
||||||
required>
|
<small class="text-muted d-block" style="height: 1.25rem; line-height: 1.25rem;">Макс: {{ customer.wallet_balance|floatformat:2 }} р.</small>
|
||||||
<small class="text-muted d-block">Макс: {{ customer.wallet_balance|floatformat:2 }} руб.</small>
|
</div>
|
||||||
|
<div class="mb-3">
|
||||||
|
<label for="wallet_withdraw_description" class="form-label">Описание</label>
|
||||||
|
<textarea class="form-control"
|
||||||
|
id="wallet_withdraw_description"
|
||||||
|
name="description"
|
||||||
|
rows="2"
|
||||||
|
placeholder="Возврат наличными..."
|
||||||
|
required></textarea>
|
||||||
|
</div>
|
||||||
|
<button type="submit" class="btn btn-danger w-100"><i class="bi bi-dash-circle"></i> Списать</button>
|
||||||
|
</form>
|
||||||
</div>
|
</div>
|
||||||
<div class="mb-3">
|
</div>
|
||||||
<label for="wallet_withdraw_description" class="form-label">Описание (обязательно)</label>
|
<div class="alert alert-info mb-0 mt-3">
|
||||||
<textarea class="form-control"
|
<i class="bi bi-info-circle"></i> Все операции логируются в истории ниже.
|
||||||
id="wallet_withdraw_description"
|
|
||||||
name="description"
|
|
||||||
rows="2"
|
|
||||||
placeholder="Например: Возврат наличными, перевод на карту клиента"
|
|
||||||
required></textarea>
|
|
||||||
</div>
|
|
||||||
<button type="submit" class="btn btn-danger w-100"><i class="bi bi-dash-circle"></i> Списать с кошелька</button>
|
|
||||||
</form>
|
|
||||||
|
|
||||||
<div class="alert alert-info mb-0 mt-4">
|
|
||||||
<i class="bi bi-info-circle"></i> Все операции автоматически логируются в истории транзакций ниже.
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user