87 lines
2.6 KiB
HTML
87 lines
2.6 KiB
HTML
{% extends "templates/base.html" %}
|
|
{% from "www/macros/livecode.html" import LiveCodeEditorJS, LiveCodeEditor with context %}
|
|
{% block title %}{{ lesson.title }}{% endblock %}
|
|
|
|
{% block head_include %}
|
|
<meta name="description" content="{{lesson.title}} - {{course.title}}" />
|
|
<meta name="keywords" content="{{lesson.title}} - {{course.title}}" />
|
|
<style>
|
|
</style>
|
|
|
|
<link rel="stylesheet" href="/assets/frappe/css/font-awesome.css">
|
|
<link rel="stylesheet" href="/assets/css/lms.css">
|
|
<link rel="stylesheet" href="/assets/frappe/css/hljs-night-owl.css">
|
|
|
|
{% for ext in page_extensions %}
|
|
{{ ext.render_header() }}
|
|
{% endfor %}
|
|
|
|
{% endblock %}
|
|
|
|
|
|
{% block content %}
|
|
<div class="common-page-style">
|
|
<div class="course-home-page">
|
|
{{ widgets.Breadcrumb(course=course, lesson=lesson) }}
|
|
<div class="course-content-parent">
|
|
<div class="course-details-outline">
|
|
{{ widgets.CourseOutline(course=course, show_link=membership) }}
|
|
</div>
|
|
<div class="lesson-pagination-parent">
|
|
{{ LessonContent(lesson) }}
|
|
{% if membership %}
|
|
{{ pagination(prev_chap, prev_url, next_chap, next_url) }}
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|
|
|
|
{% macro LessonContent(lesson) %}
|
|
<div class="lesson-content">
|
|
<div class="course-home-headings title {% if course.is_mentor(frappe.session.user) %} is_mentor {% endif %}"
|
|
data-lesson="{{ lesson.name }}" data-course="{{ course.name }}" {% if membership%}
|
|
data-membership="{{membership.name}}" {% endif %}>{{ lesson.title }}</div>
|
|
|
|
{% if membership or lesson.include_in_preview %}
|
|
<div class="common-card-style lesson-content-card">{{ lesson.render_html() }}</div>
|
|
{% else %}
|
|
<div class="no-preview-message">
|
|
<span>This lesson is not available for Preview. Please join the course to access this lesson.</span>
|
|
<a href="/courses/{{ course.name }}">Checkout Course Details.</a>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
{% endmacro %}
|
|
|
|
{% macro pagination(prev_chap, prev_url, next_chap, next_url) %}
|
|
<div class="lesson-pagination">
|
|
|
|
{% if prev_url %}
|
|
<a class="wide-button is-secondary dark-links" href="{{ prev_url }}">
|
|
<img class="mr-2" src="/assets/community/icons/left-arrow.svg">
|
|
Prev
|
|
</a>
|
|
{% endif %}
|
|
|
|
<div class="wide-button is-primary">
|
|
Mark as Complete
|
|
</div>
|
|
|
|
{% if next_url %}
|
|
<a class="wide-button is-secondary dark-links" href="{{ next_url }}">
|
|
Next
|
|
<img class="ml-2" src="/assets/community/icons/side-arrow.svg">
|
|
</a>
|
|
{% endif %}
|
|
</div>
|
|
{% endmacro %}
|
|
|
|
{%- block script %}
|
|
{{ super() }}
|
|
{% for ext in page_extensions %}
|
|
{{ ext.render_footer() }}
|
|
{% endfor %}
|
|
{%- endblock %}
|