secstate/vrobbler
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add video and series detail pages

Browse Source
This commit is contained in:
Colin Powell
2023-03-13 14:43:08 -04:00
parent c494779c82
commit d071319df4
8 changed files with 170 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
vrobbler/templates/videos/series_detail.html Normal file
View File

@ -0,0 +1,56 @@
{% extends "base_list.html" %}
{% load static %}
{% block title %}{{object.title}}{% if object.tv_series %} - {{object.tv_series}}{% endif %}{% endblock %}
{% block head_extra %}
<style>
.cover {float:left; width:300px; margin-right:10px;}
.summary{float:left; width:600px; margin-left:10px;}
</style>
{% endblock %}
{% block lists %}
<div class="row">
{% if object.cover_image %}
<div class="cover"><img src="{{object.cover_image.url}}" /></div>
{% endif %}
<div class="summary">
{% if object.plot%}
<p>{{object.plot|safe|linebreaks|truncatewords:160}}</p>
<hr />
{% endif %}
<p style="float:right;">
<a href="{{object.imdb_link}}"><img src="{% static " images/imdb-logo.png" %}" width=35></a>
</p>
</div>
</div>
<div class="row">
<div class="col-md">
<h3>Last scrobbles</h3>
<div class="table-responsive">
<table class="table table-striped table-sm">
<thead>
<tr>
<th scope="col">Date</th>
<th scope="col">Title</th>
<th scope="col">Season</th>
<th scope="col">Episode</th>
</tr>
</thead>
<tbody>
{% for scrobble in scrobbles %}
<tr>
<td>{{scrobble.timestamp}}</td>
<td><a href="{{scrobble.media_obj.get_absolute_url}}">{{scrobble.media_obj.title}}</a></td>
<td>{{scrobble.media_obj.season_number}}</td>
<td>{{scrobble.media_obj.episode_number}}</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
</div>
</div>
{% endblock %}

35
vrobbler/templates/videos/video_detail.html
View File

@ -1,8 +1,35 @@
{% extends "base_detail.html" %}
{% extends "base_list.html" %}
{% load static %}
{% block title %}{{object.title}}{% if object.tv_series %} - {{object.tv_series}}{% endif %}{% endblock %}
{% block details %}
{% block head_extra %}
<style>
.cover {float:left; width:300px; margin-right:10px;}
.summary{float:left; width:600px; margin-left:10px;}
</style>
{% endblock %}
{% block lists %}
<div class="row">
{% if object.cover_image %}
<div class="cover"><img src="{{object.cover_image.url}}" /></div>
{% endif %}
<div class="summary">
{% if object.overview %}
<p><em>{{object.overview}}</em></p>
{% endif %}
{% if object.plot%}
<p>{{object.plot|safe|linebreaks|truncatewords:160}}</p>
<hr />
{% endif %}
<p style="float:right;">
<a href="{{object.imdb_link}}"><img src="{% static " images/imdb-logo.png" %}" width=35></a>
<a href="{{object.tmdb_link}}"><img style="background: black;" src="{% static " images/tmdb-logo.png" %}" width=35></a>
</p>
</div>
</div>
<div class="row">
<div class="col-md">
<h3>Last scrobbles</h3>
@ -11,7 +38,6 @@
<thead>
<tr>
<th scope="col">Date</th>
<th scope="col">Title</th>
{% if object.tv_series %}
<th scope="col">Series</th>
<th scope="col">Season</th>
@ -23,9 +49,8 @@
{% for scrobble in object.scrobble_set.all %}
<tr>
<td>{{scrobble.timestamp}}</td>
<td>{{scrobble.video.title}}</td>
{% if object.tv_series %}
<td>{{scrobble.video.tv_series}}</td>
<td><a href="{{scrobble.video.tv_series.get_absolute_url}}">{{scrobble.video.tv_series}}</a></td>
<td>{{scrobble.video.season_number}}</td>
<td>{{scrobble.video.episode_number}}</td>
{% endif %}