Changeset View
Changeset View
Standalone View
Standalone View
training/templates/training/training.html
| {% extends 'training/base_with_navigation.html' %} | {% extends 'training/base_with_navigation.html' %} | ||||
| {% load static %} | {% load static %} | ||||
| {% load pipeline %} | {% load pipeline %} | ||||
| {% load common_extras %} | {% load common_extras %} | ||||
| {% block title_prepend %}{{ training.name }} - {% endblock title_prepend %} | {% block title_prepend %}{{ training.name }} - {% endblock title_prepend %} | ||||
| {% block scripts %} | {% block scripts %} | ||||
| {{ block.super }} | {{ block.super }} | ||||
| {% javascript 'training' %} | {% javascript 'training' %} | ||||
| {% endblock scripts %} | {% endblock scripts %} | ||||
| {% block nexted_content %} | {% block nexted_content %} | ||||
| <section> | <section> | ||||
| <img src="{{ training.picture_header }}" class="img-fluid img-width-100 rounded mb-3" alt="{{ training.name }}"> | <img src="{{ training.picture_header }}" class="img-fluid img-width-100 rounded mb-3" alt="{{ training.name }}"> | ||||
| <div class="row"> | <div class="row"> | ||||
| <div class="col"> | <div class="col"> | ||||
| <div class="row align-items-start"> | <div class="row align-items-start"> | ||||
| <div class="col-12 col-md mb-2 mb-md-3"> | <div class="col-12 col-md mb-2 mb-md-3"> | ||||
| <p class="subtitle"> | <p class="subtitle"> | ||||
| {% if training.is_free %} | {% if training.is_free %} | ||||
| <i class="material-icons icon-inline text-success" data-toggle="tooltip" data-placement="top" | <i class="material-icons icon-inline text-success" data-toggle="tooltip" data-placement="top" | ||||
| title="Free">lock_open</i> | title="Free">lock_open</i> | ||||
| {% endif %} | {% endif %} | ||||
| {{ training.type.label }} | {{ training.type.label }} | ||||
| </p> | </p> | ||||
| <h2 class="mb-0">{{ training.name }}</h2> | <h2 class="mb-0">{{ training.name }}</h2> | ||||
| </div> | </div> | ||||
| <div class="col-12 col-md-auto mb-2 mb-md-0 mt-0 mt-md-3"> | <div class="col-12 col-md-auto mb-2 mb-md-0 mt-0 mt-md-3"> | ||||
| <div class="training-toolbar-container"> | <div class="training-toolbar-container"> | ||||
| <div class="pills training-toolbar-pills"> | <div class="pills training-toolbar-pills"> | ||||
| {% for tag in training.tags %} | {% for tag in training.tags %} | ||||
| {% include 'common/components/cards/pill.html' with label=tag %} | {% include 'common/components/cards/pill.html' with label=tag %} | ||||
| {% endfor %} | {% endfor %} | ||||
| </div> | </div> | ||||
| <div class="training-toolbar"> | <div class="training-toolbar"> | ||||
| {% if request.user.is_authenticated %} | {% if request.user.is_authenticated %} | ||||
| <a class="btn btn-sm save-button {% if not training.favorited %}btn-dark{% else %}btn-primary{% endif %}" | <a class="btn btn-sm save-button {% if not training.favorited %}btn-dark{% else %}btn-primary{% endif %}" | ||||
| data-favorite-url="{{ training.favorite_url }}" {% if training.favorited %}data-checked="checked" | data-favorite-url="{{ training.favorite_url }}" {% if training.favorited %}data-checked="checked" | ||||
| {% endif %} data-toggle="tooltip" {% if training.favorited %}title="Save for later" | {% endif %} data-toggle="tooltip" {% if training.favorited %}title="Save for later" | ||||
| {% else %}title=" Remove from saved for later" {% endif %}> | {% else %}title=" Remove from saved for later" {% endif %}> | ||||
| <i class="material-icons">{% if not training.favorited %}add{% else %}check{% endif %}</i> | <i class="material-icons">{% if not training.favorited %}add{% else %}check{% endif %}</i> | ||||
| <span>{% if not training.favorited %}Save{% else %}Saved{% endif %}</span> | <span>{% if not training.favorited %}Save{% else %}Saved{% endif %}</span> | ||||
| </a> | </a> | ||||
| {% endif %} | {% endif %} | ||||
| {% if user.is_staff %} | {% if user.is_staff %} | ||||
| <a href="{{ training.admin_url }}" class="btn btn-sm btn-icon btn-dark"> | <a href="{{ training.admin_url }}" class="btn btn-sm btn-icon btn-dark"> | ||||
| <i class="material-icons btn-material-icons">create</i> | <i class="material-icons btn-material-icons">create</i> | ||||
| </a> | </a> | ||||
| {% endif %} | {% endif %} | ||||
| <button data-toggle="dropdown" class="btn btn-sm btn-icon btn-dark"> | <button data-toggle="dropdown" class="btn btn-sm btn-icon btn-dark"> | ||||
| <i class="material-icons btn-material-icons">more_horiz</i> | <i class="material-icons btn-material-icons">more_horiz</i> | ||||
| </button> | </button> | ||||
| <div class="dropdown-menu dropdown-menu-right"> | <div class="dropdown-menu dropdown-menu-right"> | ||||
| <a href="https://developer.blender.org/maniphest/task/edit/form/15/" target="_blank" | <a href="https://developer.blender.org/maniphest/task/edit/form/15/" target="_blank" | ||||
| class="dropdown-item"> | class="dropdown-item"> | ||||
| <i class="material-icons">flag</i> | <i class="material-icons">flag</i> | ||||
| <span>Report Problem</span> | <span>Report Problem</span> | ||||
| </a> | </a> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| <section class="mb-3 markdown-text">{% with_shortcodes training.summary %}</section> | <section class="mb-3 markdown-text">{% with_shortcodes training.summary %}</section> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| {% comment %} <div class="row"> | {% comment %} <div class="row"> | ||||
| <div class="col"> | <div class="col"> | ||||
| <div class="card card-dark"> | <div class="card card-dark"> | ||||
| <div class="card-body"> | <div class="card-body"> | ||||
| <h3 class="mb-3">About this {{ training.type.label }}</h3> | <h3 class="mb-3">About this {{ training.type.label }}</h3> | ||||
| <div class="row"> | <div class="row"> | ||||
| <div class="col-md-6"> | <div class="col-md-6"> | ||||
| <div class="row mb-2"> | <div class="row mb-2"> | ||||
| <div class="col-auto pr-0"> | <div class="col-auto pr-0"> | ||||
| Show All 33 Lines | <div class="col"> | ||||
| </tr> | </tr> | ||||
| </tbody> | </tbody> | ||||
| </table> | </table> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| </div> {% endcomment %} | </div> {% endcomment %} | ||||
| </section> | </section> | ||||
| {% endblock nexted_content %} | {% endblock nexted_content %} | ||||