Changeset View
Changeset View
Standalone View
Standalone View
films/templates/films/film_detail.html
| {% extends 'films/base_films.html' %} | {% extends 'films/base_films.html' %} | ||||
| {% load static %} | {% load static %} | ||||
| {% load common_extras %} | {% load common_extras %} | ||||
| {% block title_append %} - {{ film.title }}{% endblock title_append %} | {% block title_append %} - {{ film.title }}{% endblock title_append %} | ||||
| {% block jumbotron %} | {% block jumbotron %} | ||||
| {% include "films/components/jumbotron_film.html" with film=film %} | {% include "films/components/jumbotron_film.html" with film=film %} | ||||
| {% endblock jumbotron %} | {% endblock jumbotron %} | ||||
| {% block meta %} | {% block meta %} | ||||
| {% firstof asset.url as url %} | {% firstof asset.url as url %} | ||||
| {% firstof asset.description film.description as description %} | {% firstof asset.description film.description as description %} | ||||
| {% firstof asset.static_asset.thumbnail_m_url film.thumbnail_m_url as image_url %} | {% firstof asset.static_asset.thumbnail_m_url film.thumbnail_m_url as image_url %} | ||||
| {% if asset and asset.collection.name %} | {% if asset and asset.collection.name %} | ||||
| {% capture title %}{{ film.title }} - {{ asset.collection.name }}: {{ asset.name }}{% endcapture %} | {% capture title %}{{ film.title }} - {{ asset.collection.name }}: {{ asset.name }}{% endcapture %} | ||||
| {% elif asset %} | {% elif asset %} | ||||
| {% capture title %}{{ film.title }} - {{ asset.name }}{% endcapture %} | {% capture title %}{{ film.title }} - {{ asset.name }}{% endcapture %} | ||||
| {% endif %} | {% endif %} | ||||
| {% firstof title film.title as title %} | {% firstof title film.title as title %} | ||||
| {% include 'common/components/meta.html' %} | {% include 'common/components/meta.html' %} | ||||
| {% endblock %} | {% endblock %} | ||||
| {% block content %} | {% block content %} | ||||
| <div class="container-xl pt-4"> | <div class="container-xl pt-4"> | ||||
| <section class="mb-4"> | <section class="mb-4"> | ||||
| {% if film.show_blog_posts %} | {% if film.show_blog_posts %} | ||||
| <!-- Latest Blog Posts --> | <!-- Latest Blog Posts --> | ||||
| {% with subtitle="Read the latest news about "|add:film.title|add:"." %} | {% with subtitle="Read the latest news about "|add:film.title|add:"." %} | ||||
| {% url 'post-list' as blog_url %} | {% url 'post-list' as blog_url %} | ||||
| {% include 'common/components/cards/card_carousel.html' with title="Latest Blog Posts" title_link=blog_url subtitle=subtitle slides=3 card_set=film_blog_posts|slice:":6" media_type="blog" id="latestPosts" %} | {% include 'common/components/cards/card_carousel.html' with title="Latest Blog Posts" title_link=blog_url subtitle=subtitle slides=3 card_set=film_blog_posts|slice:":6" media_type="blog" id="latestPosts" %} | ||||
| {% endwith %} | {% endwith %} | ||||
| {% endif %} | {% endif %} | ||||
| {% if production_logs_page %} | {% if production_logs_page %} | ||||
| {# if `production_logs_page` is available here, Film.show_production_logs_as_featured is True #} | {# if `production_logs_page` is available here, Film.show_production_logs_as_featured is True #} | ||||
| <!-- Latest Updates --> | <!-- Latest Updates --> | ||||
| <div class="row mb-3"> | <div class="row mb-3"> | ||||
| <div class="col text-center"> | <div class="col text-center"> | ||||
| <h2 class="mb-0">This week in Production</h2> | <h2 class="mb-0">This week in Production</h2> | ||||
| <p class="mb-0">Check out what the teams been working on this week on {{ film.title }}. | <p class="mb-0">Check out what the teams been working on this week on {{ film.title }}. | ||||
| <a href="{% url 'film-production-logs' film.slug %}">See all production logs</a></p> | <a href="{% url 'film-production-logs' film.slug %}">See all production logs</a></p> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| <div class="production-logs"> | <div class="production-logs"> | ||||
| {% for production_log in production_logs_page|slice:":1" %} | {% for production_log in production_logs_page|slice:":1" %} | ||||
| {% include 'films/components/production_log_entry.html' %} | {% include 'films/components/production_log_entry.html' %} | ||||
| {% endfor %} | {% endfor %} | ||||
| </div> | </div> | ||||
| <div class="row"> | <div class="row"> | ||||
| <div class="col text-center"> | <div class="col text-center"> | ||||
| <p class="mb-0">Want to see more updates from {{ film.title }}? | <p class="mb-0">Want to see more updates from {{ film.title }}? | ||||
| <a href="{% url 'film-production-logs' film.slug %}">See all production logs</a></p> | <a href="{% url 'film-production-logs' film.slug %}">See all production logs</a></p> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| {% else %} | {% else %} | ||||
| <div class="row mb-3"> | <div class="row mb-3"> | ||||
| <div class="col"> | <div class="col"> | ||||
| <h2 class="mb-0">Featured Content Gallery</h2> | <h2 class="mb-0">Featured Content Gallery</h2> | ||||
| <p class="mb-0">Want to see more? | <p class="mb-0">Want to see more? | ||||
| <a href="{% url 'film-gallery' film.slug %}">Explore the Content Gallery</a></p> | <a href="{% url 'film-gallery' film.slug %}">Explore the Content Gallery</a></p> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| {% if featured_artwork %} | {% if featured_artwork %} | ||||
| <div class=""> | <div class=""> | ||||
| <div class="files row grid"> | <div class="files row grid"> | ||||
| <div class="grid-sizer col-6 col-sm-6 col-md-4 col-lg-3"></div> | <div class="grid-sizer col-6 col-sm-6 col-md-4 col-lg-3"></div> | ||||
| {% for asset in featured_artwork %} | {% for asset in featured_artwork %} | ||||
| {% if asset.is_published or request.user.is_superuser %} | {% if asset.is_published or request.user.is_superuser %} | ||||
| {% include "common/components/file.html" with asset=asset site_context="featured_artwork" card_sizes="col-6 col-sm-6 col-md-4 col-lg-3" %} | {% include "common/components/file.html" with asset=asset site_context="featured_artwork" card_sizes="col-6 col-sm-6 col-md-4 col-lg-3" %} | ||||
| {% endif %} | {% endif %} | ||||
| {% endfor %} | {% endfor %} | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| {% else %} | {% else %} | ||||
| <div class="row"> | <div class="row"> | ||||
| <div class="col text-center"> | <div class="col text-center"> | ||||
| <div class="bg-secondary py-4 rounded"> | <div class="bg-secondary py-4 rounded"> | ||||
| <h3 class="mb-0">No Featured Artwork to display</h3> | <h3 class="mb-0">No Featured Artwork to display</h3> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| {% endif %} | {% endif %} | ||||
| {% endif %} | {% endif %} | ||||
| </section> | </section> | ||||
| </div> | </div> | ||||
| {% endblock %} | {% endblock %} | ||||
| {% block scripts %} | {% block scripts %} | ||||
| <script> | <script> | ||||
| makeGrid(); | makeGrid(); | ||||
| </script> | </script> | ||||
| {% endblock scripts %} | {% endblock scripts %} | ||||