Add year review and inline diary ratings

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' %}