isEnabledAttachTitleHeader

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

@@ -71,6 +71,17 @@ class CustomizeBehaviorSetting extends React.Component {
           </p>
         </CustomizeFunctionOption>
 
+        <CustomizeFunctionOption
+          optionId="isEnabledAttachTitleHeader"
+          label={t('customize_page.attach_title_header')}
+          isChecked={adminCustomizeContainer.state.isEnabledAttachTitleHeader}
+          onChecked={() => { adminCustomizeContainer.switchEnabledAttachTitleHeader() }}
+        >
+          <p className="help-block">
+            { t('customize_page.attach_title_header_desc') }
+          </p>
+        </CustomizeFunctionOption>
+
         <AdminUpdateButtonRow onClick={this.onClickSubmit} />
       </React.Fragment>
     );

src/client/js/services/AdminCustomizeContainer.js

@@ -17,6 +17,7 @@ export default class AdminCustomizeContainer extends Container {
       currentBehavior: appContainer.config.behaviorType,
       isEnabledTimeline: appContainer.config.isEnabledTimeline,
       isSavedStatesOfTabChanges: appContainer.config.isSavedStatesOfTabChanges,
+      isEnabledAttachTitleHeader: appContainer.config.isEnabledAttachTitleHeader,
     };
 
   }
@@ -67,6 +68,13 @@ export default class AdminCustomizeContainer extends Container {
     this.setState({ isSavedStatesOfTabChanges:  !this.state.isSavedStatesOfTabChanges });
   }
 
+  /**
+   * Switch enabledAttachTitleHeader
+   */
+  switchEnabledAttachTitleHeader() {
+    this.setState({ isEnabledAttachTitleHeader:  !this.state.isEnabledAttachTitleHeader });
+  }
+
   /**
    * Update layout
    * @memberOf AdminCustomizeContainer