+ findClosestNeighbor: function(problem, probList, direction) {
+ let neighbor = undefined;
+ let smallestDistance = Number.MAX_SAFE_INTEGER;
+ for (let prob of probList)
+ {
+ const delta = Math.abs(prob.id - problem.id);
+ if (delta < smallestDistance &&
+ ((direction == "backward" && prob.id < problem.id)
+ || (direction == "forward" && prob.id > problem.id)))
+ {
+ neighbor = prob;
+ smallestDistance = delta;
+ }
+ }
+ return neighbor;
+ },
+ noMoreProblems: function(message) {
+ this.nomoreMessage = message;
+ let modalNomore = document.getElementById("modalNomore");
+ modalNomore.checked = true;
+ setTimeout(() => modalNomore.checked = false, 2000);
+ },
+ displayList: function() {
+ this.curProb = null;
+ location.hash = "#problems";
+ // Fetch problems if first call (if #num, and then lists)
+ if (!this.listsInitialized)
+ this.firstFetch();
+ },
+ toggleListDisplay: function() {
+ const displays = ["mine","others"];
+ const curIndex = displays.findIndex(item => item == this.display);
+ this.display = displays[1-curIndex];
+ },
+ fetchProblems: function(type, direction, cb) {
+ let problems = (type == "others" ? this.problems : this.myProblems);
+ // "last datetime" set at a value OK for an empty initial array
+ let last_dt = (direction=="forward" ? 0 : Number.MAX_SAFE_INTEGER);
+ if (problems.length > 0)
+ {
+ // Search for newest date (or oldest)
+ last_dt = problems[0].added;
+ for (let i=1; i<problems.length; i++)
+ {
+ if ((direction == "forward" && problems[i].added > last_dt) ||
+ (direction == "backward" && problems[i].added < last_dt))
+ {
+ last_dt = problems[i].added;
+ }
+ }
+ }
+ ajax(
+ "/problems/" + variant.id,
+ "GET",
+ {
+ type: type,
+ direction: direction,
+ last_dt: last_dt,
+ },
+ response => {
+ if (response.problems.length == 0)
+ return this.noMoreProblems("No more problems in this direction");
+ Array.prototype.push.apply(problems,
+ response.problems.sort((p1,p2) => { return p2.added - p1.added; }));
+ // If one list is empty but not the other, show the non-empty
+ const otherArray = (type == "mine" ? this.problems : this.myProblems);
+ if (problems.length > 0 && otherArray.length == 0)
+ this.display = type;
+ if (!!cb)
+ cb();
+ else
+ this.$forceUpdate(); //TODO...
+ }
+ );
+ },
+ previewProblem: function() {
+ if (!V.IsGoodFen(this.modalProb.fen))
+ return alert(translations["Bad FEN description"]);
+ if (this.modalProb.instructions.trim().length == 0)
+ return alert(translations["Empty instructions"]);
+ if (this.modalProb.solution.trim().length == 0)
+ return alert(translations["Empty solution"]);
+ Vue.set(this.modalProb, "preview", true);
+ },
+ editProblem: function(prob) {
+ this.modalProb = prob;
+ Vue.set(this.modalProb, "preview", false);