From bdab83e4645d4f63bfbef3393f3ac48d21fe82d3 Mon Sep 17 00:00:00 2001
From: Kamil <abcde@fghijk.lmno>
Date: Mon, 25 Nov 2024 17:20:30 +0000
Subject: [PATCH] UI update to be able to wipe playlist

---
 templates/partials/_add_remove_button.html | 13 +++++++++++--
 templates/partials/_spotify_item.html      |  2 +-
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/templates/partials/_add_remove_button.html b/templates/partials/_add_remove_button.html
index a8b8dfd..cd91833 100644
--- a/templates/partials/_add_remove_button.html
+++ b/templates/partials/_add_remove_button.html
@@ -4,9 +4,18 @@
   hx-vals='{"item_id": "{{ item.id }}", "item_name": "{{ item.name }}"}'>
   <i class="fa-solid fa-circle-plus"> </i>
 </button>
+
 {% elif item.can_remove %}
-<button class="btn btn-warning" hx-delete="{{ url_for('delete_playlist', playlist_id=item['jellyfin_id']) }}"
+<span id="item-can-remove-{{ item.id }}" >
+  <button class="btn btn-warning" hx-delete="{{ url_for('delete_playlist', playlist_id=item['jellyfin_id']) }}" 
   hx-include="this" hx-swap="outerHTML" hx-target="this" data-bs-toggle="tooltip" title="Remove from Jellyfin">
   <i class="fa-solid fa-circle-minus"> </i>
 </button>
-{% endif %}
\ No newline at end of file
+{% endif %}
+{% if session['is_admin'] and item.can_remove %}
+<button class="btn btn-danger " hx-delete="{{ url_for('wipe_playlist', playlist_id=item['jellyfin_id']) }}"
+hx-include="this" hx-swap="outerHTML" hx-target="#item-can-remove-{{ item.id }}" data-bs-toggle="tooltip" title="Delete playlist from monitoring and remove (DELETE FOR ALL USERS) from Jellyfin">
+<i class="fa-solid fa-trash"> </i>
+</button>
+</span>
+{% endif%}
\ No newline at end of file
diff --git a/templates/partials/_spotify_item.html b/templates/partials/_spotify_item.html
index 50df09f..0ffd45d 100644
--- a/templates/partials/_spotify_item.html
+++ b/templates/partials/_spotify_item.html
@@ -1,4 +1,4 @@
-<div class="col">
+<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) -->