i18n & adjust container

resource/locales/en-US/translation.json

@@ -678,7 +678,8 @@
     "recent_created__n_draft_num_desc": "Number of Recently Created Pages & Drafts Displayed",
     "recently_created_n_draft_num_desc": "Number of recently created pages and drafts displayed on user page",
     "update_layout_success": "Succeeded to update layout",
-    "update_behavior_success": "Succeeded to update behavior"
+    "update_behavior_success": "Succeeded to update behavior",
+    "update_function_success": "Succeeded to update function"
   },
 
   "user_management": {

resource/locales/ja/translation.json

@@ -662,7 +662,8 @@
     "recent_created__n_draft_num_desc": "最近作成したページと下書きの表示数",
     "recently_created_n_draft_num_desc": "ホーム画面の Recently Created での、1ページの表示数を設定します。",
     "update_layout_success": "レイアウトを更新しました",
-    "update_behavior_success": "挙動を更新しました"
+    "update_behavior_success": "挙動を更新しました",
+    "update_function_success": "機能を更新しました"
   },
 
   "user_management": {

src/client/js/components/Admin/Customize/Customize.jsx

@@ -26,8 +26,6 @@ class Customize extends React.Component {
         <div className="row my-3">
           <CustomizeFunctionSetting />
         </div>
-        <legend>{t('customize_page.Function')}</legend>
-        {/* 機能フォームの react componentをここで呼ぶ(GW-276) */}
         <legend>{t('customize_page.Code Highlight')}</legend>
         {/* コードハイライトフォームの react componentをここで呼ぶ(GW-277) */}
         <legend>{t('customize_page.custom_title')}</legend>

src/client/js/components/Admin/Customize/CustomizeFunctionSetting.jsx

@@ -10,6 +10,7 @@ import { toastSuccess, toastError } from '../../../util/apiNotification';
 import AppContainer from '../../../services/AppContainer';
 
 import AdminCustomizeContainer from '../../../services/AdminCustomizeContainer';
+import AdminUpdateButton from '../Common/AdminUpdateButton';
 
 const logger = loggerFactory('growi:importer');
 
@@ -25,8 +26,8 @@ class CustomizeBehaviorSetting extends React.Component {
     const { t, adminCustomizeContainer } = this.props;
 
     try {
-      await adminCustomizeContainer.updateCustomizeBehavior();
-      toastSuccess(t('customize_page.update_behavior_success'));
+      await adminCustomizeContainer.updateCustomizeFunction();
+      toastSuccess(t('customize_page.update_function_success'));
     }
     catch (err) {
       toastError(err);
@@ -40,6 +41,7 @@ class CustomizeBehaviorSetting extends React.Component {
     return (
       <React.Fragment>
         <h2>{t('customize_page.Function')}</h2>
+        <AdminUpdateButton onClick={this.onClickSubmit} />
       </React.Fragment>
     );
   }

src/client/js/services/AdminCustomizeContainer.js

@@ -74,4 +74,13 @@ export default class AdminCustomizeContainer extends Container {
     // TODO GW-497 create apiV3
   }
 
+  /**
+   * Update function
+   * @memberOf AdminCustomizeContainer
+   * @return {string} Functions
+   */
+  async updateCustomizeFunction() {
+    // TODO GW-506 create apiV3
+  }
+
 }