changeOidcProviderName

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

@@ -59,7 +59,18 @@ class OidcSecurityManagement extends React.Component {
         </div>
         {adminGeneralSecurityContainer.state.isOidcEnabled && (
         <React.Fragment>
-          <p>hoge</p>
+          <div className="row mb-5">
+            <label htmlFor="oidcProviderName" className="col-xs-3 text-right">{ t('security_setting.providerName') }</label>
+            <div className="col-xs-6">
+              <input
+                className="form-control"
+                type="text"
+                name="oidcProviderName"
+                value={adminOidcSecurityContainer.state.oidcProviderName}
+                onChange={e => adminOidcSecurityContainer.changeOidcProviderName(e.target.value)}
+              />
+            </div>
+          </div>
         </React.Fragment>
         )}
       </React.Fragment>

src/client/js/services/AdminOidcSecurityContainer.js

@@ -19,6 +19,7 @@ export default class AdminOidcSecurityContainer extends Container {
     this.state = {
       // TODO GW-583 set value
       callbackUrl: '',
+      oidcProviderName: '',
     };
 
     this.init();
@@ -36,4 +37,11 @@ export default class AdminOidcSecurityContainer extends Container {
     return 'AdminOidcSecurityContainer';
   }
 
+  /**
+   * Change oidcProviderName
+   */
+  changeOidcProviderName(inputValue) {
+    this.setState({ oidcProviderName: inputValue });
+  }
+
 }