activist
activist copied to clipboard
Add event creation flow
Terms
- [X] I have searched open and closed feature requests
- [X] I agree to follow activist's Code of Conduct
Description
This issue would add in the event creation flow that populates the backend. Designs for this can be seen in the top prorotype on Figma (the one for UNLOCK accelerator). Not all components for this finished at this time, with specifically #559 being a separate issue.
Contribution
I'd be happy to work on this or support someone who has interest! 😊 This is a needed flow for release, so getting to this sooner rather than later would be important 💪
Hello @andrewtavis i'm interested in this issue but i'm a bit confused about what is to do exactly, it is to implement only the front-end or also the back-end
For now just the front end, @PabloSSena :) I can maybe make the routes and the basic buttons at the bottom for navigation and you can add in the other parts for the pages?
Yep, sounds good to me
Will get to that later today, @PabloSSena :)
I don't think I will be able to work on this today, but i can start tomorrow
All good, @PabloSSena! I'll send along those pages soon :)
Ok, @PabloSSena :) fd75503 added in activist.org/events/create. I changed the designs to not have multiple pages, as I think we'd be fine to have all of this be in one form that transitions from "page" to "page" as the user clicks through. What do you think about this rather than separate pages?
Hi @andrewtavis, one more time sorry for the late response,I agree that only one form is better, I worked in a place that we did something very similar to this but we used angular, i can't imagine how to this in vue without studying a little more
No stress, @PabloSSena, we have time on this 😎 I'd say we could just do a conditional rendering of the page with v-if
based on some conditions of the fields being filled out then allowing the buttons at the bottom to be pressed which then triggers a "page" where the next content is brought in from the right. How does this sound? Let's also note that we need some sort of indication to the user that they can go to the next page, which might just be changing the color of the arrows, but that might not be apparent enough given their size.
It sounds good, about indication to go to the next page i think that the idea of chaging colors is really great, about not being apparent enough, do you think there is a way that we make the string "continue" change colors too? I think this will help the user
Yes we can change the color of the arrow and the associated string :) That sounds great to me! We'd just need a Boolean for whether all the elements are filled out, and then we can set a conditional class for Tailwind properties using :class="{}"
with the conditional class assignments inside 😊
Hey @PabloSSena 👋 Let me know what the status here is :) Would be great to get this closed up 😊 Hope you're well!
Closed by @Robot8lover in #889 :) Almost done with the initial batch of PRs from you, @Robot8lover. Let me know if you have questions on the project or would like to do a call at some point to discuss next steps/things that you could help with. Really is a great time working with you 😊