chore: added macro for page hero
This commit is contained in:
parent
c8c790a097
commit
87a7438d38
@ -1,5 +1,6 @@
|
|||||||
{% extends "templates/base.html" %}
|
{% extends "templates/base.html" %}
|
||||||
{% block title %}{{ course.course_name }}{% endblock %}
|
{% block title %}{{ course.course_name }}{% endblock %}
|
||||||
|
{% from "www/lms/macros/hero.html" import hero %}
|
||||||
|
|
||||||
{% block head_include %}
|
{% block head_include %}
|
||||||
<style>
|
<style>
|
||||||
@ -34,7 +35,7 @@
|
|||||||
{% 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">
|
||||||
<a href="/lms/content?topic={{ topic.name }}&type=Content" class="no-decoration no-underline">
|
<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">
|
||||||
{% 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 %}
|
||||||
@ -47,25 +48,28 @@
|
|||||||
<div>
|
<div>
|
||||||
<ol class="list-unstyled">
|
<ol class="list-unstyled">
|
||||||
{% for content in topic.topic_content %}
|
{% for content in topic.topic_content %}
|
||||||
<li><a class="text-muted" href="/lms/content?topic={{ topic.name }}&type={{ content.content_type }}&content={{ content.content }}">{{ content.content }}</li></a>
|
<li><a class="text-muted" href="/lms/content?course={{ course.name }}&topic={{ topic.name }}&type={{ content.content_type }}&content={{ content.content }}">{{ content.content }}</li></a>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</ol>
|
</ol>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
{% if index==1 %}
|
||||||
|
<div class='card-footer'>
|
||||||
|
<i class="fa fa-check-circle text-success"></i> Completed
|
||||||
|
</div>
|
||||||
|
{% else %}
|
||||||
|
<div class='card-footer'>
|
||||||
|
<i class="fa fa-circle-o text-warning"></i> In Progress
|
||||||
|
</div>
|
||||||
|
{% endif %}
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{% endmacro %}
|
{% endmacro %}
|
||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<section class="top-section ">
|
<section class="section ">
|
||||||
<div class='container pb-5'>
|
{{ hero(course.course_name, course.course_intro) }}
|
||||||
<h1>{{ course.course_name }}</h1>
|
|
||||||
<p class='lead'>{{ course.course_intro }}</p>
|
|
||||||
<p class="mt-4">
|
|
||||||
<a class="btn btn-primary btn-lg" style="width: 170px;" href="/login#signup">Sign Up</a>
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<div class='container'>
|
<div class='container'>
|
||||||
<div class="row mt-5">
|
<div class="row mt-5">
|
||||||
{% for topic in topics %}
|
{% for topic in topics %}
|
||||||
|
20
erpnext/www/lms/macros/hero.html
Normal file
20
erpnext/www/lms/macros/hero.html
Normal file
@ -0,0 +1,20 @@
|
|||||||
|
{% macro hero(title, description) %}
|
||||||
|
<div class='container pb-5'>
|
||||||
|
<h1>{{ title}}</h1>
|
||||||
|
<p class='lead' style="max-width: 100%;">{{ description }}</p>
|
||||||
|
<p class="mt-4">
|
||||||
|
<a id="signup" class="btn btn-primary btn-lg" style="width: 170px;" href="/login#signup" hidden=true>Sign Up</a>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{% block script %}
|
||||||
|
<script type="text/javascript">
|
||||||
|
frappe.ready(() => {
|
||||||
|
btn = document.getElementById('signup')
|
||||||
|
if(frappe.session.user == 'Guest') {
|
||||||
|
btn.hidden = false;
|
||||||
|
}
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
{% endblock %}
|
||||||
|
{% endmacro %}
|
@ -1,5 +1,6 @@
|
|||||||
{% extends "templates/base.html" %}
|
{% extends "templates/base.html" %}
|
||||||
{% block title %}{{ program.program_name }}{% endblock %}
|
{% block title %}{{ program.program_name }}{% endblock %}
|
||||||
|
{% from "www/lms/macros/hero.html" import hero %}
|
||||||
|
|
||||||
{% block head_include %}
|
{% block head_include %}
|
||||||
<style>
|
<style>
|
||||||
@ -34,7 +35,7 @@
|
|||||||
{% macro card(course, index, length) %}
|
{% macro card(course, 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">
|
||||||
<a href="/lms/course?name={{ course.name }}" class="no-decoration no-underline">
|
<a href="/lms/course?name={{ course.name }}&program={{ program.name }}" class="no-decoration no-underline">
|
||||||
{% if course.hero_image %}
|
{% if course.hero_image %}
|
||||||
<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 %}
|
||||||
@ -52,14 +53,8 @@
|
|||||||
{% endmacro %}
|
{% endmacro %}
|
||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<section class="top-section ">
|
<section class="section">
|
||||||
<div class='container pb-5'>
|
{{ hero(program.program_name, program.description) }}
|
||||||
<h1>{{ program.program_name }}</h1>
|
|
||||||
<p class='lead'>{{ program.description }}</p>
|
|
||||||
<p class="mt-4">
|
|
||||||
<a class="btn btn-primary btn-lg" style="width: 170px;" href="/login#signup">Sign Up</a>
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<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