Corregir componentes de contactos y filtrar solo con teléfono
All checks were successful
build-and-deploy / build-and-deploy (push) Successful in 1m0s
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:
@@ -70,7 +70,7 @@
|
||||
|
||||
<script setup lang="ts">
|
||||
import type { TabsItem } from '@nuxt/ui'
|
||||
import ContactsList from '~/components/contacts/ContactsList.vue'
|
||||
import ContactsList from '~/components/contacts/List.vue'
|
||||
|
||||
const { isAuthenticated } = useAuthentik()
|
||||
const { isNight } = useTheme()
|
||||
|
||||
@@ -13,7 +13,7 @@
|
||||
</div>
|
||||
|
||||
<!-- Filtros -->
|
||||
<ContactsContactsFilters
|
||||
<ContactsFilters
|
||||
v-model="filters"
|
||||
@clear="clearFilters"
|
||||
/>
|
||||
@@ -47,7 +47,7 @@
|
||||
|
||||
<!-- Lista de contactos -->
|
||||
<div v-else class="contacts-list">
|
||||
<ContactsContactItem
|
||||
<ContactsItem
|
||||
v-for="contact in filteredContacts"
|
||||
:key="contact.id"
|
||||
:contact="contact"
|
||||
@@ -113,9 +113,11 @@ export const useContacts = () => {
|
||||
|
||||
/**
|
||||
* Contactos filtrados (búsqueda fuzzy en cliente)
|
||||
* Solo muestra contactos con teléfono registrado
|
||||
*/
|
||||
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)
|
||||
if (filters.value.telefono) {
|
||||
|
||||
Reference in New Issue
Block a user