Shiloh/brotherton-erpnext
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

chore: added macro for page hero

Browse Source
This commit is contained in:
Shivam Mishra 2019-05-21 12:05:19 +05:30
parent c8c790a097
commit 87a7438d38
3 changed files with 38 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
erpnext/www/lms/course.html
View File

@ -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
View 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 %}

13
erpnext/www/lms/program.html
View File

@ -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 %}