97 lines
2.6 KiB
HTML
97 lines
2.6 KiB
HTML
{% extends "base_list.html" %}
|
|
{% load mathfilters %}
|
|
{% load static %}
|
|
{% load naturalduration %}
|
|
|
|
{% block title %}{{object.title}}{% endblock %}
|
|
|
|
{% block head_extra %}
|
|
<style>
|
|
.cover img {
|
|
width: 250px;
|
|
}
|
|
|
|
.cover {
|
|
float: left;
|
|
width: 252px;
|
|
padding: 0;
|
|
}
|
|
|
|
.summary {
|
|
float: left;
|
|
width: 600px;
|
|
margin-left: 10px;
|
|
}
|
|
.pagination a { padding: 0 5px 0 5px; }
|
|
</style>
|
|
{% endblock %}
|
|
|
|
{% block lists %}
|
|
|
|
<div class="row">
|
|
<div class="summary">
|
|
{% if object.description%}
|
|
<p>{{object.description|safe|linebreaks|truncatewords:160}}</p>
|
|
<hr />
|
|
{% endif %}
|
|
<p style="float:right;">
|
|
<a href="{{object.source_link}}"><img src="{% static "images/org-mode-logo.png" %}" width=35></a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<p>{{scrobbles.count}} scrobbles</p>
|
|
<p>
|
|
<a href="{{object.start_url}}">Play again</a>
|
|
</p>
|
|
</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">Notes</th>
|
|
<th scope="col">Source</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% for scrobble in scrobbles.all|dictsortreversed:"timestamp" %}
|
|
<tr>
|
|
<td><a href="{{scrobble.get_absolute_url}}">{{scrobble.local_timestamp}}</a></td>
|
|
<td><a href="{{scrobble.get_media_source_url}}">{{scrobble.logdata.title}}</a></td>
|
|
<td>{{scrobble.logdata.notes_as_str|safe}}</td>
|
|
<td>{{scrobble.source}}</td>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
{% if is_paginated %}
|
|
<div class="pagination">
|
|
{% if page_obj.has_previous %}
|
|
<a href="?page={{ page_obj.previous_page_number }}">« Previous</a>
|
|
{% endif %}
|
|
|
|
{% for num in page_obj.paginator.page_range %}
|
|
{% if num == page_obj.number %}
|
|
<strong>{{ num }}</strong>
|
|
{% else %}
|
|
<a href="?page={{ num }}">{{ num }}</a>
|
|
{% endif %}
|
|
{% endfor %}
|
|
|
|
{% if page_obj.has_next %}
|
|
<a href="?page={{ page_obj.next_page_number }}">Next »</a>
|
|
{% endif %}
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
{% endblock %}
|