You've already forked wc-bootstrap
31 lines
1.2 KiB
Twig
31 lines
1.2 KiB
Twig
|
{#
|
||
|
|
# Status Badge Component (Bootstrap 5)
|
||
|
|
#
|
||
|
|
# Reusable order/payment status badge with contextual colors.
|
||
|
|
#
|
||
|
|
# Expected context:
|
||
|
|
# status - Status slug (e.g., 'completed', 'processing', 'on-hold', 'cancelled', 'failed', 'refunded', 'pending')
|
||
|
|
# label - Display label (optional, defaults to status name via wc_get_order_status_name)
|
||
|
|
#
|
||
|
|
# Usage:
|
||
|
|
# {% include 'components/status-badge.html.twig' with { status: order.get_status() } %}
|
||
|
|
# {% include 'components/status-badge.html.twig' with { status: 'completed', label: 'Done' } %}
|
||
|
|
#
|
||
|
|
# @package WcBootstrap
|
||
|
|
# @since 0.1.0
|
||
|
|
#}
|
||
|
|
|
||
|
|
{% set display_label = label|default(wc_get_order_status_name(status)) %}
|
||
|
|
|
||
|
|
{% if status == 'completed' %}
|
||
|
|
<span class="badge text-bg-success">{{ display_label|esc_html }}</span>
|
||
|
|
{% elseif status == 'processing' %}
|
||
|
|
<span class="badge text-bg-primary">{{ display_label|esc_html }}</span>
|
||
|
|
{% elseif status == 'on-hold' or status == 'pending' %}
|
||
|
|
<span class="badge text-bg-warning">{{ display_label|esc_html }}</span>
|
||
|
|
{% elseif status == 'cancelled' or status == 'failed' or status == 'refunded' %}
|
||
|
|
<span class="badge text-bg-danger">{{ display_label|esc_html }}</span>
|
||
|
|
{% else %}
|
||
|
|
<span class="badge text-bg-secondary">{{ display_label|esc_html }}</span>
|
||
|
|
{% endif %}
|