-
Notifications
You must be signed in to change notification settings - Fork 25
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
UX/UI : Filtrer les employeurs et postes de manière plus dynamique #3949
Conversation
f3fcb25
to
32eaad6
Compare
🥁 La recette jetable est prête ! 👉 Je veux tester cette PR ! |
32eaad6
to
1324919
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
C'est effectivement plus compliqué 😬
@@ -0,0 +1,9 @@ | |||
{% load django_bootstrap5 %} | |||
<div id="company-field"{% if request.htmx %} hx-swap-oob="true"{% endif %}> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Malin ce {% if request.htmx %} hx-swap-oob="true"{% endif %}
.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM 🏋️
1324919
to
233696b
Compare
Avoid reloading the entire page (and scrolling up) when a single filter changes. The goal is for the filter form not to be reloaded, to keep the current scroll position on the page and collapse state. This necessitated reorganizing the page so that the tabs, heading section and certain form fields can be reloaded independently with out-of-brand swaps. Purposely don’t move back to the top of the results. With the redesign in progress, the filters will move to the top of the page, removing the need to scroll. Also, as the filter list can be quite tall, users picking filters from the bottom of the page would be quite annoyed when the scroll position changes after they picked an element.
233696b
to
70e5f4a
Compare
🤔 Pourquoi ?
Expérience utilisateur, moins de rechargement, moins de scroll.
🏝️ Comment tester
Attendu : pas de rechargement complet de la page lors de la sélection d’un filtre, animation de chargement sur la liste de résultats.
https://c1-review-ff-htmx-jobs.cleverapps.io/