Skip to content

Resolve "Style app reset password component"

Emily Jensen requested to merge 198-reset-password-mobile into dev

General Changes

  • app-server-select was made into a component
  • app-bullet-list was added for displaying bullet points on mobile
  • login on the app now uses app-server-select
  • reset password on the app was created
  • worked with Brendan to style confirm email page

Sanity Check / QA

  • Reset password button on bottom left of log in page routes to reset password
  • A blank email or invalid email trigger an error
  • Selecting server allows user to access a server other than app.passit.io
  • Entering a valid email sends an account recovery email routes to confirm email page
  • Both links on Confirm Email page work
  • Design matches specs, with exceptions listed below

Design Exceptions

  • We decided to use the server-select component instead of opening it on a new screen
  • I didn't add a message about what server the user is on on the bottom dock because the server component has a description about using the server
  • The log in button does not fit next to Confirm Email Address in the header, so I changed the header to Confirm Email
  • Brendan and I worked on styling the confirm email page

Other Considerations

Currently, the screen flashes back to the change password form when the email is being resent because hasStarted is true again for a moment. Since this is how it is handled in the web app, I'm inclined to say that this is fine.

Originally, the confirm email page had bullet points in it, so I created a bullet point component, since they are not straight forward in NativeScript. We ended up not using the bullets but I kept them in the app since we may want them elsewhere.

Closes #198 (closed)

Edited by Emily Jensen

Merge request reports