Valogeo/loko
Valogeo/loko
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style: update intervention status "on_pause" color to #6b226e and adjust associated text contrast

Browse source
This commit is contained in:
kdeterme 2026-08-17 17:37:46 +02:00
parent 6e02156034
commit 781eca84c3
8 changed files with 23 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
loko/common/help_docs/fr/statuts_intervention.md
View file

@ -56,9 +56,9 @@ Voici l'explication détaillée de chaque étape :
<!-- 7. En pause -->
<div class="d-flex align-items-start gap-3 mb-3">
<div class="d-flex align-items-center justify-content-center fw-bold rounded-circle text-dark" style="background-color: #90a4ae; width: 32px; height: 32px; flex-shrink: 0; font-size: 0.95rem; line-height: 1;">7</div>
<div class="d-flex align-items-center justify-content-center fw-bold rounded-circle text-white" style="background-color: #6b226e; width: 32px; height: 32px; flex-shrink: 0; font-size: 0.95rem; line-height: 1;">7</div>
<div style="flex-grow: 1;">
<strong style="color: #607d8b; font-size: 1rem;">En pause</strong> : Le chantier est temporairement arrêté (en attente de pièces détachées, conditions météo défavorables, etc.).
<strong style="color: #6b226e; font-size: 1rem;">En pause</strong> : Le chantier est temporairement arrêté (en attente de pièces détachées, conditions météo défavorables, etc.).
</div>
</div>

4
loko/common/help_docs/nl/statuts_intervention.md
View file

@ -56,9 +56,9 @@ Hier is de gedetailleerde uitleg van elke stap:
<!-- 7. In pauze -->
<div class="d-flex align-items-start gap-3 mb-3">
<div class="d-flex align-items-center justify-content-center fw-bold rounded-circle text-dark" style="background-color: #90a4ae; width: 32px; height: 32px; flex-shrink: 0; font-size: 0.95rem; line-height: 1;">7</div>
<div class="d-flex align-items-center justify-content-center fw-bold rounded-circle text-white" style="background-color: #6b226e; width: 32px; height: 32px; flex-shrink: 0; font-size: 0.95rem; line-height: 1;">7</div>
<div style="flex-grow: 1;">
<strong style="color: #607d8b; font-size: 1rem;">In pauze</strong> : De werf is tijdelijk stilgelegd (in afwachting van onderdelen, slechte weersomstandigheden, enz.).
<strong style="color: #6b226e; font-size: 1rem;">In pauze</strong> : De werf is tijdelijk stilgelegd (in afwachting van onderdelen, slechte weersomstandigheden, enz.).
</div>
</div>

16
loko/common/static/common/base_style.css
View file

