Corregir componentes de contactos y filtrar solo con teléfono
All checks were successful
build-and-deploy / build-and-deploy (push) Successful in 1m0s

- Renombrar componentes: ContactsFilters→Filters, ContactItem→Item, ContactsList→List
- Actualizar referencias en List.vue y app.vue
- Filtrar solo contactos con teléfono registrado
- Los filtros ahora deberían mostrarse correctamente
This commit is contained in:
2025-12-05 12:10:16 -06:00
parent a017423282
commit 39a01d351b
5 changed files with 6 additions and 4 deletions

View File

@@ -70,7 +70,7 @@
<script setup lang="ts"> <script setup lang="ts">
import type { TabsItem } from '@nuxt/ui' import type { TabsItem } from '@nuxt/ui'
import ContactsList from '~/components/contacts/ContactsList.vue' import ContactsList from '~/components/contacts/List.vue'
const { isAuthenticated } = useAuthentik() const { isAuthenticated } = useAuthentik()
const { isNight } = useTheme() const { isNight } = useTheme()

View File

@@ -13,7 +13,7 @@
</div> </div>
<!-- Filtros --> <!-- Filtros -->
<ContactsContactsFilters <ContactsFilters
v-model="filters" v-model="filters"
@clear="clearFilters" @clear="clearFilters"
/> />
@@ -47,7 +47,7 @@
<!-- Lista de contactos --> <!-- Lista de contactos -->
<div v-else class="contacts-list"> <div v-else class="contacts-list">
<ContactsContactItem <ContactsItem
v-for="contact in filteredContacts" v-for="contact in filteredContacts"
:key="contact.id" :key="contact.id"
:contact="contact" :contact="contact"

View File

@@ -113,9 +113,11 @@ export const useContacts = () => {
/** /**
* Contactos filtrados (búsqueda fuzzy en cliente) * Contactos filtrados (búsqueda fuzzy en cliente)
* Solo muestra contactos con teléfono registrado
*/ */
const filteredContacts = computed(() => { const filteredContacts = computed(() => {
let result = contacts.value // Primero filtrar solo contactos con teléfono
let result = contacts.value.filter(c => c.telefono && c.telefono.trim() !== '')
// Filtro por teléfono (parcial) // Filtro por teléfono (parcial)
if (filters.value.telefono) { if (filters.value.telefono) {