Major Overhaul: Cleanup Unused Files
This commit is contained in:
@@ -1,49 +0,0 @@
|
||||
<div class="col" id="item-id-{{ item.id }}">
|
||||
<div class="card shadow h-100 d-flex flex-column position-relative">
|
||||
|
||||
<!-- Badge: Only show if status is available (i.e., playlist has been requested) -->
|
||||
{% if item.status %}
|
||||
<span style="z-index: 99;" class="badge position-absolute top-0 end-0 m-2
|
||||
{% if item.status == 'green' %} bg-success
|
||||
{% elif item.status == 'yellow' %} bg-warning text-dark
|
||||
{% else %} bg-danger {% endif %}" data-bs-toggle="tooltip" title="{% if item.track_count > 0 %}
|
||||
{{ item.tracks_available }} Track Available / {{ item.tracks_linked}} Tracks linked/ {{ item.track_count}} Total
|
||||
{%endif%}
|
||||
">
|
||||
{% if item.track_count > 0 %}
|
||||
{{ item.tracks_available }} / {{ item.tracks_linked}} / {{ item.track_count}}
|
||||
{% else %}
|
||||
not Available
|
||||
{% endif %}
|
||||
</span>
|
||||
{% endif %}
|
||||
|
||||
<!-- Card Image -->
|
||||
<div style="position: relative;">
|
||||
<img src="{{ item.image }}" class="card-img-top" alt="{{ item.name }}">
|
||||
</div>
|
||||
|
||||
<!-- Card Body -->
|
||||
<div class="card-body d-flex flex-column justify-content-between">
|
||||
<div>
|
||||
<h5 class="card-title">{{ item.name }}</h5>
|
||||
<p class="card-text">{{ item.description }}</p>
|
||||
</div>
|
||||
<div class="mt-auto pt-3">
|
||||
{% if item.type == 'category'%}
|
||||
<a href="{{ item.url }}" class="btn btn-primary" data-bs-toggle="tooltip" title="View Playlists">
|
||||
<i class="fa-solid fa-eye"></i>
|
||||
</a>
|
||||
{%else%}
|
||||
|
||||
<a href="/playlist/view/{{ item.id }}" class="btn btn-primary" data-bs-toggle="tooltip"
|
||||
title="View Playlist details">
|
||||
<i class="fa-solid fa-eye"></i>
|
||||
</a>
|
||||
{%endif%}
|
||||
{% include 'partials/_add_remove_button.html' %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,24 +0,0 @@
|
||||
{% for item in items %}
|
||||
{% include 'partials/_spotify_item.html' %}
|
||||
|
||||
{% endfor %}
|
||||
|
||||
{% if next_offset < total_items %}
|
||||
<div hx-get="{{ endpoint }}?offset={{ next_offset }}{{ additional_query }}"
|
||||
hx-trigger="revealed"
|
||||
hx-swap="beforeend"
|
||||
hx-indicator=".loading-indicator"
|
||||
hx-target="#items-container"
|
||||
class="loading-indicator text-center">
|
||||
Loading more items...
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
<script>
|
||||
// Show the loading indicator only when it is active
|
||||
document.querySelectorAll('.loading-indicator').forEach(indicator => {
|
||||
indicator.addEventListener('htmx:afterRequest', () => {
|
||||
indicator.style.display = 'none'; // Hide the indicator after the request completes
|
||||
});
|
||||
});
|
||||
</script>
|
||||
@@ -1,18 +0,0 @@
|
||||
<div class="toast align-items-center text-white {{ 'bg-success' if success else 'bg-danger' }} border-0" role="alert"
|
||||
aria-live="assertive" aria-atomic="true" style="position: fixed; bottom: 20px; right: 20px; z-index: 1000;">
|
||||
<div class="d-flex">
|
||||
<div class="toast-body">
|
||||
{{ message }}
|
||||
</div>
|
||||
<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast"
|
||||
aria-label="Close"></button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
var toastElList = [].slice.call(document.querySelectorAll('.toast'))
|
||||
var toastList = toastElList.map(function (toastEl) {
|
||||
return new bootstrap.Toast(toastEl)
|
||||
})
|
||||
toastList.forEach(toast => toast.show());
|
||||
</script>
|
||||
Reference in New Issue
Block a user