ADMIN REDESIGN: Add support for Event Volunteers

[palisadoes]

Is your feature request related to a problem? Please describe.

1. We recently added support for Event volunteers in the API
2. We need to add this capability to event management

Describe the solution you'd like

1. Design Figma screens for this capability
2. Implement the feature when the screens have been approved

Describe alternatives you've considered

• N/A

Approach to be followed (optional)

• N/A

Additional context

The API Event Volunteer Issue and PRs

1. Add Support for Event Volunteers talawa-api#1670
2. feat: Event Volunteers talawa-api#1774
3. feat: event volunteer group talawa-api#1873

Please coordinate with these contributors with your design

1. @rishav-jha-mech
2. @aashimawadhwa

Potential internship candidates

• Please read this if you are planning to apply for a Palisadoes Foundation internship Student Internship Programs talawa#359

[rahulch07]

I would like to work on this.

[palisadoes]

Updating the UI/UX is important, especially in the Admin portal. How's progress?

[rahulch07]

@palisadoes, I've been thoroughly reviewing the features to incorporate and refining the design. At present, I'm actively coordinating with contributors to address doubts in design. I'll soon provide the finalized designs.

[rahulch07]

@rishav-jha-mech @aashimawadhwa I've drafted the design for the updated dashboard. Could you please review it and confirm whether I'm headed in the right direction? Your feedback will guide the next steps in refining this issue's design. Thanks!

[palisadoes]

1. You should also be adding volunteers to the volunteer group.
   1. Do you have design for that?
2. Change the "Event Volunteer" title to just "Volunteers". It's obvious that it for events

[rahulch07]

@palisadoes Yes I am currently working on design to add volunteers to volunteer groups.

[rahulch07]

@rishav-jha-mech @aashimawadhwa

Create Volunteer Group Button

[palisadoes]

This is ok. Please proceed

[rahulch07]

@palisadoes @rishav-jha-mech @aashimawadhwa

Manage Group Button

Edit Group Button

[palisadoes]

1. How can you create a single modal where you can edit the Group Membership, Group name, and volunteers required?
2. Ideally, a similar modal should be used for creating the Group too.
3. The Volunteer dashboard should have columns for volunteers needed, and volunteers found. That will help the Admin to easily know whether more recruiting work is needed without clicking on "edit".

Having separate "Edit" and "Manage" buttons is going to be confusing

[rahulch07]

@palisadoes

Questions:
1.After clicking the Manage Group Button(on Volunteers Dashboard) the admin can edit Group Members, Group name and
Volunteers required in a single screen?
2.On Volunteers dashboard Groups name, leader name, createdAt date, volunteers available and volunteers required should
be visible?

[palisadoes]

@palisadoes

Questions:

1. After clicking the Manage Group Button(on Volunteers Dashboard) the admin can edit Group Members, Group name and Volunteers required in a single screen?

That would be ideal, but it may be confusing. You could modify the edit group modal to also show the list of volunteers with a button to edit volunteers with your Add Volunteer modal.

2. On Volunteers dashboard Groups name, leader name, createdAt date, volunteers available and volunteers required should be visible?

Yes

[rahulch07]

@palisadoes Suggest if any changes.

After clicking Manage Group Button on dashboard. This screen will open where admin can edit group.

Existing Volunteers dropdown will have option to delete volunteers

And Add Volunteers Button will open modal to add volunteers

[palisadoes]

The person managing the event will want to see all the volunteers in the modal without having to click on the dropdown.

See what GitHub does when add labels to issues. It is a more intuitive approach where there are not a large number of competing buttons. Try it on your local repos.

[rahulch07]

The person managing the event will want to see all the volunteers in the modal without having to click on the dropdown.

See what GitHub does when add labels to issues. It is a more intuitive approach where there are not a large number of competing buttons. Try it on your local repos.

@palisadoes

[palisadoes]

Yes, but make the margins between the buttons and the edge of the modal be the same as those for the elements above them.

Create a PR when ready.

[rahulch07]

@palisadoes should user screens should be in another PR?

[palisadoes]

Yes

[github-actions]

This issue did not get any activity in the past 10 days and will be closed in 180 days if no update occurs. Please check if the develop branch has fixed it and report again or close the issue.

[Cioppolo14]

@rahulch07 Are you working on this?

[rahulch07]

@Cioppolo14 yes

[palisadoes]

@rahulch07 You have been working on this for over 6 weeks. You said you were still working on it a week ago with no pull requests. It's blocking GSoC work. We will have to unassign you from this.

[anuragnegi000]

i would like to implement the above design, please assign this issue to me

[tasneemkoushar]

@anuragnegi000 This issue has been open for around 2 weeks, are you working on it?

[anuragnegi000]

No @tasneemkoushar as i was stuck in other issue so wasn't able to caught up with this issue

[palisadoes]

Unassigning. No activity

[aditya-bansal-7]

@palisadoes can you assigned it to me
I have gone through the discussions and like contribute to in implementing the feature.
Please let me know if I can take this on, and if so, I'd appreciate any specific guidance or additional requirements you'd like me to consider.

[palisadoes]

Closing. This is being worked on as a GSoC project