loko/streetup/home/templates/home/widgets/intervention_to_verify.html
2026-07-22 14:48:40 +02:00

48 lines
2.7 KiB
HTML

{% load i18n %}
{# ========== Widget compteur d'interventions à vérifier ========== #}
<div class="card shadow-sm h-100" style="border-color: #ffb74d !important;">
<div class="card-header d-flex align-items-center justify-content-between" style="background-color: #ffb74d !important;">
<a href="{% url 'interventions:interventions_index' %}?{% if thematic_filter_param %}{{ thematic_filter_param }}&{% endif %}status=to_be_approved&is_checked=false"
class="text-decoration-none fw-bold text-uppercase" style="color: #000000 !important; letter-spacing:.05em;">
<i class="bi bi-clipboard2-check-fill me-2"></i>{% translate "Interventions à vérifier" %}
</a>
</div>
{# --- Compteur --- #}
<div class="text-center py-2 border-bottom">
<a href="{% url 'interventions:interventions_index' %}?{% if thematic_filter_param %}{{ thematic_filter_param }}&{% endif %}status=to_be_approved&is_checked=false"
class="text-decoration-none">
<span class="display-5 fw-bold" style="color: #ffb74d !important;">{{ intervention_to_verify_count }}</span>
</a>
</div>
{# --- Liste des 5 premières interventions --- #}
<ul class="list-group list-group-flush">
{% for itv in intervention_to_verify_list %}
<li class="list-group-item px-2 py-1 small">
<a href="{% url 'interventions:intervention_detail' itv.id %}" class="text-decoration-none d-block">
<div class="d-flex justify-content-between align-items-start">
<span class="fw-semibold text-truncate me-2" style="max-width:70%; color: #ffb74d !important;">{{ itv.code }}</span>
<span class="text-muted text-nowrap" style="font-size:.75rem;">{{ itv.creation_time|date:"d/m H:i" }}</span>
</div>
<span class="text-muted" style="font-size:.75rem;">
{% if itv.title %}{{ itv.title|truncatechars:50 }}{% endif %}
{% if itv.thematic %} &middot; {{ itv.thematic.code }}{% endif %}
</span>
</a>
</li>
{% empty %}
<li class="list-group-item text-center text-muted py-2 small">
<i class="bi bi-check-circle text-success me-1"></i>{% translate "Aucune intervention à vérifier" %}
</li>
{% endfor %}
</ul>
<div class="card-footer text-center text-muted small">
<a href="{% url 'interventions:interventions_index' %}?{% if thematic_filter_param %}{{ thematic_filter_param }}&{% endif %}status=to_be_approved&is_checked=false"
class="text-muted text-decoration-none">
<i class="bi bi-arrow-right-circle me-1"></i>{% translate "Voir toutes les interventions à vérifier" %}
</a>
</div>
</div>