changeOidcAttrMapUserName

resource/locales/ja/translation.json

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

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

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

src/client/js/services/AdminOidcSecurityContainer.js

@@ -24,6 +24,7 @@ export default class AdminOidcSecurityContainer extends Container {
       oidcClientId: '',
       oidcClientSecret: '',
       oidcAttrMapId: '',
+      oidcAttrMapUserName: '',
     };
 
     this.init();
@@ -76,4 +77,11 @@ export default class AdminOidcSecurityContainer extends Container {
     this.setState({ oidcAttrMapId: inputValue });
   }
 
+  /**
+   * Change oidcAttrMapUserName
+   */
+  changeOidcAttrMapUserName(inputValue) {
+    this.setState({ oidcAttrMapUserName: inputValue });
+  }
+
 }