Ship new "Settings Page" UX

[vladikoff]

This is a tracking issue for the new UX:

• Extend profile client to handle displayName
• New Layout / Templates (CSS)
• Deploy a new ux box for this feature (@vladikoff) - https://uxwip.dev.lcip.org/signup (tracks issue-2336-new-settings-page branch)
• ....
  

[pdehaan]

@johngruen @ryanfeeley

Not sure if the "Email Address" formatting looks backwards.

Should the "Email Address" be the big-bold text, or the person's actual email address? (Since the display name and email address are arguably the more important pieces of information here).
I understand the consistency angle, but I was almost expecting the latter, sort of similar to the popup on the change password screen:

[zaach]

@johngruen @vladikoff I created a new branch here: https://github.com/mozilla/fxa-content-server/tree/issue-2336-new-settings-page

[vladikoff]

https://uxwip.dev.lcip.org/signup is live tracks the above branch ^

[zaach]

@vladikoff Nice! Does that mean autodeploy on push?

[vladikoff]

@zaach yeap!

[zaach]

@johngruen Heads up, we now have a Communication preferences screen to accommodate.

[pdehaan]

@zaach Where would that "Email preferences" link go to?
I'm assuming "Back" just takes you back to the generic /settings route.

/cc @ryanfeeley

[johngruen]

shakes fist at @ryanfeeley

[rfk]

"Email preferences" links out to an external newsletter-management page hosted on www.mozilla.org

[johngruen]

@zaach https://www.dropbox.com/s/k5f217dyy2lemj6/fxa-settings.png?dl=0

[zaach]

Display name updates successfully.

[issues-bouncer]

Hey @johngruen, you have been assigned on this issue for more than 14 days!
Maybe you should consider un-assigning yourself and let other people try to solve this issue.

[zaach]

@jrgm @vladikoff The auto-updating box seems busted again 💣

[johngruen]

@zaach weird bug on the branch...my password needs to be 9 characters to activate the signup button

[jrgm]

@jrgm @vladikoff The auto-updating box seems busted again 💣

@zaach - so yum has become corrupted on that box. It's not worth the effort to do the repair. Just destroy the uxwip stack, and then build a new uxwip stack with fxa-dev.