activist icon indicating copy to clipboard operation
activist copied to clipboard

Add event creation flow

Open andrewtavis opened this issue 1 year ago • 12 comments

Terms

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 💪

andrewtavis avatar Nov 18 '23 12:11 andrewtavis

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

PabloSSena avatar Nov 30 '23 04:11 PabloSSena

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?

andrewtavis avatar Nov 30 '23 08:11 andrewtavis

Yep, sounds good to me

PabloSSena avatar Nov 30 '23 15:11 PabloSSena

Will get to that later today, @PabloSSena :)

andrewtavis avatar Nov 30 '23 15:11 andrewtavis

I don't think I will be able to work on this today, but i can start tomorrow

PabloSSena avatar Nov 30 '23 18:11 PabloSSena

All good, @PabloSSena! I'll send along those pages soon :)

andrewtavis avatar Nov 30 '23 18:11 andrewtavis

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?

andrewtavis avatar Dec 02 '23 13:12 andrewtavis

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

PabloSSena avatar Dec 05 '23 02:12 PabloSSena

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.

andrewtavis avatar Dec 05 '23 06:12 andrewtavis

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

PabloSSena avatar Dec 06 '23 01:12 PabloSSena

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 😊

andrewtavis avatar Dec 06 '23 07:12 andrewtavis

Hey @PabloSSena 👋 Let me know what the status here is :) Would be great to get this closed up 😊 Hope you're well!

andrewtavis avatar Mar 09 '24 12:03 andrewtavis

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 😊

andrewtavis avatar Jul 02 '24 00:07 andrewtavis