Files
analiticaNucleo/nuxt4-app/app/pages/index.vue
josedario87 608b4dbe26
All checks were successful
build-and-deploy / build (push) Successful in 3m37s
build-and-deploy / deploy (push) Successful in 4s
Remove all database dependencies and simplify application
BREAKING CHANGE: Remove all data analysis features

This commit removes all database-dependent functionality and simplifies
the application to focus on authentication and user management only.

Changes:
- Remove all /api/data and /api/metadata server endpoints
- Remove Supabase configuration from nuxt.config.ts and .env.example
- Remove @supabase/supabase-js dependency from package.json
- Delete data analysis pages: explorer, metadatos, rawExplorer, panorama,
  comparativa-cosechas, informe-ingresos
- Simplify sidebar navigation to show only "Inicio"
- Update home page to focus on authentication and profile management
- Remove "Supabase" and "Solo lectura" badges from navbar
- Keep only auth-related API endpoints: /api/auth/status and /api/auth/check-group

The application now serves as an authentication-protected portal with:
- Authentik SSO integration
- User profile management
- Settings and notifications pages (coming soon)
- No database or data analysis features
2025-10-13 13:37:52 -06:00

104 lines
4.1 KiB
Vue

<template>
<div class="flex flex-col gap-8">
<UCard class="brand-card border border-transparent backdrop-blur-sm">
<template #header>
<div class="flex flex-col gap-4 lg:flex-row lg:items-center lg:justify-between">
<div class="flex items-center gap-5">
<img
src="/logo.png"
alt="Analítica Núcleo"
class="h-16 w-16 rounded-full border border-[#ffe0a0]/40 shadow-lg shadow-[#c08040]/25"
/>
<div class="space-y-1">
<h1 class="text-3xl font-semibold tracking-tight text-[var(--brand-text)]">
Analítica Núcleo Data Studio
</h1>
<p class="text-sm text-[var(--brand-text-muted)]">
Panel de administración y monitoreo de Núcleo Río Frío
</p>
</div>
</div>
<div class="flex flex-wrap gap-2">
<span class="brand-pill inline-flex items-center gap-2 rounded-full px-3 py-1 text-xs uppercase tracking-[0.18em]">
<span class="inline-block h-2 w-2 rounded-full bg-green-500"></span>
Activo
</span>
</div>
</div>
</template>
<div class="text-center py-12 space-y-6">
<div class="flex justify-center">
<div class="w-24 h-24 rounded-full bg-gradient-to-br from-[#c08040]/20 to-[#ffe0a0]/20 flex items-center justify-center">
<UIcon name="i-lucide-chart-line" class="size-12 text-[#ffe0a0]" />
</div>
</div>
<div>
<h2 class="text-2xl font-bold text-[var(--brand-text)] mb-2">
Bienvenido a Analítica Núcleo
</h2>
<p class="text-lg text-[var(--brand-text-muted)] mb-4">
Sistema de análisis y monitoreo empresarial
</p>
<p class="text-sm text-[var(--brand-text-muted)] max-w-2xl mx-auto">
Panel central para la gestión y visualización de métricas de negocio de Nucleo Río Frío.
Las funcionalidades de análisis de datos están actualmente en desarrollo.
</p>
</div>
</div>
</UCard>
<section class="grid gap-6 md:grid-cols-3">
<UCard class="brand-card border border-transparent">
<template #header>
<div class="flex items-center gap-2">
<UIcon name="i-lucide-shield-check" class="size-5 text-[#ffe0a0]" />
<span class="text-sm font-semibold text-[var(--brand-text)]">Seguridad</span>
</div>
</template>
<p class="text-sm text-[var(--brand-text-muted)]">
Acceso protegido mediante Authentik con autenticación de doble factor y gestión de permisos basada en grupos.
</p>
</UCard>
<UCard class="brand-card border border-transparent">
<template #header>
<div class="flex items-center gap-2">
<UIcon name="i-lucide-user" class="size-5 text-[#ffe0a0]" />
<span class="text-sm font-semibold text-[var(--brand-text)]">Mi Perfil</span>
</div>
</template>
<p class="text-sm text-[var(--brand-text-muted)] mb-3">
Gestiona tu información personal y preferencias del sistema.
</p>
<NuxtLink to="/profile" class="text-sm font-semibold text-[#ffe0a0] hover:underline">
Ver perfil
</NuxtLink>
</UCard>
<UCard class="brand-card border border-transparent">
<template #header>
<div class="flex items-center gap-2">
<UIcon name="i-lucide-settings" class="size-5 text-[#ffe0a0]" />
<span class="text-sm font-semibold text-[var(--brand-text)]">Configuración</span>
</div>
</template>
<p class="text-sm text-[var(--brand-text-muted)] mb-3">
Personaliza tu experiencia y ajusta las preferencias del panel.
</p>
<NuxtLink to="/settings" class="text-sm font-semibold text-[#ffe0a0] hover:underline">
Ir a configuración
</NuxtLink>
</UCard>
</section>
</div>
</template>
<script setup lang="ts">
definePageMeta({
layout: 'dashboard',
title: 'Inicio'
})
</script>