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="Опционально">
|
placeholder="Опционально">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Кнопки -->
|
<!-- Кнопка добавить (только для mixed mode) -->
|
||||||
|
${this.mode === 'mixed' ? `
|
||||||
<div class="d-flex gap-2">
|
<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"
|
<button type="button"
|
||||||
class="btn btn-sm btn-success flex-grow-1"
|
class="btn btn-sm btn-outline-primary"
|
||||||
id="${this.containerId}-submit-btn">
|
id="${this.containerId}-add-btn">
|
||||||
<i class="bi bi-check-lg"></i> Оплатить
|
<i class="bi bi-plus-circle"></i> Добавить платеж
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</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) {
|
selectPaymentMethod(btnElement) {
|
||||||
|
|||||||
@@ -504,5 +504,5 @@
|
|||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<script src="{% static 'pos/js/terminal.js' %}?v=3"></script>
|
<script src="{% static 'pos/js/terminal.js' %}?v=4"></script>
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|||||||
Reference in New Issue
Block a user