bind DN password input

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

@@ -116,6 +116,20 @@ class SecurityLdapSetting extends React.Component {
                   </p>
                 )}
               </div>
+
+            </div>
+
+            <div className="row mb-5">
+              <label htmlFor="bindDNPassword" className="col-xs-3 control-label text-right">{ t('security_setting.ldap.bind_DN_password') }</label>
+              <div className="col-xs-6">
+                <input
+                  className="form-control"
+                  type="text"
+                  name="bindDNPassword"
+                  value={ldapConfig.bindDNPassword}
+                  onChange={e => adminSecurityContainer.changeBindDNPassword(e.target.value)}
+                />
+              </div>
             </div>
 
           </React.Fragment>

src/client/js/services/AdminSecurityContainer.js

@@ -27,6 +27,7 @@ export default class AdminSecurityContainer extends Container {
         serverUrl: '',
         bindMode: 'manager',
         bindDN: '',
+        bindDNPassword: '',
       },
     };
 
@@ -102,4 +103,13 @@ export default class AdminSecurityContainer extends Container {
     this.setState({ newLdapConfig });
   }
 
+  /**
+   * Change bind DN password
+   */
+  changeBindDNPassword(inputValue) {
+    const newLdapConfig = this.state.ldapConfig;
+    newLdapConfig.bindDNPassword = inputValue;
+    this.setState({ newLdapConfig });
+  }
+
 }