+ computed: {
+ sortedProblems: function() {
+ // Newest problem first
+ },
+ },
+ created: function() {
+ // Analyse URL: if a single problem required, show it. Otherwise,
+ // TODO: fetch most recent problems from server
+ },
+ methods: {
+ translate: function(text) {
+ return translations[text];
+ },
+ // TODO: obsolete:
+// // Propagate "show problem" event to parent component (my-variant)
+// bubbleUp: function(problem) {
+// this.$emit('show-problem', JSON.stringify(problem));
+// },
+ toggleShowSolution: function() {
+ let problemSolution = document.getElementById("problem-solution");
+ problemSolution.style.display =
+ !problemSolution.style.display || problemSolution.style.display == "none"
+ ? "block"
+ : "none";
+ },
+ showPreviousProblem: function() {
+ if (this.curIdx == 0)
+ this.fetchProblems("backward");
+ else
+ this.curIdx--;
+ },
+ showNextProblem: function() {
+ if (this.curIdx == this.problems.length - 1)
+ this.fetchProblems("forward");
+ else
+ this.curIdx++;
+ },
+ // TODO: modal "no more problems"
+ fetchProblems: function(direction) {
+ if (this.problems.length == 0)
+ return; //what could we do?!
+ // Search for newest date (or oldest)
+ let last_dt = this.problems[0].added;
+ for (let i=0; i<this.problems.length; i++)
+ {
+ if ((direction == "forward" && this.problems[i].added > last_dt) ||
+ (direction == "backward" && this.problems[i].added < last_dt))
+ {
+ last_dt = this.problems[i].added;
+ }
+ }
+ ajax("/problems/" + variant.name, "GET", { //TODO: use variant._id ?
+ direction: direction,
+ last_dt: last_dt,
+ }, response => {
+ if (response.problems.length > 0)
+ {
+ this.problems = response.problems
+ .sort((p1,p2) => { return p1.added - p2.added; });
+ this.curIdx = response.problems.length - 1;
+ }
+ });
+ },
+ showNewproblemModal: function() {
+ document.getElementById("modal-newproblem").checked = true;
+ },
+ previewNewProblem: function() {
+ if (!V.IsGoodFen(this.newProblem.fen))
+ return alert(translations["Bad FEN description"]);
+ if (this.newProblem.instructions.trim().length == 0)
+ return alert(translations["Empty instructions"]);
+ if (this.newProblem.solution.trim().length == 0)
+ return alert(translations["Empty solution"]);
+ this.newProblem.stage = "preview";
+ },
+ sendNewProblem: function() {
+ // Send it to the server and close modal
+ ajax("/problems/" + variant.name, "POST", { //TODO: with variant._id ?
+ fen: this.newProblem.fen,
+ instructions: this.newProblem.instructions,
+ solution: this.newProblem.solution,
+ }, response => {
+ this.newProblem.added = Date.now();
+ this.problems.push(JSON.parse(JSON.stringify(this.newProblem)));
+ document.getElementById("modal-newproblem").checked = false;
+ this.newProblem.stage = "nothing";
+ });
+ },
+ },