Budget component with many budgets#6223
Conversation
6bfd45e to
baa4bf6
Compare
b2a1301 to
284aec3
Compare
8d2a217 to
ef25894
Compare
ef25894 to
2724d7f
Compare
fbf14a0 to
8d6c5df
Compare
bcc40f0 to
10b6c1d
Compare
74c22bb to
d8ef466
Compare
|
Thanks for the comments, clarifications and further fixes @agustibr! I'll add my notes about changing the budgets listing UI with some examples to #5709, thanks also for pointing it out! Here's few other notes regarding the UI after further "test driving": Bug: budgets sortingThe budgets are not listed by their Bug: more information modal is visible when it is not definedI noticed the "more information" link is visible with the empty modal window even when the text is not defined for that. I believe you should add a check here: As follows: def show
return if more_information.blank?
render
endAbout the "back to" linksYou mentioned the following regarding the "back to" link:
I have noticed this but it is extremely difficult to find from there. I wanted to suggest adding it on top of the budgeting view as follows: This should be only visible when there are more than 1 budget. Another consistent note we get from UI experts is that the wording "back to" or "back" should be avoided in such links because you cannot assume where the user came from. They could come e.g. from a lift in the front page, from the omniauth banner on top of the site or from a search engine. In such a situation, it can be confusing to the user to use the word "back" because they are not going "back" to where they came from. Order of messagesI'd like to suggest changing the order of these two messages in the UI: and: I think it would make sense to first display "great, now you're done" and after that "here's what you did". Not the other way around. To fix, just swap the order of these two messages. Confusing terminologyActive votesAnother change I'd like to suggest is for this term: decidim/decidim-budgets/config/locales/en.yml Line 108 in 320f004 I think the wording "active votes" can be confusing to non-technical users. I'd suggest something like:
If this does not sound any better, feel free to come up with a better alternative. I'd just like to get rid of the term "active votes" because that be confusing. "My" budgets?And this was also what I did not quite understand: I think this message is not needed, as that section already displays the messages I mentioned above (about changing the term order). |
|
Hi @ahukkanen, thanks again! 😁 The bug sorting budgets by weight is solved in commit a5961d1 in PR #6365. The suggestions, make sense but I think this should be discussed with @decidim/product as this PR implements the UI approved and present in the |
|
@decidim/core this has been approved by @decidim/product, can you review it please? 😄 |
@ahukkanen I didn't hide the more information modal, when there's no info, because it also has the back link inside, it would make total sense to hide it if the back link was outside the modal as you proposed. |
|
Few more bugs I found: Error when user enters invalid budget or project IDs to the URLWhen the user modifies the URL manually and enters invalid ID numbers for budgets or projects, there will be a "server error" on the page. I believe better would be to return a 404 in these cases, e.g. see: This applies to both The user's public timeline is completely broken if the user has left a comment on a budgeting project
I guess you would need to implement the EDIT: This bug also seems to affect the front page timeline block. |
tramuntanal
left a comment
There was a problem hiding this comment.
@agustibr this is a very clean and easy to understand refactor even with the many changes it implied, congratulations!
|
Thank you @ahukkanen for the heavy testing you're doing on this feature!
|
|
Thanks @tramuntanal 😁! (and @ahukkanen) Yes, I'll push fixes for both. |
591362c to
5d6cf9a
Compare
@tramuntanal the bugs are solved 😁 , the push dismissed your approval review. |
@ahukkanen since #6274 was merged So I've refactored to use the |

🎩 What? Why?
Refactor the Budget component to create a
Decidim::Budgets::Budgetresource, and makeDecidim::Budgets::Projects depend on it. Each component can have many “Budgets”, thus allowing for multiple budget resources in a single component.📌 Related Issues
📋 Subtasks
Add
CHANGELOGupgrade notes, if requiredIf there's a new public field, add it to GraphQL API
Add/modify seeds
1. add budget model
2. modify projects to use the budgets model
3.modify orders to use the budgets model
4. migrate existing data
5. complex votings
📷 Screenshots (optional)
Budgets index (Vote in all workflow):

Budgets index with highlighted resource:

Searchable Budget resource:

Project admin options | user's current order state

2. voting enabled + show votes | order not checked out:
3. voting enabled + show votes | checked out order:
4. show votes | checked out order:admin panel UI

2. Manage Budgets, new budget button and list budget resources:
3. Manage Projects within a budget resource: