Gestión de Usuarios - Raul125/PanelWiki GitHub Wiki

👥 Gestión de Usuarios

El sistema de gestión de usuarios permite a los administradores supervisar, buscar y administrar todos los usuarios registrados en la plataforma. Esta herramienta centraliza la información de usuarios del panel y del juego, facilitando la administración de roles, permisos y el seguimiento de la actividad de la comunidad.


🌐 Acceso a Gestión de Usuarios

📍 Navegación

  • Ruta: /admin/users
  • Menú lateral: Administración → Gestión de Usuarios
  • Icono: 👥 ManageAccounts

🔐 Requisitos de Acceso

  • Autenticación obligatoria → Usuario debe estar logueado
  • Permisos específicosPermissions.Admin.Users
  • Rol administrativo → Nivel de administrador requerido

🚫 Restricciones

  • Solo administradores pueden acceder
  • Moderadores no tienen acceso a gestión de usuarios
  • Funciones sensibles protegidas por permisos adicionales

🎯 Funcionalidades Principales

🔍 Sistema de Búsqueda Avanzada

El panel de búsqueda permite localizar usuarios específicos usando múltiples criterios de filtrado.

📊 Panel de Filtros

  • Diseño en tarjeta → Interfaz organizada y clara
  • Botón de limpieza → Resetear todos los filtros
  • Aplicación inmediata → Filtros se aplican automáticamente
  • Estado visual → Indicadores de filtros activos

🎛️ Tipos de Filtros Disponibles

🔍 Búsqueda por Texto

📝 Criterios de Búsqueda

  • Nombre de usuario → Búsqueda parcial en nombres
  • SteamID → Identificador de Steam
  • GameID → ID único del juego SCP:SL
  • DiscordID → Identificador de Discord
  • Búsqueda inteligente → Case-insensitive

⚡ Funcionalidades

  • Búsqueda en tiempo real → Resultados inmediatos
  • Campo limpiable → Botón X para resetear
  • Enter para buscar → Tecla rápida
  • Placeholder descriptivo → Guía de uso

🏷️ Filtro por Rol

📋 Opciones de Roles

  • Todos los roles → Ver todos los usuarios
  • Roles específicos → Filtrar por rol asignado
  • Ordenados por peso → Jerarquía de roles
  • Solo roles activos → Excluye roles predeterminados

🎯 Funcionalidad

  • Dropdown inteligente → Lista de roles disponibles
  • Icono de escudo → Identificación visual
  • Filtrado instantáneo → Aplicación automática

👤 Filtro por Tipo de Usuario

📊 Tipos Disponibles

  • 🌐 Todos los tipos → Sin filtro aplicado
  • 🎮 Panel User → Solo usuarios del panel web
  • 🎯 SL User → Solo usuarios del juego
  • 🔗 Usuarios Vinculados → Que tienen ambas cuentas

🎨 Identificación Visual

  • Icons específicos → Steam, Games, Link
  • Chips coloreados → Por tipo de cuenta
  • Estados claros → Vinculado, Panel, SL

📋 Tabla de Usuarios

📊 Información Mostrada

👤 Columna Usuario

  • Avatar dinámico → Imagen de Discord si está disponible
  • Fallback inteligente → Primera letra del nombre
  • Link al perfil → Navegación directa
  • Nombre destacado → Tipografía clara

🛡️ Columna Rol

  • Chip coloreado → Color específico del rol
  • Nombre del rol → Rol principal del usuario
  • N/A para usuarios sin rol → Indicador claro
  • Jerarquía visual → Según importancia del rol

🔗 ID de Usuario

  • SteamID → Para usuarios Panel (icono Steam)
  • GameID → Para usuarios SL (icono Games)
  • Chips clicables → Copiar al portapapeles
  • Tooltips informativos → "Copiar SteamID/GameID"
  • Múltiples IDs → Para usuarios vinculados

🏷️ Tipo de Usuario

  • 🟢 Vinculado → Usuario completo (Panel + SL)
  • 🔵 Panel → Solo cuenta web
  • 🟣 SL → Solo cuenta de juego
  • Iconos descriptivos → Identificación rápida

📅 Fecha de Registro

  • Formato DD/MM/YYYY → Fecha clara
  • Tooltip detallado → Fecha y hora completa
  • Diferentes fuentes → CreatedOn vs FirstSeen
  • Chips informativos → Estilo consistente

⚙️ Acciones Disponibles

  • 👁️ Ver perfil → Navegación a perfil administrativo
  • 🎮 Ver página SL → Solo para usuarios SL
  • 🛠️ Editar roles → Solo con permisos específicos
  • Grupo de botones → Diseño compacto

