UX: Удалена лишняя кнопка "Оплатить" из виджета оплаты
Убрана кнопка "Оплатить" внутри PaymentWidget, чтобы избежать путаницы. Теперь есть только одна кнопка "Подтвердить продажу" внизу модального окна. При смешанной оплате: - Кнопка "Добавить платеж" для добавления способов оплаты - Кнопка "Подтвердить продажу" для завершения (внизу модалки) Это удобнее и безопаснее - пользователи не будут случайно нажимать не ту кнопку при добавлении нескольких платежей. Версия JS: v4 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
@@ -80,21 +80,16 @@ export class PaymentWidget {
|
||||
placeholder="Опционально">
|
||||
</div>
|
||||
|
||||
<!-- Кнопки -->
|
||||
<!-- Кнопка добавить (только для mixed mode) -->
|
||||
${this.mode === 'mixed' ? `
|
||||
<div class="d-flex gap-2">
|
||||
${this.mode === 'mixed' ? `
|
||||
<button type="button"
|
||||
class="btn btn-sm btn-outline-primary"
|
||||
id="${this.containerId}-add-btn">
|
||||
<i class="bi bi-plus-circle"></i> Добавить
|
||||
</button>
|
||||
` : ''}
|
||||
<button type="button"
|
||||
class="btn btn-sm btn-success flex-grow-1"
|
||||
id="${this.containerId}-submit-btn">
|
||||
<i class="bi bi-check-lg"></i> Оплатить
|
||||
class="btn btn-sm btn-outline-primary"
|
||||
id="${this.containerId}-add-btn">
|
||||
<i class="bi bi-plus-circle"></i> Добавить платеж
|
||||
</button>
|
||||
</div>
|
||||
` : ''}
|
||||
`;
|
||||
}
|
||||
|
||||
@@ -147,10 +142,7 @@ export class PaymentWidget {
|
||||
}
|
||||
|
||||
// Отправка
|
||||
const submitBtn = document.getElementById(`${this.containerId}-submit-btn`);
|
||||
if (submitBtn) {
|
||||
submitBtn.addEventListener('click', () => this.submit());
|
||||
}
|
||||
// Кнопка "Оплатить" удалена - используется только основная кнопка "Подтвердить продажу" в модалке
|
||||
}
|
||||
|
||||
selectPaymentMethod(btnElement) {
|
||||
|
||||
@@ -504,5 +504,5 @@
|
||||
}
|
||||
</script>
|
||||
|
||||
<script src="{% static 'pos/js/terminal.js' %}?v=3"></script>
|
||||
<script src="{% static 'pos/js/terminal.js' %}?v=4"></script>
|
||||
{% endblock %}
|
||||
|
||||
Reference in New Issue
Block a user