X-Git-Url: https://git.auder.net/doc/index.css?a=blobdiff_plain;ds=sidebyside;f=client%2Fsrc%2Fviews%2FProblems.vue;h=b989fbcb19024006b4d9366733acf016fdd9970f;hb=ad16f8397b0d8a22897537e2f76b4388182a84af;hp=28a7b0dc098f7355f398da1b93a2ee1fed548dcd;hpb=956407c4205d7aae82bf4a9b0bf5b66218fb42b6;p=vchess.git
diff --git a/client/src/views/Problems.vue b/client/src/views/Problems.vue
index 28a7b0dc..b989fbcb 100644
--- a/client/src/views/Problems.vue
+++ b/client/src/views/Problems.vue
@@ -42,14 +42,16 @@ main
)
#diagram(v-html="curproblem.diag")
fieldset
- textarea(
+ textarea.instructions-edit(
:placeholder="st.tr['Instructions']"
+ @input="adjustHeight('instructions')"
v-model="curproblem.instruction"
)
p(v-html="parseHtml(curproblem.instruction)")
fieldset
- textarea(
+ textarea.solution-edit(
:placeholder="st.tr['Solution']"
+ @input="adjustHeight('solution')"
v-model="curproblem.solution"
)
p(v-html="parseHtml(curproblem.solution)")
@@ -210,6 +212,12 @@ export default {
document.getElementById("inputFen").focus();
}
},
+ adjustHeight: function(elt) {
+ // https://stackoverflow.com/a/48460773
+ let t = document.querySelector("." + elt + "-edit");
+ t.style.height = "";
+ t.style.height = (t.scrollHeight + 3) + "px";
+ },
setVname: function(prob) {
prob.vname = this.st.variants.find(v => v.id == prob.vid).name;
},
@@ -281,7 +289,10 @@ export default {
},
parseHtml: function(txt) {
return !txt.match(/<[/a-zA-Z]+>/)
- ? txt.replace(/\n/g, "
") //no HTML tag
+ ?
+ // No HTML tag
+ txt.replace(/\n\n/g, "