Skip to content
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

Make editing a bill into a modal #1220

Open
wants to merge 1 commit into
base: master
Choose a base branch
from

Conversation

Jojo144
Copy link
Contributor

@Jojo144 Jojo144 commented Aug 28, 2023

English

In short, this is a proposal to edit bills into a modal windows instead of a new html page.

Français

Bonjour à toutes et tous.
Ceci est une proposition : quand on édite une facture (en cliquant sur le crayon) plutôt que d'ouvrir une nouvelle page html cela ouvre une fenêtre modale :
Screenshot 2023-08-28 at 20-39-57 Gestion de comptes - demonstration

But : fluidifier la navigation.

Implémentation proposée dans cette PR : quand on clique sur le crayon cela recharge la page en ajoutant "?edit_bill=X" à l'url (de la même façon qu'il existe déjà "?add_bill=True") et ouvre une modale. Cela semble bien fonctionner.

Avantage : implémentation légère, code assez simple.

Problème : ce n'est pas si fluide si la page est longue à charger et cela remonte au début de la page. Cette PR n'est donc pas parfaite.

Discussion n° 1 : Cette fonctionnalité vous paraît-elle intéressante ?
Discussion n° 2 : En l'état, est-ce mieux que rien ? Merge t'on comme ça ?
Discussion n° 3 : Comment faire mieux ?

Pour le point n° 3 je vois deux possibilités :

  • A. On crée une modale pour chaque facture affichée que l'on affiche en cliquant sur le crayon. J'ai peur que cela alourdisse le temps de chargement car je crois qu'il faut créer un formulaire par facture (côté Python).
  • B. On crée une seule modale. On code en JS le fait d'aller chercher les infos d'une facture dans la base de donnée et de remplir le formulaire proprement. Peut-être je me trompe mais ça me semble compliqué. J'ai peur que ça dépasse un peu mes compétences...

@zorun zorun added improvement discussion UI/UX User Interface / User Experience labels Sep 3, 2023
@zorun
Copy link
Collaborator

zorun commented Sep 3, 2023

I agree the current UX is not good, I would also prefer having a modal.

Regarding the implementation, I'm also not completely satisfied with reloading the page. Also, how does it interact with paging in the list of bills which also uses a GET parameter?

@Glandos any idea for a better implementation?

@zorun zorun changed the title [Enhancement] Make editing a bill into a modal Make editing a bill into a modal Sep 3, 2023
@@ -86,6 +87,25 @@ <h3 class="modal-title">{{ _('Add a bill') }}</h3>
</div>
</div>
</div>
{% if edit_bill is not none %}
<div id="bill-edit-form" class="modal fade show" role="dialog">
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

what about having multiple different IDs for each of the modals here rather than sharing the same id?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
discussion improvement UI/UX User Interface / User Experience
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants