57 lines
1.3 KiB
JavaScript
57 lines
1.3 KiB
JavaScript
frappe.ready(() => {
|
|
$("#export-as-pdf").click((e) => {
|
|
export_as_png(e);
|
|
});
|
|
});
|
|
|
|
const export_as_pdf = (e) => {
|
|
var formData = new FormData();
|
|
|
|
//Push the HTML content into an element
|
|
formData.append("html", $("#certificate-card").html());
|
|
|
|
var blob = new Blob([], { type: "text/xml" });
|
|
formData.append("blob", blob);
|
|
|
|
var xhr = new XMLHttpRequest();
|
|
xhr.open(
|
|
"POST",
|
|
"/api/method/lms.lms.doctype.lms_certificate.lms_certificate.get_certificate_pdf"
|
|
);
|
|
xhr.setRequestHeader("X-Frappe-CSRF-Token", frappe.csrf_token);
|
|
xhr.responseType = "arraybuffer";
|
|
|
|
xhr.onload = function (success) {
|
|
if (this.status === 200) {
|
|
var blob = new Blob([success.currentTarget.response], {
|
|
type: "application/pdf",
|
|
});
|
|
var objectUrl = URL.createObjectURL(blob);
|
|
|
|
//Open report in a new window
|
|
window.open(objectUrl);
|
|
}
|
|
};
|
|
xhr.send(formData);
|
|
};
|
|
|
|
const export_as_png = (e) => {
|
|
let button = $(e.currentTarget);
|
|
button.text(__("Exporting..."));
|
|
|
|
html2canvas(document.querySelector("#certificate-card"), {
|
|
scrollY: -window.scrollY,
|
|
scrollX: 0,
|
|
})
|
|
.then(function (canvas) {
|
|
let dataURL = canvas.toDataURL("image/png");
|
|
let a = document.createElement("a");
|
|
a.href = dataURL;
|
|
a.download = button.attr("data-certificate-name");
|
|
a.click();
|
|
})
|
|
.finally(() => {
|
|
button.text(__("Export"));
|
|
});
|
|
};
|