📊
@@ -2715,6 +2712,435 @@ function InspectionModal({ checklist, user, onClose, onComplete }) {
)
}
+// Componente de Gestión de Usuarios (Admin)
+function UsersTab({ user }) {
+ const [users, setUsers] = useState([])
+ const [loading, setLoading] = useState(true)
+ const [showCreateForm, setShowCreateForm] = useState(false)
+ const [editingUser, setEditingUser] = useState(null)
+ const [showInactive, setShowInactive] = useState(false)
+ const [formData, setFormData] = useState({
+ username: '',
+ email: '',
+ password: '',
+ role: 'mechanic'
+ })
+
+ useEffect(() => {
+ loadUsers()
+ }, [])
+
+ const loadUsers = async () => {
+ try {
+ const token = localStorage.getItem('token')
+ const response = await fetch('/api/users', {
+ headers: {
+ 'Authorization': `Bearer ${token}`
+ }
+ })
+
+ if (response.ok) {
+ const data = await response.json()
+ setUsers(data)
+ }
+ } catch (error) {
+ console.error('Error loading users:', error)
+ } finally {
+ setLoading(false)
+ }
+ }
+
+ const handleCreateUser = async (e) => {
+ e.preventDefault()
+
+ try {
+ const token = localStorage.getItem('token')
+ const response = await fetch('/api/users', {
+ method: 'POST',
+ headers: {
+ 'Authorization': `Bearer ${token}`,
+ 'Content-Type': 'application/json'
+ },
+ body: JSON.stringify(formData)
+ })
+
+ if (response.ok) {
+ setShowCreateForm(false)
+ setFormData({ username: '', email: '', password: '', role: 'mechanic' })
+ loadUsers()
+ } else {
+ const error = await response.json()
+ alert(error.detail || 'Error al crear usuario')
+ }
+ } catch (error) {
+ console.error('Error creating user:', error)
+ alert('Error al crear usuario')
+ }
+ }
+
+ const handleUpdateUser = async (userId, updates) => {
+ try {
+ const token = localStorage.getItem('token')
+ const response = await fetch(`/api/users/${userId}`, {
+ method: 'PUT',
+ headers: {
+ 'Authorization': `Bearer ${token}`,
+ 'Content-Type': 'application/json'
+ },
+ body: JSON.stringify(updates)
+ })
+
+ if (response.ok) {
+ setEditingUser(null)
+ loadUsers()
+ } else {
+ const error = await response.json()
+ alert(error.detail || 'Error al actualizar usuario')
+ }
+ } catch (error) {
+ console.error('Error updating user:', error)
+ alert('Error al actualizar usuario')
+ }
+ }
+
+ const handleDeactivateUser = async (userId) => {
+ if (!confirm('¿Está seguro que desea desactivar este usuario?')) return
+
+ try {
+ const token = localStorage.getItem('token')
+ const response = await fetch(`/api/users/${userId}/deactivate`, {
+ method: 'PATCH',
+ headers: {
+ 'Authorization': `Bearer ${token}`
+ }
+ })
+
+ if (response.ok) {
+ loadUsers()
+ } else {
+ const error = await response.json()
+ alert(error.detail || 'Error al desactivar usuario')
+ }
+ } catch (error) {
+ console.error('Error deactivating user:', error)
+ alert('Error al desactivar usuario')
+ }
+ }
+
+ const handleActivateUser = async (userId) => {
+ try {
+ const token = localStorage.getItem('token')
+ const response = await fetch(`/api/users/${userId}/activate`, {
+ method: 'PATCH',
+ headers: {
+ 'Authorization': `Bearer ${token}`
+ }
+ })
+
+ if (response.ok) {
+ loadUsers()
+ } else {
+ const error = await response.json()
+ alert(error.detail || 'Error al activar usuario')
+ }
+ } catch (error) {
+ console.error('Error activating user:', error)
+ alert('Error al activar usuario')
+ }
+ }
+
+ if (loading) {
+ return
Cargando usuarios...
+ }
+
+ const filteredUsers = showInactive ? users : users.filter(u => u.is_active)
+
+ return (
+
+
+
Gestión de Usuarios
+
+
+
+
+
+
+ {/* Lista de usuarios */}
+
+ {filteredUsers.map(u => (
+
+
+
+
+
+ {u.username.charAt(0).toUpperCase()}
+
+
+
{u.username}
+
{u.email}
+
+
+ {u.role === 'admin' ? '👑 Admin' : '🔧 Mecánico'}
+
+
+ {u.is_active ? 'Activo' : 'Inactivo'}
+
+
+
+
+
+
+ {user.role === 'admin' && (
+
+
+ {u.id !== user.id && (
+ <>
+ {u.is_active ? (
+
+ ) : (
+
+ )}
+
+ )}
+
+ )}
+
+
+ ))}
+
+
+ {/* Modal de creación */}
+ {showCreateForm && (
+
+ )}
+
+ {/* Modal de edición */}
+ {editingUser && (
+
+ )}
+
+ )
+}
+
export default App
-
diff --git a/init-db.sh b/init-db.sh
index b5b7fe6..596cbff 100644
--- a/init-db.sh
+++ b/init-db.sh
@@ -10,3 +10,4 @@ psql -v ON_ERROR_STOP=1 --username "$POSTGRES_USER" --dbname "$POSTGRES_DB" <<-E
EOSQL
echo "Database initialization completed successfully!"
+