add container

src/client/js/app.jsx

@@ -56,6 +56,7 @@ import TagContainer from './services/TagContainer';
 import UserGroupDetailContainer from './services/UserGroupDetailContainer';
 import AdminUsersContainer from './services/AdminUsersContainer';
 import AdminGeneralSecurityContainer from './services/AdminGeneralSecurityContainer';
+import AdminSecuritySettingContainer from './services/AdminSecuritySettingContainer';
 import AdminLdapSecurityContainer from './services/AdminLdapSecurityContainer';
 import WebsocketContainer from './services/WebsocketContainer';
 import MarkDownSettingContainer from './services/MarkDownSettingContainer';
@@ -216,10 +217,11 @@ if (adminMarkDownSettingElem != null) {
 
 const adminSecuritySettingElem = document.getElementById('admin-security-setting');
 if (adminSecuritySettingElem != null) {
+  const adminSecuritySettingContainer = new AdminSecuritySettingContainer(appContainer);
   const adminGeneralSecurityContainer = new AdminGeneralSecurityContainer(appContainer);
   const adminLdapSecurityContainer = new AdminLdapSecurityContainer(appContainer);
   const adminSamlSecurityContainer = new AdminSamlSecurityContainer(appContainer);
-  const adminSecurityContainers = [adminGeneralSecurityContainer, adminLdapSecurityContainer, adminSamlSecurityContainer];
+  const adminSecurityContainers = [adminSecuritySettingContainer, adminGeneralSecurityContainer, adminLdapSecurityContainer, adminSamlSecurityContainer];
   ReactDOM.render(
     <Provider inject={[injectableContainers, adminSecurityContainers]}>
       <I18nextProvider i18n={i18n}>

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

@@ -8,6 +8,7 @@ import AppContainer from '../../../services/AppContainer';
 import LdapSecuritySetting from './LdapSecuritySetting';
 import LocalSecuritySetting from './LocalSecuritySetting';
 import SamlSecuritySetting from './SamlSecuritySetting';
+import SecuritySetting from './SecuritySetting';
 
 class SecurityManagement extends React.Component {
 

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

@@ -9,11 +9,6 @@ import AdminSecuritySettingContainer from '../../../services/AdminSecuritySettin
 
 class SecuritySetting extends React.Component {
 
-  constructor(props) {
-    super();
-
-  }
-
   render() {
     const { t, adminSecuritySettingContainer } = this.props;
     return (
@@ -23,13 +18,13 @@ class SecuritySetting extends React.Component {
           <div className="form-group">
             <label htmlFor="settingForm[security:restrictGuestMode]" className="col-xs-3 control-label">{ t('security_setting.Guest Users Access') }</label>
             <div className="col-xs-6">
-              <select
-                className="form-control selectpicker"
-                name="settingForm[security:restrictGuestMode]"
-                value="{ getConfig('crowi', 'security:restrictGuestMode') }"
-              >
-                <option value="{ t(modeValue) }">{ t('modeLabel') }</option>
-              </select>
+              <input
+                id="restrictGuestMode"
+                type="checkbox"
+                checked={adminSecuritySettingContainer.state.currentRestrictGuestMode}
+                onChange={() => { adminSecuritySettingContainer.switchRestrictGuestMode() }}
+              />
+              <option value={adminSecuritySettingContainer.state.currentRestrictGuestMode}>{ t('modeLabel') }</option>
               <p className="alert alert-warning mt-2">
                 <i className="icon-exclamation icon-fw">
                 </i><b>FIXED</b>