Changeset View
Changeset View
Standalone View
Standalone View
training/templates/training/components/card_training_section.html
| {% load static %} | {% load static %} | ||||
| <div class="{{ card_sizes|default:"col-12 col-sm-6 col-lg-4" }} card-grid-item"> | <div class="{{ card_sizes|default:"col-12 col-sm-6 col-lg-4" }} card-grid-item"> | ||||
| <div class="card card-dark card-hover card-media"> | <div class="card card-dark card-hover card-media"> | ||||
| <a href="{{ section.url }}" class="card-header" {% if section.thumbnail_s_url %} style='background-image: url("{{ section.thumbnail_s_url }}")' {% endif %}> | <a href="{{ section.url }}" class="card-header" {% if section.thumbnail_s_url %} style='background-image: url("{{ section.thumbnail_s_url }}")' {% endif %}> | ||||
| {% include 'training/components/progress_bar.html' with fraction=section.progress_fraction %} | {% include 'training/components/progress_bar.html' with fraction=section.progress_fraction %} | ||||
| </a> | </a> | ||||
| <a class="card-body" href="{{ section.url }}"> | <a class="card-body" href="{{ section.url }}"> | ||||
| <p class="card-subtitle small mb-0">{{ section.training_name }}</p> | <p class="card-subtitle small mb-0">{{ section.training_name }}</p> | ||||
| <h4 class="card-title mb-0">{{ section.name }}</h4> | <h4 class="card-title mb-0">{{ section.name }}</h4> | ||||
| </a> | </a> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||