feat: administradores por proyecto y Configuracion solo para superadmin

- Un proyecto puede tener uno o mas administradores (role_in_project=
  'admin' en project_members), independiente del rol global del usuario.
  Nuevo PUT /api/projects/:id/members/:userId/role; canWriteProject lo
  reconoce ademas del comportamiento previo (admin/superadmin/it_manager
  global, o project_lead miembro). UI: casilla al agregar miembro + boton
  de escudo para promover/degradar (nunca toca al Dueño).
- Menu "Configuracion" (apariencia, catalogos, SMTP) visible y accesible
  solo para el superadmin: oculto en el nav y con guarda en la ruta
  /configuracion para quien la teclee directo. Escritura de catalogos
  restringida de [superadmin, admin] a solo superadmin para que el
  backend sea consistente con la UI.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
Milton Gonzalez
2026-09-09 09:41:06 -05:00
parent e018eba8c1
commit f96391d360
16 changed files with 144 additions and 28 deletions
@@ -1,3 +1,4 @@
import { Navigate } from 'react-router-dom';
import { Palette, ListChecks, Flag, FolderKanban, Layers, Mail } from 'lucide-react';
import { useUi } from '../../context/ui-context.jsx';
import { useAuth } from '../../context/auth-context.jsx';
@@ -11,6 +12,10 @@ export default function ConfiguracionPage() {
const { t, theme, setTheme, lang, setLang, buttonMode, setButtonMode } = useUi();
const { user } = useAuth();
// Regla dura: Configuracion es solo del superadmin (catalogos, SMTP...). El nav ya la oculta
// para los demas roles; esta guarda de ruta evita entrar tecleando /configuracion directo.
if (user?.roleCode !== 'superadmin') return <Navigate to="/" replace />;
return (
<div>
<h2 className="page-title mt-0" style={{ marginBottom: 16 }}>{t('config_title')}</h2>
@@ -88,11 +93,9 @@ export default function ConfiguracionPage() {
/>
</Expander>
{user?.roleCode === 'superadmin' && (
<Expander icon={Mail} title={t('config_smtp')}>
<SmtpSettingsPanel />
</Expander>
)}
<Expander icon={Mail} title={t('config_smtp')}>
<SmtpSettingsPanel />
</Expander>
</div>
);
}