feat: implement Jira auto-sync scheduler and UI configuration
- Added `jiraAutoSync` and `jiraSyncInterval` fields to user preferences for scheduler configuration. - Created `JiraScheduler` service to manage automatic synchronization with Jira based on user settings. - Updated API route to handle scheduler actions and configuration updates. - Introduced `JiraSchedulerConfig` component for user interface to control scheduler settings. - Enhanced `TODO.md` to reflect completed tasks related to Jira synchronization features.
This commit is contained in:
Julien Froidefond
208
src/components/jira/JiraSchedulerConfig.tsx
Normal file
208
src/components/jira/JiraSchedulerConfig.tsx
Normal file
@@ -0,0 +1,208 @@
|
||||
'use client';
|
||||
|
||||
import { useState, useEffect } from 'react';
|
||||
import { Button } from '@/components/ui/Button';
|
||||
import { Card, CardHeader, CardContent } from '@/components/ui/Card';
|
||||
import { Badge } from '@/components/ui/Badge';
|
||||
import { jiraClient, JiraSchedulerStatus } from '@/clients/jira-client';
|
||||
|
||||
interface JiraSchedulerConfigProps {
|
||||
className?: string;
|
||||
}
|
||||
|
||||
export function JiraSchedulerConfig({ className = "" }: JiraSchedulerConfigProps) {
|
||||
const [schedulerStatus, setSchedulerStatus] = useState<JiraSchedulerStatus | null>(null);
|
||||
const [isLoading, setIsLoading] = useState(false);
|
||||
const [error, setError] = useState<string | null>(null);
|
||||
|
||||
// Charger le statut initial
|
||||
useEffect(() => {
|
||||
loadSchedulerStatus();
|
||||
}, []);
|
||||
|
||||
const loadSchedulerStatus = async () => {
|
||||
try {
|
||||
const status = await jiraClient.testConnection();
|
||||
if (status.scheduler) {
|
||||
setSchedulerStatus(status.scheduler);
|
||||
}
|
||||
} catch (err) {
|
||||
console.error('Erreur lors du chargement du statut scheduler:', err);
|
||||
}
|
||||
};
|
||||
|
||||
const toggleScheduler = async () => {
|
||||
if (!schedulerStatus) return;
|
||||
|
||||
setIsLoading(true);
|
||||
setError(null);
|
||||
|
||||
try {
|
||||
// Utiliser isEnabled au lieu de isRunning pour l'activation
|
||||
const newStatus = await jiraClient.updateSchedulerConfig(!schedulerStatus.isEnabled, schedulerStatus.interval);
|
||||
setSchedulerStatus(newStatus);
|
||||
} catch (err) {
|
||||
setError(err instanceof Error ? err.message : 'Erreur lors du toggle scheduler');
|
||||
} finally {
|
||||
setIsLoading(false);
|
||||
}
|
||||
};
|
||||
|
||||
const updateInterval = async (interval: 'hourly' | 'daily' | 'weekly') => {
|
||||
if (!schedulerStatus) return;
|
||||
|
||||
setIsLoading(true);
|
||||
setError(null);
|
||||
|
||||
try {
|
||||
const newStatus = await jiraClient.updateSchedulerConfig(true, interval);
|
||||
setSchedulerStatus(newStatus);
|
||||
} catch (err) {
|
||||
setError(err instanceof Error ? err.message : 'Erreur lors de la mise à jour');
|
||||
} finally {
|
||||
setIsLoading(false);
|
||||
}
|
||||
};
|
||||
|
||||
const getStatusBadge = () => {
|
||||
if (!schedulerStatus) return null;
|
||||
|
||||
if (!schedulerStatus.jiraConfigured) {
|
||||
return <Badge variant="warning" size="sm">⚠️ Jira non configuré</Badge>;
|
||||
}
|
||||
|
||||
if (!schedulerStatus.isEnabled) {
|
||||
return <Badge variant="default" size="sm">⏸️ Désactivé</Badge>;
|
||||
}
|
||||
|
||||
return schedulerStatus.isRunning ? (
|
||||
<Badge variant="success" size="sm">✅ Actif</Badge>
|
||||
) : (
|
||||
<Badge variant="danger" size="sm">❌ Arrêté</Badge>
|
||||
);
|
||||
};
|
||||
|
||||
const getNextSyncText = () => {
|
||||
if (!schedulerStatus?.nextSync) return 'Aucune synchronisation planifiée';
|
||||
|
||||
const nextSync = new Date(schedulerStatus.nextSync);
|
||||
const now = new Date();
|
||||
const diffMs = nextSync.getTime() - now.getTime();
|
||||
|
||||
if (diffMs <= 0) return 'Synchronisation en cours...';
|
||||
|
||||
const diffHours = Math.floor(diffMs / (1000 * 60 * 60));
|
||||
const diffMinutes = Math.floor((diffMs % (1000 * 60 * 60)) / (1000 * 60));
|
||||
|
||||
if (diffHours > 0) {
|
||||
return `Dans ${diffHours}h ${diffMinutes}min`;
|
||||
} else {
|
||||
return `Dans ${diffMinutes}min`;
|
||||
}
|
||||
};
|
||||
|
||||
const getIntervalText = (interval: string) => {
|
||||
switch (interval) {
|
||||
case 'hourly': return 'Toutes les heures';
|
||||
case 'daily': return 'Quotidienne';
|
||||
case 'weekly': return 'Hebdomadaire';
|
||||
default: return interval;
|
||||
}
|
||||
};
|
||||
|
||||
if (!schedulerStatus) {
|
||||
return (
|
||||
<Card className={className}>
|
||||
<CardHeader>
|
||||
<h3 className="text-lg font-semibold">⏰ Synchronisation automatique</h3>
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
<p className="text-gray-500">Chargement...</p>
|
||||
</CardContent>
|
||||
</Card>
|
||||
);
|
||||
}
|
||||
|
||||
return (
|
||||
<Card className={className}>
|
||||
<CardHeader>
|
||||
<div className="flex items-center justify-between gap-3">
|
||||
<h3 className="text-base sm:text-lg font-semibold flex-1 min-w-0 truncate">⏰ Synchronisation automatique</h3>
|
||||
<div className="flex-shrink-0">
|
||||
{getStatusBadge()}
|
||||
</div>
|
||||
</div>
|
||||
</CardHeader>
|
||||
<CardContent className="space-y-4">
|
||||
{error && (
|
||||
<div className="p-3 bg-red-50 border border-red-200 rounded-md">
|
||||
<p className="text-red-700 text-sm">{error}</p>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* Statut actuel */}
|
||||
<div className="grid grid-cols-2 gap-4 text-sm">
|
||||
<div>
|
||||
<span className="font-medium text-gray-600">Statut:</span>
|
||||
<p className="mt-1">
|
||||
{schedulerStatus.isEnabled && schedulerStatus.isRunning ? '🟢 Actif' : '🔴 Arrêté'}
|
||||
</p>
|
||||
</div>
|
||||
<div>
|
||||
<span className="font-medium text-gray-600">Fréquence:</span>
|
||||
<p className="mt-1">{getIntervalText(schedulerStatus.interval)}</p>
|
||||
</div>
|
||||
<div className="col-span-2">
|
||||
<span className="font-medium text-gray-600">Prochaine synchronisation:</span>
|
||||
<p className="mt-1">{getNextSyncText()}</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Contrôles */}
|
||||
<div className="flex flex-col gap-3">
|
||||
{/* Toggle scheduler */}
|
||||
<div className="flex items-center justify-between">
|
||||
<span className="text-sm font-medium">Synchronisation automatique</span>
|
||||
<Button
|
||||
variant={schedulerStatus.isEnabled ? "danger" : "primary"}
|
||||
size="sm"
|
||||
onClick={toggleScheduler}
|
||||
disabled={isLoading || !schedulerStatus.jiraConfigured}
|
||||
>
|
||||
{schedulerStatus.isEnabled ? 'Désactiver' : 'Activer'}
|
||||
</Button>
|
||||
</div>
|
||||
|
||||
{/* Sélecteur d'intervalle */}
|
||||
{schedulerStatus.isEnabled && (
|
||||
<div>
|
||||
<span className="text-sm font-medium text-gray-600 block mb-2">Fréquence de synchronisation</span>
|
||||
<div className="flex gap-2">
|
||||
{(['hourly', 'daily', 'weekly'] as const).map((interval) => (
|
||||
<Button
|
||||
key={interval}
|
||||
variant={schedulerStatus.interval === interval ? "primary" : "secondary"}
|
||||
size="sm"
|
||||
onClick={() => updateInterval(interval)}
|
||||
disabled={isLoading}
|
||||
>
|
||||
{getIntervalText(interval)}
|
||||
</Button>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
|
||||
{/* Avertissement si Jira non configuré */}
|
||||
{!schedulerStatus.jiraConfigured && (
|
||||
<div className="p-3 bg-yellow-50 border border-yellow-200 rounded-md">
|
||||
<p className="text-yellow-700 text-sm">
|
||||
⚠️ Configurez d'abord votre connexion Jira pour activer la synchronisation automatique.
|
||||
</p>
|
||||
</div>
|
||||
)}
|
||||
</CardContent>
|
||||
</Card>
|
||||
);
|
||||
}
|
||||
@@ -6,6 +6,7 @@ import { Card, CardHeader, CardContent } from '@/components/ui/Card';
|
||||
import { JiraConfigForm } from '@/components/settings/JiraConfigForm';
|
||||
import { JiraSync } from '@/components/jira/JiraSync';
|
||||
import { JiraLogs } from '@/components/jira/JiraLogs';
|
||||
import { JiraSchedulerConfig } from '@/components/jira/JiraSchedulerConfig';
|
||||
import { UserPreferencesProvider } from '@/contexts/UserPreferencesContext';
|
||||
import Link from 'next/link';
|
||||
|
||||
@@ -145,6 +146,7 @@ export function IntegrationsSettingsPageClient({
|
||||
</Card>
|
||||
)}
|
||||
|
||||
<JiraSchedulerConfig />
|
||||
<JiraSync />
|
||||
<JiraLogs />
|
||||
</>
|
||||
|
||||
Reference in New Issue
Block a user