+
-
-
-
-
-
+
+
+
+
@@ -57,19 +127,42 @@ Vue.component('my-problems', {
computed: {
sortedProblems: function() {
// Newest problem first
- return this.problems.sort((p1,p2) => { return p2.added - p1.added; });
- },
- mailErrProblem: function() {
- return "mailto:contact@vchess.club?subject=[" + variant + " problems] error";
},
},
+ created: function() {
+ // Analyse URL: if a single problem required, show it. Otherwise,
+ // TODO: fetch most recent problems from server
+ },
methods: {
- // Propagate "show problem" event to parent component (my-variant)
- bubbleUp: function(problem) {
- this.$emit('show-problem', JSON.stringify(problem));
+ 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) {
- return; //TODO: re-activate after server side is implemented (see routes/all.js)
if (this.problems.length == 0)
return; //what could we do?!
// Search for newest date (or oldest)
@@ -87,7 +180,11 @@ Vue.component('my-problems', {
last_dt: last_dt,
}, response => {
if (response.problems.length > 0)
- this.problems = response.problems;
+ {
+ this.problems = response.problems
+ .sort((p1,p2) => { return p1.added - p2.added; });
+ this.curIdx = response.problems.length - 1;
+ }
});
},
showNewproblemModal: function() {
@@ -95,7 +192,11 @@ Vue.component('my-problems', {
},
previewNewProblem: function() {
if (!V.IsGoodFen(this.newProblem.fen))
- return alert("Bad FEN string");
+ 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() {
@@ -113,3 +214,8 @@ Vue.component('my-problems', {
},
},
})
+
+// TODO:
+// possibilité de supprimer / éditer si peer ID reconnu comme celui du probleme (champ "uploader")
+// --> côté serveur on vérifie un certain "secret"
+// --> filtre possible "mes problèmes"