feat: certificate pdf and custom certificate

lms/www/courses/certificate.html

@@ -6,8 +6,9 @@
   <div class="container certificate-page">
 
     {% if certificate.member == frappe.session.user %}
-    <div class="button is-secondary pull-right" id="export-as-pdf" data-certificate="{{ certificate.name }}"
-        data-certificate-name="{{ member.full_name }} - {{ course.title }}">{{ _("Export") }}</div>
+    <a class="btn btn-default btn-sm pull-right" target="_blank" href="/api/method/frappe.utils.print_format.download_pdf?doctype=LMS%20Certificate&name={{ certificate.name }}&_lang=en">
+      {{ _("Export") }}
+    </a>
     {% endif %}
 
     <div class="breadcrumb">

lms/www/courses/certificate.js

@@ -1,56 +0,0 @@
-frappe.ready(() => {
-	$("#export-as-pdf").click((e) => {
-		export_as_pdf(e);
-	});
-});
-
-const export_as_pdf = (e) => {
-	var formData = new FormData();
-
-	//Push the HTML content into an element
-	formData.append("html_str", $("#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"));
-		});
-};