arnekeller/Typicalc
1
0
Fork 0
mirror of https://gitlab.kit.edu/uskyk/typicalc.git synced 2024-11-09 10:50:42 +00:00
Code Issues Packages Projects Releases Wiki Activity

Optimize unification view

Browse Source
This commit is contained in:
Arne Keller 2021-08-29 15:58:51 +02:00
parent 520960fea1
commit 29d692c231
3 changed files with 13 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
frontend/src/mathjax-unification.ts
View File

@ -13,9 +13,7 @@ class MathjaxUnification extends MathjaxAdapter {
} }
} }
protected showStep(_n: number): void { protected showStep(_n: number): void {}
this.requestTypeset(null);
}
protected calculateSteps(_extraData: any) { protected calculateSteps(_extraData: any) {
const root = this.shadowRoot!; const root = this.shadowRoot!;
@ -37,6 +35,16 @@ class MathjaxUnification extends MathjaxAdapter {
prooftree.handleHoverEvent(e as MouseEvent, false); prooftree.handleHoverEvent(e as MouseEvent, false);
}); });
} }
protected showLatex(code: string): void {
let el = this.shadowRoot!.getElementById("tc-content");
if (!el) {
setTimeout(() => this.showLatex(code), 50);
return;
}
el.innerHTML = code;
this.requestTypeset(null);
}
} }
customElements.define('tc-unification', MathjaxUnification); customElements.define('tc-unification', MathjaxUnification);

2
frontend/styles/view/type-inference.css
View File

@ -41,7 +41,7 @@
} }
tc-explanation { tc-explanation {
max-width: 40em; width: 100em;
padding-left: 1em; padding-left: 1em;
padding-right: 1em; padding-right: 1em;
overflow-y: auto; overflow-y: auto;

7
src/main/java/edu/kit/typicalc/view/content/typeinferencecontent/MathjaxUnification.java
View File

@ -43,12 +43,7 @@ public class MathjaxUnification extends LitTemplate implements MathjaxAdapter {
@Override @Override
public void showStep(int n) { public void showStep(int n) {
if (n < latex.length) { getElement().callJsFunction("showLatex", latex[n]);
content.removeAll();
// add latex as HTML because <br> is used in the latex code
content.add(new Html("<div>" + latex[n] + "</div>"));
}
getElement().callJsFunction("showStep", n);
} }
} }