bruno
3fcc12ad8c
Templates modifiés (22 fichiers): - _icons.html: +14 new icons (paperclip, external-link, sparkles, lightbulb, tag, file-text, save, upload, trending-up, zap, alert-triangle, user, eye-off) - base.html: +8 JS icons, 🦎🐙🔑🔗👁📋🔲📑❓⚠️→SVG - page_editor.html: 43→0 émojis (📎📄🔒🔗⭐📋📁✨📝🗄📑📊📅🗓🖼📥🌐✏💬💡 etc) - settings.html: 30→0 (⚙️📋🏷🧩👥💾🙈👁🔒🌙☀️🌳📊📝⚠🦎✅🐙🔗✏🗑) - local_workspace.html: 25→0 (📄📁✏🗑⚠📋➕) - gitea_workspace.html: 25→0 (🔗📄📤🔄⚙📁📄🔒✏🗑💾) - board.html: 13→0 (📁📊📋☰📈👥✕✓🗑⚡🔍) - workspace.html: 11→0 (🏠🔑⚙📁🔗📂🐙) - landing.html: 8→0 (📚🚀📝📊🦎🌐🔒⚡) - trash.html, table_view, dashboard, accounts, card_detail, public_page, workspaces, team_load, notes, _header, detailed_board, card, board_fragment - Ajouté import _icons.html aux fragments standalone - 143 tests passent
61 lines
2.7 KiB
HTML
61 lines
2.7 KiB
HTML
<!-- Kanban Board Fragment — loaded via HTMX -->
|
|
<div id="view-content" class="kanban-container" x-data="kanbanBoard()">
|
|
{% set statuses = [('todo', 'To-do', 'var(--gray)', 0), ('progress', 'In progress', 'var(--blue)', 1), ('done', 'Complete', 'var(--green)', 2)] %}
|
|
{% for status, label, color, _ in statuses %}
|
|
<div class="kanban-column">
|
|
<div class="kanban-column-header">
|
|
<span class="col-dot" style="background: {{ color }};"></span>
|
|
{{ label }}
|
|
<span class="col-count">{{ groups|map(attribute='counts')|map(attribute=status)|sum }}</span>
|
|
</div>
|
|
{% for group in groups %}
|
|
<div class="kanban-group-header" @click="toggleGroup('{{ group.id }}')">
|
|
<span class="group-chevron" :class="{ 'open': !collapsedGroups.includes('{{ group.id }}') }">▶</span>
|
|
{{ group.name }}
|
|
<span class="group-count">{{ group.counts[status] }}</span>
|
|
</div>
|
|
<div class="kanban-cards" x-show="!collapsedGroups.includes('{{ group.id }}')"
|
|
data-group="{{ group.id }}" data-status="{{ status }}"
|
|
id="kanban-{{ group.id }}-{{ status }}">
|
|
{% for card in group.cards if card.status == status %}
|
|
<div class="kanban-card card-status-{{ card.status }}"
|
|
data-card-id="{{ card.id }}"
|
|
@click="openCardDetail('{{ card.id }}')">
|
|
<div class="card-header">
|
|
<span class="card-icon">{{ card.icon }}</span>
|
|
<span class="card-title">{{ card.title }}</span>
|
|
</div>
|
|
<div class="card-meta">
|
|
{% if card.assignee %}
|
|
<div class="card-assignee">
|
|
<div class="card-avatar" title="{{ card.assignee }}">{{ card.assignee[0] }}</div>
|
|
<span>{{ card.assignee }}</span>
|
|
</div>
|
|
{% endif %}
|
|
{% if card.tag %}
|
|
<span class="card-tag" style="background: {{ card.tag_color }}20; color: {{ card.tag_color }};">{{ card.tag }}</span>
|
|
{% endif %}
|
|
{% if card.due_date %}
|
|
<div class="card-date"><span>{{ fd_icon("calendar",14) }}</span> {{ card.due_date }}</div>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
<button class="kanban-new-card" @click="newCard('{{ group.id }}', '{{ status }}')">+ New page</button>
|
|
</div>
|
|
{% endfor %}
|
|
<button class="kanban-new-group" @click="newGroup()" style="margin-top: 12px;">+ New group</button>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
|
|
<script>
|
|
function openCardDetail(id) {
|
|
htmx.ajax('GET', `/api/issues/${owner}/${repo}/${id}?format=html`, {
|
|
target: '#card-modal-content', swap: 'innerHTML'
|
|
});
|
|
document.getElementById('card-modal').style.display = 'flex';
|
|
document.getElementById('card-modal-title').textContent = 'Issue #' + id;
|
|
}
|
|
</script>
|