TheLovinator/twitch-drop-notifier
1
Fork 0
Code Issues Actions Packages Releases Activity

WIP

Browse Source
This commit is contained in:
Joakim Hellsén
2024-08-02 05:10:23 +02:00
parent 9252e41a15
commit 09b21d4f43
13 changed files with 940 additions and 74 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
core/templates/games.html
View File

@ -2,28 +2,33 @@
{% block content %}
<div class="container mt-4">
<div class="row">
{% for game in games %}
<div class="col-xl-3 col-lg-4 col-md-6 col-sm-12 mb-4">
<div class="card h-100 shadow-sm">
<img src="{{ game.image_url }}"
class="card-img-top"
alt="{{ game.display_name }}">
<div class="card-body d-flex flex-column">
<h5 class="card-title">{{ game.display_name }}</h5>
<div class="mt-auto">
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox" role="switch" id="new">
<label class="form-check-label" for="new">Notify when new</label>
</div>
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox" role="switch" id="live">
<label class="form-check-label" for="live">Notify when farmable</label>
<div class="col-lg-3">{{ toc|safe }}</div>
<div class="col-lg-9">
<div class="row">
{% for game in games %}
<div class="col-xl-3 col-lg-4 col-md-6 col-sm-12 mb-4">
<div class="card h-100 shadow-sm">
<img src="{{ game.image_url }}"
class="card-img-top"
alt="{{ game.display_name }}">
<div class="card-body d-flex flex-column">
<h5 class="card-title">{{ game.display_name }}</h5>
<div class="mt-auto">
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox" role="switch" id="new">
<label class="form-check-label" for="new">Notify when new</label>
</div>
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox" role="switch" id="live">
<label class="form-check-label" for="live">Notify when farmable</label>
</div>
</div>
</div>
</div>
</div>
</div>
{% endfor %}
</div>
{% endfor %}
</div>
</div>
</div>
{% endblock content %}

2
core/templates/index.html
View File

@ -3,7 +3,7 @@
{% block content %}
<div class="container mt-4">
<div class="row">
<div class="col-lg-3">{% include "partials/toc.html" %}</div>
<div class="col-lg-3">{{ toc|safe }}</div>
<div class="col-lg-9">
{% include "partials/info_box.html" %}
{% include "partials/news.html" %}

6
core/templates/partials/header.html
View File

@ -7,15 +7,15 @@
<li class="nav-item">
<a class="nav-link" href='{% url "core:games" %}'>Games</a>
</li>
<li>
<a class="nav-link" href='{% url "core:reward_campaigns" %}'>Reward campaigns</a>
</li>
<li class="nav-item">
<a class="nav-link" href=''>API</a>
</li>
<li class="nav-item d-none d-sm-block">
<a class="nav-link" href="https://github.com/sponsors/TheLovinator1">Donate</a>
</li>
<li>
<a class="nav-link" href='{% url "core:reward_campaigns" %}'>Reward campaigns</a>
</li>
</ul>
</nav>
</header>

12
core/templates/partials/reward_campaigns_toc.html
View File

@ -1,12 +0,0 @@
<div class="position-sticky d-none d-lg-block toc">
<div class="card">
<div class="card-body">
<div id="toc-list" class="list-group">
{% for campaign in reward_campaigns %}
<a class="list-group-item list-group-item-action plain-text-item"
href="#reward-{{ campaign.id }}">{{ campaign }}</a>
{% endfor %}
</div>
</div>
</div>
</div>

19
core/templates/partials/toc.html
View File

@ -1,19 +0,0 @@
<div class="position-sticky d-none d-lg-block toc">
<div class="card">
<div class="card-body">
<div id="toc-list" class="list-group">
<a class="list-group-item list-group-item-action plain-text-item"
href="#info-box">Information</a>
<a class="list-group-item list-group-item-action plain-text-item"
href="#game-list">Site news</a>
{% for org in orgs %}
{{ org }}
{% for game in org.games.all %}
<a class="list-group-item list-group-item-action plain-text-item"
href="#game-{{ game.game_id }}">{{ game.display_name }}</a>
{% endfor %}
{% endfor %}
</div>
</div>
</div>
</div>

2
core/templates/reward_campaigns.html
View File

@ -3,7 +3,7 @@
{% block content %}
<div class="container mt-4">
<div class="row">
<div class="col-lg-3">{% include "partials/reward_campaigns_toc.html" %}</div>
<div class="col-lg-3">{{ toc }}</div>
<div class="col-lg-9">
<h2>Reward Campaigns</h2>
<div>