Page MenuHomePhabricator

Port Desktop DE banner
Closed, ResolvedPublic8 Estimated Story Points

Description

Convert the existing Preact components into Vue components. Biggest effort here is the slider. The multi-step form and the validation is tackled in another ticket.

Acceptance Criteria:

  • Desktop DE banner design is ported to Vue
  • The changes for the progress bar are integrated
  • The single-step donation form is integrated
  • The dynamic text generator is integrated
  • The highlighting animation is implemented
  • The responsive behaviour of the banner text and the slider is ported to Vue
  • The soft close feature is ported to Vue.
  • The "I already donated" feature is ported to Vue.
  • The one-click-select feature is implemented
  • The use of funds content is implemented
  • The banner triggers events to the Event Platform
  • High-level integration tests are added

Implementation Details:
See https://vueschool.io/articles/vuejs-tutorials/state-management-with-composition-api/ for an introduction on how to use Vue 3 composition API functions to create a minimal "store" (sharing state between components)

Event Timeline

kai.nissen set the point value for this task to 13.
kai.nissen changed the point value for this task from 13 to 8.Apr 3 2023, 10:16 AM