Fix: Eliminar componentes duplicados que causaban conflicto en el build
All checks were successful
build-and-deploy / build-and-deploy (push) Successful in 1m4s

- Eliminar CataResumenMuestra.vue y CataFormularioMuestra.vue duplicados
- Usar componentes existentes en components/cata/ que ya se auto-registran como CataResumenMuestra y CataFormularioMuestra
- Resolver conflicto de nombres en Nuxt que impedía el build
This commit is contained in:
2025-10-18 02:12:22 -06:00
parent 5e697dbc89
commit 9cbc5f94c3
5 changed files with 121 additions and 591 deletions

View File

@@ -2,12 +2,16 @@
<div v-if="user" class="cata-user-info">
<div class="cata-outline-box rounded-lg p-4">
<div class="flex items-center gap-3">
<!-- Avatar simple con inicial -->
<div class="user-avatar cata-outline-box">
<!-- Avatar clickeable para verificar sesión -->
<button
class="user-avatar cata-outline-box cursor-pointer transition-all hover:scale-105 active:scale-95"
@click="handleCheckSession"
title="Verificar estado de sesión"
>
<span class="cata-text text-xl font-semibold">
{{ userInitial }}
</span>
</div>
</button>
<!-- Info del usuario -->
<div class="flex-1 min-w-0">
@@ -19,21 +23,46 @@
</p>
</div>
<!-- Botón de logout compacto -->
<button
class="cata-button p-2 flex-shrink-0"
@click="handleLogout"
title="Cerrar sesión"
>
<UIcon name="i-lucide-log-out" class="w-4 h-4" />
</button>
<!-- Botones de acción -->
<div class="flex items-center gap-2">
<!-- Botón de cambio de tema -->
<button
class="cata-button p-2 flex items-center justify-center flex-shrink-0"
@click="toggleTheme"
:title="isDark ? 'Cambiar a modo claro' : 'Cambiar a modo oscuro'"
>
<UIcon :name="isDark ? 'i-lucide-sun' : 'i-lucide-moon'" class="w-4 h-4" />
</button>
<!-- Botón de home -->
<button
class="cata-button p-2 flex items-center justify-center flex-shrink-0"
@click="goToHome"
title="Ir al inicio del ecosistema Nucleo"
>
<UIcon name="i-lucide-home" class="w-4 h-4" />
</button>
<!-- Botón de logout -->
<button
class="cata-button p-2 flex items-center justify-center flex-shrink-0"
@click="handleLogout"
title="Cerrar sesión"
>
<UIcon name="i-lucide-log-out" class="w-4 h-4" />
</button>
</div>
</div>
</div>
</div>
</template>
<script setup lang="ts">
const { user } = useAuthentik()
const { user, checkSessionStatus } = useAuthentik()
const colorMode = useColorMode()
// Estado del tema
const isDark = computed(() => colorMode.value === 'dark')
// Obtener la inicial del usuario
const userInitial = computed(() => {
@@ -42,6 +71,21 @@ const userInitial = computed(() => {
return name.charAt(0).toUpperCase()
})
// Cambiar tema
const toggleTheme = () => {
colorMode.preference = isDark.value ? 'light' : 'dark'
}
// Ir al home del ecosistema
const goToHome = () => {
window.open('https://inicio.nucleoriofrio.com', '_blank')
}
// Verificar estado de sesión
const handleCheckSession = async () => {
await checkSessionStatus()
}
// Manejar logout
const handleLogout = () => {
// Redirigir al endpoint de logout de Authentik
@@ -63,6 +107,7 @@ const handleLogout = () => {
justify-content: center;
flex-shrink: 0;
background-color: color-mix(in srgb, var(--cata-primary) 5%, transparent);
border: none;
}
.dark .user-avatar {
@@ -70,6 +115,15 @@ const handleLogout = () => {
box-shadow: 0 0 8px color-mix(in srgb, var(--cata-primary) 20%, transparent);
}
.user-avatar:hover {
background-color: color-mix(in srgb, var(--cata-primary) 10%, transparent);
}
.dark .user-avatar:hover {
background-color: color-mix(in srgb, var(--cata-primary) 15%, transparent);
box-shadow: 0 0 12px color-mix(in srgb, var(--cata-primary) 30%, transparent);
}
/* Responsive adjustments */
@media (max-width: 640px) {
.user-avatar {