71 lines
2.1 KiB
Plaintext
71 lines
2.1 KiB
Plaintext
<div class="np-course-outline np-card-content-divider">
|
|
<h3 class="np-card-heading">
|
|
Inhalt
|
|
</h3>
|
|
<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">
|
|
{{ section.name }}
|
|
{% assign section_completed = true %}
|
|
{% for activity in section.activities %}
|
|
{% unless activity.completed? %}
|
|
{% assign section_completed = false %}
|
|
{% endunless %}
|
|
{% endfor %}
|
|
|
|
{% if section_completed %}
|
|
<span class="section-status-icon"><i class="fas fa-check-circle"></i></span>
|
|
{% endif %}
|
|
</div>
|
|
{% comment %} <ol class="np-course-outline-content-activity">
|
|
{% for activity in section.activities %}
|
|
|
|
<li class="np-course-outline-content-activity-list">
|
|
<i
|
|
class="fas np-course-outline-content-activity-icon
|
|
{% if activity.completed? %}
|
|
fa-check-circle np-progress-color
|
|
{% else %}
|
|
fa-circle
|
|
{% endif %}"
|
|
{% if activity.completed? %}
|
|
aria-label="Chapter Complete"
|
|
{% else %}
|
|
aria-hidden="true"
|
|
{% endif %}
|
|
>
|
|
</i>
|
|
|
|
{% if activity.locked? %}
|
|
<i
|
|
class="far fa-lock-alt np-course-outline-content-activity-icon-locked"
|
|
aria-label="Chapter Locked"
|
|
></i>
|
|
{% include "course_activity_locked" %}
|
|
|
|
{% elsif course.enrolled? == false %}
|
|
{% include "course_activity_locked" %}
|
|
|
|
{% else %}
|
|
{% include "course_activity_unlocked", activity_classes: "np-course-outline-content-activity-link-completed" %}
|
|
{% endif %}
|
|
|
|
<div class="np-course-outline-content-activity-list-bar
|
|
{% if activity.completed? %} np-progress-background-color {% endif %}"></div>
|
|
</li>
|
|
{% endfor %}
|
|
</ol> {% endcomment %}
|
|
</li>
|
|
{% endfor %}
|
|
</ol>
|
|
</div>
|
|
</div>
|
|
|
|
<style>
|
|
.section-status-icon {
|
|
margin-left:8px;
|
|
color:#7625f7;
|
|
}
|
|
</style> |