switchIsOidcEnabled

resource/locales/en-US/translation.json

@@ -545,6 +545,7 @@
       "desc_2": "User will be automatically generated if not exist."
     },
     "OAuth": {
+      "enable_oidc": "enable OIDC",
       "register": "Register for %s",
       "change_redirect_url": "Enter <code>%s</code> <br>(where <code>%s</code> is your host name) for \"Authorized redirect URIs\".",
       "Google": {

resource/locales/ja/translation.json

@@ -540,6 +540,7 @@
       "desc_2": "ユーザーが存在しなかった場合は自動生成します。"
     },
     "OAuth": {
+      "enable_oidc": "OIDC を有効にする",
       "register": "%sに登録",
       "change_redirect_url": "承認済みのリダイレクトURLに、 <code>%s</code> を入力",
       "Google": {

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

@@ -1,3 +1,4 @@
+/* eslint-disable react/no-danger */
 import React from 'react';
 import PropTypes from 'prop-types';
 import { withTranslation } from 'react-i18next';
@@ -12,8 +13,29 @@ import AdminSamlSecurityContainer from '../../../services/AdminSamlSecurityConta
 class OidcSecurityManagement extends React.Component {
 
   render() {
+    const { t, adminGeneralSecurityContainer } = this.props;
+
     return (
-      <p>hoge</p>
+
+      <React.Fragment>
+
+        <div className="row mb-5">
+          <strong className="col-xs-3 text-right">{ t('security_setting.OAuth.OIDC.name') }</strong>
+          <div className="col-xs-6 text-left">
+            <div className="checkbox checkbox-success">
+              <input
+                id="isOidcEnabled"
+                type="checkbox"
+                checked={adminGeneralSecurityContainer.state.isOidcEnabled}
+                onChange={() => { adminGeneralSecurityContainer.switchIsOidcEnabled() }}
+              />
+              <label htmlFor="isOidcEnabled">
+                { t('security_setting.OAuth.enable_oidc') }
+              </label>
+            </div>
+          </div>
+        </div>
+      </React.Fragment>
     );
   }
 

src/client/js/services/AdminGeneralSecurityContainer.js

@@ -24,6 +24,7 @@ export default class AdminGeneralSecurityContainer extends Container {
       registrationWhiteList: '',
       isLdapEnabled: true,
       isSamlEnabled: true,
+      isOidcEnabled: true,
     };
 
     this.init();
@@ -72,4 +73,11 @@ export default class AdminGeneralSecurityContainer extends Container {
     this.setState({ isSamlEnabled: !this.state.isSamlEnabled });
   }
 
+  /**
+   * Switch Oidc enabled
+   */
+  switchIsOidcEnabled() {
+    this.setState({ isOidcEnabled: !this.state.isOidcEnabled });
+  }
+
 }