switchIsSameUsernameTreatedAsIdenticalUser

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

@@ -46,7 +46,25 @@ class BasicSecurityManagement extends React.Component {
 
         {adminGeneralSecurityContainer.state.isBasicEnabled && (
         <React.Fragment>
-          {adminBasicSecurityContainer.state.hoge}
+          <div className="row mb-5">
+            <div className="col-xs-offset-3 col-xs-6 text-left">
+              <div className="checkbox checkbox-success">
+                <input
+                  id="bindByEmail-basic"
+                  type="checkbox"
+                  checked={adminBasicSecurityContainer.state.isSameUsernameTreatedAsIdenticalUser}
+                  onChange={() => { adminBasicSecurityContainer.switchIsSameUsernameTreatedAsIdenticalUser() }}
+                />
+                <label
+                  htmlFor="bindByEmail-basic"
+                  dangerouslySetInnerHTML={{ __html: t('security_setting.Treat username matching as identical', 'username') }}
+                />
+              </div>
+              <p className="help-block">
+                <small dangerouslySetInnerHTML={{ __html: t('security_setting.Treat username matching as identical_warn', 'username') }} />
+              </p>
+            </div>
+          </div>
         </React.Fragment>
         )}
 

src/client/js/services/AdminBasicSecurityContainer.js

@@ -18,7 +18,7 @@ export default class AdminBasicSecurityContainer extends Container {
 
     this.state = {
       // TODO GW-583 set value
-      hoge: 'hoge',
+      isSameUsernameTreatedAsIdenticalUser: 'hoge',
     };
 
     this.init();
@@ -37,4 +37,11 @@ export default class AdminBasicSecurityContainer extends Container {
     return 'AdminBasicSecurityContainer';
   }
 
+  /**
+   * Switch isSameUsernameTreatedAsIdenticalUser
+   */
+  switchIsSameUsernameTreatedAsIdenticalUser() {
+    this.setState({ isSameUsernameTreatedAsIdenticalUser: !this.state.isSameUsernameTreatedAsIdenticalUser });
+  }
+
 }