show the selected scoreboard duration by bolding it

hust-open-atom-club · Mar 19, 2024 · 3c89e1e · 3c89e1e
1 parent 779939f
commit 3c89e1e
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/dojo_theme/static/js/dojo/scoreboard.js b/dojo_theme/static/js/dojo/scoreboard.js
@@ -16,6 +16,13 @@ function loadScoreboard(duration, page) {
         return response.json()
     }).then(result => {
         scoreboard.empty();
+        $("#scoreboard-control-week").removeClass("scoreboard-page-selected");
+        $("#scoreboard-control-month").removeClass("scoreboard-page-selected");
+        $("#scoreboard-control-all").removeClass("scoreboard-page-selected");
+        if (duration == 7) $("#scoreboard-control-week").addClass("scoreboard-page-selected");
+        if (duration == 30) $("#scoreboard-control-month").addClass("scoreboard-page-selected");
+        if (duration == 0) $("#scoreboard-control-all").addClass("scoreboard-page-selected");
+
         const standings = result.standings;
         if (result.me) {
             if (result.me.rank < standings[0].rank)

diff --git a/dojo_theme/templates/macros/scoreboard.html b/dojo_theme/templates/macros/scoreboard.html
@@ -1,9 +1,9 @@
 {% macro scoreboard() -%}
 <div class="scoreboard-controls row">
   <p>
-  <a href="javascript:loadScoreboard(7, 1)">周</a> |
-  <a href="javascript:loadScoreboard(30, 1)">月</a> |
-  <a href="javascript:loadScoreboard(0, 1)">全部时间</a>
+  <span id="scoreboard-control-week"><a href="javascript:loadScoreboard(7, 1)">周</a></span> |
+  <span id="scoreboard-control-month"><a href="javascript:loadScoreboard(30, 1)">月</a></span> |
+  <span id="scoreboard-control-all"><a href="javascript:loadScoreboard(0, 1)">全部时间</a></span>
   </p>
 </div>
 <div class="scoreboard row">