X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=public%2Fjavascripts%2Fcomponents%2Fproblems.js;h=60aa9c430833caa145aa522d7060a9e6e3a9d91b;hb=a9f262f38d7ae9ea4c935c549309bd2f773aa6c2;hp=ad8c54c014148bec9fa063cbd00bacd2328439c5;hpb=81da2786f2f497b4416e0488c34a48fb794c28df;p=vchess.git

diff --git a/public/javascripts/components/problems.js b/public/javascripts/components/problems.js
index ad8c54c0..60aa9c43 100644
--- a/public/javascripts/components/problems.js
+++ b/public/javascripts/components/problems.js
@@ -2,12 +2,14 @@ Vue.component('my-problems', {
 	data: function () {
 		return {
 			problems: [], //oldest first
-			curIdx: 0, //index in problems array
-			stage: "nothing", //or "preview" after new problem is filled
+			myProblems: [], //same
+			curProblems: [], //assigned to either of the ones above
+			curIdx: 0, //index in (current) problems array
 			newProblem: {
 				fen: "",
 				instructions: "",
 				solution: "",
+				preview: false,
 			},
 		};
 	},
@@ -27,10 +29,19 @@ Vue.component('my-problems', {
 					<i class="material-icons">skip_next</i>
 				</button>
 			</div>
-		
+		--> OK, mais ces flèches n'ont pas la même action selon les vues
+		--> fetchN si liste, problème suivant/précédent sinon
 
 
-			if (this.mode == "problem")
+board qui bouge et activé que si #hash donnant numéro du problème
+deux listes : tous les problèmes sauf les miens
+              + les miens
+
+
+//TODO: filter "my problems" ==> liste séparée (lors de la requête serveur)
+--> bouton plutôt sous l'échiquier après soluce (sauf si anonymous)
+--> puis dans la vue "my problems (listing échiquier gauche / instrus + soluce cachée à droite
+if (this.mode == "problem")
 			{
 				// Show problem instructions
 				elementArray.push(
@@ -132,6 +143,8 @@ Vue.component('my-problems', {
 	created: function() {
 		// Analyse URL: if a single problem required, show it. Otherwise,
 		// TODO: fetch most recent problems from server
+		// If the requested problem is in the list, just show it
+		this.tryNavigate();
 	},
 	methods: {
 		translate: function(text) {
@@ -175,7 +188,7 @@ Vue.component('my-problems', {
 					last_dt = this.problems[i].added;
 				}
 			}
-			ajax("/problems/" + variant, "GET", {
+			ajax("/problems/" + variant.name, "GET", { //TODO: use variant._id ?
 				direction: direction,
 				last_dt: last_dt,
 			}, response => {
@@ -201,7 +214,7 @@ Vue.component('my-problems', {
 		},
 		sendNewProblem: function() {
 			// Send it to the server and close modal
-			ajax("/problems/" + variant, "POST", {
+			ajax("/problems/" + variant.name, "POST", { //TODO: with variant._id ?
 				fen: this.newProblem.fen,
 				instructions: this.newProblem.instructions,
 				solution: this.newProblem.solution,
@@ -217,5 +230,3 @@ 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"