main
input#modalNewprob.modal(type="checkbox" @change="infoMsg=''")
div#newprobDiv(role="dialog" data-checkbox="modalNewprob")
.card(@keyup.enter="newProblem()")
label#closeNewprob.modal-close(for="modalNewprob")
form(@submit.prevent="newProblem()" @keyup.enter="newProblem()")
fieldset
label(for="selectVariant") {{ st.tr["Variant"] }}
select#selectVariant(v-model="newproblem.vid" @change="loadVariant()")
option(v-for="v in [emptyVar].concat(st.variants)" :value="v.id"
:selected="newproblem.vid==v.id")
| {{ v.name }}
fieldset
label(for="inputFen") FEN
input#inputFen(type="text" v-model="newproblem.fen" @input="tryGetDiagram()")
fieldset
textarea#instructions(:placeholder="st.tr['Instructions']")
textarea#solution(:placeholder="st.tr['Solution']")
#preview
div(v-html="curDiag")
p instru: v-html=... .replace("\n", "
") --> si pas de tags détectés !
p solution: v-html=...
button(@click="newProblem()") {{ st.tr["Send problem"] }}
#dialog.text-center {{ st.tr[infoMsg] }}
.row
.col-sm-12
button#newProblem(onClick="doClick('modalNewprob')") {{ st.tr["New problem"] }}
.row
.col-sm-12.col-md-10.col-md-offset-1.col-lg-8.col-lg-offset-2
label(for="checkboxMine") {{ st.tr["My problems"] }}
input#checkboxMine(type="checkbox" v-model="onlyMines")
label(for="selectVariant") {{ st.tr["Variant"] }}
select#selectVariant(v-model="newproblem.vid")
option(v-for="v in [emptyVar].concat(st.variants)" :value="v.id")
| {{ v.name }}
// TODO: nice problems printing :: same as in preview ==> subComponent (inlined?)
div(v-for="p in problems" v-show="showProblem(p)")
p {{ p.vid }}
p {{ p.fen }}
p {{ p.instruction }}
p {{ p.solution }}