initial implementation for providing a configuration value for display name

Author: prakhar1989

demo/public/app.js

@@ -47,7 +47,8 @@ var uiConfig = {
     firebase.auth.EmailAuthProvider.PROVIDER_ID
   ],
   // Terms of service url.
-  'tosUrl': 'https://www.google.com'
+  'tosUrl': 'https://www.google.com',
+  'shouldDisplayName': false
 };
 
 // Initialize the FirebaseUI Widget using Firebase.

javascript/ui/page/passwordsignup.js

@@ -31,6 +31,7 @@ goog.require('firebaseui.auth.ui.page.Base');
 /**
  * Password sign-up UI component.
  * @param {?string} tosUrl The ToS URL.
+ * @param {bool} showDisplayName Whether to show the display name.
  * @param {function()} onSubmitClick Callback to invoke when the submit button
  *     is clicked.
  * @param {function()=} opt_onCancelClick Callback to invoke when the cancel
@@ -43,6 +44,7 @@ goog.require('firebaseui.auth.ui.page.Base');
  */
 firebaseui.auth.ui.page.PasswordSignUp = function(
     tosUrl,
+    showDisplayName,
     onSubmitClick,
     opt_onCancelClick,
     opt_email,
@@ -54,6 +56,7 @@ firebaseui.auth.ui.page.PasswordSignUp = function(
       firebaseui.auth.soy2.page.passwordSignUp,
       {
         email: opt_email,
+        showDisplayName: showDisplayName,
         name: opt_name,
         tosUrl: tosUrl,
         allowCancel: !!opt_onCancelClick

javascript/widgets/config.js

@@ -68,6 +68,11 @@ firebaseui.auth.widget.Config = function() {
   this.config_.define('siteName');
   this.config_.define('tosUrl');
   this.config_.define('widgetUrl');
+  /**
+   * Determines whether the user is asked for entering display name
+   * while going through the email/password signup flow.
+   */
+  this.config_.define('shouldDisplayName', true);
 };
 
 
@@ -290,6 +295,12 @@ firebaseui.auth.widget.Config.prototype.getTosUrl = function() {
 };
 
 
+/** @return {bool} Whether the display name should be displayed. */
+firebaseui.auth.widget.Config.prototype.getShouldDisplayName = function() {
+  return /** @type {bool} */ (this.config_.get('shouldDisplayName'));
+};
+
+
 /** @return {boolean} Whether to prefer popup mode. */
 firebaseui.auth.widget.Config.prototype.getPopupMode = function() {
   return !!this.config_.get('popupMode');

javascript/widgets/handler/passwordsignup.js

@@ -48,6 +48,7 @@ firebaseui.auth.widget.handler.handlePasswordSignUp = function(
   // Render the UI.
   var component = new firebaseui.auth.ui.page.PasswordSignUp(
       app.getConfig().getTosUrl(),
+      app.getConfig().getShouldDisplayName(),
       // On submit.
       function() {
         firebaseui.auth.widget.handler.onSignUpSubmit_(app, component);

soy/pages.soy

@@ -76,6 +76,7 @@
  */
 {template .passwordSignUp}
   {@param? email: string} /** The email address to prefill. */
+  {@param? showDisplayName: bool} /** Whether to show the display name. */
   {@param? name: string} /** The name to prefill. */
   {@param? tosUrl: string} /** The Terms of Service URL. */
   {@param? allowCancel: bool} /** Whether to show the cancel link. */
@@ -89,7 +90,9 @@
       </div>
       <div class="{css firebaseui-card-content}">
         {call firebaseui.auth.soy2.element.email data="all" /}
-        {call firebaseui.auth.soy2.element.name data="all" /}
+        {if $showDisplayName}
+          {call firebaseui.auth.soy2.element.name data="all" /}
+        {/if}
         {call firebaseui.auth.soy2.element.newPassword}
           {param choose: true /}
         {/call}