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">
|
<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()
|
||||||
|
|||||||
@@ -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"
|
||||||
@@ -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) {
|
||||||
|
|||||||
Reference in New Issue
Block a user