Fix: Eliminar componentes duplicados que causaban conflicto en el build
All checks were successful
build-and-deploy / build-and-deploy (push) Successful in 1m4s
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:
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user