Page MenuHome
Differential D11410 Diff 37545 training/templates/training/home_authenticated.html

Changeset View

Standalone View

View Options

training/templates/training/home_authenticated.html

{% extends 'training/base_training.html' %} {% extends 'training/base_training.html' %}
{% load static %} {% load static %}
{% load pipeline %} {% load pipeline %}
{% load common_extras %} {% load common_extras %}
{% block title_prepend %}Training - {% endblock title_prepend %} {% block title_prepend %}Training - {% endblock title_prepend %}
{% block meta %} {% block meta %}
{% static 'training/images/placeholders/opengraph.jpg' as image_path %} {% static 'training/images/placeholders/opengraph.jpg' as image_path %}
{% absolute_url image_path as image_url %} {% absolute_url image_path as image_url %}
{% with title="Training" description="Learn from our expert team. Courses, workshops and production lessons with .blend files included." %} {% with title="Training" description="Learn from our expert team. Courses, workshops and production lessons with .blend files included." %}
{% include 'common/components/meta.html' %} {% include 'common/components/meta.html' %}
{% endwith %} {% endwith %}
{% endblock %} {% endblock %}
{% block jumbotron %} {% block jumbotron %}
<div class="jumbotron jumbotron-fluid jumbotron-overlay header"> <div class="jumbotron jumbotron-fluid jumbotron-overlay header">
<div class="jumbotron-bg-wrapper"> <div class="jumbotron-bg-wrapper">
<img class="jumbotron-bg" src="{% static "training/images/training-header-primitive.jpg" %}"> <img class="jumbotron-bg" src="{% static "training/images/training-header-primitive.jpg" %}">
<!-- TODO(Mike): Implement image sets when flat-pages are done. --> <!-- TODO(Mike): Implement image sets when flat-pages are done. -->
{% comment %} {% comment %}
{% include "common/components/helpers/image_set.html" with classes="jumbotron-bg" img_source=XXX xsmall_width="576" small_width="758" medium_width="992" large_width="1200" xlarge_width="1920" %} {% include "common/components/helpers/image_set.html" with classes="jumbotron-bg" img_source=XXX xsmall_width="576" small_width="758" medium_width="992" large_width="1200" xlarge_width="1920" %}
{% endcomment %} {% endcomment %}
</div> </div>
<div class="container-xl"> <div class="container-xl">
<div class="row"> <div class="row">
<div class="col-lg-5 col-xl-4"> <div class="col-lg-5 col-xl-4">
<div class="jumbotron-body"> <div class="jumbotron-body">
<h1>Training</h1> <h1>Training</h1>
<p class="mb-0"> <p class="mb-0">
Learn from our expert team. Courses, workshops and production lessons with .blend files included. Learn from our expert team. Courses, workshops and production lessons with .blend files included.
</p> </p>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
{% endblock jumbotron %} {% endblock jumbotron %}
{% block content %} {% block content %}
<div class="container-xl pt-3"> <div class="container-xl pt-3">
<!-- Recently watched --> <!-- Recently watched -->
{% if recently_watched_sections %} {% if recently_watched_sections %}
{% include 'common/components/cards/card_carousel.html' with title="Continue training" subtitle="Recently watched videos appear here! Continue watching where you left off." slides=4 card_set=recently_watched_sections media_type="section" id="continueTraining" %} {% include 'common/components/cards/card_carousel.html' with title="Continue training" subtitle="Recently watched videos appear here! Continue watching where you left off." slides=4 card_set=recently_watched_sections media_type="section" id="continueTraining" %}
{% endif %} {% endif %}
{% if favorited_trainings %} {% if favorited_trainings %}
{% include 'common/components/cards/card_carousel.html' with title="Your Saved Training" subtitle="You can add and remove items from this list by clicking the plus or the tick." slides=3 card_set=favorited_trainings media_type="training" id="savedTraining" %} {% include 'common/components/cards/card_carousel.html' with title="Your Saved Training" subtitle="You can add and remove items from this list by clicking the plus or the tick." slides=3 card_set=favorited_trainings media_type="training" id="savedTraining" %}
{% else %} {% else %}
<section class="mb-4"> <section class="mb-4">
<div class="row justify-content-center mb-2"> <div class="row justify-content-center mb-2">
<div class="col"> <div class="col">
<h2 class="mb-0">Your Saved Training</h2> <h2 class="mb-0">Your Saved Training</h2>
<p class="mb-0">You can add and remove items from this list by clicking the plus or the tick.</p> <p class="mb-0">You can add and remove items from this list by clicking the plus or the tick.</p>
</div> </div>
<div class="col-md-auto d-none d-md-block carousel-card-toolbar"> <div class="col-md-auto d-none d-md-block carousel-card-toolbar">
<a class="btn btn-lg btn-transparent btn-icon onlyOne" <a class="btn btn-lg btn-transparent btn-icon onlyOne"
href="#{{ id }}" role="button" data-slide="prev"> href="#{{ id }}" role="button" data-slide="prev">
<i class="material-icons">arrow_back</i> <i class="material-icons">arrow_back</i>
</a> </a>
<a class="btn btn-lg btn-transparent btn-icon onlyOne" <a class="btn btn-lg btn-transparent btn-icon onlyOne"
href="#{{ id }}" role="button" data-slide="next"> href="#{{ id }}" role="button" data-slide="next">
<i class="material-icons">arrow_forward</i> <i class="material-icons">arrow_forward</i>
</a> </a>
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="col text-center empty-saved-training"> <div class="col text-center empty-saved-training">
<div class="bg-secondary py-4 rounded"> <div class="bg-secondary py-4 rounded">
<h3 class="mb-0">No saved training</h3> <h3 class="mb-0">No saved training</h3>
<p class="mb-0">You can favorite a few below!</p> <p class="mb-0">You can favorite a few below!</p>
</div> </div>
</div> </div>
</div> </div>
</section> </section>
{% endif %} {% endif %}
<!-- SEARCH --> <!-- SEARCH -->
<section> <section>
<div class="row"> <div class="row">
<div class="col mb-3"> <div class="col mb-3">
<h2 class="mb-0">All Training</h2> <h2 class="mb-0">All Training</h2>
</div> </div>
<div class="col-auto mb-3"> <div class="col-auto mb-3">
<div class="input-group input-group-sm" id="sorting"> <div class="input-group input-group-sm" id="sorting">
<div class="input-group-prepend"> <div class="input-group-prepend">
<label class="input-group-text" for="searchLicence">Sort by:</label> <label class="input-group-text" for="searchLicence">Sort by:</label>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div id="search" class="row"> <div id="search" class="row">
<div class="col-md-6 mb-3"> <div class="col-md-6 mb-3">
<div id="search_input" class="input-group"> <div id="search_input" class="input-group">
<div class="input-group-prepend"> <div class="input-group-prepend">
<span class="input-group-text"> <span class="input-group-text">
<i class="material-icons">search</i> <i class="material-icons">search</i>
</span> </span>
</div> </div>
</div> </div>
</div> </div>
<div id="search_type" class="col-md-3 col-6 mb-3"></div> <div id="search_type" class="col-md-3 col-6 mb-3"></div>
<div id="search_difficulty" class="col-md-3 col-6 mb-3"></div> <div id="search_difficulty" class="col-md-3 col-6 mb-3"></div>
</div> </div>
<div class="row" id="hits"></div> <div class="row" id="hits"></div>
</section> </section>
</div> </div>
{% endblock content %} {% endblock content %}
{% block scripts %} {% block scripts %}
{% javascript 'vendor_instantsearch' %} {% javascript 'vendor_instantsearch' %}
{{ favorited_training_ids|json_script:"training-favorited-ids" }} {{ favorited_training_ids|json_script:"training-favorited-ids" }}
{{ search_client_config|json_script:"training-search-client-config" }} {{ search_client_config|json_script:"training-search-client-config" }}
{% javascript 'training' %} {% javascript 'training' %}
{% javascript 'training_search' %} {% javascript 'training_search' %}
{% endblock scripts %} {% endblock scripts %}