Add ability to manage long plays

This commit is contained in:
2023-03-11 14:11:31 -05:00
parent 6e03cf5075
commit bb2a80e2aa
9 changed files with 179 additions and 38 deletions

View File

@ -2,6 +2,15 @@
{% block title %}Long Plays{% endblock %}
{% block head_extra %}
<style>
dl { width: 260px; float:left; margin-right: 10px; }
dt a { color:white; text-decoration: none; font-size:smaller; }
img { height:200px; width: 250px; object-fit: cover; }
dd .right { float:right; }
</style>
{% endblock %}
{% block lists %}
<div class="row">
@ -10,14 +19,22 @@
<div>
{% for media in in_progress %}
{% if media.hltb_cover %}
<dl style="width: 210px; float: left; margin-right:10px;">
<dd><a href="{{media.get_absolute_url}}"><img src="{{media.hltb_cover.url}}" width=200 /></a></dd>
<dl>
<dt><a href="{{media.get_absolute_url}}">{{media.title}}</a></dt>
<dd><a href="{{media.get_absolute_url}}"><img src="{{media.hltb_cover.url}}" width=200 height=200 /></a></dd>
<dd>
<a type="button" class="btn btn-sm btn-primary" href="{{media.get_start_url}}">Resume</a>
<a type="button" class="right btn btn-sm " href="{{media.get_longplay_finish_url}}">Finish</a>
</dd>
</dl>
{% elif media.cover %}
<dl style="width: 210px; float: left; margin-right:10px;">
<dd><a href="{{media.get_absolute_url}}"><img src="{{media.cover.url}}" width=200 /></a></dd>
<dl>
<dt><a href="{{media.get_absolute_url}}">{{media.title}}</a></dt>
<dd><a href="{{media.get_absolute_url}}"><img src="{{media.cover.url}}" style="width: 200px; height: 200px; object-fit:cover; " /></a></dd>
<dd>
<a type="button" class="btn btn-sm btn-primary" href="{{media.get_start_url}}">Resume</a>
<a type="button" class="right btn btn-sm " href="{{media.get_longplay_finish_url}}">Finish</a>
</dd>
</dl>
{% endif %}
{% endfor %}
@ -45,17 +62,18 @@
</div>
{% endif %}
<hr/>
<h2>Completed</h2>
{% if view == 'grid' %}
<div>
{% for media in completed %}
{% if media.hltb_cover %}
<dl style="width: 210px; float: left; margin-right:10px;">
<dl>
<dd><a href="{{media.get_absolute_url}}"><img src="{{media.hltb_cover.url}}" width=200 /></a></dd>
<dt><a href="{{media.get_absolute_url}}">{{media.title}}</a></dt>
</dl>
{% elif media.cover %}
<dl style="width: 210px; float: left; margin-right:10px;">
<dl>
<dd><a href="{{media.get_absolute_url}}"><img src="{{media.cover.url}}" width=200 /></a></dd>
<dt><a href="{{media.get_absolute_url}}">{{media.title}}</a></dt>
</dl>
@ -85,4 +103,4 @@
</div>
{% endif %}
</div>
{% endblock %}
{% endblock %}