TheLovinator/ttvdrops
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Refactor dashboard title and enhance campaign details display

Browse source
This commit is contained in:
Joakim Hellsén 2025-08-29 18:48:22 +02:00
commit 6732cfa6de
1 changed files with 30 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

33
templates/twitch/dashboard.html
View file

@ -1,12 +1,15 @@
{% extends "base.html" %} {% extends "base.html" %}
{% load static %} {% load static %}
{% block title %} {% block title %}
Dashboard Twitch drops
{% endblock title %} {% endblock title %}
{% block content %} {% block content %}
<main> <main>
<h1>Twitch Drops Dashboard</h1> <h1>Twitch Drops</h1>
<p>Track active campaigns and upcoming drops</p> <pre>
Drops are sorted alphabetically by organization and game. Click on a campaign or game title to see more details.
Hover over the end time to see the exact date and time.
</pre>
{% if campaigns_by_org_game %} {% if campaigns_by_org_game %}
{% for org_id, org_data in campaigns_by_org_game.items %} {% for org_id, org_data in campaigns_by_org_game.items %}
<section> <section>
@ -57,6 +60,30 @@
text-align: left"> text-align: left">
Ends in {{ campaign.end_at|timeuntil }} Ends in {{ campaign.end_at|timeuntil }}
</time> </time>
<time datetime="{{ campaign.start_at|date:'c' }}"
title="{{ campaign.start_at|date:'DATETIME_FORMAT' }}"
style="font-size: 0.9rem;
color: #666;
display: block;
text-align: left">
Started {{ campaign.start_at|timesince }} ago
</time>
<time datetime="{{ campaign.created_at|date:'c' }}"
title="Scraped at {{ campaign.created_at|date:'DATETIME_FORMAT' }}"
style="font-size: 0.9rem;
color: #666;
display: block;
text-align: left">
Scraped {{ campaign.created_at|timesince }} ago
</time>
<time datetime="{{ campaign.start_at|date:'c' }} to {{ campaign.end_at|date:'c' }}"
title="Duration: {{ campaign.start_at|date:'DATETIME_FORMAT' }} to {{ campaign.end_at|date:'DATETIME_FORMAT' }}"
style="font-size: 0.9rem;
color: #666;
display: block;
text-align: left">
Duration: {{ campaign.start_at|timesince:campaign.end_at }}
</time>
</div> </div>
</article> </article>
{% endfor %} {% endfor %}