blob: f2273558323c9fac956509d233467a3e584ede39 [file] [log] [blame]
Shivam Mishra12579612019-05-30 17:19:11 +05301{% macro program_card(program, has_access) %}
Shivam Mishra2a0483d2019-06-06 16:02:38 +05302<div class="col-sm-4 mb-4 text-left">
Shivam Mishraf22793f2019-05-30 16:34:53 +05303 <a href="/lms/program?program={{ program.name }}" class="no-decoration no-underline">
4 <div class="card h-100">
5 {% if program.hero_image %}
6 <div class="card-hero-img" style="background-image: url({{ program.hero_image }})"></div>
7 {% else %}
8 <div class="card-image-wrapper text-center">
9 <div class="image-body"><i class="fa fa-picture-o" aria-hidden="true"></i></div>
10 </div>
11 {% endif %}
12 <div class='card-body'>
13 <h5 class='card-title'>{{ program.program_name }}</h5>
Shivam Mishra2a0483d2019-06-06 16:02:38 +053014 <div class="text-muted">{{ program.description[:110] + '...' if program.description else '' }}</div>
Shivam Mishraf22793f2019-05-30 16:34:53 +053015 </div>
Shivam Mishrac5964b12019-06-05 18:16:09 +053016 {% if has_access or program.intro_video%}
Shivam Mishraf22793f2019-05-30 16:34:53 +053017 <div class='card-footer'>
Shivam Mishra12579612019-05-30 17:19:11 +053018 {% if has_access %} <span class="indicator green">Enrolled</span>
Shivam Mishrac5964b12019-06-05 18:16:09 +053019 {% elif program.intro_video %} <span><a href="{{ program.intro_video }}" target="blank">Watch Intro</a></span>
Shivam Mishra12579612019-05-30 17:19:11 +053020 {% endif %}
Shivam Mishraf22793f2019-05-30 16:34:53 +053021 </div>
Shivam Mishrac5964b12019-06-05 18:16:09 +053022 {% endif %}
Shivam Mishraf22793f2019-05-30 16:34:53 +053023 </div>
24 </a>
25</div>
Shivam Mishra2a0483d2019-06-06 16:02:38 +053026{% endmacro %}
27
28
29{% macro null_card() %}
30<div class="col-sm-4 mb-4 text-left">
31 <div class="h-100" style="border: 1px solid rgba(209,216,221,0.5);border-radius: 0.25rem;background-color: rgb(250, 251, 252);">
32 </div>
33</div>
Shivam Mishraf22793f2019-05-30 16:34:53 +053034{% endmacro %}