55 lines
1.9 KiB
Plaintext
55 lines
1.9 KiB
Plaintext
<div class="card" categories="{% for category in course.categories %}{{category.name}},{% endfor %}" progress="{% if course.progress > 0 and course.progress < 100 %}In progress{% elsif course.progress == 100 %}Completed{% else %}Not started{% endif %}">
|
|
<div class="card-container">
|
|
<img
|
|
class="card-image"
|
|
alt="{{ course.name }}"
|
|
src="{{ course.image_url }}"
|
|
>
|
|
<div class="card-content">
|
|
<div class="card-details">
|
|
<div class="card-detail course-lessons lang-en">
|
|
{{course.activities_count}} lessons
|
|
</div>
|
|
<div class="card-detail course-lessons lang-de">
|
|
{{course.activities_count}} Lektionen
|
|
</div>
|
|
<div class="card-detail course-time lang-en">
|
|
{{course.properties.course_time}} minutes
|
|
</div>
|
|
<div class="card-detail course-time lang-de">
|
|
{{course.properties.course_time}} Minuten
|
|
</div>
|
|
</div>
|
|
<div class="card-content-title">
|
|
{{ course.name }}
|
|
</div>
|
|
<div class="course-content-desc">
|
|
{{ course.short_description }}
|
|
</div>
|
|
<div class="course-progress-container">
|
|
<div class="progress-number">{{course.progress}}%</div>
|
|
<div class="course-progress">
|
|
<span class="course-progress-bar" style="width: {{course.progress}}%;"></span>
|
|
</div>
|
|
</div>
|
|
<div class="card-content-footer">
|
|
{% capture course_path %}{% route course, id: course.id %}{% endcapture %}
|
|
<a class="card-btn dark-btn lang-en" href="{{ course_path }}">
|
|
{% if course.progress == 0 %}
|
|
Get started
|
|
{% else %}
|
|
Continue
|
|
{% endif %}
|
|
</a>
|
|
<a class="card-btn dark-btn lang-de" href="{{ course_path }}">
|
|
{% if course.progress == 0 %}
|
|
Loslegen
|
|
{% else %}
|
|
Weiter
|
|
{% endif %}
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|