From 1a3294f10082bdf71c75c7745c95d65635c20a14 Mon Sep 17 00:00:00 2001 From: Drew Regitsky Date: Fri, 2 Oct 2015 16:12:08 -0700 Subject: [PATCH] feat(onboarding): add hotmail as a provider Summary: Adds a button for hotmail/outlook as a provider. Username field is not shown is set to the email address for submitting to Nylas. Test Plan: manual Reviewers: bengotow Reviewed By: bengotow Subscribers: evan Differential Revision: https://phab.nylas.com/D2095 --- .../onboarding/lib/account-settings-page.cjsx | 4 +-- .../onboarding/lib/account-types.coffee | 25 ++++++++++++++++++ .../onboarding/stylesheets/onboarding.less | 2 +- ...png => setup-icon-provider-outlook@2x.png} | Bin .../ic-settings-account-outlook@2x.png | Bin 0 -> 5161 bytes 5 files changed, 28 insertions(+), 3 deletions(-) rename static/images/onboarding/providers/{setup-icon-provider-hotmail@2x.png => setup-icon-provider-outlook@2x.png} (100%) create mode 100644 static/images/preferences/providers/ic-settings-account-outlook@2x.png diff --git a/internal_packages/onboarding/lib/account-settings-page.cjsx b/internal_packages/onboarding/lib/account-settings-page.cjsx index 6236a29f4..78a657655 100644 --- a/internal_packages/onboarding/lib/account-settings-page.cjsx +++ b/internal_packages/onboarding/lib/account-settings-page.cjsx @@ -201,8 +201,8 @@ class AccountSettingsPage extends React.Component data.settings[k] = v data.provider = @state.provider.name - # handle special case for exchange/outlook username field - if data.provider in ['exchange','outlook'] and not data.settings.username?.trim().length + # handle special case for exchange/outlook/hotmail username field + if data.provider in ['exchange','outlook','hotmail'] and not data.settings.username?.trim().length data.settings.username = data.email @setState(tryingToAuthenticate: true) diff --git a/internal_packages/onboarding/lib/account-types.coffee b/internal_packages/onboarding/lib/account-types.coffee index 6be0325c1..5b6c0373b 100644 --- a/internal_packages/onboarding/lib/account-types.coffee +++ b/internal_packages/onboarding/lib/account-types.coffee @@ -65,6 +65,31 @@ Providers = [ placeholder: 'Password' label: 'Password' }] + }, { + name: 'outlook' + displayName: 'Outlook.com' + icon: 'ic-settings-account-outlook.png' + header_icon: 'setup-icon-provider-outlook.png' + color: '#1174c3' + fields: [ + { + name: 'name' + type: 'text' + placeholder: 'Ashton Letterman' + label: 'Name' + }, { + name: 'email' + type: 'text' + placeholder: 'you@hotmail.com' + label: 'Email' + } + ] + settings: [{ + name: 'password' + type: 'password' + placeholder: 'Password' + label: 'Password' + }] }, { name: 'yahoo' displayName: 'Yahoo' diff --git a/internal_packages/onboarding/stylesheets/onboarding.less b/internal_packages/onboarding/stylesheets/onboarding.less index 80d692eed..f8557a828 100644 --- a/internal_packages/onboarding/stylesheets/onboarding.less +++ b/internal_packages/onboarding/stylesheets/onboarding.less @@ -311,7 +311,7 @@ .page.account-choose { width: 388px; - height: 615px; + height: 688px; .caption { font-size: 17px; diff --git a/static/images/onboarding/providers/setup-icon-provider-hotmail@2x.png b/static/images/onboarding/providers/setup-icon-provider-outlook@2x.png similarity index 100% rename from static/images/onboarding/providers/setup-icon-provider-hotmail@2x.png rename to static/images/onboarding/providers/setup-icon-provider-outlook@2x.png diff --git a/static/images/preferences/providers/ic-settings-account-outlook@2x.png b/static/images/preferences/providers/ic-settings-account-outlook@2x.png new file mode 100644 index 0000000000000000000000000000000000000000..70b7ec10988ccfca4261857b59c50be9b76c6173 GIT binary patch literal 5161 zcmV+^6xQpBP)004R>004l5008;`004mK004C`008P>0026e000+ooVrmw00006 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