add value to container

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

@@ -25,6 +25,7 @@ class SamlSecurityManagement extends React.Component {
       envAttrMapMail: '',
       envAttrMapFirstName: '',
       envAttrMapLastName: '',
+      envABLCRule: '',
     };
 
     this.onClickSubmit = this.onClickSubmit.bind(this);
@@ -479,8 +480,8 @@ pWVdnzS1VCO8fKsJ7YYIr+JmHvseph3kFUOI5RqkCcMZlKUv83aUThsTHw==
                     <input
                       className="form-control"
                       type="text"
-                      name="settingForm[security:passport-saml:ABLCRule]"
-                      value=""
+                      value={adminSamlSecurityContainer.state.samlABLCRule || ''}
+                      onChange={(e) => { adminSamlSecurityContainer.changeSamlABLCRule(e.target.value) }}
                       readOnly={useOnlyEnvVars}
                     />
                     <p className="help-block">
@@ -495,7 +496,7 @@ pWVdnzS1VCO8fKsJ7YYIr+JmHvseph3kFUOI5RqkCcMZlKUv83aUThsTHw==
                     <input
                       className="form-control"
                       type="text"
-                      value=""
+                      value={this.state.envABLCRule || ''}
                       readOnly
                     />
                     <p className="help-block">

src/client/js/services/AdminSamlSecurityContainer.js

@@ -34,6 +34,7 @@ export default class AdminSamlSecurityContainer extends Container {
       samlAttrMapLastName: '',
       isSameUsernameTreatedAsIdenticalUser: false,
       isSameEmailTreatedAsIdenticalUser: false,
+      samlABLCRule: '',
     };
 
   }
@@ -57,6 +58,7 @@ export default class AdminSamlSecurityContainer extends Container {
         samlAttrMapLastName: samlAuth.samlAttrMapLastName,
         isSameUsernameTreatedAsIdenticalUser: samlAuth.isSameUsernameTreatedAsIdenticalUser,
         isSameEmailTreatedAsIdenticalUser: samlAuth.isSameEmailTreatedAsIdenticalUser,
+        samlABLCRule: samlAuth.samlABLCRule,
       });
       return samlAuth;
     }
@@ -144,13 +146,20 @@ export default class AdminSamlSecurityContainer extends Container {
     this.setState({ isSameEmailTreatedAsIdenticalUser: !this.state.isSameEmailTreatedAsIdenticalUser });
   }
 
+  /**
+   * Change samlABLCRule
+   */
+  changeSamlABLCRule(inputValue) {
+    this.setState({ samlABLCRule: inputValue });
+  }
+
   /**
    * Update saml option
    */
   async updateSamlSetting() {
     const {
       samlEntryPoint, samlIssuer, samlCert, samlAttrMapId, samlAttrMapUserName, samlAttrMapMail,
-      samlAttrMapFirstName, samlAttrMapLastName, isSameUsernameTreatedAsIdenticalUser, isSameEmailTreatedAsIdenticalUser,
+      samlAttrMapFirstName, samlAttrMapLastName, isSameUsernameTreatedAsIdenticalUser, isSameEmailTreatedAsIdenticalUser, samlABLCRule,
     } = this.state;
 
     let requestParams = {
@@ -164,6 +173,7 @@ export default class AdminSamlSecurityContainer extends Container {
       samlAttrMapLastName,
       isSameUsernameTreatedAsIdenticalUser,
       isSameEmailTreatedAsIdenticalUser,
+      samlABLCRule,
     };
 
     requestParams = await removeNullPropertyFromObject(requestParams);
@@ -182,6 +192,7 @@ export default class AdminSamlSecurityContainer extends Container {
       samlAttrMapLastName: securitySettingParams.samlAttrMapLastName,
       isSameUsernameTreatedAsIdenticalUser: securitySettingParams.isSameUsernameTreatedAsIdenticalUser,
       isSameEmailTreatedAsIdenticalUser: securitySettingParams.isSameEmailTreatedAsIdenticalUser,
+      samlABLCRule: securitySettingParams.samlABLCRule,
     });
     return response;
   }