josedario87
5500c83f9f
All checks were successful
build-and-deploy / build-and-deploy (push) Successful in 48s
Implementa botones "Copiar Texto" y "Copiar JSON" en todos los componentes de datos del Panorama Facturador: Componentes actualizados: - SecosVendidos: Exporta inventario y proyecciones de café seco - RechazosSubproductos: Exporta tabla de rechazos con totales - Totales Financieros: Exporta vista general financiera (directo en página) Además: - Los componentes de Totales (IngresoCompra, Monetarios, Verde) ahora reciben contadores y metadata para incluir footer - Todos los textos incluyen footer con: - Rango de fechas - Ingresos y rechazos filtrados vs totales - Fecha de generación Nota: Panorama no tiene datos de clientes, solo ingresos y rechazos.
Analítica Núcleo Data Studio
Panel de administración y monitoreo empresarial para Núcleo Río Frío, construido con Nuxt 4, Vue 3 y Nuxt UI.
Características Principales
- 🎨 Sistema de Temas Personalizable - Personaliza todos los colores de la interfaz
- 🔐 Autenticación con Authentik - SSO seguro con Authentik Proxy Outpost
- 📊 Dashboards Interactivos - Visualizaciones de datos con filtros dinámicos
- 🌙 Dark Mode Optimizado - Tema oscuro pensado para uso prolongado
- 🚀 Performance - Construido con Nuxt 4 y Vue 3 Composition API
- 📱 Responsive - Optimizado para desktop, tablet y móvil
Sistema de Temas
Analítica Núcleo cuenta con un sistema de temas completamente personalizable que permite ajustar los colores de la interfaz según tus preferencias.
Para Usuarios
- Accede a Configuración (
/settings) para personalizar el tema - Elige entre 4 temas predefinidos: Café, Azul, Verde, Carbón
- O personaliza cada color individualmente con el selector visual
- Exporta/importa temas para compartir o hacer backup
📖 Documentación completa: THEME_CUSTOMIZATION.md
Para Desarrolladores
- Usa siempre variables CSS (
--brand-*) en lugar de colores hardcoded - Aprovecha las clases utilitarias (
.brand-card,.brand-shell, etc.) - Utiliza el composable
useTheme()para manipular temas programáticamente
📖 Guía de desarrollo: DEVELOPER_GUIDE.md
Look at the Nuxt documentation to learn more.
Setup
Make sure to install dependencies:
# npm
npm install
# pnpm
pnpm install
# yarn
yarn install
# bun
bun install
Development Server
Start the development server on http://localhost:3000:
# npm
npm run dev
# pnpm
pnpm dev
# yarn
yarn dev
# bun
bun run dev
Production
Build the application for production:
# npm
npm run build
# pnpm
pnpm build
# yarn
yarn build
# bun
bun run build
Locally preview production build:
# npm
npm run preview
# pnpm
pnpm preview
# yarn
yarn preview
# bun
bun run preview
Check out the deployment documentation for more information.