Pairing still in progress

view-webapp/src/main/webapp/js/domhelper.js

@@ -68,7 +68,7 @@ NodeList.prototype.offset = function() {
 }
 Element.prototype.attr = function (key, value) {
   if (typeof(value) === 'undefined') {
-    return this.attributes[key].value;
+    return this.attributes[key]?.value;
   } else {
     this.setAttribute(key, value);
     return this;
@@ -86,7 +86,7 @@ NodeList.prototype.attr = function(key, value) {
 }
 Element.prototype.data = function (key, value) {
   if (typeof(value) === 'undefined') {
-    return this.attributes[`data-${key}`].value
+    return this.attributes[`data-${key}`]?.value
   } else {
     this.setAttribute(`data-${key}`, value);
     return this;

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

@@ -1,5 +1,14 @@
 let focused = undefined;
 
+function pair(parts) {
+  api.postJson(`tour/${tour_id}/pair/${activeRound}`, parts)
+    .then(rst => {
+      if (rst !== 'error') {
+        document.location.reload();
+      }
+    });
+}
+
 onLoad(()=>{
   $('.listitem').on('click', e => {
     if (e.shiftKey && typeof(focused) !== 'undefined') {
@@ -17,7 +26,12 @@ onLoad(()=>{
         children.item(j).attr('draggable', true);
       }
     } else {
-      focused = e.target.closest('.listitem').toggleClass('selected').attr('draggable', true);
+      let target = e.target.closest('.listitem');
+      focused = target.toggleClass('selected').attr('draggable', target.hasClass('selected'));
     }
   });
+  $('#pair').on('click', e => {
+    let parts = $('#pairables')[0].childNodes.filter('.selected.listitem').map(item => parseInt(item.data("id")));
+    pair(parts);
+  });
 });

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

@@ -135,7 +135,6 @@ onLoad(() => {
       skip: form.find('input.participation').map((input,i) => [i+1, input.checked]).filter(arr => !arr[1]).map(arr => arr[0])
     }
     if (form.hasClass('add')) {
-      ("ADDING")
       api.postJson(`tour/${tour_id}/part`, player)
         .then(player => {
           if (player !== 'error') {

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

@@ -18,7 +18,7 @@
 #else
   #foreach($p in $pairables)
     #set($part = $pmap[$p])
-        <div class="listitem pairable"><span>$part.name $part.firstname</span><span>$part.country #rank($part.rank)</span></div>
+        <div data-id="$part.id" class="listitem pairable"><span>$part.name $part.firstname</span><span>$part.country #rank($part.rank)</span></div>
   #end
 #end
       </div>