switchIsSameUsernameTreatedAsIdenticalUser

src/client/js/components/Admin/Security/GoogleSecuritySetting.jsx

@@ -96,6 +96,26 @@ class GoogleSecurityManagement extends React.Component {
               </div>
             </div>
 
+            <div className="row mb-5">
+              <div className="col-xs-offset-3 col-xs-6 text-left">
+                <div className="checkbox checkbox-success">
+                  <input
+                    id="bindByUserNameGoogle"
+                    type="checkbox"
+                    checked={adminGoogleSecurityContainer.state.isSameUsernameTreatedAsIdenticalUser}
+                    onChange={() => { adminGoogleSecurityContainer.switchIsSameUsernameTreatedAsIdenticalUser() }}
+                  />
+                  <label
+                    htmlFor="bindByUserNameGoogle"
+                    dangerouslySetInnerHTML={{ __html: t('security_setting.Treat email matching as identical') }}
+                  />
+                </div>
+                <p className="help-block">
+                  <small dangerouslySetInnerHTML={{ __html: t('security_setting.Treat email matching as identical_warn') }} />
+                </p>
+              </div>
+            </div>
+
           </React.Fragment>
         )}
 

src/client/js/services/AdminGoogleSecurityContainer.js

@@ -21,6 +21,7 @@ export default class AdminGoogleSecurityContainer extends Container {
       appSiteUrl: '',
       googleClientId: '',
       googleClientSecret: '',
+      isSameUsernameTreatedAsIdenticalUser: true,
     };
 
     this.init();
@@ -52,4 +53,11 @@ export default class AdminGoogleSecurityContainer extends Container {
     this.setState({ googleClientSecret: value });
   }
 
+  /**
+   * Switch isSameUsernameTreatedAsIdenticalUser
+   */
+  switchIsSameUsernameTreatedAsIdenticalUser() {
+    this.setState({ isSameUsernameTreatedAsIdenticalUser: !this.state.isSameUsernameTreatedAsIdenticalUser });
+  }
+
 }