mirror/php-web-maker
1
0
Fork 0
mirror of https://github.com/chinchang/web-maker.git synced 2025-07-29 17:50:09 +02:00
Code Issues Releases Wiki Activity

Add prettier to 3 pane mode also

Browse Source
This commit is contained in:
Kushagra Gour
2019-03-18 09:55:13 +05:30
parent cd9d3dd686
commit 1b00f87002
3 changed files with 57 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
src/components/ContentWrap.jsx
View File

@@ -623,6 +623,9 @@ export default class ContentWrap extends Component {
editorFocusHandler(editor) {
this.props.onEditorFocus(editor);
}
prettifyBtnClickHandler(codeType) {
this.props.onPrettifyBtnClick(codeType);
}
render() {
// log('contentwrap update');
@@ -683,6 +686,17 @@ export default class ContentWrap extends Component {
</select>
</label>
<div class="code-wrap__header-right-options">
{this.props.currentItem.htmlMode === HtmlModes.HTML ? (
<a
class="code-wrap__header-btn"
title="Format code"
onClick={this.prettifyBtnClickHandler.bind(this, 'html')}
>
<svg>
<use xlinkHref="#code-brace-icon" />
</svg>
</a>
) : null}
<a
class="js-code-collapse-btn code-wrap__header-btn code-wrap__collapse-btn"
title="Toggle code pane"
@@ -751,6 +765,15 @@ export default class ContentWrap extends Component {
<use xlinkHref="#settings-icon" />
</svg>
</a>
<a
class="code-wrap__header-btn "
title="Format code"
onClick={this.prettifyBtnClickHandler.bind(this, 'css')}
>
<svg>
<use xlinkHref="#code-brace-icon" />
</svg>
</a>
<a
class="js-code-collapse-btn code-wrap__header-btn code-wrap__collapse-btn"
title="Toggle code pane"
@@ -807,6 +830,15 @@ export default class ContentWrap extends Component {
</select>
</label>
<div class="code-wrap__header-right-options">
<a
class="code-wrap__header-btn "
title="Format code"
onClick={this.prettifyBtnClickHandler.bind(this, 'css')}
>
<svg>
<use xlinkHref="#code-brace-icon" />
</svg>
</a>
<a
class="js-code-collapse-btn code-wrap__header-btn code-wrap__collapse-btn"
title="Toggle code pane"