Add HTML format for output

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

@@ -281,4 +281,8 @@ onLoad(() => {
     title.toggleClass('active');
     content.toggleClass('active');
   });
+  $('#dimmer').on('click', e => {
+    let dialog = e.target.closest('.popup');
+    if (!dialog) close_modal();
+  });
 });

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

@@ -9,12 +9,22 @@ function publish(format, extension) {
     if (resp.ok) return resp.text()
     else throw "publish error"
   }).then(txt => {
-    let blob = new Blob(['\uFEFF', txt.trim()], {type: 'plain/text;charset=utf-8'});
+    let blob = new Blob(['\uFEFF', txt.trim()], {type: 'text/plain;charset=utf-8'});
     downloadFile(blob, `${shortName}.${extension}`);
     close_modal();
   }).catch(err => showError(err));
 }
 
+function publishHtml() {
+  let html = $('#standings-table')[0].outerHTML;
+  console.log(html)
+  let form = $('#tournament-infos')[0];
+  let shortName = form.val('shortName');
+  let blob = new Blob(['\uFEFF', html], {type: 'text/html;charset=utf-8'});
+  downloadFile(blob, `${shortName}-standings-R${activeRound}.html`);
+  close_modal();
+}
+
 onLoad(() => {
   $('.criterium').on('click', e => {
     let alreadyOpen = e.target.closest('select');
@@ -59,13 +69,18 @@ onLoad(() => {
   $('#publish').on('click', e => {
     modal('publish-modal');
   });
+/*
   $('#publish-modal').on('click', e => {
     close_modal();
   });
+*/
   $('.publish-ffg').on('click', e => {
     publish('ffg', 'tou');
   });
   $('.publish-egf').on('click', e => {
     publish('egf', 'h9');
   });
+  $('.publish-html').on('click', e => {
+    publishHtml();
+  });
 });

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

@@ -99,13 +99,14 @@
     <div class="popup-content">
       <div class="horz">
         <span>Choose format</span>
+        <button type="button" class="ui blue floating publish-html button">HTML</button>
         <button type="button" class="ui blue floating publish-egf button">EGF</button>
         <button type="button" class="ui blue floating publish-ffg button">FFG</button>
       </div>
     </div>
     <div class="popup-footer">
       <div class="form-actions">
-        <button type="button" class="ui gray floating cancel button">Cancel</button>
+        <button type="button" class="ui gray floating close button">Cancel</button>
       </div>
     </div>
   </div>