Files
Gainsight/Custom_Templates/customer_templates/WildHealth/_course_outline.html.liquid
2022-11-11 21:54:43 -05:00

41 lines
2.0 KiB
Plaintext

<div class="np-course-outline">
<div class="np-text-title np-course-outline-title" style="font-family: 'Poppins', sans-serif; font-weight: 500">
{% t .header, key: current_school.course_vocabulary %}
</div>
<div class="np-course-outline-content">
<ol class="np-course-outline-content-section">
{% for section in course.sections %}
<li class="np-course-outline-content-section-list">
<div class="np-course-outline-content-section-name np-text-title-bold np-text-title-bold" style="font-family: 'Poppins', sans-serif; font-weight: 600">
{{ section.name }}
</div>
<ol class="np-course-outline-content-activity" style="font-family: 'Poppins', sans-serif; font-weight: 500">
{% for activity in section.activities %}
<li class="np-course-outline-content-activity-list">
{% if activity.completed? %}
<i class="fas fa-circle np-course-outline-content-activity-icon np-button-color"></i>
{% if activity.locked? %}
{% include "course_activity_locked" %}
{% else %}
{% include "course_activity_unlocked", class: "np-course-outline-content-activity-link-completed" %}
{% endif %}
<div class="np-button-background-color np-course-outline-content-activity-list-bar"></div>
{% else %}
<i class="far fa-circle np-course-outline-content-activity-icon"></i>
{% if activity.locked? %}
{% include "course_activity_locked" %}
{% else %}
{% include "course_activity_unlocked", class: "np-course-outline-content-activity-link" %}
{% endif %}
<div class="np-course-outline-content-activity-list-bar"></div>
{% endif %}
</li>
{% endfor %}
</ol>
</li>
{% endfor %}
</ol>
</div>
</div>