Shivam Mishra | 1257961 | 2019-05-30 17:19:11 +0530 | [diff] [blame] | 1 | {% macro program_card(program, has_access) %} |
Shivam Mishra | 2a0483d | 2019-06-06 16:02:38 +0530 | [diff] [blame] | 2 | <div class="col-sm-4 mb-4 text-left"> |
Shivam Mishra | f22793f | 2019-05-30 16:34:53 +0530 | [diff] [blame] | 3 | <a href="/lms/program?program={{ program.name }}" class="no-decoration no-underline"> |
| 4 | <div class="card h-100"> |
| 5 | {% if program.hero_image %} |
Shivam Mishra | 04d6171 | 2019-06-07 13:03:46 +0530 | [diff] [blame] | 6 | <div class="card-hero-img" style="background-image: url('{{ program.hero_image }}')"></div> |
Shivam Mishra | f22793f | 2019-05-30 16:34:53 +0530 | [diff] [blame] | 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 Mishra | 2a0483d | 2019-06-06 16:02:38 +0530 | [diff] [blame] | 14 | <div class="text-muted">{{ program.description[:110] + '...' if program.description else '' }}</div> |
Shivam Mishra | f22793f | 2019-05-30 16:34:53 +0530 | [diff] [blame] | 15 | </div> |
Shivam Mishra | c5964b1 | 2019-06-05 18:16:09 +0530 | [diff] [blame] | 16 | {% if has_access or program.intro_video%} |
Shivam Mishra | f22793f | 2019-05-30 16:34:53 +0530 | [diff] [blame] | 17 | <div class='card-footer'> |
Alvaro | 43be163 | 2020-06-22 07:36:12 +0200 | [diff] [blame] | 18 | {% if has_access %} <span class="indicator green">{{_('Enrolled')}}</span> |
| 19 | {% elif program.intro_video %} <span><a href="{{ program.intro_video }}" target="blank">{{_('Watch Intro')}}</a></span> |
Shivam Mishra | 1257961 | 2019-05-30 17:19:11 +0530 | [diff] [blame] | 20 | {% endif %} |
Shivam Mishra | f22793f | 2019-05-30 16:34:53 +0530 | [diff] [blame] | 21 | </div> |
Shivam Mishra | c5964b1 | 2019-06-05 18:16:09 +0530 | [diff] [blame] | 22 | {% endif %} |
Shivam Mishra | f22793f | 2019-05-30 16:34:53 +0530 | [diff] [blame] | 23 | </div> |
| 24 | </a> |
| 25 | </div> |
Shivam Mishra | 2a0483d | 2019-06-06 16:02:38 +0530 | [diff] [blame] | 26 | {% endmacro %} |
| 27 | |
| 28 | |
| 29 | {% macro null_card() %} |
| 30 | <div class="col-sm-4 mb-4 text-left"> |
Shivam Mishra | 9510e69 | 2019-06-10 10:53:25 +0530 | [diff] [blame] | 31 | <div class="h-100 d-none d-sm-block" style="border: 1px solid rgba(209,216,221,0.5);border-radius: 0.25rem;background-color: rgb(250, 251, 252);"> |
Shivam Mishra | 2a0483d | 2019-06-06 16:02:38 +0530 | [diff] [blame] | 32 | </div> |
| 33 | </div> |
Shivam Mishra | f22793f | 2019-05-30 16:34:53 +0530 | [diff] [blame] | 34 | {% endmacro %} |