diff options
Diffstat (limited to 'templates/detail.html')
| -rw-r--r-- | templates/detail.html | 80 |
1 files changed, 61 insertions, 19 deletions
diff --git a/templates/detail.html b/templates/detail.html index b937c6b..df3f96a 100644 --- a/templates/detail.html +++ b/templates/detail.html @@ -12,6 +12,20 @@ <span>{{ film.title[:1] }}</span> {% endif %} </div> + <div class="detail-aside-meta"> + <div> + <span class="summary-label">Shelf</span> + <strong>{{ film.shelf|title }}</strong> + </div> + <div> + <span class="summary-label">Watched</span> + <strong>{% if film.date_watched %}{{ film.date_watched }}{% else %}Not set{% endif %}</strong> + </div> + <div> + <span class="summary-label">Stars</span> + <strong>{% if film.stars %}{% for _ in range(film.stars) %}✦{% endfor %}{% else %}Unstarred{% endif %}</strong> + </div> + </div> </aside> <section class="detail-body"> @@ -31,29 +45,57 @@ {% endif %} </p> - <div class="detail-meta"> - {% if film.stars %}<span class="rating">{% for _ in range(film.stars) %}✦{% endfor %}</span>{% endif %} - {% if film.date_watched %}<span>{{ film.date_watched }}</span>{% endif %} - {% if film.runtime %}<span>{{ film.runtime }} min</span>{% endif %} - {% if film.rewatch %}<span>Rewatch{% if film.rewatch_count %} #{{ film.rewatch_count }}{% endif %}</span>{% endif %} - {% if film.country %}<span>{{ film.country }}</span>{% endif %} - {% if film.language %}<span>{{ film.language }}</span>{% endif %} - </div> + <section class="detail-grid"> + <article class="detail-panel"> + <p class="eyebrow">Watch log</p> + <div class="detail-meta"> + {% if film.date_watched %}<span>{{ film.date_watched }}</span>{% endif %} + {% if film.runtime %}<span>{{ film.runtime }} min</span>{% endif %} + {% if film.rewatch %}<span>Rewatch{% if film.rewatch_count %} #{{ film.rewatch_count }}{% endif %}</span>{% endif %} + {% if film.watched_with %}<span>With {{ film.watched_with }}</span>{% endif %} + {% if film.context %}<span>{{ film.context }}</span>{% endif %} + {% if film.how_found %}<span>{{ film.how_found }}</span>{% endif %} + </div> + </article> - {% if film.context or film.how_found or film.watched_with %} - <div class="tag-row detail-tags"> - {% if film.context %}<span>{{ film.context }}</span>{% endif %} - {% if film.how_found %}<span>{{ film.how_found }}</span>{% endif %} - {% if film.watched_with %}<span>With {{ film.watched_with }}</span>{% endif %} - </div> - {% endif %} + <article class="detail-panel"> + <p class="eyebrow">Production</p> + <div class="detail-meta"> + {% if film.country %}<span>{{ film.country }}</span>{% endif %} + {% if film.language %}<span>{{ film.language }}</span>{% endif %} + {% if film.year %}<span>{{ film.year }}</span>{% endif %} + {% if film.tmdb_id %}<span>TMDB {{ film.tmdb_id }}</span>{% endif %} + </div> + </article> + </section> - {% if film.notes %} - <div class="notes-body"> - {{ film.notes }} - </div> + {% if tmdb_context %} + <section class="detail-panel"> + <p class="eyebrow">Summary</p> + {% if tmdb_context.tagline %} + <p class="detail-tagline">{{ tmdb_context.tagline }}</p> + {% endif %} + {% if tmdb_context.overview %} + <p class="detail-overview">{{ tmdb_context.overview }}</p> + {% endif %} + {% if tmdb_context.cast %} + <div class="detail-cast"> + <span class="summary-label">Cast</span> + <p>{{ tmdb_context.cast|join(", ") }}</p> + </div> + {% endif %} + </section> {% endif %} + <section class="detail-panel"> + <p class="eyebrow">Notes</p> + {% if film.notes %} + <div class="notes-body">{{ film.notes }}</div> + {% else %} + <p class="muted">No notes saved.</p> + {% endif %} + </section> + <div class="detail-actions"> <a class="secondary-button" href="/films/{{ film.id }}/edit">Edit</a> {% if film.shelf == 'queue' %} |