From bdb4710f0c4c2ac94202bebecb70026243eae9b2 Mon Sep 17 00:00:00 2001
From: lelo <leonid.firus@outlook.com>
Date: Sat, 10 May 2025 19:07:25 +0200
Subject: [PATCH] small gui fixes

---
 templates/base.html            |   4 +-
 templates/mylinks.html         |  30 ++--
 templates/songs_dashboard.html | 271 ++++++++++++++++-----------------
 3 files changed, 150 insertions(+), 155 deletions(-)

diff --git a/templates/base.html b/templates/base.html
index f110b80..a6949b5 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -41,9 +41,9 @@
         <span> | </span>
         <a href="{{ url_for('connections') }}">Verbindungen</a>
         <span> | </span>
-        <a href="{{ url_for('dashboard') }}">Auswertung-Downloads</a>
+        <a href="{{ url_for('dashboard') }}">Dashbord</a>
         <span> | </span>
-        <a href="{{ url_for('songs_dashboard') }}">Auswertung-Wiederholungen</a>
+        <a href="{{ url_for('songs_dashboard') }}">Wiederholungen</a>
         {% if admin_enabled %}
         <span> | </span>
         <a href="{{ url_for('folder_secret_config_editor') }}" id="edit-folder-config">Ordnerkonfiguration</a>
