Add ranking numbers to the contributors tables

Big thanks to @peregrineshahin who created the coding for this idea.
maximmasiutin · Feb 25, 2024 · 6577f97 · 6577f97
1 parent 1cb4ec9
commit 6577f97
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 2 deletions.
diff --git a/AUTHORS b/AUTHORS
@@ -11,6 +11,7 @@ David Zar
 dubslow
 Fabian Fichter (ianfab)
 Fanael Linithien (Fanael)
+Fauzi Akram Dabat (FauziAkram)
 FieryDragonLord
 Gabe (MrBrain295)
 Giacomo Lorenzetti (G-Lorenz)

diff --git a/server/fishtest/static/js/application.js b/server/fishtest/static/js/application.js
@@ -293,7 +293,13 @@ function handleSortingTables() {
             (this.asc = !this.asc),
           ),
         )
-        .forEach((tr) => body.append(tr));
+        .forEach((tr, index) => {
+          const rankData = tr.querySelector("td.rank");
+          if (rankData) {
+            rankData.textContent = index + 1;
+          }
+          body.append(tr);
+        });
     }
   });
 }

diff --git a/server/fishtest/templates/contributors.mak b/server/fishtest/templates/contributors.mak
@@ -116,6 +116,7 @@
   <table id="contributors_table" class="table table-striped table-sm">
     <thead class="sticky-top">
       <tr>
+        <th></th>
         <th>Username</th>
         <th class="text-end">Last active</th>
         <th class="text-end">Games/Hour</th>
@@ -126,8 +127,9 @@
       </tr>
     </thead>
     <tbody>
-      % for user in users:
+      % for index, user in enumerate(users):
         <tr>
+          <td class="rank">${index + 1}</td>
           <td>
           % if approver:
             <a href="/user/${user['username']}">