white-label: brand de la clinica por configuracion (fase 1 de instancia sin branding SKEEN)

- backend: GET/PUT /skeen/frontend/v1/brand leyendo ir.config_parameter
  skeen.clinic.brand (JSON: nombre, logo_claro, logo_oscuro, pie) con
  defaults SKEEN; GET publico (el login lo necesita sin sesion), PUT admin
  con auditoria. frontend_users.xml: 'Administrador SKEEN' -> 'Administrador'
- frontend: ClinicBrand + BRAND_DEFAULT en odoo.ts; brand y setBrand en el
  contexto de auth (fetch al boot + cache localStorage + document.title)
- Login/layouts/mensajes/exports leen el brand en vez de strings SKEEN:
  Login.tsx, SkeenLayout, HomeNestLayout, Cumpleanos (wa + export),
  Pacientes/Ventas/Cortes/Reportes/Kpis/Alertas/AgendaPrint (titulos),
  useClinicaPrint (fallback nombre), Login hace GET publico al montar
- Configuracion > Clinica: tarjeta 'Identidad de la clinica' (solo admin)
  para editar nombre/pie/logos con preview
- no renombrado (invisible al usuario): rutas API /skeen/*, claves
  localStorage, nombres de modulos, parametros skeen.*

Verificacion API: 11/11 tests OK (defaults, PUT merge, campo invalido
ignorado, restore, admin neutral). Deploy: build + rsync + Odoo reiniciado
This commit is contained in:
2026-10-08 00:09:00 +00:00
parent 2573562218
commit 2f7cbe237e
18 changed files with 302 additions and 48 deletions

View File

@@ -1,16 +1,14 @@
import type { FC, FormEvent } from 'react';
import { useState } from 'react';
import { useEffect, useState } from 'react';
import { useNavigate } from 'react-router-dom';
import { Eye, EyeOff, LogIn } from 'lucide-react';
import { Button, Input } from '../components/ui';
import { odooApi } from '../services/odoo';
import { useAuth } from '../lib/auth';
import { useTheme } from '../lib/theme';
const LOGO_SKEEN = '/skeen-brand/logos/Logo%20Completo%20Blanco.png';
const LOGO_HOMENEST = '/skeen-brand/logos/Logo%20Completo%20Negro.png';
const Login: FC = () => {
const { login } = useAuth();
const { login, brand, setBrand } = useAuth();
const { theme } = useTheme();
const navigate = useNavigate();
const [username, setUsername] = useState('');
@@ -19,7 +17,18 @@ const Login: FC = () => {
const [submitting, setSubmitting] = useState(false);
const [error, setError] = useState<string | null>(null);
const isHomeNest = theme === 'homenest';
const logo = isHomeNest ? LOGO_HOMENEST : LOGO_SKEEN;
// El logo sigue al tema (claro/oscuro) pero el asset lo define el brand.
const logo = isHomeNest ? brand.logo_oscuro : brand.logo_claro;
// Sin sesión aún: el login pide el brand directo (GET público) para pintar
// nombre/logo de la clínica antes de autenticar.
useEffect(() => {
let vivo = true;
odooApi.getBrand()
.then((res) => { if (vivo && res.status === 'success' && res.brand) setBrand(res.brand); })
.catch(() => { /* queda el brand cacheado/default */ });
return () => { vivo = false; };
}, [setBrand]);
const onSubmit = async (e: FormEvent) => {
e.preventDefault();
@@ -68,7 +77,7 @@ const Login: FC = () => {
<div className="text-center mb-10">
<img
src={logo}
alt="SKEEN Derma Experts"
alt={brand.nombre}
className="h-10 w-auto object-contain mx-auto mb-6"
/>
<h1 className="font-display text-3xl mb-2 tracking-wide" style={{ color: isHomeNest ? 'var(--text-heading)' : '#fff' }}>Bienvenido</h1>
@@ -128,7 +137,7 @@ const Login: FC = () => {
</form>
<p className="text-center text-xs mt-6" style={{ color: isHomeNest ? 'var(--text-muted)' : 'rgba(255,255,255,0.3)' }}>
SKEEN Derma Experts · Playas de Rosarito, B.C.
{brand.pie}
</p>
</div>
</div>