From 1937a071cbea5208d0f026030d2aad0cfc585f4c Mon Sep 17 00:00:00 2001
From: Claude Brisson <claude@renegat.net>
Date: Wed, 6 Mar 2024 21:01:14 +0100
Subject: [PATCH] Review filtering on registration status

---
 view-webapp/src/main/sass/main.scss                 |  4 ++++
 view-webapp/src/main/webapp/WEB-INF/translations/fr |  6 +++++-
 .../src/main/webapp/js/tour-registration.inc.js     | 13 ++++++-------
 .../src/main/webapp/tour-registration.inc.html      | 12 +++++-------
 4 files changed, 20 insertions(+), 15 deletions(-)

diff --git a/view-webapp/src/main/sass/main.scss b/view-webapp/src/main/sass/main.scss
index cf4e41f..7dca0dd 100644
--- a/view-webapp/src/main/sass/main.scss
+++ b/view-webapp/src/main/sass/main.scss
@@ -206,6 +206,10 @@
   .ui.table>tbody>tr>td, .ui.table>tr>td {
     padding: 0.2em 0.2em;
   }
+  select.ui.dropdown {
+    height: unset;
+    font-size: inherit;
+  }
 
   .step, .step .title { font-size: 1em; }
   .step:before { font-size: 1em; }
diff --git a/view-webapp/src/main/webapp/WEB-INF/translations/fr b/view-webapp/src/main/webapp/WEB-INF/translations/fr
index 530abfe..7a6e468 100644
--- a/view-webapp/src/main/webapp/WEB-INF/translations/fr
+++ b/view-webapp/src/main/webapp/WEB-INF/translations/fr
@@ -43,6 +43,7 @@ Export tournament	Exporter le tournoi
 Family name	Nom de famille
 Filter	Filtrer
 Filter...	Filtrer…
+Final only	Inscriptions finales
 First name	Prénom
 Fischer timing	Cadence Fischer
 French rules	Règles françaises
@@ -80,13 +81,16 @@ Next rounds seeding	Méthode rondes suivantes
 OpenGotha file	Fichier OpenGotha
 Pair	Apparier
 Pair-go tournament	Tournoi de pair-go
-Pairing	Appariement
+Pairing	Appariements
 Pairings for round	Appariement pour la ronde
 Participation	Participation
+Preliminary and final	Toutes les inscriptions
+Preliminary only	Inscriptions préliminaires
 Publish	Publier
 Publish standings	Publier le classement
 Rank	Niveau
 Rating	Classement
+Reg	Inscr.
 Register	Inscrire
 Registration	Inscriptions
 Rengo with 2 players teams	Rengo par équipes de 2
diff --git a/view-webapp/src/main/webapp/js/tour-registration.inc.js b/view-webapp/src/main/webapp/js/tour-registration.inc.js
index 54fe19d..b4b387b 100644
--- a/view-webapp/src/main/webapp/js/tour-registration.inc.js
+++ b/view-webapp/src/main/webapp/js/tour-registration.inc.js
@@ -269,14 +269,13 @@ onLoad(() => {
     store(id, value);
     initSearch();
   });
-  $('#list-header .toggle').on('click', e => {
-    let chk = e.target.closest('.toggle');
-    let checkbox = chk.find('input')[0];
-    checkbox.checked = !checkbox.checked;
-    if (checkbox.checked) {
+  $('#reglist-mode').on('change', e => {
+    let mode = e.target.value;
+    $('td.reg-status').forEach(node => node.parentNode.removeClass('filtered'));
+    if (mode === 'prelim') {
+      $('td.reg-status.final').forEach(node => node.parentNode.addClass('filtered'));
+    } else if (mode === 'final') {
       $('td.reg-status:not(.final)').forEach(node => node.parentNode.addClass('filtered'));
-    } else {
-      $('td.reg-status:not(.final)').forEach(node => node.parentNode.removeClass('filtered'));
     }
   });
   document.on('click', e => {
diff --git a/view-webapp/src/main/webapp/tour-registration.inc.html b/view-webapp/src/main/webapp/tour-registration.inc.html
index b17299a..ee11e7d 100644
--- a/view-webapp/src/main/webapp/tour-registration.inc.html
+++ b/view-webapp/src/main/webapp/tour-registration.inc.html
@@ -8,13 +8,11 @@
           <input type="text" id="filter" placeholder="Filter..."/>
           <i class="circular times link icon"></i>
         </div>
-        <div class="toggle">
-          <input id="filter-final" name="filter-final" type="checkbox"/>
-          <div class="checkbox">
-            <div class="circle"></div>
-          </div>
-          <label>Final</label>
-        </div>
+        <select id="reglist-mode" class="ui dropdown">
+          <option value="all">Preliminary and final</option>
+          <option value="prelim">Preliminary only</option>
+          <option value="final">Final only</option>
+        </select>
       </div>
       <div>
         $parts.size() participants, $utils.countFinals($parts) confirmed.