From 5135ceca130b1be11011ce481749b896afba8a3b Mon Sep 17 00:00:00 2001
From: Kobe <kobeamerijckx@outlook.com>
Date: Sun, 25 May 2025 20:25:15 +0200
Subject: [PATCH] adjust header to work with trash empty button

---
 templates/components/header.html | 27 +++++++++++++++++++--------
 templates/profile/profile.html   |  1 -
 templates/trash/trash.html       | 19 +++++++++++++++----
 3 files changed, 34 insertions(+), 13 deletions(-)

diff --git a/templates/components/header.html b/templates/components/header.html
index 2ca7216..f17118e 100644
--- a/templates/components/header.html
+++ b/templates/components/header.html
@@ -13,14 +13,25 @@
             </div>
             {% if button_text and button_url %}
                 <div>
-                    <button onclick="window.location.href='{{ button_url }}'" 
-                            class="btn {{ button_class if button_class else '' }}" 
-                            style="{{ 'background-color: #16767b; color: white;' if not button_class else '' }}{{ '; ' + button_style if button_style else '' }}">
-                        {% if button_icon %}
-                            <i class="fas {{ button_icon }} me-1"></i>
-                        {% endif %}
-                        {{ button_text }}
-                    </button>
+                    {% if button_url == "#" %}
+                        <button id="emptyTrashBtn"
+                                class="btn {{ button_class if button_class else '' }}" 
+                                style="{{ 'background-color: #16767b; color: white;' if not button_class else '' }}{{ '; ' + button_style if button_style else '' }}">
+                            {% if button_icon %}
+                                <i class="fas {{ button_icon }} me-1"></i>
+                            {% endif %}
+                            {{ button_text }}
+                        </button>
+                    {% else %}
+                        <button onclick="window.location.href='{{ button_url }}'" 
+                                class="btn {{ button_class if button_class else '' }}" 
+                                style="{{ 'background-color: #16767b; color: white;' if not button_class else '' }}{{ '; ' + button_style if button_style else '' }}">
+                            {% if button_icon %}
+                                <i class="fas {{ button_icon }} me-1"></i>
+                            {% endif %}
+                            {{ button_text }}
+                        </button>
+                    {% endif %}
                 </div>
             {% endif %}
         </div>
diff --git a/templates/profile/profile.html b/templates/profile/profile.html
index 45840af..9dd09ca 100644
--- a/templates/profile/profile.html
+++ b/templates/profile/profile.html
@@ -18,7 +18,6 @@
         <form method="POST" enctype="multipart/form-data" class="bg-white rounded-lg shadow overflow-hidden">
             <!-- Profile Picture Section -->
             <div class="p-4 border-b border-gray-200">
-                <h2 class="text-lg font-medium text-gray-900 mb-3">Profile Picture</h2>
                 <div class="flex flex-col items-center">
                     <div class="relative group flex flex-col items-center">
                         <label for="profile_picture" class="cursor-pointer">
diff --git a/templates/trash/trash.html b/templates/trash/trash.html
index b1070ab..7c1ba42 100644
--- a/templates/trash/trash.html
+++ b/templates/trash/trash.html
@@ -32,10 +32,21 @@
 {% block extra_js %}
 <script src="{{ url_for('static', filename='js/file-grid.js') }}"></script>
 <script>
-    // Update the empty trash button click handler
-    document.querySelector('a[href="#"]').addEventListener('click', function(e) {
-        e.preventDefault();
-        showEmptyTrashModal();
+    document.addEventListener('DOMContentLoaded', function() {
+        // Add event listener for the empty trash button
+        const emptyTrashBtn = document.getElementById('emptyTrashBtn');
+        if (emptyTrashBtn) {
+            emptyTrashBtn.addEventListener('click', function(e) {
+                e.preventDefault();
+                showEmptyTrashModal();
+            });
+        }
+
+        // Add event listener for the confirm empty trash button
+        const confirmEmptyTrashBtn = document.getElementById('confirmEmptyTrash');
+        if (confirmEmptyTrashBtn) {
+            confirmEmptyTrashBtn.addEventListener('click', emptyTrash);
+        }
     });
 </script>
 {% endblock %} 
\ No newline at end of file