i18n

resource/locales/en-US/translation.json

@@ -727,6 +727,11 @@
   },
 
   "user_group_management": {
+    "search_option": "Search Option",
+    "enable_option": "Enable {{option}}",
+    "forward_match": "forword match",
+    "partial_match": "partial match",
+    "backward_match": "backward match",
     "group_list": "Group List",
     "back_to_list": "Go Back to Group List",
     "basic_info": "Basic Info",

resource/locales/ja/translation.json

@@ -711,6 +711,11 @@
   },
 
   "user_group_management": {
+    "search_option": "検索オプション",
+    "enable_option": "{{option}}を有効にする",
+    "forward_match": "前方一致",
+    "partial_match": "部分一致",
+    "backward_match": "後方一致",
     "group_list": "グループ一覧",
     "back_to_list": "グループ一覧に戻る",
     "basic_info": "基本情報",

src/client/js/components/Admin/UserGroupDetail/RadioButtonForSerchUserOption.jsx

@@ -10,7 +10,7 @@ import UserGroupDetailContainer from '../../../services/UserGroupDetailContainer
 class RadioButtonForSerchUserOption extends React.Component {
 
   render() {
-    const { userGroupDetailContainer, searchType } = this.props;
+    const { t, userGroupDetailContainer, searchType } = this.props;
     return (
       <div className="radio mb-5" key={`${searchType}Match`}>
         <input
@@ -21,7 +21,7 @@ class RadioButtonForSerchUserOption extends React.Component {
           onChange={() => { userGroupDetailContainer.switchSearchType(searchType) }}
         />
         <label className="text-capitalize form-check-label ml-3" htmlFor={`${searchType}Match`}>
-          前方一致
+          {t(`user_group_management.${searchType}_match`)}
         </label>
       </div>
     );

src/client/js/components/Admin/UserGroupDetail/UserGroupUserModal.jsx

@@ -23,7 +23,7 @@ class UserGroupUserModal extends React.Component {
           <div className="p-3">
             <UserGroupUserFormByInput />
           </div>
-          <h2 className="border-bottom">検索オプション</h2>
+          <h2 className="border-bottom">{t('user_group_management.search_option')}</h2>
           <div className="row mt-4">
             <div className="col-xs-6">
               <div className="checkbox checkbox-info mb-5" key="isAlsoMailSearched">
@@ -35,7 +35,7 @@ class UserGroupUserModal extends React.Component {
                   onChange={userGroupDetailContainer.switchIsAlsoMailSearched}
                 />
                 <label className="text-capitalize form-check-label ml-3" htmlFor="isAlsoMailSearched">
-                  Mailも有効にする
+                  {t('user_group_management.enable_option', { option: 'mail' })}
                 </label>
               </div>
               <div className="checkbox checkbox-info mb-5" key="isAlsoNameSearched">
@@ -47,14 +47,14 @@ class UserGroupUserModal extends React.Component {
                   onChange={userGroupDetailContainer.switchIsAlsoNameSearched}
                 />
                 <label className="text-capitalize form-check-label ml-3" htmlFor="isAlsoNameSearched">
-                  Nameも有効にする
+                  {t('user_group_management.enable_option', { option: 'name' })}
                 </label>
               </div>
             </div>
             <div className="col-xs-6">
               <RadioButtonForSerchUserOption searchType="forward" />
               <RadioButtonForSerchUserOption searchType="partial" />
-              <RadioButtonForSerchUserOption searchType="baclward" />
+              <RadioButtonForSerchUserOption searchType="backward" />
             </div>
           </div>
         </Modal.Body>