X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=public%2Fjavascripts%2Fcomponents%2Fproblems.js;h=4caabb554487bbb699ec254b1643337437b121df;hb=b6487fb9c41705187cf97215fc9e8f86a59057c7;hp=54b36ab7f939c9215ae997bdbffa659747846053;hpb=f5d3e4f539355d166baf38bab97480582e90e4af;p=vchess.git
diff --git a/public/javascripts/components/problems.js b/public/javascripts/components/problems.js
index 54b36ab7..4caabb55 100644
--- a/public/javascripts/components/problems.js
+++ b/public/javascripts/components/problems.js
@@ -1,14 +1,134 @@
-//TODO: list problems as FEN (quickly rendered), by date, with possible filtering per variant(?)
-//click on a problem ==> land on variant page with mode==friend, FEN prefilled... ok
+Vue.component('my-problems', {
+ data: function () {
+ return {
+ problems: problemArray, //initial value
+ newProblem: {
+ fen: "",
+ instructions: "",
+ solution: "",
+ stage: "nothing", //or "preview" after new problem is filled
+ },
+ };
+ },
+ template: `
+