Shivam Mishra | 16b4129 | 2019-06-05 17:29:48 +0530 | [diff] [blame] | 1 | {% extends "templates/base.html" %} |
| 2 | {% block title %}Profile{% endblock %} |
| 3 | {% from "www/lms/macros/hero.html" import hero %} |
| 4 | |
| 5 | {% macro card(program) %} |
| 6 | <div class="col-sm-4 mb-4 text-left"> |
| 7 | <a href="/lms/program?program={{ program.name }}" class="no-decoration no-underline"> |
| 8 | <div class="card h-100"> |
| 9 | <div class='card-body'> |
| 10 | <h5 class='card-title'>{{ program.program }}</h5> |
| 11 | <ul class="list-unstyled text-muted"> |
| 12 | {% for course in program.progress %} |
| 13 | <li> |
| 14 | {% if course.completed %} <span class="indicator green"> |
| 15 | {% elif course.started %} <span class="indicator orange"> |
| 16 | {% else %} <span class="indicator blue">{{ course }}</span> |
| 17 | {% endif %} |
| 18 | <a class="text-muted" href="/lms/course?program={{ program.name }}&name={{ course.course }}">{{ course.course }}</a> |
| 19 | </span> |
| 20 | </li> |
| 21 | {% endfor %} |
| 22 | </ul> |
| 23 | </div> |
| 24 | <div class='card-footer'> |
| 25 | <span class="small">{{ program.completion }}% Complete</span> |
| 26 | </div> |
| 27 | </div> |
| 28 | </a> |
| 29 | </div> |
| 30 | {% endmacro %} |
| 31 | |
| 32 | {% block content %} |
| 33 | <section class="section"> |
| 34 | <div class='container pb-5'> |
| 35 | <div class="mb-3 row"> |
| 36 | <div class="col-md-7"> |
| 37 | <a href="/lms" class="text-muted"> |
| 38 | <i class="fa fa-chevron-left"></i> Back to Home |
| 39 | </a> |
| 40 | </div> |
| 41 | <div class="col-md-5 text-right"> |
| 42 | <a href="/update-profile?name={{ frappe.session.user }}" target="blank" class="mt-0 text-muted">Edit Profile</a> |
| 43 | </div> |
| 44 | </div> |
| 45 | <h1>{{ student.first_name }} {{ student.last_name or '' }}</h1> |
| 46 | <p class="lead" style="max-width: 100%;">{{ student.name }}</p> |
| 47 | </div> |
| 48 | <div class='container'> |
| 49 | <div class="row mt-5"> |
| 50 | {% for program in progress %} |
| 51 | {{ card(program) }} |
| 52 | {% endfor %} |
| 53 | </div> |
| 54 | </div> |
| 55 | </section> |
| 56 | {% endblock %} |