eduvia/lms
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: certificate custom and style

Browse Source
This commit is contained in:
Jannat Patel
2022-05-09 13:17:20 +05:30
parent 305a34b26d
commit 91dc99d8ef
8 changed files with 85 additions and 91 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
lms/lms/doctype/lms_certificate/lms_certificate.py
View File

@@ -10,16 +10,15 @@ from lms.lms.utils import is_certified
class LMSCertificate(Document):
def validate(self):
def before_insert(self):
certificates = frappe.get_all("LMS Certificate", {
"member": self.member,
"course": self.course,
"expiry_date": [">", nowdate()]
})
"member": self.member,
"course": self.course
})
if len(certificates):
full_name = frappe.db.get_value("User", self.member, "full_name")
course_name = frappe.db.get_value("LMS Course", self.course, "title")
frappe.throw(_("There is already a valid certificate for user {0} for the course {1}").format(full_name, course_name))
frappe.throw(_("{0} is already certified for the course {1}").format(full_name, course_name))
@frappe.whitelist()
def create_certificate(course):
@@ -35,11 +34,11 @@ def create_certificate(course):
expiry_date = add_years(nowdate(), expires_after_yrs)
certificate = frappe.get_doc({
"doctype": "LMS Certificate",
"member": frappe.session.user,
"course": course,
"issue_date": nowdate(),
"expiry_date": expiry_date
})
"doctype": "LMS Certificate",
"member": frappe.session.user,
"course": course,
"issue_date": nowdate(),
"expiry_date": expiry_date
})
certificate.save(ignore_permissions=True)
return certificate

11
lms/lms/doctype/lms_settings/lms_settings.json
View File

@@ -10,6 +10,7 @@
"force_profile_completion",
"column_break_2",
"search_placeholder",
"custom_certificate_template",
"livecode_url",
"signup_settings_section",
"terms_of_use",
@@ -63,7 +64,7 @@
"depends_on": "show_search",
"fieldname": "search_placeholder",
"fieldtype": "Data",
"label": "Search Field Placeholder"
"label": "Course List Search Bar Placeholder"
},
{
"default": "0",
@@ -137,12 +138,18 @@
"fieldname": "user_category",
"fieldtype": "Check",
"label": "Ask User Category during Signup"
},
{
"fieldname": "custom_certificate_template",
"fieldtype": "Link",
"label": "Custom Certificate Template",
"options": "Web Template"
}
],
"index_web_pages_for_search": 1,
"issingle": 1,
"links": [],
"modified": "2022-04-20 09:09:12.369728",
"modified": "2022-05-09 09:55:24.519269",
"modified_by": "Administrator",
"module": "LMS",
"name": "LMS Settings",

31
lms/public/css/style.css
View File

