add basic component

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

@@ -0,0 +1,38 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { withTranslation } from 'react-i18next';
+
+import { createSubscribedElement } from '../../UnstatedUtils';
+
+import AppContainer from '../../../services/AppContainer';
+import AdminSecurityContainer from '../../../services/AdminSecurityContainer';
+
+class SecurityLdapSetting extends React.Component {
+
+  render() {
+    const { t } = this.props;
+
+    return (
+      <React.Fragment>
+
+        <h2 className="alert-anchor border-bottom">
+          LDAP { t('security_setting.configuration') }
+        </h2>
+
+      </React.Fragment>
+    );
+  }
+
+}
+
+SecurityLdapSetting.propTypes = {
+  t: PropTypes.func.isRequired, // i18next
+  appContainer: PropTypes.instanceOf(AppContainer).isRequired,
+  adminSecurityContainer: PropTypes.instanceOf(AdminSecurityContainer).isRequired,
+};
+
+const SecurityLdapSettingWrapper = (props) => {
+  return createSubscribedElement(SecurityLdapSetting, props, [AppContainer, AdminSecurityContainer]);
+};
+
+export default withTranslation()(SecurityLdapSettingWrapper);

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

@@ -6,6 +6,7 @@ import { createSubscribedElement } from '../../UnstatedUtils';
 
 import AppContainer from '../../../services/AppContainer';
 import SecurityLocalSetting from './SecurityLocalSetting';
+import SecurityLdapSetting from './SecurityLdapSetting';
 
 class SecurityManagement extends React.Component {
 
@@ -143,7 +144,7 @@ class SecurityManagement extends React.Component {
                 <SecurityLocalSetting />
               </div>
               <div id="passport-ldap" className="tab-pane" role="tabpanel">
-                {/* TODO GW-543 reactify ldap.html */}
+                <SecurityLdapSetting />
               </div>
               <div id="passport-saml" className="tab-pane" role="tabpanel">
                 {/* TODO GW-544 reactify saml.html */}