init: lumiere film diary

1 files changed, 83 insertions, 0 deletions

diff --git a/templates/detail.html b/templates/detail.html
new file mode 100644
index 0000000..b937c6b
--- /dev/null
+++ b/templates/detail.html
@@ -0,0 +1,83 @@
+{% extends "base.html" %}
+
+{% block title %}{{ film.title }} · Lumière{% endblock %}
+
+{% block content %}
+  <article class="detail-layout">
+    <aside class="detail-poster">
+      <div class="poster-frame poster-large">
+        {% if film.poster_url %}
+          <img src="{{ film.poster_url }}" alt="{{ film.title }} poster">
+        {% else %}
+          <span>{{ film.title[:1] }}</span>
+        {% endif %}
+      </div>
+    </aside>
+
+    <section class="detail-body">
+      <p class="eyebrow">{{ film.shelf|title }} Entry</p>
+      <h1>{{ film.title }}</h1>
+      {% if film.original_title %}
+        <p class="original-title">{{ film.original_title }}</p>
+      {% endif %}
+      <p class="subtitle">
+        {% if film.year %}{{ film.year }}{% endif %}
+        {% set directors = split_credit_names(film.director) %}
+        {% if directors %}
+          {% if film.year %} · {% endif %}
+          {% for director in directors %}
+            <a class="inline-link" href="{{ director_href(director) }}">{{ director }}</a>{% if not loop.last %}, {% endif %}
+          {% endfor %}
+        {% 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>
+
+      {% 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 %}
+
+      {% if film.notes %}
+        <div class="notes-body">
+          {{ film.notes }}
+        </div>
+      {% endif %}
+
+      <div class="detail-actions">
+        <a class="secondary-button" href="/films/{{ film.id }}/edit">Edit</a>
+        {% if film.shelf == 'queue' %}
+          <a class="button-link" href="/films/{{ film.id }}/edit?shelf=diary">Mark watched</a>
+          <form method="post" action="/films/{{ film.id }}/shelf/abandoned">
+            <button class="secondary-button" type="submit">Abandon</button>
+          </form>
+        {% elif film.shelf == 'diary' %}
+          <form method="post" action="/films/{{ film.id }}/shelf/queue">
+            <button class="secondary-button" type="submit">Move to queue</button>
+          </form>
+          <form method="post" action="/films/{{ film.id }}/shelf/abandoned">
+            <button class="secondary-button" type="submit">Mark abandoned</button>
+          </form>
+        {% else %}
+          <a class="button-link" href="/films/{{ film.id }}/edit?shelf=diary">Mark watched</a>
+          <form method="post" action="/films/{{ film.id }}/shelf/queue">
+            <button class="secondary-button" type="submit">Move to queue</button>
+          </form>
+        {% endif %}
+        <form method="post" action="/films/{{ film.id }}/delete">
+          <button class="danger-button" type="submit">Delete</button>
+        </form>
+      </div>
+    </section>
+  </article>
+{% endblock %}