summaryrefslogtreecommitdiff
path: root/templates/detail.html
blob: df3f96aaba749fdfc5be0e36159427ca91fc52a2 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
{% 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>
      <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">
      <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>

      <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>

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