Source: analysisrecordtable.js

  1. /**
  2.  * @fileOverview JavaScript methods for report view.
  3.  * @module analysisrecordtable
  4.  * @author Visa Nykänen
  5.  * @author Tuomas Moisio
  6.  */
  8. var URI;
  9. function save() {
  10. 	var checkBoxCsv = document.getElementById('saveForm:basic:1');
  11. 	var checkBoxImage = document.getElementById('saveForm:basic:0');
  12. 	var filename = document.getElementById('saveForm:input-name').value;
  13. 	if (filename === "") {
  14. 		return;
  15. 	}
  17. 	if (checkBoxImage.checked) {
  18. 		saveAsImage();
  19. 	}
  20. 	if (checkBoxCsv.checked) {
  21. 		setTimeout(function() {
  22. 			saveAsCsv();
  23. 		}, 100);
  24. 	}
  26. }
  28. $(document).ready(function() {
  29. 	sendImageAndCSV();
  30. });
  32. /**
  33.  * Creates the csv using table2csv.js, sends the csv and the image of the report page to the server via AJAX
  34.  */
  35. function sendImageAndCSV() {
  36. 	// makes sure the header isn't hidden
  37. 	let tmpclass = $('#entries').attr('class');
  38. 	$('#entries').attr('class', "");
  39. 	$('#entries table')
  40. 			.each(
  41. 					function() {
  42. 						let $table = $(this);
  43. 						// selector-settings for table2csv explained:
  44. 						// the two last columns are edit and remove, so we don't
  45. 						// really want them in our csv
  46. 						// if the page is too narrow the table puts the header
  47. 						// into each of the cells so only spans with the class
  48. 						// tContent should be printed into the csv
  49. 						let csv = $table
  50. 								.table2CSV({
  51. 									delivery : 'value',
  52. 									headerSelector : 'th:not(:nth-last-child(1)):not(:nth-last-child(2))',
  53. 									columnSelector : 'td:not(:nth-last-child(1)):not(:nth-last-child(2)) span.tContent'
  54. 								});
  55. 						sendData(csv, "csv")
  56. 					});
  57. 	$('#entries').attr('class', tmpclass);
  58. 	html2canvas(document.getElementById('dataTableImage')).then(
  59. 			function(canvas) {
  60. 				URI = canvas.toDataURL();
  61. 				sendData("reporttable," + URI, "image")
  62. 			})
  63. }
  65. /**
  66.  * Sends the given data to the given page through ajax
  67.  * 
  68.  * @param URI
  69.  *            the data to be sent
  70.  * @param page
  71.  *            the page to which the data should be sent, currently either csv or
  72.  *            image
  73.  */
  74. function sendData(URI, page) {
  75. 	$.ajax({
  76. 		url : "../../webapi/summary/" + page,
  77. 		type : "POST",
  78. 		dataType : "text",
  79. 		contentType : "text/plain",
  80. 		cache : false,
  81. 		data : URI,
  82. 		success : function(data) {
  84. 		},
  85. 		error : function(xhr, status, error) {
  86. 			showError(msg.obs_errorCouldntSendData + ": " + error);
  87. 			this_.waiting = false;
  88. 		}
  89. 	});
  90. }
  92. function saveAsCsv() {
  93. 	document.getElementById('saveForm:csvButton').click();
  94. }
  96. function saveAsImage() {
  97. 	html2canvas(document.getElementById('dataTableImage')).then(
  98. 			function(canvas) {
  99. 				URI = canvas.toDataURL();
  100. 				var filename;
  101. 				var filenameRaw;
  103. 				try {
  104. 					filenameRaw = document
  105. 							.getElementById('saveForm:input-name').value;
  106. 					if (filenameRaw === "") {
  107. 						return;
  108. 					}
  109. 					filename = filenameRaw.replace(/\./g, '-');
  110. 				} catch (err) {
  111. 					filename = 'summary.png';
  112. 				}
  113. 				var link = document.createElement('a');
  114. 				if (typeof link.download === 'string') {
  115. 					link.href = URI;
  116. 					link.download = filename;
  118. 					// Firefox requires the link to be in the body
  119. 					document.body.appendChild(link);
  121. 					// simulate click
  122. 					link.click();
  124. 					// remove the link when done
  125. 					document.body.removeChild(link);
  126. 				} else {
  127. 					window.open(URI);
  128. 				}
  129. 			});
  130. }