Results tab ok

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

@@ -64,7 +64,7 @@ Node.prototype.offset = function() {
   return { top: _y, left: _x };
 }
 NodeList.prototype.offset = function() {
-  this.item(0).offset();
+  return this.item(0).offset();
 }
 Element.prototype.attr = function (key, value) {
   if (typeof(value) === 'undefined') {
@@ -94,7 +94,7 @@ Element.prototype.data = function (key, value) {
 }
 NodeList.prototype.data = function(key, value) {
   if (typeof(value) === 'undefined') {
-    this.item(0).data(key);
+    return this.item(0).data(key);
   } else {
     this.forEach(elem => {
       elem.data(key, value);
@@ -108,6 +108,7 @@ NodeList.prototype.show = function() {
 }
 Element.prototype.show = function() {
   this.style.display = 'block';
+  return this;
 }
 NodeList.prototype.hide = function() {
   this.item(0).hide();
@@ -115,15 +116,18 @@ NodeList.prototype.hide = function() {
 }
 Element.prototype.hide = function() {
   this.style.display = 'none';
+  return this;
 }
 NodeList.prototype.text = function(txt) {
   this.item(0).text(txt);
+  return this;
 }
 Element.prototype.text = function(txt) {
   if (typeof(txt) === 'undefined') {
     return this.textContent;
   } else {
     this.textContent = txt;
+    return this;
   }
 }
 NodeList.prototype.item = function (i) {
@@ -170,6 +174,7 @@ Element.prototype.val = function(value) {
 NodeList.prototype.focus = function() {
   let first = this.item(0);
   if (first) first.focus();
+  return this;
 }
 
 Element.prototype.index = function(selector) {

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

@@ -1,3 +1,45 @@
+function setResult(id, result) {
+  api.putJson(`tour/${tour_id}/res/${activeRound}`, { id: id, result: result })
+    .then(res => {
+      if (res !== 'error') {
+        let row = $(`#results-list tr#result-${id}`);
+        row.find('td').removeClass('winner').removeClass('looser');
+        let white = row.find('td.white');
+        let black = row.find('td.black');
+        let dispResult = result;
+        switch (result) {
+          case '?': break;
+          case 'w': white.addClass('winner'); black.addClass('looser'); dispResult = 'w+'; break;
+          case 'b': black.addClass('winner'); white.addClass('looser'); dispResult = 'b+'; break;
+          case '=': break;
+          case 'X': break;
+          case '#': white.addClass('winner'); black.addClass('winner'); dispResult = '1-1'; break;
+          case '0': white.addClass('looser'); black.addClass('looser'); dispResult = '0-0'; break;
+        }
+        let resultCell = row.find('td.result');
+        resultCell.text(dispResult).data('result', result);
+      }
+    })
+}
+
+const results = [ '?', 'w', 'b', '=', 'X', '#', '0' ];
+
 onLoad(()=>{
   new Tablesort($('#results-table')[0]);
-});
+  $('#results-table .player').on('click', e => {
+    let cell = e.target.closest('.player');
+    let gameId = e.target.closest('tr').data('id');
+    let result = cell.hasClass('white') ? 'w' : 'b';
+    setResult(gameId, result);
+  });
+  $('#results-table .result').on('click', e => {
+    let cell = e.target.closest('.result');
+    let gameId = e.target.closest('tr').data('id');
+    let result = cell.data('result');
+    let index = results.indexOf(result);
+    console.log(index)
+    result = results[(index + 1)%results.length];
+    console.log(result)
+    setResult(gameId, result);
+  });
+});