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

[scrobbles] Add a status page

Browse Source
This commit is contained in:
Colin Powell
2024-04-13 15:25:13 -04:00
parent f5df6c97a9
commit a72e0b0fb9
7 changed files with 155 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
vrobbler/templates/base.html
View File

@ -258,10 +258,8 @@
{% for scrobble in now_playing_list %}
<div class="now-playing">
{% if scrobble.media_obj.primary_image_url %}<div style="float:left;padding-right:10px;padding-bottom:10px;"><img src="{{scrobble.media_obj.primary_image_url}}" /></div>{% endif %}
<span>
<p><a href="{{scrobble.media_obj.get_absolute_url}}">{{scrobble.media_obj.title}}</a></p>
{% if scrobble.media_obj.subtitle %}<p><em><a href="{{scrobble.media_obj.subtitle.get_absolute_url}}">{{scrobble.media_obj.subtitle}}</a></em></p>{% endif %}
</span>
<p><small>{{scrobble.timestamp|naturaltime}} from {{scrobble.source}}</small></p>
<div class="progress-bar" style="margin-right:5px;">
<span class="progress-bar-fill" style="width: {{scrobble.percent_played}}%;"></span>

114
vrobbler/templates/scrobbles/status.html Normal file
View File

@ -0,0 +1,114 @@
{% load static %}
{% load humanize %}
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Now Playing</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<!-- Place favicon.ico in the root directory -->
</head>
<body>
<div class="now-playing">
<h3>Listening</h3>
<div class="titles">
{% if listening %}
<p><em>{{listening.media_type}}</em></p>
<p><a href="{{listening.media_obj.get_absolute_url}}">{{listening.media_obj.title}}</a></p>
{% if listening.media_obj.subtitle %}<p><em><a href="{{listening.media_obj.subtitle.get_absolute_url}}">{{listening.media_obj.subtitle}}</a></em></p>{% endif %}
</div>
<p><small>{{listening.timestamp|naturaltime}} from {{listening.source}}</small></p>
<p>{{listening.percent_played}}% played</p>
{% else %}
<div class="titles">
<p>Nothing</p>
</div>
{% endif %}
</div>
<hr />
<div class="watching">
<h3>Watching</h3>
<div class="titles">
{% if watching %}
<p><em>{{watching.media_type}}</em></p>
<p><a href="{{watching.media_obj.get_absolute_url}}">{{watching.media_obj.title}}</a></p>
{% if watching.media_obj.subtitle %}<p><em><a href="{{watching.media_obj.subtitle.get_absolute_url}}">{{watching.media_obj.subtitle}}</a></em></p>{% endif %}
<p><small>{{watching.timestamp|naturaltime}} from {{watching.source}}</small></p>
</div>
{% else %}
<div class="titles">
<p>Nothing</p>
</div>
{% endif %}
</div>
<hr />
<div class="going">
<h3>Going</h3>
<div class="titles">
{% if going %}
<p><em>{{going.media_type}}</em></p>
<p><a href="{{going.media_obj.get_absolute_url}}">{{going.media_obj}}</a></p>
{% if going.media_obj.subtitle %}<p><em><a href="{{going.media_obj.subtitle.get_absolute_url}}">{{going.media_obj.subtitle}}</a></em></p>{% endif %}
<p><small>{{going.timestamp|naturaltime}} from {{going.source}}</small></p>
</div>
{% else %}
<div class="titles">
<p>Nowhere</p>
</div>
{% endif %}
</div>
<hr />
<div class="playing">
<h3>Playing</h3>
<div class="titles">
{% if playing %}
<p><em>{{playing.media_type}}</em></p>
<p><a href="{{playing.media_obj.get_absolute_url}}">{{playing.media_obj}}</a></p>
{% if playing.media_obj.subtitle %}<p><em><a href="{{playing.media_obj.subtitle.get_absolute_url}}">{{playing.media_obj.subtitle}}</a></em></p>{% endif %}
<p><small>{{playing.timestamp|naturaltime}} from {{playing.source}}</small></p>
</div>
{% else %}
<div class="titles">
<p>Nothing</p>
</div>
{% endif %}
</div>
<hr />
<div class="reading">
<h3>Reading</h3>
<div class="titles">
{% if reading %}
<p><em>{{reading.media_type}}</em></p>
<p><a href="{{reading.media_obj.get_absolute_url}}">{{reading.media_obj}}</a></p>
{% if reading.media_obj.subtitle %}<p><em><a href="{{reading.media_obj.subtitle.get_absolute_url}}">{{reading.media_obj.subtitle}}</a></em></p>{% endif %}
<p><small>{{reading.timestamp|naturaltime}} from {{reading.source}}</small></p>
</div>
{% else %}
<div class="titles">
<p>Nothing</p>
</div>
{% endif %}
</div>
<hr />
<div class="sessioning">
<h3>Sessioning</h3>
<div class="titles">
{% if sessioning %}
<p><em>{{sessioning.media_type}}</em></p>
<p><a href="{{sessioning.media_obj.get_absolute_url}}">{{sessioning.media_obj}}</a></p>
{% if sessioning.media_obj.subtitle %}<p><em><a href="{{sessioning.media_obj.subtitle.get_absolute_url}}">{{sessioning.media_obj.subtitle}}</a></em></p>{% endif %}
<p><small>{{sessioning.timestamp|naturaltime}} from {{sessioning.source}}</small></p>
</div>
{% else %}
<div class="titles">
<p>Nothing</p>
</div>
{% endif %}
</div>
</body>
</html>