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

Add channel list and detail views

Browse source
This commit is contained in:
Joakim Hellsén 2025-09-08 22:41:48 +02:00
commit fc52a94284
5 changed files with 365 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

1
templates/base.html
View file

@ -77,6 +77,7 @@
<a href="{% url 'twitch:campaign_list' %}">Campaigns</a> |
<a href="{% url 'twitch:game_list' %}">Games</a> |
<a href="{% url 'twitch:org_list' %}">Organizations</a> |
<a href="{% url 'twitch:channel_list' %}">Channels</a> |
<a href="{% url 'twitch:docs_rss' %}">RSS</a> |
{% if user.is_authenticated %}
<a href="{% url 'twitch:debug' %}">Debug</a> |

160
templates/twitch/channel_detail.html Normal file
View file

@ -0,0 +1,160 @@
{% extends "base.html" %}
{% block title %}
{{ channel.display_name }} - Channel Details
{% endblock title %}
{% block content %}
<!-- Channel Title -->
<h1 id="channel-name">{{ channel.display_name }}</h1>
{% if channel.display_name != channel.name %}
<p id="channel-username">
Username: <code>{{ channel.name }}</code>
</p>
{% endif %}
<!-- Channel Info -->
<p>
<strong>Channel ID:</strong> {{ channel.id }}
</p>
<p>
<strong>Added to database:</strong>
<time datetime="{{ channel.added_at|date:'c' }}"
title="{{ channel.added_at|date:'DATETIME_FORMAT' }}">
{{ channel.added_at|timesince }} ago ({{ channel.added_at|date:'M d, Y H:i' }})
</time>
</p>
{% if active_campaigns %}
<h5 id="active-campaigns-header">Active Campaigns</h5>
<table id="active-campaigns-table">
<tbody>
{% for campaign in active_campaigns %}
<tr id="campaign-row-{{ campaign.id }}">
<td>
<a href="{% url 'twitch:campaign_detail' campaign.id %}">{{ campaign.clean_name }}</a>
{% if campaign.time_based_drops.all %}
<div class="campaign-benefits">
{% for benefit in campaign.sorted_benefits %}
<span class="benefit-item" title="{{ benefit.name }}">
{% if benefit.image_asset_url %}
<img src="{{ benefit.image_asset_url }}"
alt="{{ benefit.name }}"
width="24"
height="24"
style="display: inline-block;
margin-right: 4px;
vertical-align: middle">
{% endif %}
{{ benefit.name }}
</span>
{% endfor %}
</div>
{% endif %}
</td>
<td>
{% if campaign.game %}
<a href="{% url 'twitch:game_detail' campaign.game.id %}">
{{ campaign.game.display_name|default:campaign.game.name }}
</a>
{% else %}
Unknown Game
{% endif %}
</td>
<td>
<span title="Ends on {{ campaign.end_at|date:'M d, Y H:i' }}">Ends in {{ campaign.end_at|timeuntil }}</span>
</td>
</tr>
{% endfor %}
</tbody>
</table>
{% endif %}
{% if upcoming_campaigns %}
<h5 id="upcoming-campaigns-header">Upcoming Campaigns</h5>
<table id="upcoming-campaigns-table">
<tbody>
{% for campaign in upcoming_campaigns %}
<tr id="campaign-row-{{ campaign.id }}">
<td>
<a href="{% url 'twitch:campaign_detail' campaign.id %}">{{ campaign.clean_name }}</a>
{% if campaign.time_based_drops.all %}
<div class="campaign-benefits">
{% for benefit in campaign.sorted_benefits %}
<span class="benefit-item" title="{{ benefit.name }}">
{% if benefit.image_asset_url %}
<img src="{{ benefit.image_asset_url }}"
alt="{{ benefit.name }}"
width="24"
height="24"
style="display: inline-block;
margin-right: 4px;
vertical-align: middle">
{% endif %}
{{ benefit.name }}
</span>
{% endfor %}
</div>
{% endif %}
</td>
<td>
{% if campaign.game %}
<a href="{% url 'twitch:game_detail' campaign.game.id %}">
{{ campaign.game.display_name|default:campaign.game.name }}
</a>
{% else %}
Unknown Game
{% endif %}
</td>
<td>
<span title="Starts on {{ campaign.start_at|date:'M d, Y H:i' }}">Starts in {{ campaign.start_at|timeuntil }}</span>
</td>
</tr>
{% endfor %}
</tbody>
</table>
{% endif %}
{% if expired_campaigns %}
<h5 id="expired-campaigns-header">Past Campaigns</h5>
<table id="expired-campaigns-table">
<tbody>
{% for campaign in expired_campaigns %}
<tr id="campaign-row-{{ campaign.id }}">
<td>
<a href="{% url 'twitch:campaign_detail' campaign.id %}">{{ campaign.clean_name }}</a>
{% if campaign.time_based_drops.all %}
<div class="campaign-benefits">
{% for benefit in campaign.sorted_benefits %}
<span class="benefit-item" title="{{ benefit.name }}">
{% if benefit.image_asset_url %}
<img src="{{ benefit.image_asset_url }}"
alt="{{ benefit.name }}"
width="24"
height="24"
style="display: inline-block;
margin-right: 4px;
vertical-align: middle">
{% endif %}
{{ benefit.name }}
</span>
{% endfor %}
</div>
{% endif %}
</td>
<td>
{% if campaign.game %}
<a href="{% url 'twitch:game_detail' campaign.game.id %}">
{{ campaign.game.display_name|default:campaign.game.name }}
</a>
{% else %}
Unknown Game
{% endif %}
</td>
<td>
<span title="Ended on {{ campaign.end_at|date:'M d, Y H:i' }}">{{ campaign.end_at|timesince }} ago</span>
</td>
</tr>
{% endfor %}
</tbody>
</table>
{% endif %}
{% if not active_campaigns and not upcoming_campaigns and not expired_campaigns %}
<p id="no-campaigns-message">No campaigns found for this channel.</p>
{% endif %}
{{ channel_data|safe }}
{% endblock content %}