diff --git a/templates/mylinks.html b/templates/mylinks.html
index 65c18de..1a0fd4f 100644
--- a/templates/mylinks.html
+++ b/templates/mylinks.html
@@ -6,8 +6,10 @@
 
 {# page‐specific content #}
 {% block content %}
+ 
+<!-- Main Container -->
 <div class="container">
-  <h2>Übersicht deiner gültigen Links</h2>
+  <h2>Übersicht deiner Links</h2>
   <div class="row">
     {% if valid_secrets %}
       {% for secret in valid_secrets %}
@@ -17,7 +19,7 @@
                  class="card-img-top qr-code p-3"
                  alt="QR Code for secret">
             <div class="card-body">
-              <h5 class="card-title">Geheimnis: {{ secret }}</h5>
+              <h5 class="card-title">Secret Link:</h5>
               <p class="card-text">
                 <small class="text-muted">Gültig bis: {{ secret_valid_to[secret] }}</small>
               </p>
@@ -29,16 +31,14 @@
                 <button type="submit" class="btn btn-danger btn-sm">Link entfernen</button>
               </form>
               {% if secret_folders[secret] %}
-                <h6 class="mt-3">Ordner</h6>
-                <ul class="list-group list-group-flush">
+                <h5 class="mt-3">Ordner:</h5>
+                  <div class="list-group">
                   {% for folder in secret_folders[secret] %}
-                    <li class="list-group-item">
-                      <strong>{{ folder.foldername }}</strong>
-                    </li>
+                    <a class="btn btn-outline-secondary" style="margin: 5px;" href="/path/{{ folder.foldername }}">{{ folder.foldername }}</a>
                   {% endfor %}
-                </ul>
+                  </div>
               {% else %}
-                <p class="text-muted">Keine Ordner für dieses Gemeimnis hinterlegt.</p>
+                <p class="text-muted">Keine Ordner für dieses Secret hinterlegt.</p>
               {% endif %}
             </div>
           </div>
@@ -66,16 +66,14 @@
                 <button type="submit" class="btn btn-danger btn-sm">Link entfernen</button>
               </form>
               {% if token_folders[token] %}
-                <h6 class="mt-3">Ordner</h6>
-                <ul class="list-group list-group-flush">
+                <h5 class="mt-3">Ordner:</h5>
+                  <div class="list-group">
                   {% for folder in token_folders[token] %}
-                    <li class="list-group-item">
-                      <strong>{{ folder.foldername }}</strong>
-                    </li>
+                    <a class="btn btn-outline-secondary" style="margin: 5px;" href="/path/{{ folder.foldername }}">{{ folder.foldername }}</a>
                   {% endfor %}
-                </ul>
+                  </div>
               {% else %}
-                <p class="text-muted">Keine Ordner für dieses Gemeimnis hinterlegt.</p>
+                <p class="text-muted">Keine Ordner für diesen Token hinterlegt.</p>
               {% endif %}
             </div>
           </div>
diff --git a/templates/songs_dashboard.html b/templates/songs_dashboard.html
index a08c7e5..c283047 100644
--- a/templates/songs_dashboard.html
+++ b/templates/songs_dashboard.html
@@ -7,147 +7,144 @@
 {# page content #}
 {% block content %}
 
-    <!-- Main Container -->
-    <div class="container-fluid px-4">
-      <h2>Analyse Wiederholungen</h2>
-      <!-- Dropdown Controls -->
-      <div class="mb-4 d-flex flex-wrap gap-2">
+<!-- Main Container -->
+<div class="container-fluid px-4">
+  <h2>Analyse Wiederholungen</h2>
+  <!-- Dropdown Controls -->
+  <div class="mb-4 d-flex flex-wrap gap-2">
+    <!-- Site Dropdown -->
+    <div class="dropdown">
+      <button class="btn btn-secondary dropdown-toggle" 
+              type="button" id="siteDropdown" data-bs-toggle="dropdown" aria-expanded="false">
+        {% if session['songs_dashboard_site'] == 'Speyer' %}
+          Speyer
+        {% elif session['songs_dashboard_site'] == 'Schwegenheim' %}
+          Schwegenheim
+        {% else %}
+          Select Site
+        {% endif %}
+      </button>
+      <ul class="dropdown-menu" aria-labelledby="siteDropdown">
+        <li>
+          <a class="dropdown-item {% if session['songs_dashboard_site'] == 'Speyer' %}active{% endif %}" 
+            href="{{ url_for('songs_dashboard', site='Speyer') }}">
+            Speyer
+          </a>
+        </li>
+        <li>
+          <a class="dropdown-item {% if session['songs_dashboard_site'] == 'Schwegenheim' %}active{% endif %}" 
+            href="{{ url_for('songs_dashboard', site='Schwegenheim') }}">
+            Schwegenheim
+          </a>
+        </li>
+      </ul>
+    </div>
+    
+    <!-- Timeframe Dropdown -->
+    <div class="dropdown">
+      <button class="btn btn-secondary dropdown-toggle" 
+              type="button" id="timeframeDropdown" data-bs-toggle="dropdown" aria-expanded="false">
+        {% if session['songs_dashboard_timeframe'] == '7' %}
+          Last 7 Days
+        {% elif session['songs_dashboard_timeframe'] == '30' %}
+          Last 30 Days
+        {% elif session['songs_dashboard_timeframe'] == '90' %}
+          Last 90 Days
+        {% elif session['songs_dashboard_timeframe'] == '365' %}
+          Last 365 Days
+        {% elif session['songs_dashboard_timeframe'] == 'all' %}
+          All Data
+        {% else %}
+          Select Timeframe
+        {% endif %}
+      </button>
+      <ul class="dropdown-menu" aria-labelledby="timeframeDropdown">
+        <li>
+          <a class="dropdown-item {% if session['songs_dashboard_timeframe'] == '7' %}active{% endif %}" 
+            href="{{ url_for('songs_dashboard', timeframe='7') }}">
+            Last 7 Days
+          </a>
+        </li>
+        <li>
+          <a class="dropdown-item {% if session['songs_dashboard_timeframe'] == '30' %}active{% endif %}" 
+            href="{{ url_for('songs_dashboard', timeframe='30') }}">
+            Last 30 Days
+          </a>
+        </li>
+        <li>
+          <a class="dropdown-item {% if session['songs_dashboard_timeframe'] == '90' %}active{% endif %}" 
+            href="{{ url_for('songs_dashboard', timeframe='90') }}">
+            Last 90 Days
+          </a>
+        </li>
+        <li>
+          <a class="dropdown-item {% if session['songs_dashboard_timeframe'] == '365' %}active{% endif %}" 
+            href="{{ url_for('songs_dashboard', timeframe='365') }}">
+            Last 365 Days
+          </a>
+        </li>
+        <li>
+          <a class="dropdown-item {% if session['songs_dashboard_timeframe'] == 'all' %}active{% endif %}" 
+            href="{{ url_for('songs_dashboard', timeframe='all') }}">
+            All Data
+          </a>
+        </li>
+      </ul>
+    </div>
 
-        <!-- Site Dropdown -->
-        <div class="dropdown">
-          <button class="btn btn-secondary dropdown-toggle" 
-                  type="button" id="siteDropdown" data-bs-toggle="dropdown" aria-expanded="false">
-            {% if session['songs_dashboard_site'] == 'Speyer' %}
-              Speyer
-            {% elif session['songs_dashboard_site'] == 'Schwegenheim' %}
-              Schwegenheim
-            {% else %}
-              Select Site
-            {% endif %}
-          </button>
-          <ul class="dropdown-menu" aria-labelledby="siteDropdown">
-            <li>
-              <a class="dropdown-item {% if session['songs_dashboard_site'] == 'Speyer' %}active{% endif %}" 
-                href="{{ url_for('songs_dashboard', site='Speyer') }}">
-                Speyer
-              </a>
-            </li>
-            <li>
-              <a class="dropdown-item {% if session['songs_dashboard_site'] == 'Schwegenheim' %}active{% endif %}" 
-                href="{{ url_for('songs_dashboard', site='Schwegenheim') }}">
-                Schwegenheim
-              </a>
-            </li>
-          </ul>
-        </div>
-        
-        <!-- Timeframe Dropdown -->
-        <div class="dropdown">
-          <button class="btn btn-secondary dropdown-toggle" 
-                  type="button" id="timeframeDropdown" data-bs-toggle="dropdown" aria-expanded="false">
-            {% if session['songs_dashboard_timeframe'] == '7' %}
-              Last 7 Days
-            {% elif session['songs_dashboard_timeframe'] == '30' %}
-              Last 30 Days
-            {% elif session['songs_dashboard_timeframe'] == '90' %}
-              Last 90 Days
-            {% elif session['songs_dashboard_timeframe'] == '365' %}
-              Last 365 Days
-            {% elif session['songs_dashboard_timeframe'] == 'all' %}
-              All Data
-            {% else %}
-              Select Timeframe
-            {% endif %}
-          </button>
-          <ul class="dropdown-menu" aria-labelledby="timeframeDropdown">
-            <li>
-              <a class="dropdown-item {% if session['songs_dashboard_timeframe'] == '7' %}active{% endif %}" 
-                href="{{ url_for('songs_dashboard', timeframe='7') }}">
-                Last 7 Days
-              </a>
-            </li>
-            <li>
-              <a class="dropdown-item {% if session['songs_dashboard_timeframe'] == '30' %}active{% endif %}" 
-                href="{{ url_for('songs_dashboard', timeframe='30') }}">
-                Last 30 Days
-              </a>
-            </li>
-            <li>
-              <a class="dropdown-item {% if session['songs_dashboard_timeframe'] == '90' %}active{% endif %}" 
-                href="{{ url_for('songs_dashboard', timeframe='90') }}">
-                Last 90 Days
-              </a>
-            </li>
-            <li>
-              <a class="dropdown-item {% if session['songs_dashboard_timeframe'] == '365' %}active{% endif %}" 
-                href="{{ url_for('songs_dashboard', timeframe='365') }}">
-                Last 365 Days
-              </a>
-            </li>
-            <li>
-              <a class="dropdown-item {% if session['songs_dashboard_timeframe'] == 'all' %}active{% endif %}" 
-                href="{{ url_for('songs_dashboard', timeframe='all') }}">
-                All Data
-              </a>
-            </li>
-          </ul>
-        </div>
-
-        <!-- category Dropdown -->
-        <div class="dropdown">
-          <button class="btn btn-secondary dropdown-toggle" type="button" id="categoryDropdown" data-bs-toggle="dropdown" aria-expanded="false">
-            {% if session['songs_dashboard_category'] == 'Gemeinsamer Gesang' %}
+    <!-- category Dropdown -->
+    <div class="dropdown">
+      <button class="btn btn-secondary dropdown-toggle" type="button" id="categoryDropdown" data-bs-toggle="dropdown" aria-expanded="false">
+        {% if session['songs_dashboard_category'] == 'Gemeinsamer Gesang' %}
+        Gemeinsamer Gesang
+        {% elif session['songs_dashboard_category'] == 'Chor' %}
+        Chor
+        {% elif session['songs_dashboard_category'] == 'Gruppenlied' %}
+        Gruppenlied
+        {% else %}
+        Select Category
+        {% endif %}
+      </button>
+      <ul class="dropdown-menu" aria-labelledby="categoryDropdown">
+        <li>
+          <a class="dropdown-item {% if session['songs_dashboard_category'] == 'Gemeinsamer Gesang' %}active{% endif %}" 
+            href="{{ url_for('songs_dashboard', category='Gemeinsamer Gesang') }}">
             Gemeinsamer Gesang
-            {% elif session['songs_dashboard_category'] == 'Chor' %}
+          </a>
+        </li>
+        <li>
+          <a class="dropdown-item {% if session['songs_dashboard_category'] == 'Chor' %}active{% endif %}" 
+            href="{{ url_for('songs_dashboard', category='Chor') }}">
             Chor
-            {% elif session['songs_dashboard_category'] == 'Gruppenlied' %}
+          </a>
+        </li>
+        <li>
+          <a class="dropdown-item {% if session['songs_dashboard_category'] == 'Gruppenlied' %}active{% endif %}" 
+            href="{{ url_for('songs_dashboard', category='Gruppenlied') }}">
             Gruppenlied
-            {% else %}
-            Select Category
-            {% endif %}
-          </button>
-          <ul class="dropdown-menu" aria-labelledby="categoryDropdown">
-            <li>
-              <a class="dropdown-item {% if session['songs_dashboard_category'] == 'Gemeinsamer Gesang' %}active{% endif %}" 
-                href="{{ url_for('songs_dashboard', category='Gemeinsamer Gesang') }}">
-                Gemeinsamer Gesang
-              </a>
-            </li>
-            <li>
-              <a class="dropdown-item {% if session['songs_dashboard_category'] == 'Chor' %}active{% endif %}" 
-                href="{{ url_for('songs_dashboard', category='Chor') }}">
-                Chor
-              </a>
-            </li>
-            <li>
-              <a class="dropdown-item {% if session['songs_dashboard_category'] == 'Gruppenlied' %}active{% endif %}" 
-                href="{{ url_for('songs_dashboard', category='Gruppenlied') }}">
-                Gruppenlied
-              </a>
-            </li>
-          </ul>
-        </div>
-      </div> 
-  
-    <!-- Table Output -->
-    <table class="table table-bordered">
-      <thead>
+          </a>
+        </li>
+      </ul>
+    </div>
+  </div> 
+
+  <!-- Table Output -->
+  <table class="table table-bordered">
+    <thead>
+      <tr>
+        <th>Anzahl</th>
+        <th>Titel</th>
+      </tr>
+    </thead>
+    <tbody>
+      {% for count, titel in performance_data %}
         <tr>
-          <th>Anzahl</th>
-          <th>Titel</th>
+          <td>{{ count }}</td>
+          <td>{{ titel }}</td>
         </tr>
-      </thead>
-      <tbody>
-        {% for count, titel in performance_data %}
-          <tr>
-            <td>{{ count }}</td>
-            <td>{{ titel }}</td>
-          </tr>
-        {% endfor %}
-      </tbody>
-    </table>
-  </div>
-<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
-</body>
-</html>
+      {% endfor %}
+    </tbody>
+  </table>
+</div>
+
 {% endblock %}
\ No newline at end of file