ciaolavoro / ciao-lavoro

馃捈 Aplicaci贸n web para servicios independientes
https://ciaolavoro-s3.pages.dev
6 stars 0 forks source link

Task 16 - Listado de Servicios filtrado [Ciudad/Profesi贸n] (Frontend) #128

Closed Samalbalat closed 7 months ago

Samalbalat commented 7 months ago

Crear una vista que utilice la estructura realizada en la issue #127 para crear una buscador que filtre los datos por los criterios establecidos

alisanhos commented 7 months ago

El listado de servicios ya funciona. Podemos filtrarlo seg煤n el lugar o la profesi贸n (este es con un desplegable).

Se ha hecho de una forma mas din谩mica. Accedes al bot贸n de buscar servicios y ah铆 te lleva a una pagina con todos los servicios. En esa pagina hay unos parametros que podemos rellenar:

Image

Mediante se van rellenando los campos, se va filtrando al mismo tiempo. Eso si, como esta puesto que sea OnChange, esto causa que haga demasiadas peticiones y se bloquee:

Image

Para solucionarlo podemos usar eso: StackOverflow - Delay OnChange

Ademas de eso, quedar铆a hacer que los card se vean de mejor forma ya que hace que mucho espacio quede inutilizado.

Tambi茅n borrar los botones en home y a帽adir el buscar servicios al navbar.

alisanhos commented 7 months ago

Ya se ha solucionado el tema de OnChange. Se le ha puesto un delay de 1000 ms una vez se deja de escribir:

Image

Ademas de ello se ha mejorado la vista del listado y se ha hecho que sea responsive. Solo queda enlazarlo con la imagen de perfil del usuario. Por ahora he puesto una imagen base en todas.

Image