📊 Funcionalidades de Tabla

🔄 Ordenamiento Dinámico

📋 Columnas Ordenables

  • Usuario → Alfabético por nombre
  • Rol → Por peso/jerarquía del rol
  • Tipo → Vinculados, Panel, SL
  • Fecha → Cronológico por registro
  • Orden predeterminado → Más recientes primero

🎯 Indicadores Visuales

  • Flechas de ordenamiento → Dirección clara
  • Estado activo → Columna seleccionada
  • Cambio instantáneo → Sin recarga

📄 Paginación Inteligente

  • Navegación central → Botones de página
  • Elementos por página → Configurable
  • Información contextual → Página actual y total
  • Persistencia → Mantiene filtros al cambiar página

🔄 Estados de la Tabla

📊 Contenido Dinámico

  • Loading state → Spinner durante carga
  • Empty state → Cuando no hay resultados
  • Error handling → Manejo de errores
  • Contador de resultados → Total filtrado vs total

🎨 Feedback Visual

  • Striped rows → Mejor legibilidad
  • Hover effects → Interactividad clara
  • Fixed header → Navegación fácil en listas largas

🛠️ Gestión de Roles

✏️ Editor de Roles de Usuario

🔐 Requisitos para Edición

  • Permisos específicosPermissions.Admin.EditUserRoles
  • Solo usuarios Panel → No se puede editar SL-only
  • Roles no predeterminados → Excluye roles automáticos
  • Jerarquía respetada → Según peso de roles

💬 Diálogo de Edición

  • Lista de roles disponibles → Ordenados por peso
  • Selección múltiple → Checkboxes para roles
  • Roles actuales → Preseleccionados
  • Confirmación requerida → Evita cambios accidentales

📋 Proceso de Actualización

🔄 Lógica de Cambios

  1. Comparar roles → Actuales vs seleccionados
  2. Identificar cambios → Roles a añadir/remover
  3. Aplicar modificaciones → Base de datos
  4. Registrar acción → Log de auditoría
  5. Notificar resultado → Feedback al admin

📊 Registro de Actividad

  • Roles eliminados → Lista de roles removidos
  • Roles añadidos → Lista de roles agregados
  • Timestamp → Fecha y hora exacta
  • Admin responsable → Quién hizo el cambio

📈 Panel de Estadísticas

📊 Estadísticas Principales

👥 Usuarios Totales

  • Contador principal → Número total de usuarios
  • Usuarios nuevos → Registros del mes actual
  • Icono de grupo → Identificación visual
  • Chip de novedad → "X nuevos este mes"

📝 Reportes del Sistema

  • Total de reportes → Histórico completo
  • Reportes del mes → Actividad reciente
  • Icono de reporte → Identificación visual
  • Trend mensual → Comparativa temporal

🏆 Roles Más Comunes

  • Top 3 roles → Más asignados
  • Contador por rol → Cantidad específica
  • Colores originales → Según configuración del rol
  • Distribución visual → Chips informativos

⚖️ Métricas de Moderación

⚠️ Advertencias

  • Total histórico → Todas las advertencias
  • Del mes actual → Actividad reciente
  • Fondo coloreado → Tema visual consistente
  • Iconografía clara → Warning icon

🚫 Baneos

  • Total histórico → Todos los baneos
  • Del mes actual → Actividad reciente
  • Color de error → Indicador de severidad
  • Iconografía clara → Block icon

🔇 Silenciamientos

  • Total histórico → Todos los mutes
  • Del mes actual → Actividad reciente
  • Color secundario → Diferenciación visual
  • Iconografía clara → VolumeOff icon

🎨 Diseño y Experiencia de Usuario

🌈 Código de Colores del Sistema

🏷️ Por Tipo de Usuario

  • 🟢 Verde (Success) → Usuarios vinculados
  • 🔵 Azul (Info) → Solo usuarios Panel
  • 🟣 Morado (Secondary) → Solo usuarios SL
  • ⚪ Gris (Default) → Sin rol asignado

🛡️ Por Roles

  • Colores dinámicos → Según configuración del rol
  • Jerarquía visual → Según peso del rol
  • Consistencia → Mismo color en toda la plataforma

📊 Por Estado

  • 🔵 Azul (Primary) → Elementos principales
  • 🟡 Amarillo (Warning) → Advertencias
  • 🔴 Rojo (Error) → Baneos y errores
  • 🟣 Morado (Tertiary) → Acciones secundarias

