improved check box

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

@@ -32,7 +32,7 @@ class LocalSecuritySettingContents extends React.Component {
 
   render() {
     const { t, adminGeneralSecurityContainer, adminLocalSecurityContainer } = this.props;
-    const { registrationMode } = adminLocalSecurityContainer.state;
+    const { registrationMode, isPasswordResetEnabled } = adminLocalSecurityContainer.state;
     const { isLocalEnabled } = adminGeneralSecurityContainer.state;
 
     return (
@@ -161,13 +161,13 @@ class LocalSecuritySettingContents extends React.Component {
               <label className="col-12 col-md-3 text-left text-md-right  col-form-label">{t('security_setting.Local.password_reset_by_users')}</label>
               <div className="col-12 col-md-6">
                 <div className="custom-control custom-switch custom-checkbox-success">
+                  {/* ここ */}
                   <input
                     type="checkbox"
                     className="custom-control-input"
-                    id="isAbleToResetPasswordByUser"
-                    // TODO: reflect the password reset by GW-6805
-                    // checked={}
-                    // onChange={}
+                    id="isPasswordResetEnabled"
+                    checked={isPasswordResetEnabled}
+                    onChange={adminLocalSecurityContainer.switchIsPasswordResetEnabled()}
                   />
                   <label className="custom-control-label" htmlFor="isAbleToResetPasswordByUser">
                     {/* {t('admin:security_setting.enable_or_disable')} */}

src/client/js/components/LoginForm.jsx

@@ -273,10 +273,10 @@ class LoginForm extends React.Component {
                 {isRegistrationEnabled && (
                 <div className="row">
                   <div className="col-12 text-right py-2">
-                    {this.state.isPasswordResetEnable && (
-                      <a href="/forgot-password" className="d-block link-switch mb-1">
-                        <i className="icon-key"></i> {t('forgot_password.forgot_password')}
-                      </a>
+                    {this.state.isPasswordResetEnabled && (
+                    <a href="/forgot-password" className="d-block link-switch mb-1">
+                      <i className="icon-key"></i> {t('forgot_password.forgot_password')}
+                    </a>
                     )}
                     <a href="#register" id="register" className="link-switch" onClick={this.switchForm}>
                       <i className="ti-check-box"></i> {t('Sign up is here')}

src/client/js/services/AdminLocalSecurityContainer.js

@@ -22,6 +22,7 @@ export default class AdminLocalSecurityContainer extends Container {
       registrationMode: this.dummyRegistrationMode,
       registrationWhiteList: [],
       useOnlyEnvVars: false,
+      isEnabledPasswordReset: true,
     };
 
   }
@@ -66,6 +67,13 @@ export default class AdminLocalSecurityContainer extends Container {
     this.setState({ registrationWhiteList: value.split('\n') });
   }
 
+  /**
+   * Switch password reset enabled
+   */
+  async switchIsPasswordResetEnabled(value) {
+    this.setState({ isPasswordResetEnabled: value });
+  }
+
   /**
    * update local security setting
    */