julienfroidefond/towercontrol
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: update swimlane column titles with status colors

Browse Source 
- Marked the TODO item for swimlane column title colors as complete.
- Enhanced `SwimlanesBase` component to apply dynamic styles based on status colors using `getTechStyle`.
- Updated `dev.db` to reflect changes in the database schema.
This commit is contained in:
Julien Froidefond
2025-09-18 15:58:09 +02:00
parent 6161653611
commit 2fbfab1b9e
2 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
TODO.md
View File

@@ -149,7 +149,7 @@
- [x] Settings synchro Jira : ajouter une liste de projet à ignorer, doit etre pris en compte par le service bien sur - [x] Settings synchro Jira : ajouter une liste de projet à ignorer, doit etre pris en compte par le service bien sur
- [x] Faire des pages à part entière pour les sous-pages de la page config + SSR - [x] Faire des pages à part entière pour les sous-pages de la page config + SSR
- [x] Afficher dans l'édition de task les todo reliés. Pouvoir en ajouter directement avec une date ou sans. - [x] Afficher dans l'édition de task les todo reliés. Pouvoir en ajouter directement avec une date ou sans.
- [ ] Dans les titres de colonnes des swimlanes, je n'ai pas les couleurs des statuts - [x] Dans les titres de colonnes des swimlanes, je n'ai pas les couleurs des statuts
- [ ] Système de sauvegarde automatique base de données - [ ] Système de sauvegarde automatique base de données
- [ ] Sauvegarde automatique toutes les 6 heures (configurable) - [ ] Sauvegarde automatique toutes les 6 heures (configurable)
- [ ] Configuration dans les paramètres (intervalle de temps + bouton sauvegarde manuelle) - [ ] Configuration dans les paramètres (intervalle de temps + bouton sauvegarde manuelle)

5
components/kanban/SwimlanesBase.tsx
View File

@@ -7,7 +7,7 @@ import { CreateTaskData } from '@/clients/tasks-client';
import { useState } from 'react'; import { useState } from 'react';
import { useUserPreferences } from '@/contexts/UserPreferencesContext'; import { useUserPreferences } from '@/contexts/UserPreferencesContext';
import { useDragAndDrop } from '@/hooks/useDragAndDrop'; import { useDragAndDrop } from '@/hooks/useDragAndDrop';
import { getAllStatuses } from '@/lib/status-config'; import { getAllStatuses, getTechStyle } from '@/lib/status-config';
import { import {
DndContext, DndContext,
DragEndEvent, DragEndEvent,
@@ -196,9 +196,10 @@ export function SwimlanesBase({
> >
{statusesToShow.map(status => { {statusesToShow.map(status => {
const statusConfig = allStatuses.find(s => s.key === status); const statusConfig = allStatuses.find(s => s.key === status);
const techStyle = statusConfig ? getTechStyle(statusConfig.color) : null;
return ( return (
<div key={status} className="text-center"> <div key={status} className="text-center">
<h3 className="text-sm font-mono font-bold text-[var(--foreground)] uppercase tracking-wider"> <h3 className={`text-sm font-mono font-bold uppercase tracking-wider ${techStyle?.accent || 'text-[var(--foreground)]'}`}>
{statusConfig?.icon} {statusConfig?.label} {statusConfig?.icon} {statusConfig?.label}
</h3> </h3>
</div> </div>