Ask for confirmation before dropping changes or unregistering a player

view-webapp/src/main/webapp/WEB-INF/translations/fr

@@ -35,6 +35,7 @@ Delete	Supprimer
 Director	Directeur
 Download	Télécharger
 Download the standalone web interface module which suits your need, then follow	Télécharger le module d’interface web qui correspond à vos besoins, puis suivez
+Drop changes?	Abandonner les changements ?
 Edit	Éditer
 Encoding	Encodage
 Enter the magic word	Entrer le mot magique
@@ -127,6 +128,7 @@ Tournament name	Nom du tournoi
 Tournament type	Type de tournoi
 Unpair	Désapparier
 Unregister	Désinscrire
+Unregister this player?	Désinscrire ce joueur ?
 Update	Mettre à jour
 We offer you the flexibility to use	Nous vous offrons la flexibilité d’utiliser
 Welcome to	Bienvenue sur

view-webapp/src/main/webapp/js/tour-registration.inc.js

@@ -157,6 +157,12 @@ onLoad(() => {
   });
   $('#cancel-register').on('click', e => {
     e.preventDefault();
+    if ($('#player-form').hasClass('edit') && !$('#register').hasClass('disabled')) {
+      let confirmMessage = $('#drop-changes').text();
+      if (!confirm(confirmMessage)) {
+        return false;
+      }
+    }
     close_modal();
     searchHighlight = undefined;
     return false;
@@ -246,6 +252,7 @@ onLoad(() => {
           }
           form.removeClass('add');
           $('#player').removeClass('create').addClass('edit');
+          $('#register').addClass('disabled');
           modal('player');
         }
       });
@@ -310,12 +317,15 @@ onLoad(() => {
   $('#unregister').on('click', e => {
     let form = $('#player-form')[0];
     let id = form.val('id');
+    let confirmMessage = $('#unregister-player').text();
+    if (confirm(confirmMessage)) {
       api.deleteJson(`tour/${tour_id}/part/${id}`)
         .then(ret => {
           if (ret !== 'error') {
             window.location.reload();
           }
         });
+    }
   });
   $('#reg-status').on('click', e => {
     let current = $('#final-reg').hasClass('final');
@@ -429,4 +439,7 @@ onLoad(() => {
   $('#browse-players').on('click', e => {
     search('*');
   });
+  $('.player-fields').on('change input', e => {
+    $('#register').removeClass('disabled');
+  });
 });

view-webapp/src/main/webapp/tour-registration.inc.html

@@ -146,6 +146,7 @@
           </div>
           <div id="search-result"></div>
         </div>
+        <div class="player-fields">
           <div class="two stackable fields">
             <div class="eight wide field">
               <label>Family name</label>
@@ -209,8 +210,9 @@
 #end
           </div>
         </div>
+      </div>
       <div class="popup-footer">
-        <button id="cancel-register" type="button" class="ui gray right labeled icon floating close button">
+        <button id="cancel-register" type="button" class="ui gray right labeled icon floating button">
           <i class="times icon"></i>
           <span class="edition">Close</span>
           <span class="creation">Close</span>
@@ -288,6 +290,8 @@
   </div>
 </div>
 #end
+<div id="drop-changes" class="hidden">Drop changes?</div>
+<div id="unregister-player" class="hidden">Unregister this player?</div>
 #[[
 <script id="result" type="text/template">
   {{for #data}}