Correction grosse erreur de synchro

code/serveur/php/ressources/my-extensions.js

@@ -113,3 +113,7 @@ $.each({
 	var y = e.y;
 	$.fn[i] = function(to, justCss) { return this.relativePos(x, y, to, justCss); };
 });
+
+$.fn.clickOnce = function(fn) {
+	this.unbind("click",fn).click(fn);
+};

code/serveur/php/ressources/pticlic.js

@@ -15,20 +15,22 @@ State.prototype.set = function(key, value) {
 	return this;
 };
 State.prototype.validate = function () {
-	if (oldScreen != state.screen) {
+	state = this;
+	if (oldScreen != this.screen) {
 		if (window[oldScreen] && window[oldScreen].leave) window[oldScreen].leave();
-		oldScreen = state.screen;
+		oldScreen = this.screen;
 	}
-	if (window[state.screen] && window[state.screen].enter) window[state.screen].enter();
+	if (window[this.screen] && window[this.screen].enter) window[this.screen].enter();
+	return this;
 };
 
+var runstate = {};
 var state;
 var oldScreen = '';
 var ui = {};
 function hashchange() {
 	var stateJSON = location.hash.substring(location.hash.indexOf("#") + 1);
-	state = new State($.parseJSON(stateJSON));
+	state = new State($.parseJSON(stateJSON)).validate();
-	state.validate();
 }
 
 // ==== JavaScript Style général
@@ -59,8 +61,8 @@ function jss() {
 var UI = {
 	setPreference: function() {},
 	getPreference: function() {return "";},
-	show: function() {},
+	show: function(title, text) {},// { if (typeof console != 'undefined') console.log(title, text);},
-	dismiss: function() {},
+	dismiss: function() {},//{if (typeof console != 'undefined') console.log('dismiss');},
 	exit: function() {}
 };
 
@@ -108,14 +110,17 @@ frontpage.jss = function(w, h, iconSize) {
 };
 
 frontpage.enter = function () {
-	state.commit();
+	if (location.hash != '') state.commit();
-	$("#frontpage .frontpage-button.game").click(function(){
+	$("#frontpage .frontpage-button.game").clickOnce(frontpage.click.game);
-		state.set('screen', 'game').validate();
-	});
 	jss();
 	UI.dismiss();
 };
 
+frontpage.click = {};
+frontpage.click.game = function(){
+	state.set('screen', 'game').validate();
+};
+
 // ==== Code métier pour le jeu
 game = {};
 
@@ -166,23 +171,38 @@ game.jss = function(w, h, iconSize) {
 
 game.enter = function () {
 	if (!state.game) {
+		var notAlreadyFetching = !runstate.gameFetched;
+		runstate.gameFetched = function(data) {
+			state.game = data;
+			state.currentWordNb = 0;
+			state.game.answers = [];
+			state.commit();
+			game.buildUi();
+		};
+		if (notAlreadyFetching) {
 			UI.show("PtiClic", "Récupération de la partie");
 			$.getJSON("getGame.php?callback=?", {
 				user:"foo",
 				passwd:"bar",
 				nonce:Math.random()
 			}, function(data) {
-			state.game = data;
+				var fn = runstate.gameFetched;
-			state.currentWordNb = 0;
+				runstate.gameFetched = false;
-			state.game.answers = [];
+				fn(data);
-			state.commit();
-			game.buildUi();
 			}).error(ajaxError);
+		}
 	} else {
 		game.buildUi();
 	}
 	jss();
 };
+
+game.leave = function () {
+	$("#game .relations").empty();
+	$('#game #mn-caption').stop().clearQueue();
+	if (runstate.gameFetched) runstate.gameFetched = function() {};
+};
+
 game.buildUi = function () {
 	$("#game .relations").empty();
 	$.each(state.game.relations, function(i, relation) {
@@ -201,18 +221,13 @@ game.buildUi = function () {
 			.appendTo("#game .relations");
 	});
 	game.updateText();
-	UI.dismiss();
 }
 
-game.leave = function () {
-	$("#game .relations").empty();
-	$('#game #mn-caption').stop().clearQueue();
-};
-
 game.updateText = function() {
 	$("#game .mn").text(state.game.cloud[state.currentWordNb].name);
 	$("#game .mc").text(state.game.center.name);
 	jss();
+	UI.dismiss();
 }
 
 game.animateNext = function (click, button) {
@@ -261,6 +276,18 @@ score.jss = function(w, h, iconSize) {
 
 score.enter = function () {
 	if (!state.hasScore) {
+		var notAlreadyFetching = !runstate.scoreFetched;
+		runstate.scoreFetched = function(data) {
+			for (var i = 0; i < data.scores.length; ++i) {
+				state.game.cloud[i].score = data.scores[i];
+			}
+			delete data.score;
+			$.extend(state.game, data);
+			state.hasScore = true;
+			state.commit();
+			score.ui();
+		};
+		if (notAlreadyFetching) {
 			UI.show("PtiClic", "Calcul de votre score");
 			$.getJSON("server.php?callback=?", {
 				user: "foo",
@@ -271,21 +298,21 @@ score.enter = function () {
 				answers: state.game.answers,
 				nonce: Math.random()
 			}, function(data){
-			for (var i = 0; i < data.scores.length; i++) {
+				var fn = runstate.scoreFetched;
-				state.game.cloud[i].score = data.scores[i];
+				runstate.scoreFetched = false;
-			}
+				fn(data);
-			delete data.score;
-			$.extend(state.game, data);
-			state.hasScore = true;
-			state.commit();
-			score.ui();
 			}).error(ajaxError);
+		}
 	} else {
 		score.ui();
 	}
 	jss();
 }
 
+score.leave = function () {
+	if (runstate.scoreFetched) runstate.scoreFetched = function() {};
+};
+
 score.ui = function () {
 	$("#score .scores").empty();
 	$.each(state.game.cloud, function(i,e) {
@@ -302,10 +329,10 @@ score.ui = function () {
 				.css("color","rgb("+(255 - 255*percentScore).clip(0,255)+","+(191*percentScore).clip(0,255,true)+",0)")
 			.end()
 			.appendTo("#score .scores");
-		$("#score #jaivu").click(function() {
+	});
+	$("#score #jaivu").clickOnce(function() {
 		state = new State().validate();
 	});
 	jss();
-	});
 	UI.dismiss();
 }