Page MenuHome
Differential D11410 Diff 37550 films/templates/films/components/production_log_entry.html

Changeset View

Standalone View

View Options

films/templates/films/components/production_log_entry.html

{% load static %} {% load static %}
{% load common_extras %} {% load common_extras %}
<div class="production-log-week"> <div class="production-log-week">
<div class="production-log-week-header"> <div class="production-log-week-header">
{% if header != "false" %} {% if header != "false" %}
{% if production_log_link != "false" %} {% if production_log_link != "false" %}
<a href="{{ production_log.url }}" class="h2">{{ production_log.name }}</a> <a href="{{ production_log.url }}" class="h2">{{ production_log.name }}</a>
{% else %} {% else %}
<h2>{{ production_log.name }}</h2> <h2>{{ production_log.name }}</h2>
{% endif %} {% endif %}
{% if production_log.start_date %} {% if production_log.start_date %}
<p class="subtitle small mb-3"><i class="material-icons icon-inline small">calendar_today</i> <p class="subtitle small mb-3"><i class="material-icons icon-inline small">calendar_today</i>
{{ production_log.start_date|date:'M jS Y' }}</p> {{ production_log.start_date|date:'M jS Y' }}</p>
{% endif %} {% endif %}
{% endif %} {% endif %}
{% if user_can_edit_production_log %} {% if user_can_edit_production_log %}
<a href="{{ production_log.admin_url }}" class="btn btn-ctrl-sm btn-sm btn-icon btn-secondary btn-float top-0 right-0"> <a href="{{ production_log.admin_url }}" class="btn btn-ctrl-sm btn-sm btn-icon btn-secondary btn-float top-0 right-0">
<i class="material-icons">create</i> <i class="material-icons">create</i>
</a> </a>
{% endif %} {% endif %}
<div class="production-log-header-summary"> <div class="production-log-header-summary">
<div class="production-log-header-summary-image"> <div class="production-log-header-summary-image">
{% if production_log.youtube_link != "" %} {% if production_log.youtube_link != "" %}
<a class="video-modal-link video-preview" data-toggle="modal" data-target="#videoModal" <a class="video-modal-link video-preview" data-toggle="modal" data-target="#videoModal"
data-video="{{ production_log.youtube_link }}"> data-video="{{ production_log.youtube_link }}">
<img src="{{ production_log.thumbnail_s_url }}" alt="Video Preview"> <img src="{{ production_log.thumbnail_s_url }}" alt="Video Preview">
</a> </a>
{% elif production_log.thumbnail %} {% elif production_log.thumbnail %}
<img src="{{ production_log.thumbnail_s_url }}" alt="production log preview"> <img src="{{ production_log.thumbnail_s_url }}" alt="production log preview">
{% endif %} {% endif %}
</div> </div>
{% if production_log.summary %} {% if production_log.summary %}
<div class="production-log-header-summary-text"> <div class="production-log-header-summary-text">
<h3>This week on {{ film.title }}</h3> <h3>This week on {{ film.title }}</h3>
{% with_shortcodes production_log.summary|markdown %} {% with_shortcodes production_log.summary|markdown %}
{% if production_log.youtube_link != "" %} {% if production_log.youtube_link != "" %}
<a href="{{ production_log.youtube_link }}" class="video-modal-link mb-0" data-toggle="modal" <a href="{{ production_log.youtube_link }}" class="video-modal-link mb-0" data-toggle="modal"
data-target="#videoModal" data-video="{{ production_log.youtube_link }}">Watch the video</a> data-target="#videoModal" data-video="{{ production_log.youtube_link }}">Watch the video</a>
{% endif %} {% endif %}
</div> </div>
{% endif %} {% endif %}
</div> </div>
</div> </div>
<div class="production-log-individual-wrapper"> <div class="production-log-individual-wrapper">
{% for entry in production_log.log_entries.all %} {% for entry in production_log.log_entries.all %}
<div class="production-log-individual"> <div class="production-log-individual">
<div class="production-log-individual-summary"> <div class="production-log-individual-summary">
<div class="production-log-individual-summary-profile row"> <div class="production-log-individual-summary-profile row">
<div style="background-image:url('{{ entry.author_image_url }}');" class="profile-image profile ml-2"> <div style="background-image:url('{{ entry.author_image_url }}');" class="profile-image profile ml-2">
</div> </div>
<div class="col-auto flex-shrink-1"> <div class="col-auto flex-shrink-1">
<h4 class="profile-name">{{ entry.author_name }}</h4> <h4 class="profile-name">{{ entry.author_name }}</h4>
<p class="profile-title subtitle text-white-50 x-small">{{ entry.author_role }}</p> <p class="profile-title subtitle text-white-50 x-small">{{ entry.author_role }}</p>
</div> </div>
{% if user_can_edit_production_log_entry %} {% if user_can_edit_production_log_entry %}
<div class="admin-button mt-2 btn-float"> <div class="admin-button mt-2 btn-float">
<a href="{{ entry.admin_url }}" class="btn btn-xs btn-icon btn-secondary"> <a href="{{ entry.admin_url }}" class="btn btn-xs btn-icon btn-secondary">
<i class="material-icons">create</i> <i class="material-icons">create</i>
</a> </a>
</div> </div>
{% endif %} {% endif %}
</div> </div>
{% if entry.assets.count > 4 and entry.description|length < 225 %} {% if entry.assets.count > 4 and entry.description|length < 225 %}
<p class="small">{{ entry.description }}</p> <p class="small">{{ entry.description }}</p>
{% elif entry.assets.count > 4 and entry.description|length > 225 %} {% elif entry.assets.count > 4 and entry.description|length > 225 %}
<p id="read-more-{{ entry.id }}" class="small read-more">{{ entry.description|slice:":215"}}<span <p id="read-more-{{ entry.id }}" class="small read-more">{{ entry.description|slice:":215"}}<span
class="read-more-elip">...</span><span class="read-more-elip">...</span><span
class="read-more-text d-none">{{ entry.description|slice:"215:"}}</span> <a class="small read-more-link" class="read-more-text d-none">{{ entry.description|slice:"215:"}}</span> <a class="small read-more-link"
href="#read-more-{{ entry.id}}">Show <span class="read-more-less">more</span></a></p> href="#read-more-{{ entry.id}}">Show <span class="read-more-less">more</span></a></p>
{% elif entry.assets.count == 4 and entry.description|length < 150 %} {% elif entry.assets.count == 4 and entry.description|length < 150 %}
<p class="small">{{ entry.description }}</p> <p class="small">{{ entry.description }}</p>
{% elif entry.assets.count == 4 and entry.description|length > 150 %} {% elif entry.assets.count == 4 and entry.description|length > 150 %}
<p id="read-more-{{ entry.id }}" class="small read-more">{{ entry.description|slice:":150"}}<span <p id="read-more-{{ entry.id }}" class="small read-more">{{ entry.description|slice:":150"}}<span
class="read-more-elip">...</span><span class="read-more-elip">...</span><span
class="read-more-text d-none">{{ entry.description|slice:"150:"}}</span> <a class="small read-more-link" class="read-more-text d-none">{{ entry.description|slice:"150:"}}</span> <a class="small read-more-link"
href="#read-more-{{ entry.id}}">Show <span class="read-more-less">more</span></a></p> href="#read-more-{{ entry.id}}">Show <span class="read-more-less">more</span></a></p>
{% elif entry.assets.count == 3 and entry.description|length < 225 %} {% elif entry.assets.count == 3 and entry.description|length < 225 %}
<p class="small">{{ entry.description }}</p> <p class="small">{{ entry.description }}</p>
{% elif entry.assets.count == 3 and entry.description|length > 225 %} {% elif entry.assets.count == 3 and entry.description|length > 225 %}
<p id="read-more-{{ entry.id }}" class="small read-more">{{ entry.description|slice:":225"}}<span <p id="read-more-{{ entry.id }}" class="small read-more">{{ entry.description|slice:":225"}}<span
class="read-more-elip">...</span><span class="read-more-elip">...</span><span
class="read-more-text d-none">{{ entry.description|slice:"225:"}}</span> <a class="small read-more-link" class="read-more-text d-none">{{ entry.description|slice:"225:"}}</span> <a class="small read-more-link"
href="#read-more-{{ entry.id}}">Show <span class="read-more-less">more</span></a></p> href="#read-more-{{ entry.id}}">Show <span class="read-more-less">more</span></a></p>
{% elif entry.assets.count < 3 and entry.description|length < 390 %} {% elif entry.assets.count < 3 and entry.description|length < 390 %}
<p class="small">{{ entry.description }}</p> <p class="small">{{ entry.description }}</p>
{% elif entry.assets.count < 3 and entry.description|length > 390 %} {% elif entry.assets.count < 3 and entry.description|length > 390 %}
<p id="read-more-{{ entry.id }}" class="small read-more">{{ entry.description|slice:":390"}}<span <p id="read-more-{{ entry.id }}" class="small read-more">{{ entry.description|slice:":390"}}<span
class="read-more-elip">...</span><span class="read-more-elip">...</span><span
class="read-more-text d-none">{{ entry.description|slice:"390:"}}</span> <a class="small read-more-link" class="read-more-text d-none">{{ entry.description|slice:"390:"}}</span> <a class="small read-more-link"
href="#read-more-{{ entry.id}}">Show <span class="read-more-less">more</span></a></p> href="#read-more-{{ entry.id}}">Show <span class="read-more-less">more</span></a></p>
{% else %} {% else %}
<p class="small">{{ entry.description }}</p> <p class="small">{{ entry.description }}</p>
{% endif %} {% endif %}
</div> </div>
<div class="production-log-individual-files"> <div class="production-log-individual-files">
<div class="files"> <div class="files">
<div class="row row-cols-1 row-cols-md-3 row-cols-2"> <div class="row row-cols-1 row-cols-md-3 row-cols-2">
{% if entry.assets.count >= 4 %} {% if entry.assets.count >= 4 %}
{% for asset in entry.assets.all|slice:':4' %} {% for asset in entry.assets.all|slice:':4' %}
{% if asset.is_published %} {% if asset.is_published %}
{% include "common/components/file_production_log.html" with card_sizes="col-6 col-sm-6 col-md-6 col-lg-3" aspect_ratio="fourbythree" asset=asset site_context="production_logs" %} {% include "common/components/file_production_log.html" with card_sizes="col-6 col-sm-6 col-md-6 col-lg-3" aspect_ratio="fourbythree" asset=asset site_context="production_logs" %}
{% endif %} {% endif %}
{% endfor %} {% endfor %}
{% elif entry.assets.count >= 3 %} {% elif entry.assets.count >= 3 %}
{% for asset in entry.assets.all %} {% for asset in entry.assets.all %}
{% if asset.is_published %} {% if asset.is_published %}
{% include "common/components/file_production_log.html" with card_sizes="col-6 col-sm-6 col-md-6 col-lg-4" aspect_ratio="fourbythree" asset=asset site_context="production_logs" %} {% include "common/components/file_production_log.html" with card_sizes="col-6 col-sm-6 col-md-6 col-lg-4" aspect_ratio="fourbythree" asset=asset site_context="production_logs" %}
{% endif %} {% endif %}
{% endfor %} {% endfor %}
{% else %} {% else %}
{% for asset in entry.assets.all %} {% for asset in entry.assets.all %}
{% if asset.is_published %} {% if asset.is_published %}
{% include "common/components/file_production_log.html" with card_sizes="col-6 col-sm-6 col-md-6 col-lg-6" aspect_ratio="fourbythree" asset=asset site_context="production_logs" large_thumbnail="true" %} {% include "common/components/file_production_log.html" with card_sizes="col-6 col-sm-6 col-md-6 col-lg-6" aspect_ratio="fourbythree" asset=asset site_context="production_logs" large_thumbnail="true" %}
{% endif %} {% endif %}
{% endfor %} {% endfor %}
{% endif %} {% endif %}
</div> </div>
{% if entry.assets.count > 4 %} {% if entry.assets.count > 4 %}
<div class="collapse" id="entry-{{ entry.id }}"> <div class="collapse" id="entry-{{ entry.id }}">
<div class="row row-cols-1 row-cols-md-3 row-cols-2"> <div class="row row-cols-1 row-cols-md-3 row-cols-2">
{% for asset in entry.assets.all|slice:'4:' %} {% for asset in entry.assets.all|slice:'4:' %}
{% if asset.is_published %} {% if asset.is_published %}
{% include "common/components/file_production_log.html" with card_sizes="col-6 col-sm-6 col-md-6 col-lg-3" aspect_ratio="fourbythree" asset=asset site_context="production_logs" %} {% include "common/components/file_production_log.html" with card_sizes="col-6 col-sm-6 col-md-6 col-lg-3" aspect_ratio="fourbythree" asset=asset site_context="production_logs" %}
{% endif %} {% endif %}
{% endfor %} {% endfor %}
</div> </div>
</div> </div>
<div class="row production-log-individual-files-show-more"> <div class="row production-log-individual-files-show-more">
<div class="col text-center"> <div class="col text-center">
<a data-toggle="collapse" data-objects-type="files" href="#entry-{{ entry.id }}" role="button" <a data-toggle="collapse" data-objects-type="files" href="#entry-{{ entry.id }}" role="button"
aria-expanded="false" aria-controls="entry-{{ entry.id }}" aria-expanded="false" aria-controls="entry-{{ entry.id }}"
class="btn btn-sm btn-dark collapsed show-more-less">Show </a> class="btn btn-sm btn-dark collapsed show-more-less">Show </a>
</div> </div>
</div> </div>
{% endif %} {% endif %}
</div> </div>
</div> </div>
</div> </div>
{% endfor %} {% endfor %}
</div> </div>
{% if user_can_edit_production_log %} {% if user_can_edit_production_log %}
<div class="add-entry"> <div class="add-entry">
<a href="{% url 'admin:films_productionlogentry_add' %}?production_log={{ production_log.pk }}" <a href="{% url 'admin:films_productionlogentry_add' %}?production_log={{ production_log.pk }}"
class="btn btn-sm btn-darkhighlight-strong">Add Entry</a> class="btn btn-sm btn-darkhighlight-strong">Add Entry</a>
</div> </div>
{% endif %} {% endif %}
</div> </div>