server/frontend/static/js/app.js

angular.module("FICApp", ["ngRoute", "ngSanitize"])
    .config(function($routeProvider, $locationProvider) {
	$routeProvider
	    .when("/edit", {
		controller: "MyTeamController",
		templateUrl: "views/team-edit.html"
	    })
	    .when("/rank", {
		controller: "RankController",
		templateUrl: "views/rank.html"
	    })
	    .when("/:theme", {
		controller: "ExerciceController",
		templateUrl: "views/theme.html"
	    })
	    .when("/:theme/:exercice", {
		controller: "ExerciceController",
		templateUrl: "views/theme.html"
	    })
	    .when("/", {
		controller: "HomeController",
		templateUrl: "views/home.html"
	    })
	    .otherwise({
		redirectTo: "/"
	    });
	$locationProvider.html5Mode(true);
    })
    .run(function($rootScope, $timeout) {
	$rootScope.current_theme = 0;
	$rootScope.current_exercice = 0;
	$rootScope.time = {};

	function updTime() {
	    $timeout(updTime, 1000);
	    if (sessionStorage.userService) {
		var time = angular.fromJson(sessionStorage.userService);
		var srv_cur = (Date.now() + (time.cu * 1000 - time.he)) / 1000;
		var remain = time.du;
		if (time.st == Math.floor(srv_cur)) {
		    $rootScope.refresh(true);
		}
		if (time.st > 0 && time.st <= srv_cur) {
		    remain = time.st + time.du - srv_cur;
		}
		if (remain < 0) {
		    remain = 0;
		    $rootScope.time.end = true;
		    $rootScope.time.expired = true;
		} else if (remain < 60) {
		    $rootScope.time.end = false;
		    $rootScope.time.expired = true;
		} else {
		    $rootScope.time.end = false;
		    $rootScope.time.expired = false;
		}
		$rootScope.time.remaining = remain;
		$rootScope.time.hours = Math.floor(remain / 3600);
		$rootScope.time.minutes = Math.floor((remain % 3600) / 60);
		$rootScope.time.seconds = Math.floor(remain % 60);
	    }
	}
	updTime();
    });

angular.module("FICApp")
    .filter("time", function() {
	return function(input) {
	    if (input == undefined) {
		return "--";
	    } else if (input >= 10) {
		return input;
	    } else {
		return "0" + input;
	    }
	}
    })
    .controller("DataController", function($scope, $http, $rootScope, $timeout) {
	var actMenu = function() {
	    if ($scope.my && $scope.themes) {
		angular.forEach($scope.themes, function(theme, key) {
		    $scope.themes[key].exercice_solved = 0;
		    angular.forEach(theme.exercices, function(exercice, k) {
			if ($scope.my.exercices[k] && $scope.my.exercices[k].solved) {
			    $scope.themes[key].exercice_solved++;
			}
		    });
		});
	    }
	}
	$rootScope.refresh = function(justMy) {
	    if (!justMy) {
		$timeout($rootScope.refresh, 60000);
		$http.get("/time.json").success(function(time) {
		    time.he = (new Date()).getTime();
		    sessionStorage.userService = angular.toJson(time);
		});
		$http.get("/themes.json").success(function(themes) {
		    $scope.themes = themes;
		    angular.forEach(themes, function(theme, key) {
			this[key].exercice_count = Object.keys(theme.exercices).length;
		    }, themes);
		    actMenu();
		});
		$http.get("/teams.json").success(function(teams) {
		    $scope.teams_count = Object.keys(teams).length
		    $scope.teams = teams;

		    $scope.rank = [];
		    angular.forEach($scope.teams, function(team, tid) {
			team.id = tid;
			this.push(team);
		    }, $scope.rank);
		});
	    }
	    $http.get("/my.json").success(function(my) {
		$scope.my = my;
		actMenu();
	    });
	    console.log("refresh!");
	}
	$rootScope.refresh();
    })
    .controller("ExerciceController", function($scope, $routeParams, $http, $rootScope) {
	$rootScope.current_theme = $routeParams.theme;

	if ($routeParams.exercice) {
	    $rootScope.current_exercice = $routeParams.exercice;
	} else {
	    if ($scope.themes && $scope.my && $scope.themes[$scope.current_theme]) {
		var exos = Object.keys($scope.themes[$scope.current_theme].exercices);
		var i = 0;
		for (; i < exos.length - 1; i++) {
		    if (!$scope.my.exercices[exos[i]] || !$scope.my.exercices[exos[i]].solved)
			break;
		}
		$rootScope.current_exercice = exos[i];
	    } else {
		$rootScope.current_exercice = 0;
	    }
	}

    })
    .controller("SubmissionController", function($scope, $http, $rootScope, $timeout) {
	$scope.flags = []

	var waitMy = function() {
	    if (!$scope.my || !$scope.my.exercices || !$scope.my.exercices[$rootScope.current_exercice]) {
		$timeout(waitMy, 420);
	    } else {
		angular.forEach($scope.my.exercices[$rootScope.current_exercice].keys, function(key,kid) {
		    this.push({
			id: kid,
			name: key,
			value: ""
		    });
		}, $scope.flags);
	    }
	}
	waitMy();

	$scope.ssubmit = function() {
	    var flgs = {}

	    angular.forEach($scope.flags, function(flag,kid) {
		flgs[flag.name] = flag.value;
		flag.value = "";
	    });

	    $http({
		url: "/submit/" + $rootScope.current_exercice,
		method: "POST",
		data: flgs
	    }).success(function(data, status, header, config) {
		$rootScope.messageClass = {"alert-success": true};
		$rootScope.message = data.errmsg;

		var checkDiff = function() {
		    $http.get("/my.json").success(function(my) {
			if ($scope.my.exercices[$rootScope.current_exercice].solved_time != my.exercices[$rootScope.current_exercice].solved_time) {
			    $rootScope.refresh();
			} else {
			    $timeout(checkDiff, 750);
			}
		    });
		};
		checkDiff();
	    }).error(function(data, status, header, config) {
		if (status >= 500) {
		    $scope.my.exercices[$rootScope.current_exercice].submitted = false;
		}
		$rootScope.messageClass = {"alert-danger": true};
		$rootScope.message = data.errmsg;
	    });
	    $scope.my.exercices[$rootScope.current_exercice].submitted = true;
	};
    })
    .controller("MyTeamController", function($scope, $rootScope) {
	$rootScope.current_theme = 0;
	$rootScope.current_exercice = 0;
	$rootScope.title = "Edit team";
    })
    .controller("RankController", function($scope, $rootScope) {
	$rootScope.current_theme = 0;
	$rootScope.current_exercice = 0;
	$rootScope.title = "Classement général";

	$scope.fields = ["rank", "name", "score"];
	$scope.rankOrder = "rank";
	$scope.reverse = false;
	$scope.order = function(fld) {
	    if ($scope.rankOrder == fld) {
		$scope.reverse = !$scope.reverse;
	    } else {
		$scope.rankOrder = fld;
		$scope.reverse = false;
	    }
	};
    })
    .controller("HomeController", function($scope, $rootScope) {
	$rootScope.current_theme = 0;
	$rootScope.current_exercice = 0;
	$rootScope.title = "";
    });

function sready() {
    if ($("#solution").val().length) {
	$("#sbmt").removeClass("disabled");
    } else {
	$("#sbmt").addClass("disabled");
    }
};