Page MenuHomePhabricator

Redirect to Event page after successfully enabling event registration
Closed, ResolvedPublic2 Estimated Story Points

Assigned To
Authored By
vaughnwalters
Apr 18 2024, 6:31 PM
Referenced Files
Restricted File
Nov 21 2024, 6:18 AM
F57726105: Screenshot 2024-11-20 at 2.10.35 PM.png
Nov 20 2024, 10:12 PM
F57726097: Screen Recording 2024-11-20 at 2.41.13 PM.gif
Nov 20 2024, 10:12 PM
F57664367: image.png
Oct 31 2024, 6:07 PM
F57656765: image.png
Oct 29 2024, 8:37 PM
F57634630: Screenshot 2024-10-22 at 1.46.20 PM.png
Oct 22 2024, 8:53 PM

Description

As an organizer, I want to be redirected to the event page after enabling registration, so that I can review the updated page.

Once this work is complete, we can do T377998.

Acceptance criteria:

  • Given an organizer has created an Event page
    • When an event registration has been successfully enabled on Special:EnableEventRegistration
    • Then the user should be redirected to the Event page
    • And they should see a success message in a bubble notification
      • The exact content of the success message will be handled in T377998
    • And if there are any warnings, they should be displayed in separate bubble notifications

Note: This work is a follow up from T333579.

Experience that we are updating (current flow):

Screenshot 2024-10-22 at 1.46.20 PM.png (500×1 px, 54 KB)

Out of scope: Special:EditEventRegistration, covered in T378768.

Event Timeline

cmelo set the point value for this task to 2.
ifried updated the task description. (Show Details)
ifried updated the task description. (Show Details)
ifried renamed this task from Redirect to Event page and display success message after successfully enabling event registration to Redirect to Event page after successfully enabling event registration .Oct 23 2024, 5:07 PM
ifried updated the task description. (Show Details)

For this requirement:

For noJS users, we will keep the current flow.

We have a bit of a conundrum. There are two ways that we can redirect the user to the event page: server-side and client-side.

  • Server-side works regardless of whether you have JavaScript enabled or not, and after enabling registration you are immediately taken to the event page. Then, if you have JS enabled you also see the success notification; otherwise you don't see any notification (but you do see the registration header with the information you just entered in the form).
  • Client-side only works if JS is enabled. This would allow us to keep the current flow for no-JS users. However, JS users will have a suboptimal flow where the current success message loads and remains visible for a little bit (how long exactly depends on various factors such as internet speed), and then they're redirected to the event page.

Of the two, I would choose the first option, on the grounds that the subpar experience should be for no-JS users, not the other way around. Still, curious to hear what you think @ifried!

I would also like to ask if the redirect should be done when enabling registration only, or also when editing it. If so, I can file a separate task for it.

Also, even if registration is enabled successfully, there might be warnings. Currently, this can happen if there were troubles enabling integration with the P&E Dashboard. I'm assuming these warnings would be shown as warning-type notifications along with the success message?

Change #1084146 had a related patch set uploaded (by Daimona Eaytoy; author: Daimona Eaytoy):

[mediawiki/extensions/CampaignEvents@master] Make the event page available as a class member after editing event

https://gerrit.wikimedia.org/r/1084146

Change #1084165 had a related patch set uploaded (by Daimona Eaytoy; author: Daimona Eaytoy):

[mediawiki/extensions/CampaignEvents@master] Redirect user to event page after enabling registration

https://gerrit.wikimedia.org/r/1084165

Change #1084146 merged by jenkins-bot:

[mediawiki/extensions/CampaignEvents@master] Make the event page available as a class member after editing event

https://gerrit.wikimedia.org/r/1084146

Pending answers to T362924#10273154 and T362924#10273208, I implemented it with a server-side redirect and warnings displayed on the event page, which is I think the most sensible approach given the requirements. Here's a screenshot of what it would look like with a warning:

image.png (1×3 px, 170 KB)

Hi @Daimona, thanks for explaining the two options. I agree that the server-side approach is better, since we should give the optimal experience to JS users and the no-JS experience is still fine.

And, yup, we can keep the warning type messages in their current form. They can be useful to organizers and I see no issue with how they are currently displayed.

And, yup, we can keep the warning type messages in their current form. They can be useful to organizers and I see no issue with how they are currently displayed.

This is how we're displaying them currently:

image.png (723×3 px, 107 KB)

My proposal above (F57656765) is to keep the same separation, and turning them both into bubble notifications on the event page. If that works for you, I think this is ready for review.

I'm also wondering if I should create a task for making the same change to the edit registration workflow.

Yup, keeping them separated & using bubble notifications works, @Daimona

And, yes, good point. We should also do it for edit registration. Thanks for offering to create a task for that too :)

Change #1084165 merged by jenkins-bot:

[mediawiki/extensions/CampaignEvents@master] Redirect user to event page after enabling registration

https://gerrit.wikimedia.org/r/1084165

Acceptance criteria:

  • Given an organizer has created an Event page
    • ✅ When an event registration has been successfully enabled on Special:EnableEventRegistration
    • ✅ Then the user should be redirected to the Event page
    • ✅ And they should see a success message in a bubble notification
      • ✅ The exact content of the success message will be handled in T377998 (see below, from T377998)
        • "Registration is enabled. Participants can now register on your event page."
        • And in a new line in the same bubble notification, they should see:
        • "This event is included in the Collaboration list."
        • Collaboration list should be bold
    • ✅ And if there are any warnings, they should be displayed in separate bubble notifications
screencap screenshot warning in separate bubble notification
Screen Recording 2024-11-20 at 2.41.13 PM.gif (1×3 px, 2 MB)
Screenshot 2024-11-20 at 2.10.35 PM.png (1×3 px, 481 KB)
{F57727223}