Players page in progress

view-webapp/src/main/webapp/WEB-INF/layouts/standard.html

@@ -89,6 +89,14 @@
           $('#lang-list').removeClass('shown');
         }
       });
+      $('.popup .close').on('click', e => {
+        console.log('click');
+        let popup = e.target.closest('.popup');
+        if (popup) {
+          popup.classList.remove('shown');
+        }
+      });
+
     });
 
     // syntaxic sugar for IMask

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

@@ -1,15 +1,44 @@
 <div class="tab-content" id="registration">
-  <div id="players-list" class="roundbox">
-    Players list
+  <div id="reg-view">
+    <div id="players-list" class="roundbox">
+#set($parts = $api.get("tour/${params.id}/part"))
+$parts
+    </div>
+    <div class="form-actions">
+      <button id="add" class="ui blue right labeled icon floating info button">
+        <i class="plus icon"></i>
+        Add player
+      </button>
+    </div>
   </div>
-  <div class="roundbox">
-    <form id="player-form">
-      
-    </form>
+</div>
+<div id="player" class="popup">
+  <div class="popup-body">
+    <div class="close">
+      <i class="ui circular times icon"></i>
+    </div>
+    <div class="popup-content">
+      <form id="player-form" class="edit">
+        <div class="two fields">
+          <div class="field">
+            <label>Family name</label>
+            <span class="info"></span>
+            <input type="text" name="name" placeholder="last name"/>
+          </div>
+          <div class="field">
+            <label>Given name</label>
+            <span class="info"></span>
+            <input type="text" name="name" placeholder="first name"/>
+          </div>
+        </div>
+      </form>
+    </div>
   </div>
 </div>
 <script type="text/javascript">
   onLoad(() => {
-
+    $('#add').on('click', e => {
+      $('#player').addClass('shown');
+    });
   });
-</script>
+</script>

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

@@ -23,7 +23,7 @@
   <h1 class="centered title">#if($tour)$tour.name#{else}New Tournament#end</h1>
 #if($tour)
   <div class="ui ordered centered steps">
-    <div class="active step" data-step="information">
+    <div class="step" data-step="information">
       <div class="content">
         <div class="title">Information</div>
       </div>
@@ -49,12 +49,14 @@
       </div>
     </div>
   </div>
+#end
+#translate('tour-information.inc.html')
+#if($tour)
   #translate('tour-registration.inc.html')
   #translate('tour-pairing.inc.html')
   #translate('tour-results.inc.html')
   #translate('tour-standings.inc.html')
 #end
-#translate('tour-information.inc.html')
 </div>
 <!-- error messages included as html elements so that they are translated -->
 <div id="required_field" class="hidden">Required field</div>