+ {{ curProb.instructions }} +
++ {{ translations["Show solution"] }} +
++ {{ curProb.solution }} +
+X-Git-Url: https://git.auder.net/pieces/Cwda/n_white_knight.svg?a=blobdiff_plain;f=public%2Fjavascripts%2Fcomponents%2Fproblems.js;h=897babbe7035886ff889e384ff86fa1100e48868;hb=936dc463c969f648ae0bc81074ff3272c7c99697;hp=68830a4f7f9af93c281455eb43b8521f9a41aaf5;hpb=c794dbb87592782913af0a09784ed25e019e4d10;p=vchess.git diff --git a/public/javascripts/components/problems.js b/public/javascripts/components/problems.js index 68830a4f..897babbe 100644 --- a/public/javascripts/components/problems.js +++ b/public/javascripts/components/problems.js @@ -1,100 +1,315 @@ Vue.component('my-problems', { data: function () { return { - problems: problemArray //initial value + userId: user.id, + problems: [], //oldest first + myProblems: [], //same, but only mine + singletons: [], //requested problems (using #num) + display: "others", //or "mine" + curProb: null, //(reference to) current displayed problem (if any) + showSolution: false, + pbNum: 0, //to navigate directly to some problem + // New problem (to upload), or existing problem to edit: + modalProb: { + id: 0, //defined if it's an edit + fen: "", + instructions: "", + solution: "", + preview: false, + }, }; }, template: ` -
+ {{ curProb.instructions }} +
++ {{ curProb.solution }} +
+