call back url

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

@@ -36,6 +36,28 @@ class OidcSecurityManagement extends React.Component {
           </div>
         </div>
 
+        <div className="row mb-5">
+          <label className="col-xs-3 text-right">{ t('security_setting.callback_URL') }</label>
+          <div className="col-xs-6">
+            <input
+              className="form-control"
+              type="text"
+              value={adminOidcSecurityContainer.state.callbackUrl}
+              readOnly
+            />
+            <p className="help-block small">{ t('security_setting.desc_of_callback_URL', { AuthName: 'OAuth' }) }</p>
+            {!adminGeneralSecurityContainer.state.appSiteUrl && (
+            <div className="alert alert-danger">
+              <i
+                className="icon-exclamation"
+                // eslint-disable-next-line max-len
+                dangerouslySetInnerHTML={{ __html: t('security_setting.alert_siteUrl_is_not_set', { link: `<a href="/admin/app">${t('App settings')}<i class="icon-login"></i></a>` }) }}
+              />
+            </div>
+            )}
+          </div>
+        </div>
+
         <p>{adminOidcSecurityContainer.state.hoge}</p>
 
       </React.Fragment>

src/client/js/services/AdminGeneralSecurityContainer.js

@@ -19,6 +19,7 @@ export default class AdminGeneralSecurityContainer extends Container {
     this.state = {
       // TODO GW-583 set value
       useOnlyEnvVarsForSomeOptions: true,
+      appSiteUrl: '',
       isLocalEnabled: true,
       registrationMode: 'open',
       registrationWhiteList: '',

src/client/js/services/AdminOidcSecurityContainer.js

@@ -18,7 +18,7 @@ export default class AdminOidcSecurityContainer extends Container {
 
     this.state = {
       // TODO GW-583 set value
-      hoge: 'hoge',
+      callbackUrl: '',
     };
 
     this.init();