refactor: style changes and template refactor
This commit is contained in:
parent
dfdb92f4b1
commit
24bd07d000
@ -90,7 +90,7 @@
|
|||||||
{% endif %}
|
{% endif %}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div style="line-height: 1.8em;">
|
||||||
{{ content.content }}
|
{{ content.content }}
|
||||||
</div>
|
</div>
|
||||||
{% endmacro %}
|
{% endmacro %}
|
||||||
|
|||||||
@ -35,16 +35,16 @@
|
|||||||
{% macro card(topic, index, length) %}
|
{% macro card(topic, index, length) %}
|
||||||
<div class="col-sm-{{ 12 if length%3 == 1 and index == 1 else 6 if length%3 == 2 and index in [1,2] else 4}} mb-4 text-left">
|
<div class="col-sm-{{ 12 if length%3 == 1 and index == 1 else 6 if length%3 == 2 and index in [1,2] else 4}} mb-4 text-left">
|
||||||
<div class="card h-100">
|
<div class="card h-100">
|
||||||
{% if frappe.session.user == 'Guest' %}
|
{% if has_access %}
|
||||||
<div>
|
<a href="/lms/content?program={{ program }}&course={{ course.name }}&topic={{ topic.name }}&type={{ topic.topic_content[0].content_type }}&content={{ topic.topic_content[0].content }}" class="no-decoration no-underline">
|
||||||
{% else %}
|
{% else %}
|
||||||
<a href="/lms/content?course={{ course.name }}&topic={{ topic.name }}&type={{ topic.topic_content[0].content_type }}&content={{ topic.topic_content[0].content }}" class="no-decoration no-underline">
|
<div>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{% if topic.hero_image %}
|
{% if topic.hero_image %}
|
||||||
<div class="card-hero-img" style="background-image: url({{ topic.hero_image }})"></div>
|
<div class="card-hero-img" style="background-image: url({{ topic.hero_image }})"></div>
|
||||||
{% else %}
|
{% else %}
|
||||||
<div class="card-image-wrapper text-center">
|
<div class="card-image-wrapper text-center">
|
||||||
<div class="image-body">{{ topic.topic_name }}</div>
|
<div class="image-body"><i class="fa fa-picture-o" aria-hidden="true"></i></div>
|
||||||
</div>
|
</div>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
<div class='card-body'>
|
<div class='card-body'>
|
||||||
@ -53,27 +53,27 @@
|
|||||||
<ol class="list-unstyled">
|
<ol class="list-unstyled">
|
||||||
{% for content in topic.topic_content %}
|
{% for content in topic.topic_content %}
|
||||||
<li>
|
<li>
|
||||||
{% if frappe.session.user == 'Guest' %}
|
{% if has_access %}
|
||||||
<span class="text-muted">{{ content.content }}</span>
|
<a class="text-muted" href="/lms/content?program={{ program }}&course={{ course.name }}&topic={{ topic.name }}&type={{ content.content_type }}&content={{ content.content }}">
|
||||||
{% else %}
|
|
||||||
<a class="text-muted" href="/lms/content?course={{ course.name }}&topic={{ topic.name }}&type={{ content.content_type }}&content={{ content.content }}">
|
|
||||||
{{ content.content }}
|
{{ content.content }}
|
||||||
</a>
|
</a>
|
||||||
|
{% else %}
|
||||||
|
<span class="text-muted">{{ content.content }}</span>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</li>
|
</li>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</ol>
|
</ol>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{% if frappe.session.user == 'Guest' %}
|
{% if has_access %}
|
||||||
</div>
|
|
||||||
{% else %}
|
|
||||||
<div class='card-footer'>
|
<div class='card-footer'>
|
||||||
{% if index==1 %} <span class="indicator green"> Completed </span>
|
{% if index==1 %} <span class="indicator green"> Completed </span>
|
||||||
{% else %} <span class="indicator orange"> Completed </span>
|
{% else %} <span class="indicator orange"> Completed </span>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
|
{% else %}
|
||||||
|
</div>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -81,7 +81,7 @@
|
|||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<section class="section ">
|
<section class="section ">
|
||||||
{{ hero(course.course_name, course.course_intro) }}
|
{{ hero(course.course_name, course.course_intro, has_access) }}
|
||||||
<div class='container'>
|
<div class='container'>
|
||||||
<div class="row mt-5">
|
<div class="row mt-5">
|
||||||
{% for topic in topics %}
|
{% for topic in topics %}
|
||||||
|
|||||||
@ -40,7 +40,7 @@
|
|||||||
<div class="card-hero-img" style="background-image: url({{ course.hero_image }})"></div>
|
<div class="card-hero-img" style="background-image: url({{ course.hero_image }})"></div>
|
||||||
{% else %}
|
{% else %}
|
||||||
<div class="card-image-wrapper text-center">
|
<div class="card-image-wrapper text-center">
|
||||||
<div class="image-body">{{ course.course_name }}</div>
|
<div class="image-body"><i class="fa fa-picture-o" aria-hidden="true"></i></div>
|
||||||
</div>
|
</div>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
<div class='card-body'>
|
<div class='card-body'>
|
||||||
@ -54,7 +54,7 @@
|
|||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<section class="section">
|
<section class="section">
|
||||||
{{ hero(program.program_name, program.description) }}
|
{{ hero(program.program_name, program.description, has_access) }}
|
||||||
<div class='container'>
|
<div class='container'>
|
||||||
<div class="row mt-5">
|
<div class="row mt-5">
|
||||||
{% for course in program.courses %}
|
{% for course in program.courses %}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user