SGG - Système de Gestion des Actions Ministérielles V13

📊

0

Total Actions

✅

0

Terminées

⏳

0

En Cours

⚠️

0

En Retard

Actions Récentes

ID	Ministère	Action	Responsable	Statut	Date Fin

Évolution des Actions

Répartition par Statut

ID	Ministère	Action	Responsable	Priorité	Date Début	Date Fin	Statut	Observations	Dossier	Actions

Gestion de l'Équipe

Nom	Poste	Ministère	Email	Téléphone	Actions Assignées	Actions

Gestion des Ministères

Génération de Rapports

Rapport Mensuel

Générer un rapport détaillé des actions du mois

Rapport par Ministère

Analyse détaillée par ministère

Rapport de Performance

Indicateurs de performance globaux

Configuration du Système

Paramètres Généraux

Nom de l'Organisation

Email de Contact

Paramètres de Notifications

Alerter pour les actions en retard
Alerter 3 jours avant l'échéance
Alerter pour les nouvelles actions

Sauvegarde et Restauration

Import/Export de Données

Importer depuis CSV

Administration des Utilisateurs

0

Total Utilisateurs

0

En Attente

0

Actifs

Utilisateurs en attente

Nom	Email	Ministère	Date d'inscription	Actions

Tous les utilisateurs

Nom	Email	Ministère	Rôle	Statut	Permissions	Dernière connexion	Actions

// Fonction pour afficher la gestion des utilisateurs function showUserManagement() { const user = JSON.parse(localStorage.getItem('sgg_user') || '{}'); // Vérifier si l'utilisateur est admin if (user.role !== 'admin') { alert('Seuls les administrateurs peuvent gérer les utilisateurs'); return; } // Créer la modal const modal = document.createElement('div'); modal.style.cssText = ` position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); display: flex; align-items: center; justify-content: center; z-index: 10000; `; const modalContent = document.createElement('div'); modalContent.style.cssText = ` background: white; border-radius: 10px; width: 90%; max-width: 800px; max-height: 80vh; overflow-y: auto; padding: 30px; `; modalContent.innerHTML = `

Gestion des Utilisateurs

Chargement...

`; modal.appendChild(modalContent); // Bouton fermer const closeBtn = document.createElement('button'); closeBtn.innerHTML = '✕'; closeBtn.style.cssText = ` position: absolute; top: 20px; right: 20px; background: none; border: none; font-size: 24px; cursor: pointer; `; closeBtn.onclick = () => document.body.removeChild(modal); modalContent.appendChild(closeBtn); document.body.appendChild(modal); // Charger les utilisateurs et les ministères loadUsers(); loadMinistriesForCheckboxes(); } async function loadUsers() { try { const response = await fetch(`${API_URL}/users`, { headers: { 'Authorization': `Bearer ${localStorage.getItem('sgg_token')}` } }); if (response.ok) { const users = await response.json(); displayUsers(users); } } catch (error) { console.error('Erreur chargement utilisateurs:', error); } } function showAddUserForm() { document.getElementById('addUserForm').style.display = 'block'; } function hideAddUserForm() { document.getElementById('addUserForm').style.display = 'none'; } async function createUser(event) { event.preventDefault(); const selectedMinistries = []; document.querySelectorAll('#ministryCheckboxes input:checked').forEach(cb => { selectedMinistries.push(cb.value); }); const userData = { name: document.getElementById('newUserName').value, email: document.getElementById('newUserEmail').value, password: document.getElementById('newUserPassword').value, role: document.getElementById('newUserRole').value, allowed_ministries: selectedMinistries }; try { const response = await fetch(`${API_URL}/users/create`, { method: 'POST', headers: { 'Authorization': `Bearer ${localStorage.getItem('sgg_token')}`, 'Content-Type': 'application/json' }, body: JSON.stringify(userData) }); if (response.ok) { alert('Utilisateur créé avec succès'); hideAddUserForm(); loadUsers(); } else { const error = await response.json(); alert('Erreur: ' + error.error); } } catch (error) { console.error('Erreur création utilisateur:', error); alert('Erreur lors de la création'); } } async function loadMinistriesForCheckboxes() { try { const response = await fetch(`${API_URL}/ministries`, { headers: { 'Authorization': `Bearer ${localStorage.getItem('sgg_token')}` } }); if (response.ok) { const ministries = await response.json(); const container = document.getElementById('ministryCheckboxes'); container.innerHTML = ministries.map(m => ` ${m.name} `).join(''); } } catch (error) { console.error('Erreur chargement ministères:', error); } } // Fonction pour changer le mot de passe function changeUserPassword(userId, userEmail) { const newPassword = prompt(`Nouveau mot de passe pour ${userEmail}:`); if (!newPassword || newPassword.length < 6) { alert('Le mot de passe doit contenir au moins 6 caractères'); return; } const confirmPassword = prompt('Confirmez le mot de passe:'); if (newPassword !== confirmPassword) { alert('Les mots de passe ne correspondent pas'); return; } updateUserPassword(userId, newPassword); } async function updateUserPassword(userId, newPassword) { try { const response = await fetch(`${API_URL}/users/${userId}/password`, { method: 'PUT', headers: { 'Authorization': `Bearer ${localStorage.getItem('sgg_token')}`, 'Content-Type': 'application/json' }, body: JSON.stringify({ password: newPassword }) }); if (response.ok) { alert('Mot de passe modifié avec succès'); } else { const error = await response.json(); alert('Erreur: ' + error.error); } } catch (error) { console.error('Erreur changement mot de passe:', error); alert('Erreur lors du changement de mot de passe'); } } // Modifier la fonction displayUsers pour ajouter le bouton function displayUsers(users) { const container = document.getElementById('usersList'); let html = ` `; users.forEach(user => { html += ` `; }); html += '

Nom	Email	Rôle	Statut	Actions
${user.name}	${user.email}	${user.role === 'admin' ? 'Admin' : user.role === 'editor' ? 'Éditeur' : 'Lecture'}	${user.is_active ? 'Actif' : 'Inactif'}

'; container.innerHTML = html; } async function toggleUserStatus(userId, currentStatus) { try { const response = await fetch(`${API_URL}/users/${userId}/status`, { method: 'PUT', headers: { 'Authorization': `Bearer ${localStorage.getItem('sgg_token')}`, 'Content-Type': 'application/json' }, body: JSON.stringify({ is_active: !currentStatus }) }); if (response.ok) { alert('Statut modifié avec succès'); loadUsers(); } else { const error = await response.json(); alert('Erreur: ' + error.error); } } catch (error) { console.error('Erreur modification statut:', error); } }