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

Debloat HTML

Browse source
This commit is contained in:
Joakim Hellsén 2025-07-24 01:27:31 +02:00
commit 547d4e6ab1
18 changed files with 874 additions and 1284 deletions
Download patch file Download diff file Expand all files Collapse all files

226
templates/twitch/game_detail.html
View file

@ -1,169 +1,61 @@
{% extends "base.html" %}
{% block title %}{{ game.display_name }} - Twitch Drops Tracker{% endblock %}
{% block title %}
{{ game.display_name }}
{% endblock title %}
{% block content %}
<div class="row mb-4">
<div class="col">
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="{% url 'twitch:game_list' %}">Games</a></li>
<li class="breadcrumb-item active" aria-current="page">{{ game.display_name }}</li>
</ol>
</nav>
<h1 class="mb-4">
<i class="fas fa-gamepad me-2 twitch-color"></i>{{ game.display_name }}
</h1>
<p class="lead">View all drop campaigns for {{ game.display_name }}.</p>
</div>
</div>
{% if active_campaigns %}
<div class="row mb-4">
<div class="col-12">
<div class="card border-0 shadow-sm">
<div class="card-header bg-success text-white">
<h5 class="mb-0"><i class="fas fa-circle-play me-2"></i>Active Campaigns</h5>
</div>
<div class="card-body">
<div class="table-responsive">
<table class="table table-hover">
<thead>
<tr>
<th>Campaign</th>
<th>Organization</th>
<th>Time Remaining</th>
<th>Actions</th>
</tr>
</thead>
<tbody>
{% for campaign in active_campaigns %}
<tr>
<td>{{ campaign.clean_name }}</td>
<td>{{ campaign.owner.name }}</td>
<td>
<span class="badge bg-success" data-bs-toggle="tooltip"
title="Ends on {{ campaign.end_at|date:'M d, Y H:i' }}">
Ends in {{ campaign.end_at|timeuntil }}
</span>
</td>
<td>
<a href="{% url 'twitch:campaign_detail' campaign.id %}"
class="btn btn-sm btn-primary">
<i class="fas fa-eye me-1"></i> View Details
</a>
</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
{% endif %}
{% if upcoming_campaigns %}
<div class="row mb-4">
<div class="col-12">
<div class="card border-0 shadow-sm">
<div class="card-header bg-info text-white">
<h5 class="mb-0"><i class="fas fa-calendar-alt me-2"></i>Upcoming Campaigns</h5>
</div>
<div class="card-body">
<div class="table-responsive">
<table class="table table-hover">
<thead>
<tr>
<th>Campaign</th>
<th>Organization</th>
<th>Starts In</th>
<th>Actions</th>
</tr>
</thead>
<tbody>
{% for campaign in upcoming_campaigns %}
<tr>
<td>{{ campaign.clean_name }}</td>
<td>{{ campaign.owner.name }}</td>
<td>
<span class="badge bg-info text-dark" data-bs-toggle="tooltip"
title="Starts on {{ campaign.start_at|date:'M d, Y H:i' }}">
Starts in {{ campaign.start_at|timeuntil }}
</span>
</td>
<td>
<a href="{% url 'twitch:campaign_detail' campaign.id %}"
class="btn btn-sm btn-primary">
<i class="fas fa-eye me-1"></i> View Details
</a>
</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
{% endif %}
{% if expired_campaigns %}
<div class="row mb-4">
<div class="col-12">
<div class="card border-0 shadow-sm">
<div class="card-header bg-secondary text-white">
<h5 class="mb-0"><i class="fas fa-history me-2"></i>Past Campaigns</h5>
</div>
<div class="card-body">
<div class="table-responsive">
<table class="table table-hover">
<thead>
<tr>
<th>Campaign</th>
<th>Organization</th>
<th>Ended</th>
<th>Actions</th>
</tr>
</thead>
<tbody>
{% for campaign in expired_campaigns %}
<tr>
<td>{{ campaign.clean_name }}</td>
<td>{{ campaign.owner.name }}</td>
<td>
<span class="badge bg-secondary" data-bs-toggle="tooltip"
title="Ended on {{ campaign.end_at|date:'M d, Y H:i' }}">
{{ campaign.end_at|timesince }} ago
</span>
</td>
<td>
<a href="{% url 'twitch:campaign_detail' campaign.id %}"
class="btn btn-sm btn-primary">
<i class="fas fa-eye me-1"></i> View Details
</a>
</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
{% endif %}
{% if not active_campaigns and not upcoming_campaigns and not expired_campaigns %}
<div class="row">
<div class="col-12">
<div class="alert alert-info">
<i class="fas fa-info-circle me-2"></i> No campaigns found for this game.
</div>
</div>
</div>
{% endif %}
{% endblock %}
<h1>{{ game.display_name }}</h1>
{% if active_campaigns %}
<h5>Active Campaigns</h5>
<table>
<tbody>
{% for campaign in active_campaigns %}
<tr>
<td>
<a href="{% url 'twitch:campaign_detail' campaign.id %}">{{ campaign.clean_name }}</a>
</td>
<td>
<span title="{{ 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>Upcoming Campaigns</h5>
<table>
<tbody>
{% for campaign in upcoming_campaigns %}
<tr>
<td>
<a href="{% url 'twitch:campaign_detail' campaign.id %}">{{ campaign.clean_name }}</a>
</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>Past Campaigns</h5>
<table>
<tbody>
{% for campaign in expired_campaigns %}
<tr>
<td>
<a href="{% url 'twitch:campaign_detail' campaign.id %}">{{ campaign.clean_name }}</a>
</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 %}
No campaigns found for this game.
{% endif %}
{% endblock content %}