diff --git a/cara/apps/calculator/static/css/report.css b/cara/apps/calculator/static/css/report.css index 146a5e7e..25074569 100644 --- a/cara/apps/calculator/static/css/report.css +++ b/cara/apps/calculator/static/css/report.css @@ -86,6 +86,47 @@ p.notes { color: black; } +.tabs-div { + margin: 1%; + border: #DFDFDF 1px solid; + border-radius: 5px; +} + +.print-button { + margin-left: auto; + margin-right: 1%; +} + +@media screen { + .card_break { + display: none!important; + } +} + +@media print { + .collapse { + display: block!important; + } + .tab-content>.tab-pane { + display: contents!important; + } + .tab-content { + border-top: none!important; + } + .nav-tabs { + display: none!important; + } + .tabs-div { + border: none!important; + } + .icon_button { + display: none!important; + } + .print-button { + display: none!important; + } +} + /* CSS for the animation */ diff --git a/cara/apps/calculator/static/js/pdf.js b/cara/apps/calculator/static/js/pdf.js new file mode 100644 index 00000000..2ce76854 --- /dev/null +++ b/cara/apps/calculator/static/js/pdf.js @@ -0,0 +1,15 @@ +window.onload = function() { + document.getElementById("download-pdf") + .addEventListener("click", () => { + const pdf_version = this.document.getElementById("body"); + console.log(pdf_version); + console.log(window); + var opt = { + filename: 'myfile.pdf', + image: { type: 'jpeg', quality: 0.98 }, + html2canvas: { scale: 2, letterRendering: true }, + jsPDF: { format: 'a4', orientation: 'portrait' }, + }; + html2pdf().from(pdf_version).set(opt).save(); + }) +} \ No newline at end of file diff --git a/cara/apps/calculator/templates/base/calculator.report.html.j2 b/cara/apps/calculator/templates/base/calculator.report.html.j2 index 25d0f880..e2479b11 100644 --- a/cara/apps/calculator/templates/base/calculator.report.html.j2 +++ b/cara/apps/calculator/templates/base/calculator.report.html.j2 @@ -8,6 +8,8 @@ + + @@ -20,12 +22,13 @@

CARA - CALCULATOR REPORT

Created {{ creation_date }} using CARA calculator version v{{ form.calculator_version }}

+ {% endblock report_header %} -
+