@@ -836,15 +836,22 @@ pre {
}
.certificate-content {
padding: 2.5rem 3rem;
background-color: #FFFFFF;
background-color: #FFFFFF;
border-width: 100px;
border-style: solid;
}
@media (max-width: 500px) {
.certificate-content {
border-width: 50px;
}
}
.certificate-footer {
display: flex;
justify-content: space-between;
width: 30%;
margin: 5rem auto 0;
margin: 4rem auto 0;
width: fit-content;
}
.certificate-price {
@@ -862,6 +869,7 @@ pre {
font-size: 1.5rem;
font-weight: 500;
color: var(--text-color);
margin-top: 0.5rem;
}
.certificate-para {
@@ -875,24 +883,19 @@ pre {
box-shadow: var(--shadow-sm);
padding: 1rem;
text-align: center;
margin: 0 6rem;
}
.certificate-footer-item {
color: var(--text-color);
font-weight: 500;
font-weight: bold;
font-family: cursive;
font-size: 1.25rem;
}
.certificate-logo {
height: 1.5rem;
}
@media (max-width: 1050px) {
.certificate-footer {
width: 50%;
}
}
@media (max-width: 768px) {
.certificate-card {
margin: 0;
@@ -903,10 +906,6 @@ pre {
.certificate-content {
padding: 1rem;
}
.certificate-footer {
width: 100%;
}
}
.profile-card {

BIN
lms/public/images/border.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 812 KiB

69
lms/templates/certificate.html
View File

@@ -1,50 +1,33 @@
<div class="certificate-card">
<div class="certificate-ribbon">
<div class="certificate-content">
<img src="{{ logo }}" class="certificate-logo">
<div class="mt-20">
{{ _("This certifies that") }}
<div class="certificate-content" style="border-image: url(/assets/lms/images/border.png) 13% round;">
<img src="{{ logo }}" class="certificate-logo">
<div class="mt-16">
{{ _("This certifies that") }}
</div>
<div class="certificate-heading"> {{ member.full_name }} </div>
<div class="mt-2"> {{ _("has successfully completed the course on") }}
<b> {{ course.title }} </b> on {{ frappe.utils.format_date(certificate.issue_date, "medium") }}. </div>
<div class="certificate-footer">
{% if instructors %}
<div class="">
<span class="certificate-footer-item"> {{ instructors }} </span>
<hr class="mt-2 mb-2">
<div class=""> {{ _("Course Instructor") }} </div>
</div>
<div class="certificate-heading"> {{ member.full_name }} </div>
<div class="mt-2"> {{ _("has successfully completed the course on") }} </div>
<div class="certificate-heading"> {{ course.title }} </div>
<div class="certificate-footer">
{% if certificate.issue_date %}
<div class="">
<div class="certificate-footer-item">
{{ frappe.utils.format_date(certificate.issue_date, "medium") }}
</div>
<div>
{{ _("Issue date") }}
</div>
</div>
{% endif %}
{% if certificate.expiry_date %}
<div class="">
<div class="certificate-footer-item">
{{ frappe.utils.format_date(certificate.expiry_date, "medium") }}
</div>
<div>
{{ _("Expiry date") }}
</div>
</div>
{% endif %}
{% if instructor.full_name %}
<div class="">
<div class="certificate-footer-item">
{{ instructor.full_name }}
</div>
<div>
{{ _("Instructor") }}
</div>
</div>
{% endif %}
{% endif %}
{% if certificate.expiry_date %}
<div class="ml-8">
<div class="certificate-footer-item">
{{ frappe.utils.format_date(certificate.expiry_date, "medium") }}
</div>
<hr class="mt-2 mb-2">
<div class=""> {{ _("Expiry date") }} </div>
</div>
{% endif %}
</div>
</div>
</div>
<script src="/assets/lms/js/html2canvas.js"></script>

13
lms/www/courses/certificate.html
View File

@@ -5,18 +5,23 @@
<div class="common-page-style">
<div class="container certificate-page">
{% if certificate.member == frappe.session.user %}
<!-- {% if certificate.member == frappe.session.user %}
<div class="button is-secondary pull-right mt-4" id="export-as-pdf" data-certificate="{{ certificate.name }}"
data-certificate-name="{{ member.full_name }} - {{ course.title }}">{{ _("Export") }}</div>
{% endif %}
{% endif %} -->
<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>
</div>
{% if custom_template %}
{{ custom_template }}
{% else %}
{% include "lms/templates/certificate.html" %}
{% endif %}
<script src="/assets/lms/js/html2canvas.js"></script>
</div>
</div>
{% endblock %}

16
lms/www/courses/certificate.js
View File

@@ -1,16 +1,16 @@
frappe.ready(() => {
$("#export-as-pdf").click((e) => {
export_as_pdf(e);
})
$("#export-as-pdf").click((e) => {
export_as_pdf(e);
})
})
});
var export_as_pdf = (e) => {
var button = $(e.currentTarget);
button.text(__("Exporting..."));
const export_as_pdf = (e) => {
let button = $(e.currentTarget);
button.text(__("Exporting..."));
html2canvas(document.querySelector('.common-card-style'), {
html2canvas(document.querySelector('.certificate-card'), {
scrollY: -window.scrollY,
scrollX: 0
}).then(function(canvas) {

13
lms/www/courses/certificate.py
View File

@@ -1,4 +1,6 @@
import frappe
from frappe.utils.jinja import render_template
from lms.lms.utils import get_instructors
def get_context(context):
context.no_cache = 1
@@ -15,16 +17,15 @@ def get_context(context):
if context.certificate.course != course_name:
redirect_to_course_list()
context.course = frappe.db.get_value("LMS Course", course_name,
["instructor", "title", "name"], as_dict=True)
context.instructor = frappe.db.get_value("User", context.course.instructor,
["full_name", "username"], as_dict=True)
context.course = frappe.db.get_value("LMS Course", course_name, ["title", "name"], 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)
context.logo = frappe.db.get_single_value("Website Settings", "banner_image")
template_name = frappe.db.get_single_value("LMS Settings", "custom_certificate_template")
context.custom_certificate_template = frappe.db.get_value("Web Template", template_name, "template")
context.custom_template = render_template(context.custom_certificate_template, context)
def redirect_to_course_list():
frappe.local.flags.redirect_location = "/courses"