@ -323,8 +323,8 @@ label,
}
.badge.status-on_pause {
background-color: #90a4ae !important;
color: #000000 !important;
background-color: #6b226e !important;
color: #ffffff !important;
}
.badge.status-finished {
@ -441,15 +441,15 @@ label,
}
.filter-option label.status-on_pause {
border-color: #90a4ae !important;
color: #90a4ae !important;
border-color: #6b226e !important;
color: #6b226e !important;
background-color: transparent !important;
}
.filter-option input[type="checkbox"]:hover+label.status-on_pause,
.filter-option input[type="checkbox"]:checked+label.status-on_pause {
background-color: #90a4ae !important;
border-color: #90a4ae !important;
color: #000000 !important;
background-color: #6b226e !important;
border-color: #6b226e !important;
color: #ffffff !important;
}
.filter-option label.status-finished {
@ -555,7 +555,7 @@ label,
.text-status-to_be_processed { color: #f4511e !important; }
.text-status-assigned { color: #63b3ed !important; }
.text-status-in_progress { color: #3182ce !important; }
.text-status-on_pause { color: #90a4ae !important; }
.text-status-on_pause { color: #6b226e !important; }
.text-status-finished { color: #26a69a !important; }
.text-status-processed { color: #9ae9e2 !important; }
.text-status-to_be_corrected { color: #9e87f6 !important; }

10
loko/home/templates/home/widgets/intervention_on_pause.html
View file

@ -1,10 +1,10 @@
{% load i18n %}
{# ========== Widget compteur d'interventions en pause ========== #}
<div class="card shadow-sm h-100" style="border-color: #90a4ae !important;">
<div class="card-header d-flex align-items-center justify-content-between" style="background-color: #90a4ae !important;">
<div class="card shadow-sm h-100" style="border-color: #6b226e !important;">
<div class="card-header d-flex align-items-center justify-content-between" style="background-color: #6b226e !important;">
<a href="{% url 'interventions:interventions_index' %}?{% if thematic_filter_param %}{{ thematic_filter_param }}&{% endif %}status=on_pause"
class="text-decoration-none fw-bold text-uppercase" style="color: #000000 !important; letter-spacing:.05em;">
class="text-decoration-none fw-bold text-uppercase" style="color: #ffffff !important; letter-spacing:.05em;">
<i class="bi bi-pause-circle-fill me-2"></i>{% translate "Interventions en pause" %}
</a>
</div>
@ -13,7 +13,7 @@
<div class="text-center py-2 border-bottom">
<a href="{% url 'interventions:interventions_index' %}?{% if thematic_filter_param %}{{ thematic_filter_param }}&{% endif %}status=on_pause{% if is_manager_filter_applied %}&intervention_manager={{ request.user.id }}{% endif %}"
class="text-decoration-none">
<span class="display-5 fw-bold" style="color: #90a4ae !important;">{{ intervention_on_pause_count }}</span>
<span class="display-5 fw-bold" style="color: #6b226e !important;">{{ intervention_on_pause_count }}</span>
{% if is_manager_filter_applied %}
<span class="text-muted fs-6 fw-normal ms-1">{% translate "(gestionnaire)" %}</span>
{% endif %}
@ -26,7 +26,7 @@
<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: #90a4ae !important;">{{ itv.code }}</span>
<span class="fw-semibold text-truncate me-2" style="max-width:70%; color: #6b226e !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;">

4
loko/interventions/models.py
View file

@ -64,7 +64,7 @@ STATUS_COLORS = {
'to_be_processed': '#f4511e',
'assigned': '#63b3ed',
'in_progress': '#3182ce',
'on_pause': '#90a4ae',
'on_pause': '#6b226e',
'finished': '#26a69a',
'processed': '#9ae9e2',
'to_be_corrected': '#9e87f6',
@ -76,7 +76,7 @@ STATUS_COLORS = {
}
# Statuts dont le texte doit être sombre (fond clair).
STATUS_COLORS_DARK_TEXT = {'to_be_approved', 'to_be_planned', 'assigned', 'on_pause', 'processed', 'to_be_corrected', 'corrected', 'canceled'}
STATUS_COLORS_DARK_TEXT = {'to_be_approved', 'to_be_planned', 'assigned', 'processed', 'to_be_corrected', 'corrected', 'canceled'}
PRIORITY_CHOICES = {

4
loko/interventions/static/interventions/calendar/interventions_calendar.css
View file

@ -47,8 +47,8 @@
.vis-item.status-in_preparation { background-color: #6c757d; border-color: #5a6268; color: #fff; }
.vis-item.status-to_be_approved,
.vis-item.status-to_be_planned,
.vis-item.status-assigned,
.vis-item.status-on_pause { background-color: #ffc107; border-color: #e0a800; color: #000; }
.vis-item.status-assigned { background-color: #ffc107; border-color: #e0a800; color: #000; }
.vis-item.status-on_pause { background-color: #6b226e; border-color: #531a56; color: #fff; }
.vis-item.status-to_be_processed,
.vis-item.status-to_be_corrected { background-color: #dc3545; border-color: #bd2130; color: #fff; }
.vis-item.status-in_progress { background-color: #007bff; border-color: #0056b3; color: #fff; }

2
loko/interventions/static/interventions/status_colors.js
View file

@ -16,7 +16,7 @@ const INTERVENTION_STATUS_COLORS = {
to_be_processed: '#f4511e',
assigned: '#63b3ed',
in_progress: '#3182ce',
on_pause: '#90a4ae',
on_pause: '#6b226e',
finished: '#26a69a',
processed: '#9ae9e2',
to_be_corrected: '#9e87f6',

2
loko/mobile/templates/mobile/mobile_base.html
View file

@ -131,7 +131,7 @@
.badge.status-to_be_processed { background-color: #f4511e !important; color: #ffffff !important; }
.badge.status-assigned { background-color: #63b3ed !important; color: #000000 !important; }
.badge.status-in_progress { background-color: #3182ce !important; color: #ffffff !important; }
.badge.status-on_pause { background-color: #90a4ae !important; color: #000000 !important; }
.badge.status-on_pause { background-color: #6b226e !important; color: #ffffff !important; }
.badge.status-finished { background-color: #26a69a !important; color: #ffffff !important; }
.badge.status-processed { background-color: #9ae9e2 !important; color: #000000 !important; }
.badge.status-to_be_corrected { background-color: #9e87f6 !important; color: #000000 !important; }