- {campuses.map(campus => {
- const campusFormateurs = formateursByCampus[campus as keyof typeof formateursByCampus];
- return (
-
-
-
- {campus}
-
-
- {campusFormateurs.map(formateur => {
- const formateurEntries = timeEntries.filter(entry =>
- entry.formateur === formateur && entry.campus === campus
- );
- const totalHours = formateurEntries.reduce((sum, entry) => sum + entry.hours, 0);
-
- return (
-
-
{formateur}
-
-
{totalHours}h
-
0 ? 'bg-green-400' : 'bg-gray-300'
- }`}>
-
-
- );
- })}
+
+
+ {/* Header */}
+
+
+
+
+ Vue RH - GTF
+
+
+ Gestion et suivi des déclarations
+
-
- );
- })}
-
-
- )}
- {/* Résumé des résultats */}
-
-
-
-
- Résultats filtrés
-
-
- {filteredEntries.length} déclaration(s) trouvée(s)
-
-
-
-
- {filteredEntries.reduce((sum, entry) => sum + entry.hours, 0)}h
-
-
Total des heures
-
-
-
+ {/* Boutons d'action */}
+
+
- {/* Tableau des déclarations */}
-
-
-
-
- Déclarations d'heures
-
-
-
-
-
-
-
- |
- Date
- |
-
- Formateur
- |
-
- Campus
- |
-
- Type
- |
-
- Heures
- |
-
- Description
- |
-
- Statut
- |
-
- Actions
- |
-
-
-
- {filteredEntries.length === 0 ? (
-
- |
- Aucune déclaration trouvée pour les critères sélectionnés
- |
-
- ) : (
- filteredEntries.map((entry) => (
-
- |
- {formatDate(entry.date)}
- |
-
- {entry.formateur}
- |
-
- {entry.campus}
- |
-
-
-
- {entry.type === 'preparation' ? (
-
- ) : (
-
- )}
- {entry.type === 'preparation' ? 'Préparation' : 'Correction'}
-
-
- |
-
- {entry.hours}h
- |
-
- {entry.description}
- |
-
- {getStatusBadge(entry.status)}
- |
-
- {entry.status === 'pending' ? (
-
-
-
-
- ) : (
-
- {entry.status === 'approved' ? 'Approuvé' : 'Rejeté'}
-
- )}
- |
-
- ))
+
+
+
+
+ {/* Message d'erreur */}
+ {error && (
+
+
+
+
Erreur de chargement
+
+
{error}
+
+ Assurez-vous que votre serveur backend est démarré sur http://localhost:3002
+
+
-
+
+ {/* Indicateur de chargement */}
+ {loading && (
+
+
+
Chargement des déclarations...
+
+ )}
+
+ {!loading && (
+ <>
+ {/* Filtres */}
+
+
+
+
Filtres
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ setSelectedMonth(e.target.value)}
+ className="w-full border border-gray-300 rounded-lg px-4 py-2 focus:ring-2 focus:ring-blue-500 focus:border-transparent"
+ />
+
+
+
+
+
+
+
+
+ {/* Statistiques par campus */}
+
+ {campuses.map(campus => {
+ const stats = getStatsForCampus(campus);
+ return (
+
+
+
+
+ Total:
+ {stats.totalHours}h
+
+
+ Préparation:
+ {stats.preparationHours}h
+
+
+ Correction:
+ {stats.correctionHours}h
+
+
+
+ );
+ })}
+
+
+ {/* Résumé des résultats */}
+
+
+
+
+ Résultats filtrés
+
+
+ {filteredEntries.length} déclaration(s) trouvée(s)
+
+
+
+
+ {filteredEntries.reduce((sum, entry) => sum + entry.hours, 0)}h
+
+
Total des heures
+
+
+
+
+ {/* Tableau des déclarations */}
+
+
+
+
+ Déclarations d'heures
+
+
+
+
+
+
+
+ |
+ Date
+ |
+
+ Formateur
+ |
+
+ Campus
+ |
+
+ Type
+ |
+
+ Heures
+ |
+
+ Description
+ |
+
+ Statut
+ |
+
+ Actions
+ |
+
+
+
+ {filteredEntries.length === 0 ? (
+
+ |
+ {timeEntries.length === 0
+ ? "Aucune déclaration dans la base de données"
+ : "Aucune déclaration trouvée pour les critères sélectionnés"
+ }
+ |
+
+ ) : (
+ filteredEntries.map((entry) => (
+
+ |
+ {formatDate(entry.date)}
+ |
+
+ {entry.formateur}
+ |
+
+ {entry.campus}
+ |
+
+
+
+ {entry.type === 'preparation' ? (
+
+ ) : (
+
+ )}
+ {entry.type === 'preparation' ? 'Préparation' : 'Correction'}
+
+
+ |
+
+ {entry.hours}h
+ |
+
+ {entry.description}
+ |
+
+ {getStatusBadge(entry.status)}
+ |
+
+ {entry.status === 'pending' ? (
+
+
+
+
+ ) : (
+
+ {entry.status === 'approved' ? 'Approuvé' : 'Rejeté'}
+
+ )}
+ |
+
+ ))
+ )}
+
+
+
+
+
+ )}
+
-
-
- );
+ );
};
export default RHDashboard;
\ No newline at end of file
diff --git a/GTFRRH/project/src/context/AuthContext.tsx b/GTFRRH/project/src/context/AuthContext.tsx
new file mode 100644
index 0000000..d42d497
--- /dev/null
+++ b/GTFRRH/project/src/context/AuthContext.tsx
@@ -0,0 +1,120 @@
+import React, { createContext, useContext, useState, useEffect } from 'react';
+
+const AuthContext = createContext();
+
+export const useAuth = () => {
+ const context = useContext(AuthContext);
+ if (!context) {
+ throw new Error('useAuth must be used within an AuthProvider');
+ }
+ return context;
+};
+
+export const AuthProvider = ({ children }) => {
+ const [isAuthorized, setIsAuthorized] = useState(false);
+ const [user, setUser] = useState(null);
+ const [loading, setLoading] = useState(true);
+
+ // Vérifier l'état d'authentification au chargement
+ useEffect(() => {
+ const token = localStorage.getItem('token') || localStorage.getItem('o365_token');
+ const userData = localStorage.getItem('user');
+
+ if (token && userData) {
+ setUser(JSON.parse(userData));
+ setIsAuthorized(true);
+ }
+
+ setLoading(false);
+ }, []);
+
+ // Connexion classique (email/password)
+ const login = async (email, password) => {
+ try {
+ const response = await fetch('http://localhost:3002/api/login', {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json',
+ },
+ body: JSON.stringify({ email, password }),
+ });
+
+ if (!response.ok) {
+ throw new Error('Identifiants incorrects');
+ }
+
+ const data = await response.json();
+
+ localStorage.setItem('token', data.token);
+ localStorage.setItem('user', JSON.stringify(data.user));
+
+ setUser(data.user);
+ setIsAuthorized(true);
+
+ return true;
+ } catch (error) {
+ console.error('Erreur de connexion:', error);
+ throw error;
+ }
+ };
+
+ // Connexion Office 365
+ const loginWithO365 = async () => {
+ try {
+ // Simuler l'authentification Office 365
+ // Remplacez cette partie par votre vraie logique O365
+ const mockUser = {
+ id: '1',
+ email: 'user@office365.com',
+ name: 'Utilisateur O365',
+ role: 'rh'
+ };
+
+ const mockToken = 'mock-o365-token';
+
+ localStorage.setItem('o365_token', mockToken);
+ localStorage.setItem('user', JSON.stringify(mockUser));
+
+ setUser(mockUser);
+ setIsAuthorized(true);
+
+ return true;
+ } catch (error) {
+ console.error('Erreur connexion O365:', error);
+ throw error;
+ }
+ };
+
+ // Déconnexion
+ const logout = () => {
+ localStorage.removeItem('token');
+ localStorage.removeItem('o365_token');
+ localStorage.removeItem('user');
+
+ setUser(null);
+ setIsAuthorized(false);
+ };
+
+ const value = {
+ isAuthorized,
+ user,
+ login,
+ loginWithO365,
+ logout,
+ loading
+ };
+
+ if (loading) {
+ return (
+
+ );
+ }
+
+ return (
+
+ {children}
+
+ );
+};
\ No newline at end of file