From 9f2d0add208e48b85f6112ea349e611eabfcab32 Mon Sep 17 00:00:00 2001
From: Leonardo Campos <leonardoscampos@gmail.com>
Date: Tue, 24 Jan 2017 01:37:41 -0200
Subject: [PATCH] Measurement report (PDF)

---
 Packages/ohif-measurements/client/index.js    |  1 +
 .../ohif-measurements/client/lib/exportPdf.js | 93 ++++++++++++++++++-
 .../ohif-measurements/client/reports/index.js |  1 +
 .../client/reports/templates/index.js         |  1 +
 .../reports/templates/measurements.html       |  7 ++
 5 files changed, 102 insertions(+), 1 deletion(-)
 create mode 100644 Packages/ohif-measurements/client/reports/index.js
 create mode 100644 Packages/ohif-measurements/client/reports/templates/index.js
 create mode 100644 Packages/ohif-measurements/client/reports/templates/measurements.html

diff --git a/Packages/ohif-measurements/client/index.js b/Packages/ohif-measurements/client/index.js
index 976b7fc4a..606545663 100644
--- a/Packages/ohif-measurements/client/index.js
+++ b/Packages/ohif-measurements/client/index.js
@@ -2,3 +2,4 @@ import './conformance';
 import './lib';
 import './helpers';
 import './components';
+import './reports';
diff --git a/Packages/ohif-measurements/client/lib/exportPdf.js b/Packages/ohif-measurements/client/lib/exportPdf.js
index 9ff95f36b..bf6b6b9c2 100644
--- a/Packages/ohif-measurements/client/lib/exportPdf.js
+++ b/Packages/ohif-measurements/client/lib/exportPdf.js
@@ -1,4 +1,95 @@
 import { OHIF } from 'meteor/ohif:core';
-import * as jsPDF from 'jspdf';
+// import * as jsPDF from 'jspdf';
+import jsPDF from 'jspdf';
+import * as pdfDebug from 'jspdf';
+// import html2canvas from 'html2canvas';
 
 window.jsPDF = jsPDF;
+window.pdfDebug = pdfDebug;
+// window.html2canvas = html2canvas;
+
+// console.log('>>>>>>>>>>> html2canvas: ', html2canvas);
+
+window.exportCanvasToPdf = canvas => {
+    // only jpeg is supported by jsPDF
+    const imgData = canvas.toDataURL('image/jpeg', 1.0);
+    const pdf = new jsPDF();
+
+    pdf.addImage(imgData, 'JPEG', 0, 0);
+    pdf.save('download.pdf');
+};
+
+window.exportActiveViewportToPdf = () => {
+    const activeViewportElement = getActiveViewportElement();
+    if (!activeViewportElement) {
+        console.log('>>>>> No active viewport element');
+        return;
+    }
+
+    console.log('>>>>> activeViewportElement: ', activeViewportElement);
+    const canvas = $(activeViewportElement).find('canvas').get(0);
+
+    if (!canvas) {
+        console.log('>>>>> canvas is not available');
+        return;
+    }
+
+    exportCanvasToPdf(canvas);
+};
+
+window.exportPdf = (options) => {
+    const parentElement = document.createElement('div');
+    const template = Template[options.templateName];
+    const data = options.data;
+    const pdf = new jsPDF();
+    const page = options.page;
+    const width = page.width - page.margins.left - page.margins.right; // A4 = 210 × 297;
+
+    // const html = Blaze.toHTMLWithData(Template['measurementsReport'], data);
+    // console.log('>>>>> html: ', html);
+
+    const parentNode = document.createElement('div');
+    document.body.appendChild(parentNode);
+
+    parentNode.style.position = 'absolute';
+    parentNode.style.top = 0;
+    parentNode.style.right = 0;
+    parentNode.style.bottom = 0;
+    parentNode.style.left = 0;
+    parentNode.style.backgroundColor = '#F00';
+    // parentNode.style.transform = 'translate(-100%, -100%)';
+
+    Blaze.renderWithData(Template['measurementsReport'], data, parentNode);
+    console.log('>>>>> parentNode: ', parentNode);
+
+    pdf.fromHTML(parentNode, page.margins.left, page.margins.right, { width }, () => {
+        pdf.save('pdfFromHtml.pdf');
+    });
+
+    window.parentNode = parentNode;
+    window.pdf = pdf;
+};
+
+window.testExportPdf = () => {
+    const options = {
+        templateName: 'measurementsReport',
+        page: {
+            format: 'a4',
+            orientation: 'portrait',
+            width: 595.28,
+            margins: {
+                left: 10,
+                right: 10
+            }
+        },
+        data: {
+            items: []
+        }
+    };
+
+    for (let i = 0; i < 30; i++) {
+        options.data.items.push('Lorem ipsum dolor sit amet, consectetur adipisicing elit. Praesentium possimus sit alias. Repellendus minus placeat mollitia voluptas quod repellat vero quasi similique dolores minima excepturi, adipisci iusto optio, omnis accusamus. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum repudiandae alias praesentium possimus minima sunt velit voluptates maxime labore sequi, quasi cum eos perferendis tempora dolorem obcaecati ut commodi qui.');
+    }
+
+    exportPdf(options);
+};
diff --git a/Packages/ohif-measurements/client/reports/index.js b/Packages/ohif-measurements/client/reports/index.js
new file mode 100644
index 000000000..cdbd72559
--- /dev/null
+++ b/Packages/ohif-measurements/client/reports/index.js
@@ -0,0 +1 @@
+import './templates';
\ No newline at end of file
diff --git a/Packages/ohif-measurements/client/reports/templates/index.js b/Packages/ohif-measurements/client/reports/templates/index.js
new file mode 100644
index 000000000..9cefa1812
--- /dev/null
+++ b/Packages/ohif-measurements/client/reports/templates/index.js
@@ -0,0 +1 @@
+import './measurements.html';
\ No newline at end of file
diff --git a/Packages/ohif-measurements/client/reports/templates/measurements.html b/Packages/ohif-measurements/client/reports/templates/measurements.html
new file mode 100644
index 000000000..796185a60
--- /dev/null
+++ b/Packages/ohif-measurements/client/reports/templates/measurements.html
@@ -0,0 +1,7 @@
+<template name="measurementsReport">
+    <div>
+        {{#each item in items}}
+            <div style="background-color: #fff !important; color: #0A0; margin-bottom: 18pt; page-break-before: auto;">{{item}}</div>
+        {{/each}}
+    </div>
+</template>
\ No newline at end of file