show rating for past puzzles

sggts04 · May 12, 2024 · 0a87533 · 0a87533
1 parent 318b0c1
commit 0a87533
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 2 deletions.
diff --git a/static/css/style.css b/static/css/style.css
@@ -90,13 +90,29 @@ body {
     margin: 0px 15px;
 }
 
+.solvedRating {
+    text-decoration: none;
+    color: white;
+    font-size: 0.3em;
+    margin: 0;
+}
+
 #solvedPuzzles {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     justify-content: center;
 }
 
+.solvedPuzzle {
+    text-decoration: none;
+    display: flex;
+    flex-direction: column;
+    flex-wrap: wrap;
+    justify-content: center;
+    text-align: center;
+}
+
 #but {
     font-size: 2.3em;
     font-weight: 600;

diff --git a/static/js/script.js b/static/js/script.js
@@ -125,14 +125,15 @@ function setInfo() {
     // Solved Puzzles
     if (id > 0) {
         let startFEN = userHistory[id - 1].puzzle.fen;
+        let rating = userHistory[id - 1].puzzle.rating;
         let puzzleGame = new Chess(startFEN);
         puzzleGame.move(userHistory[id - 1].puzzle.start);
         let lichessPuzzleFEN = puzzleGame.fen().replace(/ /g,"%20");
         let elem;
         if (userHistory[id - 1].correct)
-            elem = `<a href="https://lichess.org/analysis/${lichessPuzzleFEN}" target="_blank"><img class="marks" src="img/tick.svg"></img></a>`;
+            elem = `<a class="solvedPuzzle" href="https://lichess.org/analysis/${lichessPuzzleFEN}" target="_blank"><img class="marks" src="img/tick.svg"></img><p class="solvedRating">${rating}</p></a>`;
         else
-            elem = `<a href="https://lichess.org/analysis/${lichessPuzzleFEN}" target="_blank"><img class="marks" src="img/cross.svg"></img></a>`;
+            elem = `<a class="solvedPuzzle" href="https://lichess.org/analysis/${lichessPuzzleFEN}" target="_blank"><img class="marks" src="img/cross.svg"></img><p class="solvedRating">${rating}</p></a>`;
         $('#solvedPuzzles').append(elem);
     }
 }