74
templates/twitch/channel_list.html Normal file
View file

@ -0,0 +1,74 @@
{% extends "base.html" %}
{% load static %}
{% block title %}
Channels - Twitch Drops Tracker
{% endblock title %}
{% block content %}
<h1 id="page-title">Channels</h1>
<p>Browse all channels that can participate in drop campaigns</p>
<form id="search-form"
method="get"
action="{% url 'twitch:channel_list' %}">
<label for="search">Search:</label>
<input type="text"
id="search"
name="search"
value="{{ search_query }}"
placeholder="Search channels...">
<button id="search-button" type="submit">Search</button>
{% if search_query %}
<a href="{% url 'twitch:channel_list' %}">Clear</a>
{% endif %}
</form>
{% if channels %}
<table>
<thead>
<tr>
<th>Channel</th>
<th>Username</th>
<th>Campaigns</th>
<th>Added</th>
</tr>
</thead>
<tbody>
{% for channel in channels %}
<tr id="channel-row-{{ channel.id }}">
<td>
<a id="channel-link-{{ channel.id }}"
href="{% url 'twitch:channel_detail' channel.id %}">{{ channel.display_name }}</a>
</td>
<td>{{ channel.name }}</td>
<td>{{ channel.campaign_count }}</td>
<td>
<time datetime="{{ channel.added_at|date:'c' }}"
title="{{ channel.added_at|date:'DATETIME_FORMAT' }}">
{{ channel.added_at|timesince }} ago
</time>
</td>
</tr>
{% endfor %}
</tbody>
</table>
<!-- Pagination -->
{% if is_paginated %}
<p>
{% if page_obj.has_previous %}
<a href="?{% if search_query %}search={{ search_query }}&{% endif %}page=1">««</a>
<a href="?{% if search_query %}search={{ search_query }}&{% endif %}page={{ page_obj.previous_page_number }}">«</a>
{% endif %}
Page {{ page_obj.number }} of {{ page_obj.paginator.num_pages }}
{% if page_obj.has_next %}
<a href="?{% if search_query %}search={{ search_query }}&{% endif %}page={{ page_obj.next_page_number }}">»</a>
<a href="?{% if search_query %}search={{ search_query }}&{% endif %}page={{ page_obj.paginator.num_pages }}">»»</a>
{% endif %}
</p>
<p>Showing {{ page_obj.start_index }} to {{ page_obj.end_index }} of {{ page_obj.paginator.count }} channels</p>
{% endif %}
{% else %}
{% if search_query %}
<p>No channels match your search query "{{ search_query }}".</p>
{% else %}
<p>No channels found.</p>
{% endif %}
{% endif %}
{% endblock content %}