Page MenuHomePhabricator

Add "progress bar" widget to banner
Closed, ResolvedPublic

Description

AC:

  • Banners inside the webpack solution repo can contain the progress bar widget

Background:

Event Timeline

Restricted Application added a subscriber: Aklapper. · View Herald Transcript

Questions for @kai.nissen, @tmletzko

  • do we need animation of the numbers (while the bar is moving)? Is inside the code, but not displayed in the example banner referenced in T176402.
  • behavior when the banner width gets smaller (especially the text inside the progress bar)? We are now building responsive banners, but this widget isn't. Please model.
  • is the ability to show text inside or outside (configurable) needed? When? Please model.

@Pablo-WMDE

  • do we need animation of the numbers (while the bar is moving)? Is inside the code, but not displayed in the example banner referenced in the other ticket.

Not at the moment. We had a test with animated numbers. So it is possible to try something like this in the future.

  • behavior when the banner width gets smaller (especially the text inside the progress bar)? We are now building responsive banners, but this widget isn't. Please model.

With modelling you mean a percentage or a ratio within the progress bar?

  • is the ability to show text inside or outside (configurable) needed? When? Please model.

Yes, it is needed when the progress meter has evolved. A few days before the campaign ends the "es fehlen xx Mio. €" - sentence is shown outside the banner like this. Again, percentage?

Here are previews of how the progress bar would look like in the current banners:

B17WMDE_test_progress_bar (Desktop)
B17WMDE_mob_test_progress_bar (Mobile)

Please look at them and list any changes that need to be made.

@tmletzko After looking at the progress bars from the last campaign, we saw that the left text ("Nur noch 12 Tage") appeared at the beginning of December. We could automate the display of the text if you like, e.g. show text when the campaign ends in 14 days. Do you have any rules for when that text appears? Also, we dimly remember the text becoming more urgent, the nearer the campaign end comes (e.g. starting with "Noch 12 Tage" and progressing to "Nur noch 3 Tage"). We could also automate this, if you like.

Everything is prepared now in the branch so it can be merged into master, without showing progress bars (in case the next test does not have them)

@Pablo-WMDE, @kai.nissen To activate the progress bar in the banners, have a look at https://github.com/wmde/fundraising-banners/pull/29/commits/5354c0bf0b2ddbb3d91e932f7222f176f16cc24b and revert the changes there.

Ping @tmletzko

Please have a look at the progress bars in the current banner design. Anything that needs to be changed?

B17WMDE_test_progress_bar (Desktop)
B17WMDE_mob_test_progress_bar (Mobile)

@gabriel-wmde looks fine to me. Having the progress meter on wp.de is not a big effort? I guess EN is not a big deal.

@tmletzko This has been implemented as a widget and is ready to be used in all projects.