fix: certificate page UI

lms/www/courses/certificate.html

@@ -2,22 +2,70 @@
 {% block title %} {{ member.full_name }} - {{ course.title }} {% endblock %}
 
 {% block content %}
-<div class="common-page-style">
-  <div class="container certificate-page">
-
-    {% if certificate.member == frappe.session.user %}
-    <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="common-page-style lms-page-style">
+  <div class="container">
 
     <div class="breadcrumb">
         <a class="dark-links" href="/courses">{{ _("All Courses") }}</a>
         <img class="ml-1 mr-1" src="/assets/lms/icons/chevron-right.svg">
         <a class="dark-links" href="/courses/{{ course.name }}">{{ course.title }}</a>
     </div>
-    {% include "lms/templates/certificate.html" %}
-    <script src="/assets/lms/js/html2canvas.js"></script>
+
+    <div class="certificate-parent">
+
+      <div>
+        {{ final_template }}
+      </div>
+
+      <div>
+
+        {% if doc.member == frappe.session.user %}
+        <div class="">
+          <a class="btn btn-default btn-sm" target="_blank" href="/api/method/frappe.utils.print_format.download_pdf?doctype=LMS%20Certificate&name={{ doc.name }}&_lang=en">
+            {{ _("Download") }}
+          </a>
+
+          <a class="btn btn-default btn-sm ml-2" target="_blank" href="https://www.linkedin.com/shareArticle?summary=My+course+completion+certificate+for+%22Microsoft+Excel+-+Excel+from+Beginner+to+Advanced%22&url=http%3A%2F%2Fude.my%2FUC-0654a032-f576-449a-a373-c5f530ab6a24&source=udemy&title=Udemy+Course+Completion+Certificate&mini=true">
+            {{ _("Share") }}
+          </a>
+        </div>
+        {% endif %}
+
+        <div class="card-heading mt-4">
+          {{ _("Certificate Recipient") }}:
+        </div>
+
+        <div class="certificate-recipient">
+          {{ widgets.Avatar(member=member, avatar_class="avatar-small") }}
+          <span class="ml-2">
+            {{ member.full_name }}
+          </span>
+        </div>
+
+        <div class="card-heading mt-4">
+          {{ _("Issued On") }}:
+        </div>
+
+        <div>
+          {{ frappe.utils.format_date(doc.issue_date, "medium") }}
+        </div>
+
+        <div class="card-heading mt-4">
+          {{ _("About the Course") }}:
+        </div>
+
+        <div>
+          {{ course.title }}
+        </div>
+
+
+
+
+
+      </div>
+    </div>
+
+
 
   </div>
 </div>

lms/www/courses/certificate.py

@@ -13,34 +13,38 @@ def get_context(context):
 	except KeyError:
 		redirect_to_course_list()
 
-	context.certificate = frappe.db.get_value(
+	context.doc = frappe.db.get_value(
 		"LMS Certificate",
 		certificate_name,
 		["name", "member", "issue_date", "expiry_date", "course"],
 		as_dict=True,
 	)
 
-	if context.certificate.course != course_name:
+	if context.doc.course != course_name:
 		redirect_to_course_list()
 
 	context.course = frappe.db.get_value(
 		"LMS Course", course_name, ["title", "name", "image"], as_dict=True
 	)
-	context.instructors = (", ").join([x.full_name for x in get_instructors(course_name)])
 	context.member = frappe.db.get_value(
-		"User", context.certificate.member, ["full_name"], as_dict=True
+		"User", context.doc.member, ["full_name", "username"], as_dict=True
 	)
 
-	context.logo = get_url(
-		frappe.db.get_single_value("Website Settings", "banner_image"), full_address=True
+	default_print_format = frappe.db.get_value(
+		"Property Setter",
+		{
+			"doc_type": "LMS Certificate",
+			"property": "default_print_format",
+		},
+		["value"],
+		as_dict=True,
 	)
-	template_name = frappe.db.get_single_value(
-		"LMS Settings", "custom_certificate_template"
+
+	template = frappe.db.get_value(
+		"Print Format", default_print_format.value, ["html", "css"], as_dict=True
 	)
-	context.custom_certificate_template = frappe.db.get_value(
-		"Web Template", template_name, "template"
-	)
-	context.custom_template = render_template(context.custom_certificate_template, context)
+	final_template = "<style> " + template.css + " </style>" + template.html
+	context.final_template = render_template(final_template, context)
 
 
 def redirect_to_course_list():