|
|
@@ -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
|