WESEEK Kaito 6 лет назад
Родитель
Сommit
bb177bb034

+ 37 - 37
src/client/js/components/Admin/MarkdownSetting/LineBreakSetting.jsx

@@ -11,14 +11,14 @@ import AppContainer from '../../../services/AppContainer';
 class LineBreakSetting extends React.Component {
 
   constructor(props) {
-      super(props);
-  
-      const { appContainer } = this.props;
-  
-      this.state = {
-        isEnabledLinebreaks: appContainer.config.isEnabledLinebreaks,
-        isEnabledLinebreaksInComments: appContainer.config.isEnabledLinebreaksInComments,
-      };
+    super(props);
+
+    const { appContainer } = this.props;
+
+    this.state = {
+      isEnabledLinebreaks: appContainer.config.isEnabledLinebreaks,
+      isEnabledLinebreaksInComments: appContainer.config.isEnabledLinebreaksInComments,
+    };
     this.onChangeEnableLineBreaks = this.onChangeEnableLineBreaks.bind(this);
     this.changeLineBreakSettings = this.changeLineBreakSettings.bind(this);
   }
@@ -50,50 +50,50 @@ class LineBreakSetting extends React.Component {
 
   render() {
     const { t } = this.props;
-  
+
     return (
       <React.Fragment>
         <div className="row my-3">
           <div className="form-group">
             <legend>{ t('markdown_setting.line_break_setting') }</legend>
-              <p className="well">{ t('markdown_setting.line_break_setting_desc') }</p>
-              <fieldset className="row">
-                <div className="form-group">
-                  <div className="col-xs-4 text-right">
-                    <div className="checkbox checkbox-success" onChange={this.onChangeEnableLineBreaks}>
-                      <input type="checkbox" name="isEnabledLinebreaks" checked={this.state.isEnabledLinebreaks} />
-                      <label>
-                        { t('markdown_setting.Enable Line Break') }
-                      </label>
-                      <p className="help-block">{ t('markdown_setting.Enable Line Break desc') }</p>
-                    </div>
+            <p className="well">{ t('markdown_setting.line_break_setting_desc') }</p>
+            <fieldset className="row">
+              <div className="form-group">
+                <div className="col-xs-4 text-right">
+                  <div className="checkbox checkbox-success" onChange={this.onChangeEnableLineBreaks}>
+                    <input type="checkbox" name="isEnabledLinebreaks" checked={this.state.isEnabledLinebreaks} />
+                    <label>
+                    { t('markdown_setting.Enable Line Break') }
+                    </label>
+                    <p className="help-block">{ t('markdown_setting.Enable Line Break desc') }</p>
                   </div>
                 </div>
-              </fieldset>
-              <fieldset className="row">
-                <div className="form-group my-3">
-                  <div className="col-xs-4 text-right">
-                    <div className="checkbox checkbox-success" onChange={this.onChangeEnableLineBreaks}>
-                      <input type="checkbox" name="isEnabledLinebreaksInComments" checked={this.state.isEnabledLinebreaksInComments} />
-                      <label>
-                        { t('markdown_setting.Enable Line Break for comment') }
-                      </label>
-                      <p className="help-block">{ t('markdown_setting.Enable Line Break for comment desc') }</p>
-                    </div>
+              </div>
+            </fieldset>
+            <fieldset className="row">
+              <div className="form-group my-3">
+                <div className="col-xs-4 text-right">
+                  <div className="checkbox checkbox-success" onChange={this.onChangeEnableLineBreaks}>
+                    <input type="checkbox" name="isEnabledLinebreaksInComments" checked={this.state.isEnabledLinebreaksInComments} />
+                    <label>
+                      { t('markdown_setting.Enable Line Break for comment') }
+                    </label>
+                    <p className="help-block">{ t('markdown_setting.Enable Line Break for comment desc') }</p>
                   </div>
                 </div>
-              </fieldset>
-            </div>
-            <div className="form-group my-3">
-              <div className="col-xs-offset-4 col-xs-5">
-                <button type="submit" className="btn btn-primary" onClick={this.changeLineBreakSettings}>{ t('Update') }</button>
               </div>
+            </fieldset>
+          </div>
+          <div className="form-group my-3">
+            <div className="col-xs-offset-4 col-xs-5">
+              <button type="submit" className="btn btn-primary" onClick={this.changeLineBreakSettings}>{ t('Update') }</button>
+            </div>
           </div>
         </div>
       </React.Fragment>
     );
   }
-}  
+}
 
 /**
  * Wrapper component for using unstated

+ 1 - 6
src/client/js/components/Admin/MarkdownSetting/MarkDownSetting.jsx

@@ -13,11 +13,7 @@ class MarkdownSetting extends React.Component {
   constructor(props) {
     super(props);
 
-    const { appContainer } = this.props;
-
     this.state = {
-      isEnabledLinebreaks: appContainer.config.isEnabledLinebreaks,
-      isEnabledLinebreaksInComments: appContainer.config.isEnabledLinebreaksInComments,
       // TODO GW-220 get correct BreakOption value
       pageBreakOption: 1,
       // TODO GW-258 get correct custom regular expression
@@ -47,7 +43,6 @@ class MarkdownSetting extends React.Component {
         <div>
         <LineBreakSetting/>
         </div>
-
         <div className="row my-3">
           <div className="form-group">
             <legend>{ t('markdown_setting.presentation_setting') }</legend>
@@ -101,7 +96,7 @@ class MarkdownSetting extends React.Component {
             </div>
 
           </fieldset>
-        </div>
+          </div>
 
         <div className="row my-3">
           <div className="form-group">