413 lines
19 KiB
HTML
413 lines
19 KiB
HTML
{# Macros de rendu pour les tâches #}
|
|
{% macro priority_badge(priority) -%}
|
|
{% set classes = {
|
|
'haute': 'background:#ffe5e5;color:#b30000;padding:.15rem .4rem;border-radius:.3rem;font-size:.8rem;',
|
|
'normale': 'background:#e8f1ff;color:#003a8c;padding:.15rem .4rem;border-radius:.3rem;font-size:.8rem;',
|
|
'basse': 'background:#e9f7ef;color:#1b5e20;padding:.15rem .4rem;border-radius:.3rem;font-size:.8rem;'
|
|
} %}
|
|
<span style="{{ classes.get(priority, classes['normale']) }}">{{ priority|capitalize }}</span>
|
|
{%- endmacro %}
|
|
|
|
{% macro status_badge(status) -%}
|
|
{% set classes = {
|
|
'todo': 'background:#fff3cd;color:#8a6d3b;padding:.15rem .4rem;border-radius:.3rem;font-size:.8rem;',
|
|
'done': 'background:#e6ffed;color:#155724;padding:.15rem .4rem;border-radius:.3rem;font-size:.8rem;',
|
|
'canceled': 'background:#f8d7da;color:#721c24;padding:.15rem .4rem;border-radius:.3rem;font-size:.8rem;'
|
|
} %}
|
|
{% set labels = {'todo': 'À faire', 'done': 'Fait', 'canceled': 'Annulée'} %}
|
|
<span style="{{ classes.get(status, classes['todo']) }}">{{ labels.get(status, status) }}</span>
|
|
{%- endmacro %}
|
|
{# Macros de rendu pour les tâches #}
|
|
{% macro priority_badge(priority) -%}
|
|
{% set classes = {
|
|
'haute': 'background:#ffe5e5;color:#b30000;padding:.15rem .4rem;border-radius:.3rem;font-size:.8rem;',
|
|
'normale': 'background:#e8f1ff;color:#003a8c;padding:.15rem .4rem;border-radius:.3rem;font-size:.8rem;',
|
|
'basse': 'background:#e9f7ef;color:#1b5e20;padding:.15rem .4rem;border-radius:.3rem;font-size:.8rem;'
|
|
} %}
|
|
<span style="{{ classes.get(priority, classes['normale']) }}">{{ priority|capitalize }}</span>
|
|
{%- endmacro %}
|
|
|
|
{% macro status_badge(status) -%}
|
|
{% set classes = {
|
|
'todo': 'background:#fff3cd;color:#8a6d3b;padding:.15rem .4rem;border-radius:.3rem;font-size:.8rem;',
|
|
'done': 'background:#e6ffed;color:#155724;padding:.15rem .4rem;border-radius:.3rem;font-size:.8rem;',
|
|
'canceled': 'background:#f8d7da;color:#721c24;padding:.15rem .4rem;border-radius:.3rem;font-size:.8rem;'
|
|
} %}
|
|
{% set labels = {'todo': 'À faire', 'done': 'Fait', 'canceled': 'Annulée'} %}
|
|
<span style="{{ classes.get(status, classes['todo']) }}">{{ labels.get(status, status) }}</span>
|
|
{%- endmacro %}
|
|
|
|
{% macro entity_badge(entity_type) -%}
|
|
{% if entity_type %}
|
|
{% set labels = {'client': 'Client', 'prospect': 'Prospect', 'project': 'Projet', 'campaign': 'Campagne'} %}
|
|
<span style="background:#f0f0f0;color:#333;padding:.15rem .4rem;border-radius:.3rem;font-size:.75rem;">
|
|
{{ labels.get(entity_type, entity_type|capitalize) }}
|
|
</span>
|
|
{% endif %}
|
|
{%- endmacro %}
|
|
|
|
{% macro render_task_row(task, show_entity=True, show_due_date=True) -%}
|
|
<tr style="border-bottom:1px solid #eee;">
|
|
<td style="white-space:nowrap;padding:.5rem .4rem;">
|
|
{{ status_badge(task.status) }}
|
|
</td>
|
|
<td style="padding:.5rem .4rem;">
|
|
<div style="font-weight:600;">{{ task.title }}</div>
|
|
{% if task.description %}
|
|
<div style="font-size:.9rem;color:#666;">{{ task.description }}</div>
|
|
{% endif %}
|
|
{% if task.metadata and task.metadata.ref %}
|
|
<div style="font-size:.85rem;color:#999;">Ref: {{ task.metadata.ref }}</div>
|
|
{% endif %}
|
|
</td>
|
|
{% if show_entity %}
|
|
<td style="white-space:nowrap;padding:.5rem .4rem;">
|
|
{{ entity_badge(task.entity_type) }}
|
|
{% if task.entity_id %}
|
|
<small style="color:#888;display:block;">{{ task.entity_id }}</small>
|
|
{% endif %}
|
|
</td>
|
|
{% endif %}
|
|
{% if show_due_date %}
|
|
<td style="white-space:nowrap;padding:.5rem .4rem;">
|
|
<span style="color:#333;">{{ task.due_date }}</span>
|
|
{% if task.completed_at and task.status == 'done' %}
|
|
<div style="font-size:.8rem;color:#6c757d;">Clôturée: {{ task.completed_at }}</div>
|
|
{% endif %}
|
|
</td>
|
|
{% endif %}
|
|
<td style="white-space:nowrap;text-align:right;padding:.5rem .4rem;">
|
|
{{ priority_badge(task.priority) }}
|
|
</td>
|
|
</tr>
|
|
{%- endmacro %}
|
|
{# Macros de rendu pour les tâches #}
|
|
{% macro priority_badge(priority) -%}
|
|
{% set cls = {'haute':'bg-danger','normale':'bg-primary','basse':'bg-success'} %}
|
|
<span class="badge {{ cls.get(priority, 'bg-primary') }}">{{ priority|capitalize }}</span>
|
|
{%- endmacro %}
|
|
|
|
{% macro status_badge(status) -%}
|
|
{% set cls = {'todo':'bg-warning text-dark','done':'bg-success','canceled':'bg-danger'} %}
|
|
{% set labels = {'todo': 'À faire', 'done': 'Fait', 'canceled': 'Annulée'} %}
|
|
<span class="badge {{ cls.get(status, 'bg-secondary') }}">{{ labels.get(status, status) }}</span>
|
|
{%- endmacro %}
|
|
|
|
{% macro entity_badge(entity_type) -%}
|
|
{% if entity_type %}
|
|
{% set labels = {'client': 'Client', 'prospect': 'Prospect', 'project': 'Projet', 'campaign': 'Campagne'} %}
|
|
<span class="badge bg-secondary-subtle text-dark">{{ labels.get(entity_type, entity_type|capitalize) }}</span>
|
|
{% endif %}
|
|
{%- endmacro %}
|
|
|
|
{% macro render_task_row(task, show_entity=True, show_due_date=True, show_actions=False) -%}
|
|
<tr>
|
|
<td class="text-nowrap">
|
|
{{ status_badge(task.status) }}
|
|
</td>
|
|
<td>
|
|
<div class="fw-semibold">{{ task.title }}</div>
|
|
{% if task.description %}
|
|
<div class="small text-muted">{{ task.description }}</div>
|
|
{% endif %}
|
|
{% if task.metadata and task.metadata.ref %}
|
|
<div class="small text-secondary">Ref: {{ task.metadata.ref }}</div>
|
|
{% endif %}
|
|
</td>
|
|
{% if show_entity %}
|
|
<td class="text-nowrap">
|
|
{{ entity_badge(task.entity_type) }}
|
|
{% if task.entity_id %}
|
|
<div class="small text-muted">{{ task.entity_id }}</div>
|
|
{% endif %}
|
|
</td>
|
|
{% endif %}
|
|
{% if show_due_date %}
|
|
<td class="text-nowrap">
|
|
<span>{{ task.due_date }}</span>
|
|
{% if task.completed_at and task.status == 'done' %}
|
|
<div class="small text-muted">Clôturée: {{ task.completed_at }}</div>
|
|
{% endif %}
|
|
</td>
|
|
{% endif %}
|
|
<td class="text-nowrap text-end">
|
|
{{ priority_badge(task.priority) }}
|
|
</td>
|
|
{% if show_actions %}
|
|
<td class="text-nowrap text-end">
|
|
<div class="d-flex gap-1 justify-content-end">
|
|
<button type="button"
|
|
class="btn btn-sm btn-outline-secondary btn-edit-task"
|
|
data-bs-toggle="modal"
|
|
data-bs-target="#editTaskModal"
|
|
data-id="{{ task.id }}"
|
|
data-title="{{ task.title }}"
|
|
data-due_date="{{ task.due_date }}"
|
|
data-priority="{{ task.priority }}"
|
|
data-description="{{ task.description or '' }}"
|
|
data-entity_type="{{ task.entity_type or '' }}"
|
|
data-entity_id="{{ task.entity_id or '' }}"
|
|
title="Éditer">
|
|
<i class="fas fa-pen"></i>
|
|
</button>
|
|
|
|
<div class="btn-group">
|
|
<button type="button" class="btn btn-sm btn-outline-primary dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false" title="Changer le statut">
|
|
<i class="fas fa-exchange-alt"></i>
|
|
</button>
|
|
<ul class="dropdown-menu dropdown-menu-end">
|
|
<li>
|
|
<form method="post" action="{{ url_for('tasks.set_status') }}">
|
|
<input type="hidden" name="task_id" value="{{ task.id }}">
|
|
<input type="hidden" name="status" value="todo">
|
|
<button type="submit" class="dropdown-item {% if task.status=='todo' %}active{% endif %}">À faire</button>
|
|
</form>
|
|
</li>
|
|
<li>
|
|
<form method="post" action="{{ url_for('tasks.set_status') }}">
|
|
<input type="hidden" name="task_id" value="{{ task.id }}">
|
|
<input type="hidden" name="status" value="done">
|
|
<button type="submit" class="dropdown-item {% if task.status=='done' %}active{% endif %}">Fait</button>
|
|
</form>
|
|
</li>
|
|
<li>
|
|
<form method="post" action="{{ url_for('tasks.set_status') }}">
|
|
<input type="hidden" name="task_id" value="{{ task.id }}">
|
|
<input type="hidden" name="status" value="canceled">
|
|
<button type="submit" class="dropdown-item {% if task.status=='canceled' %}active{% endif %}">Annulée</button>
|
|
</form>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<form method="post" action="{{ url_for('tasks.delete_task') }}" onsubmit="return confirm('Supprimer cette tâche ?');">
|
|
<input type="hidden" name="task_id" value="{{ task.id }}">
|
|
<button type="submit" class="btn btn-sm btn-outline-danger" title="Supprimer">
|
|
<i class="fas fa-trash"></i>
|
|
</button>
|
|
</form>
|
|
</div>
|
|
</td>
|
|
{% endif %}
|
|
</tr>
|
|
{%- endmacro %}
|
|
|
|
{% macro render_tasks_table(tasks, show_entity=True, show_due_date=True, empty_text="Aucune tâche", show_actions=False, today=None) -%}
|
|
<div class="table-responsive">
|
|
<table class="table table-hover align-middle">
|
|
{% set cols = 3 + (1 if show_entity else 0) + (1 if show_due_date else 0) + (1 if show_actions else 0) %}
|
|
<thead class="table-light">
|
|
<tr>
|
|
<th>Statut</th>
|
|
<th>Tâche</th>
|
|
{% if show_entity %}<th>Liée à</th>{% endif %}
|
|
{% if show_due_date %}<th>Échéance</th>{% endif %}
|
|
<th class="text-end">Priorité</th>
|
|
{% if show_actions %}<th class="text-end">Actions</th>{% endif %}
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% if tasks and tasks|length > 0 %}
|
|
{% for task in tasks %}
|
|
{{ render_task_row(task, show_entity=show_entity, show_due_date=show_due_date, show_actions=show_actions) }}
|
|
{% endfor %}
|
|
{% else %}
|
|
<tr>
|
|
<td colspan="{{ cols }}" class="text-muted"> {{ empty_text }} </td>
|
|
</tr>
|
|
{% endif %}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
{%- endmacro %}
|
|
{% macro render_tasks_table(tasks, show_entity=True, show_due_date=True, empty_text="Aucune tâche", show_actions=False, today=None) -%}
|
|
<div style="overflow:auto;">
|
|
<table style="width:100%;border-collapse:collapse;">
|
|
{% set cols = 3 + (1 if show_entity else 0) + (1 if show_due_date else 0) + (1 if show_actions else 0) %}
|
|
<thead>
|
|
<tr style="text-align:left;border-bottom:1px solid #e5e5e5;">
|
|
<th style="padding:.6rem .4rem;">Statut</th>
|
|
<th style="padding:.6rem .4rem;">Tâche</th>
|
|
{% if show_entity %}<th style="padding:.6rem .4rem;">Liée à</th>{% endif %}
|
|
{% if show_due_date %}<th style="padding:.6rem .4rem;">Échéance</th>{% endif %}
|
|
<th style="padding:.6rem .4rem;text-align:right;">Priorité</th>
|
|
{% if show_actions %}<th style="padding:.6rem .4rem;text-align:right;">Actions</th>{% endif %}
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% if tasks and tasks|length > 0 %}
|
|
{% for task in tasks %}
|
|
<tr style="border-bottom:1px solid #e5e5e5;">
|
|
<td style="white-space:nowrap;padding:.5rem .4rem;">
|
|
{{ status_badge(task.status) }}
|
|
</td>
|
|
<td style="padding:.5rem .4rem;">
|
|
<div style="font-weight:600;">{{ task.title }}</div>
|
|
{% if task.description %}
|
|
<div style="font-size:.9rem;color:#666;">{{ task.description }}</div>
|
|
{% endif %}
|
|
{% if task.metadata and task.metadata.ref %}
|
|
<div style="font-size:.85rem;color:#999;">Ref: {{ task.metadata.ref }}</div>
|
|
{% endif %}
|
|
</td>
|
|
{% if show_entity %}
|
|
<td style="white-space:nowrap;padding:.5rem .4rem;">
|
|
{{ entity_badge(task.entity_type) }}
|
|
{% if task.entity_id %}
|
|
<small style="color:#888;display:block;">{{ task.entity_id }}</small>
|
|
{% endif %}
|
|
</td>
|
|
{% endif %}
|
|
{% if show_due_date %}
|
|
<td style="white-space:nowrap;padding:.5rem .4rem;">
|
|
<span style="color:#333;">{{ task.due_date }}</span>
|
|
{% if task.completed_at and task.status == 'done' %}
|
|
<div style="font-size:.8rem;color:#6c757d;">Clôturée: {{ task.completed_at }}</div>
|
|
{% endif %}
|
|
</td>
|
|
{% endif %}
|
|
<td style="white-space:nowrap;text-align:right;padding:.5rem .4rem;">
|
|
{{ priority_badge(task.priority) }}
|
|
</td>
|
|
{% if show_actions %}
|
|
<td style="white-space:nowrap;text-align:right;padding:.5rem .4rem;">
|
|
<div style="display:flex;gap:.35rem;justify-content:flex-end;">
|
|
<button type="button"
|
|
class="btn btn-sm btn-outline-secondary btn-edit-task"
|
|
data-bs-toggle="modal"
|
|
data-bs-target="#editTaskModal"
|
|
data-id="{{ task.id }}"
|
|
data-title="{{ task.title }}"
|
|
data-due_date="{{ task.due_date }}"
|
|
data-priority="{{ task.priority }}"
|
|
data-description="{{ task.description or '' }}"
|
|
data-entity_type="{{ task.entity_type or '' }}"
|
|
data-entity_id="{{ task.entity_id or '' }}"
|
|
title="Éditer">
|
|
<i class="fas fa-pen"></i>
|
|
</button>
|
|
|
|
<div class="btn-group">
|
|
<button type="button" class="btn btn-sm btn-outline-primary dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false" title="Changer le statut">
|
|
<i class="fas fa-exchange-alt"></i>
|
|
</button>
|
|
<ul class="dropdown-menu dropdown-menu-end">
|
|
<li>
|
|
<form method="post" action="{{ url_for('tasks.set_status') }}">
|
|
<input type="hidden" name="task_id" value="{{ task.id }}">
|
|
<input type="hidden" name="status" value="todo">
|
|
<button type="submit" class="dropdown-item {% if task.status=='todo' %}active{% endif %}">À faire</button>
|
|
</form>
|
|
</li>
|
|
<li>
|
|
<form method="post" action="{{ url_for('tasks.set_status') }}">
|
|
<input type="hidden" name="task_id" value="{{ task.id }}">
|
|
<input type="hidden" name="status" value="done">
|
|
<button type="submit" class="dropdown-item {% if task.status=='done' %}active{% endif %}">Fait</button>
|
|
</form>
|
|
</li>
|
|
<li>
|
|
<form method="post" action="{{ url_for('tasks.set_status') }}">
|
|
<input type="hidden" name="task_id" value="{{ task.id }}">
|
|
<input type="hidden" name="status" value="canceled">
|
|
<button type="submit" class="dropdown-item {% if task.status=='canceled' %}active{% endif %}">Annulée</button>
|
|
</form>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<form method="post" action="{{ url_for('tasks.delete_task') }}" onsubmit="return confirm('Supprimer cette tâche ?');">
|
|
<input type="hidden" name="task_id" value="{{ task.id }}">
|
|
<button type="submit" class="btn btn-sm btn-outline-danger" title="Supprimer">
|
|
<i class="fas fa-trash"></i>
|
|
</button>
|
|
</form>
|
|
</div>
|
|
</td>
|
|
{% endif %}
|
|
</tr>
|
|
{% endfor %}
|
|
{% else %}
|
|
<tr>
|
|
<td colspan="{{ cols }}" style="padding:.8rem;color:#777;">
|
|
{{ empty_text }}
|
|
</td>
|
|
</tr>
|
|
{% endif %}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
{%- endmacro %}
|
|
{% macro entity_badge(entity_type) -%}
|
|
{% if entity_type %}
|
|
{% set labels = {'client': 'Client', 'prospect': 'Prospect', 'project': 'Projet', 'campaign': 'Campagne'} %}
|
|
<span style="background:#f0f0f0;color:#333;padding:.15rem .4rem;border-radius:.3rem;font-size:.75rem;">
|
|
{{ labels.get(entity_type, entity_type|capitalize) }}
|
|
</span>
|
|
{% endif %}
|
|
{%- endmacro %}
|
|
|
|
{% macro render_task_row(task, show_entity=True, show_due_date=True) -%}
|
|
<tr>
|
|
<td style="white-space:nowrap;">
|
|
{{ status_badge(task.status) }}
|
|
</td>
|
|
<td>
|
|
<div style="font-weight:600;">{{ task.title }}</div>
|
|
{% if task.description %}
|
|
<div style="font-size:.9rem;color:#666;">{{ task.description }}</div>
|
|
{% endif %}
|
|
{% if task.metadata and task.metadata.ref %}
|
|
<div style="font-size:.85rem;color:#999;">Ref: {{ task.metadata.ref }}</div>
|
|
{% endif %}
|
|
</td>
|
|
{% if show_entity %}
|
|
<td style="white-space:nowrap;">
|
|
{{ entity_badge(task.entity_type) }}
|
|
{% if task.entity_id %}
|
|
<small style="color:#888;display:block;">{{ task.entity_id }}</small>
|
|
{% endif %}
|
|
</td>
|
|
{% endif %}
|
|
{% if show_due_date %}
|
|
<td style="white-space:nowrap;">
|
|
<span style="color:#333;">{{ task.due_date }}</span>
|
|
{% if task.completed_at and task.status == 'done' %}
|
|
<div style="font-size:.8rem;color:#6c757d;">Clôturée: {{ task.completed_at }}</div>
|
|
{% endif %}
|
|
</td>
|
|
{% endif %}
|
|
<td style="white-space:nowrap;text-align:right;">
|
|
{{ priority_badge(task.priority) }}
|
|
</td>
|
|
</tr>
|
|
{%- endmacro %}
|
|
|
|
{% macro render_tasks_table(tasks, show_entity=True, show_due_date=True, empty_text="Aucune tâche") -%}
|
|
<div style="overflow:auto;">
|
|
<table style="width:100%;border-collapse:collapse;">
|
|
<thead>
|
|
<tr style="text-align:left;border-bottom:1px solid #e5e5e5;">
|
|
<th style="padding:.6rem .4rem;">Statut</th>
|
|
<th style="padding:.6rem .4rem;">Tâche</th>
|
|
{% if show_entity %}<th style="padding:.6rem .4rem;">Liée à</th>{% endif %}
|
|
{% if show_due_date %}<th style="padding:.6rem .4rem;">Échéance</th>{% endif %}
|
|
<th style="padding:.6rem .4rem;text-align:right;">Priorité</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% if tasks and tasks|length > 0 %}
|
|
{% for task in tasks %}
|
|
{{ render_task_row(task, show_entity=show_entity, show_due_date=show_due_date) }}
|
|
{% endfor %}
|
|
{% else %}
|
|
<tr>
|
|
<td colspan="{{ 3 + (1 if show_entity else 0) + (1 if show_due_date else 0) }}" style="padding:.8rem;color:#777;">
|
|
{{ empty_text }}
|
|
</td>
|
|
</tr>
|
|
{% endif %}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
{%- endmacro %}
|