[scrobbles] Add screenshots to templates

vrobbler/apps/scrobbles/models.py

@@ -798,6 +798,12 @@ class Scrobble(TimeStampedModel):
         format="JPEG",
         options={"quality": 75},
     )
+    screenshot_large = ImageSpecField(
+        source="screenshot",
+        processors=[ResizeToFit(800, 800)],
+        format="JPEG",
+        options={"quality": 85},
+    )
     long_play_seconds = models.BigIntegerField(**BNULL)
     long_play_complete = models.BooleanField(**BNULL)
     long_play_last_scrobble = models.ForeignKey(

vrobbler/templates/scrobbles/scrobble_detail.html

@@ -185,6 +185,12 @@
 </div>
 {% endif %}
 
+{% if object.screenshot %}
+<div class="mb-3">
+    <img src="{{ object.screenshot_large.url }}" class="img-fluid rounded" style="max-height: 600px;" alt="Screenshot" />
+</div>
+{% endif %}
+
 <p>
     Tags: 
     {% if object.tags.all %}

vrobbler/templates/scrobbles/scrobble_share.html

@@ -117,6 +117,12 @@
 </div>
 {% endif %}
 
+{% if object.screenshot %}
+<div class="mb-3">
+    <img src="{{ object.screenshot_large.url }}" class="img-fluid rounded" style="max-height: 600px;" alt="Screenshot" />
+</div>
+{% endif %}
+
 <p>
     Tags: 
     {% if object.tags.all %}