Add preview fix

This commit is contained in:
Sauli Anto
2019-10-03 03:47:26 +03:00
parent e6605706c0
commit b7ccab38ff
5 changed files with 144 additions and 84 deletions

View File

@@ -22,7 +22,7 @@ import MathView from './mathview';
import '../../theme/mathform.css';
export default class MainFormView extends View {
constructor( locale, engine ) {
constructor( locale, engine, previewEnabled ) {
super( locale );
const t = locale.t;
@@ -33,10 +33,6 @@ export default class MainFormView extends View {
// Equation input
this.mathInputView = this._createMathInput();
// Fixme:
// Preview isn't available in katex, because .ck-reset_all * css rule breaks it
this.previewEnabled = engine !== 'katex' || true;
// Display button
this.displayButtonView = this._createDisplayButton();
@@ -47,11 +43,12 @@ export default class MainFormView extends View {
// Cancel button
this.cancelButtonView = this._createButton( t( 'Cancel' ), cancelIcon, 'ck-button-cancel', 'cancel' );
// Preview label
this.previewLabel = new LabelView( locale );
this.previewEnabled = previewEnabled;
let children = [];
if ( this.previewEnabled ) {
// Preview label
this.previewLabel = new LabelView( locale );
this.previewLabel.text = t( 'Equation preview' );
// Math element
@@ -65,11 +62,9 @@ export default class MainFormView extends View {
this.mathView
];
} else {
this.previewLabel.text = t( 'Equation preview isn\'t available' );
children = [
this.mathInputView,
this.displayButtonView,
this.previewLabel
this.displayButtonView
];
}