Changeset View
Changeset View
Standalone View
Standalone View
training/templates/training/components/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-training card-media card-hover" {% if training.favorited %}data-checked="checked" | <div class="card card-dark card-training card-media card-hover" {% if training.favorited %}data-checked="checked" | ||||
| {% endif %} data-favorite-url="{{ training.favorite_url }}" data-training-id="{{ training.id }}"> | {% endif %} data-favorite-url="{{ training.favorite_url }}" data-training-id="{{ training.id }}"> | ||||
| <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 src="{% firstof training.static_asset.thumbnail_s_url training.thumbnail_s_url %}" class="card-image"> | <img src="{% firstof training.static_asset.thumbnail_s_url training.thumbnail_s_url %}" class="card-image"> | ||||
| </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"> | <p class="card-subtitle"> | ||||
| {% if training.is_free %} | {% if training.is_free %} | ||||
| <i class="material-icons icon-inline small text-success" data-toggle="tooltip" data-placement="top" | <i class="material-icons icon-inline small text-success" data-toggle="tooltip" data-placement="top" | ||||
| title="Free">lock_open</i> | title="Free">lock_open</i> | ||||
| {% endif %} | {% endif %} | ||||
| {% firstof training.type.label training.get_type_display training.get_category_display %} | {% firstof training.type.label training.get_type_display training.get_category_display %} | ||||
| </p> | </p> | ||||
| <p class="card-subtitle"> | <p class="card-subtitle"> | ||||
| {% if training.get_difficulty_display or training.difficulty.label %} | {% if training.get_difficulty_display or training.difficulty.label %} | ||||
| <i class="material-icons icon-inline small">school</i> | <i class="material-icons icon-inline small">school</i> | ||||
| {% firstof training.get_difficulty_display training.difficulty.label %} | {% firstof training.get_difficulty_display training.difficulty.label %} | ||||
| {% elif training.project %} | {% elif training.project %} | ||||
| <i class="material-icons icon-inline small">school</i> | <i class="material-icons icon-inline small">school</i> | ||||
| {{ training.project}} | {{ training.project}} | ||||
| {% elif training.film %} | {% elif training.film %} | ||||
| <i class="material-icons icon-inline small">movie</i> | <i class="material-icons icon-inline small">movie</i> | ||||
| {{ training.film }} | {{ training.film }} | ||||
| {% endif %} | {% endif %} | ||||
| </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"> | <div class="pills"> | ||||
| {% 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> | ||||