Changeset View
Changeset View
Standalone View
Standalone View
common/templates/common/components/cards/card_training.html
| <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-media card-hover" data-favorite-url="{{ training.favorite_url }}"> | <div class="card card-dark card-media card-hover" data-favorite-url="{{ training.favorite_url }}"> | ||||
| <div class="card-header"> | <div class="card-header"> | ||||
| <a href="{{ training.url }}" class="card-header-link"> | <a href="{{ training.url }}" class="card-header-link"> | ||||
| <img class="card-image" alt="{{ training.title }}" src="{{ training.thumbnail_s_url }}"> | <img class="card-image" alt="{{ training.title }}" src="{{ training.thumbnail_s_url }}"> | ||||
| </a> | </a> | ||||
| {% if request.user.is_authenticated %} | {% if request.user.is_authenticated %} | ||||
| {% include 'training/components/card_button_favorite.html' with class='btn-save-media card-training-favorite' checked=training.favorited %} | {% include 'training/components/card_button_favorite.html' with class='btn-save-media card-training-favorite' checked=training.favorited %} | ||||
| {% endif %} | {% endif %} | ||||
| </div> | </div> | ||||
| <a class="card-body" href="{{ training.url }}"> | <a class="card-body" href="{{ training.url }}"> | ||||
| <div class="card-subtitle-group"> | <div class="card-subtitle-group"> | ||||
| <p class="card-subtitle">{{ training.get_type_display }}</p> | <p class="card-subtitle">{{ training.get_type_display }}</p> | ||||
| <p class="card-subtitle"> | <p class="card-subtitle"> | ||||
| <i class="material-icons icon-inline small">school</i> | <i class="material-icons icon-inline small">school</i> | ||||
| {{ training.get_difficulty_display }} | {{ training.get_difficulty_display }} | ||||
| </p> | </p> | ||||
| </div> | </div> | ||||
| <h3 class="card-title">{{ training.name }}</h3> | <h3 class="card-title">{{ training.name }}</h3> | ||||
| <p class="card-text">{{ training.description }}</p> | <p class="card-text">{{ training.description }}</p> | ||||
| </a> | </a> | ||||
| {% if training.tags.all %} | {% if training.tags.all %} | ||||
| <div class="card-footer"> | <div class="card-footer"> | ||||
| <div class="pills {% comment %}{{ class|join(' ') }}{% endcomment %}"> | <div class="pills {% comment %}{{ class|join(' ') }}{% endcomment %}"> | ||||
| {% for tag in training.tags.all %} | {% for tag in training.tags.all %} | ||||
| {% include 'common/components/cards/pill.html' with label=tag.name %} | {% include 'common/components/cards/pill.html' with label=tag.name %} | ||||
| {% endfor %} | {% endfor %} | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| {% endif %} | {% endif %} | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||