blob: 5e8e6e4a1b59545f3b646b6ab3b8d6faac124b08 (
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
|
<article class="film-card">
<a class="poster-frame" href="/films/{{ film.id }}" aria-label="{{ film.title }}">
{% if film.poster_url %}
<img src="{{ film.poster_url }}" alt="{{ film.title }} poster" loading="lazy">
{% else %}
<span>{{ film.title[:1] }}</span>
{% endif %}
</a>
<div class="film-card-body">
<div class="film-card-header">
<div>
<h2><a href="/films/{{ film.id }}">{{ film.title }}</a></h2>
<p class="muted">
{% 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>
{% if film.shelf == 'diary' %}
<div class="star-control" role="group" aria-label="Rate film" data-film-id="{{ film.id }}" data-current-stars="{{ film.stars }}">
{% for value in range(1, 4) %}
<button
type="button"
class="star-button {% if film.stars >= value %}is-active{% endif %}"
data-stars="{{ value }}"
aria-label="{{ value }} star{% if value > 1 %}s{% endif %}"
aria-pressed="{% if film.stars >= value %}true{% else %}false{% endif %}"
>✦</button>
{% endfor %}
</div>
{% elif film.stars %}
<span class="rating">{% for _ in range(film.stars) %}✦{% endfor %}</span>
{% endif %}
</div>
<div class="meta-row">
<span>{{ film.shelf|title }}</span>
{% if film.date_watched %}<span>{{ film.date_watched }}</span>{% endif %}
{% if film.runtime %}<span>{{ film.runtime }} min</span>{% endif %}
{% if film.language %}<span>{{ film.language }}</span>{% endif %}
{% if film.rewatch %}<span>Rewatch</span>{% endif %}
</div>
{% if film.context or film.how_found or film.watched_with %}
<div class="tag-row">
{% 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 %}
<p class="notes-preview">{{ film.notes[:220] }}{% if film.notes|length > 220 %}...{% endif %}</p>
{% endif %}
<div class="inline-actions">
{% if film.shelf == 'queue' %}
<a class="small-button" 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="small-button" 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 %}
</div>
</div>
</article>
|