✨ Elementos Visuales

🎭 Efectos y Animaciones

  • Hover effects → En botones y links
  • Smooth transitions → Cambios suaves
  • Loading spinners → Durante operaciones
  • Toast notifications → Feedback de acciones

📱 Responsividad

  • Breakpoint Sm → Adaptación móvil
  • Tabla adaptable → Columnas reorganizadas
  • Botones compactos → En pantallas pequeñas
  • Navegación táctil → Optimizada para móvil

🎯 Casos de Uso Comunes

👮 Administración de Roles

🔧 Asignación de Roles

  1. Buscar usuario → Por nombre o ID
  2. Verificar permisos → Botón editar roles visible
  3. Abrir editor → Clic en botón ManageAccounts
  4. Seleccionar roles → Checkboxes apropiados
  5. Confirmar cambios → Guardar modificaciones
  6. Verificar resultado → Notificación de éxito

📊 Auditoría de Roles

  1. Filtrar por rol específico → Dropdown de roles
  2. Revisar usuarios → Con ese rol asignado
  3. Verificar permisos → Consistencia en asignaciones
  4. Realizar ajustes → Si es necesario

🔍 Investigación de Usuarios

🎯 Búsqueda Específica

  1. Usar múltiples criterios → Nombre, ID, etc.
  2. Aplicar filtros → Tipo o rol específico
  3. Revisar resultados → Información detallada
  4. Acceder a perfiles → Para más detalles

📈 Análisis de Patrones

  1. Revisar estadísticas → Panel expandible
  2. Identificar tendencias → Crecimiento, actividad
  3. Comparar métricas → Mes actual vs histórico
  4. Tomar decisiones → Basadas en datos

🛠️ Mantenimiento de la Plataforma

🧹 Limpieza de Datos

  1. Filtrar usuarios inactivos → Por fecha de registro
  2. Identificar cuentas duplicadas → Usuarios vinculados
  3. Revisar roles obsoletos → Distribución de roles
  4. Optimizar estructura → Según estadísticas

📊 Monitoreo de Actividad

  1. Revisar usuarios nuevos → Estadística mensual
  2. Analizar moderación → Métricas de sanciones
  3. Evaluar crecimiento → Tendencias de registro
  4. Planificar recursos → Basado en datos

🚨 Solución de Problemas

❌ Problemas Comunes

🔍 No Aparecen Usuarios

  • Verificar filtros → Pueden ser muy restrictivos
  • Limpiar búsqueda → Resetear campo de texto
  • Revisar tipo de usuario → Filtro específico aplicado
  • Refrescar datos → Aplicar filtros de nuevo

🛡️ No Puedo Editar Roles

  • Verificar permisosEditUserRoles requerido
  • Solo usuarios Panel → SL-only no editable
  • Rol de administrador → Nivel suficiente
  • Usuario válido → Cuenta activa

📊 Estadísticas Incorrectas

  • Caché del navegador → Refrescar página
  • Sincronización de datos → Puede tardar
  • Filtros aplicados → Afectan estadísticas
  • Conexión a BD → Verificar estado

⚡ Optimización de Rendimiento

🚀 Mejores Prácticas

  • Usar filtros específicos → Reducir conjunto de datos
  • Búsquedas precisas → Términos exactos
  • Paginación adecuada → No cargar todo
  • Cerrar diálogos → Liberar memoria

💾 Gestión de Recursos

  • Evitar filtros muy amplios → Muchos resultados
  • Cerrar pestañas innecesarias → Memoria del navegador
  • Refrescar cuando necesario → No automático excesivo

🔗 Enlaces Relacionados


📞 Soporte y Ayuda

🆘 Obtener Ayuda

💡 Sugerencias de Mejora

  • Nuevas funcionalidades → Proponer en Discord admin
  • Mejoras de interfaz → Feedback sobre usabilidad
  • Optimizaciones → Ideas para mejorar rendimiento
  • Filtros adicionales → Criterios de búsqueda nuevos

📋 Información Técnica

  • Modelo de usuarios → Estructura de datos
  • Sistema de permisos → Autorización granular
  • API endpoints → Para integraciones externas
  • Logs de actividad → Trazabilidad de cambios

👥 Administra con Sabiduría, Gestiona con Eficiencia

¿Necesitas ayuda con la gestión de usuarios? Consulta en el canal admin de [Discord](https://discord.neoncommunity.eu/) o revisa Sistema de Roles

⚠️ **GitHub.com Fallback** ⚠️