changeOidcAttrMapEmail

resource/locales/ja/translation.json

@@ -573,7 +573,7 @@
         "id_detail": "OIDC claims で一意に識別可能な値を格納している属性",
         "username_detail": "新規ユーザーのアカウント名(<code>username</code>)に関連付ける属性",
         "name_detail": "新規ユーザー名(<code>name</code>)に関連付ける属性",
-        "mapping_detail": "hoge",
+        "mapping_detail": "新規ユーザーの{{target}}に関連付ける属性",
         "register_1": "hoge",
         "register_2": "hoge",
         "register_3": "hoge"

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

@@ -177,6 +177,22 @@ class OidcSecurityManagement extends React.Component {
             </div>
           </div>
 
+          <div className="row mb-5">
+            <label htmlFor="oidcAttrMapEmail" className="col-xs-3 text-right">{ t('Email') }</label>
+            <div className="col-xs-6">
+              <input
+                className="form-control"
+                type="text"
+                name="oidcAttrMapEmail"
+                value={adminOidcSecurityContainer.state.oidcAttrMapEmail}
+                onChange={e => adminOidcSecurityContainer.changeOidcAttrMapEmail(e.target.value)}
+              />
+              <p className="help-block">
+                <small dangerouslySetInnerHTML={{ __html: t('security_setting.OAuth.OIDC.mapping_detail', { target: t('Email') }) }} />
+              </p>
+            </div>
+          </div>
+
         </React.Fragment>
         )}
       </React.Fragment>

src/client/js/services/AdminOidcSecurityContainer.js

@@ -26,6 +26,7 @@ export default class AdminOidcSecurityContainer extends Container {
       oidcAttrMapId: '',
       oidcAttrMapUserName: '',
       oidcAttrMapName: '',
+      oidcAttrMapEmail: '',
     };
 
     this.init();
@@ -92,4 +93,11 @@ export default class AdminOidcSecurityContainer extends Container {
     this.setState({ oidcAttrMapName: inputValue });
   }
 
+  /**
+   * Change oidcAttrMapEmail
+   */
+  changeOidcAttrMapEmail(inputValue) {
+    this.setState({ oidcAttrMapEmail: inputValue });
+  }
+
 }