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

73
vrobbler/templates/videogames/videogame_detail.html
View File

@ -7,35 +7,47 @@
{% block head_extra %}
<style>
.cover img { width: 250px; }
.cover { float: left; width:252px; padding:0; border: 1px solid #ccc; }
.summary {
float:left; width:600px; margin-left:10px;
}
.cover img {
width: 250px;
}
.cover {
float: left;
width: 252px;
padding: 0;
border: 1px solid #ccc;
}
.summary {
float: left;
width: 600px;
margin-left: 10px;
}
</style>
{% endblock %}
{% endblock %}
{% block lists %}
<div class="row">
{% if object.hltb_cover%}
<div class="cover"><img src="{{object.hltb_cover.url}}" /></div>
{% endif %}
<div class="summary">
{% if object.summary %}
<p>{{object.summary|safe|linebreaks|truncatewords:160}}</p>
<hr/>
<hr />
{% endif %}
<p style="float:right;">
<a href="{{object.igdb_link}}"><img src="{% static "images/igdb-logo.png" %}" width=35></a>
<a href="{{object.hltb_link}}"><img style="background: black;" src="{% static "images/hltb.webp" %}" width=35></a>
<a href="{{object.igdb_link}}"><img src="{% static " images/igdb-logo.png" %}" width=35></a>
<a href="{{object.hltb_link}}"><img style="background: black;" src="{% static " images/hltb.webp" %}"
width=35></a>
</p>
</div>
</div>
<div class="row">
<p>{{object.scrobble_set.count}} scrobbles</p>
<p>{{object.scrobble_set.last.long_play_seconds|natural_duration}}{% if object.scrobble_set.last.long_play_complete %} and completed{% else %} spent playing{% endif %}</p>
<p>{{object.scrobble_set.last.long_play_seconds|natural_duration}}{% if object.scrobble_set.last.long_play_complete
%} and completed{% else %} spent playing{% endif %}</p>
<p>
{% if object.scrobble_set.last.long_play_complete == True %}
<a href="">Play again</a>
@ -49,26 +61,29 @@
<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">Completed</th>
<th scope="col">Duration</th>
<th scope="col">Platforms</th>
</tr>
</thead>
<tbody>
{% for scrobble in object.scrobble_set.all|dictsortreversed:"timestamp" %}
<tr>
<td>{{scrobble.timestamp}}</td>
<thead>
<tr>
<th scope="col">Date</th>
<th scope="col">Completed</th>
<th scope="col">Duration</th>
<th scope="col">Platforms</th>
</tr>
</thead>
<tbody>
{% for scrobble in object.scrobble_set.all|dictsortreversed:"timestamp" %}
<tr>
<td>{{scrobble.timestamp}}</td>
<td>{% if scrobble.long_play_complete == True %}Yes{% endif %}</td>
<td>{% if scrobble.in_progress %}Now playing{% else %}{{scrobble.playback_position_seconds|natural_duration}}{% endif %}</td>
<td>{% for platform in scrobble.video_game.platforms.all %}<a href="{{platform.get_absolute_url}}">{{platform}}</a>{% if not forloop.last %}, {% endif %}{% endfor %}</td>
</tr>
{% endfor %}
</tbody>
<td>{% if scrobble.in_progress %}Now playing{% else
%}{{scrobble.playback_position_seconds|natural_duration}}{% endif %}</td>
<td>{% for platform in scrobble.video_game.platforms.all %}<a
href="{{platform.get_absolute_url}}">{{platform}}</a>{% if not forloop.last %}, {% endif
%}{% endfor %}</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
</div>
</div>
{% endblock %}
{% endblock %}