josedario87
494ffb6d3b
All checks were successful
build-and-deploy / build-and-deploy (push) Successful in 49s
Implementa un footer consistente en todas las funciones de copiar texto que incluye información de contexto del informe: Footer incluye: - 📅 Rango de fechas aplicado - 📦 Cantidad de ingresos filtrados vs total - 👥 Cantidad de clientes con ingresos vs total - 🕐 Fecha y hora de generación Cambios en archivos: - informe-ingresos.vue: Footer en Lista, Top 10 y Serie Temporal - TotalesIngresoCompra.vue: Recibe contadores y metadata - TotalesMonetarios.vue: Recibe contadores y metadata - TotalesVerde.vue: Recibe contadores y metadata El footer usa datos de la query "Informe Ingresos - Contadores de Filtros" que proporciona totales con y sin filtros aplicados.
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.