From 1822fc20cb56d76146b833c5efdee122eaab3e0f Mon Sep 17 00:00:00 2001
From: lelo <leonid.firus@outlook.com>
Date: Sat, 12 Apr 2025 19:49:53 +0000
Subject: [PATCH] improve song analytics

---
 analytics.py                   |  24 +++-
 templates/connections.html     |  17 +--
 templates/dashboard.html       |   5 +-
 templates/mylinks.html         |   3 +-
 templates/songs_dashboard.html | 218 ++++++++++++++++++++++++++-------
 5 files changed, 203 insertions(+), 64 deletions(-)

diff --git a/analytics.py b/analytics.py
index 145d7b1..49a8a71 100644
--- a/analytics.py
+++ b/analytics.py
@@ -141,22 +141,34 @@ def return_file_access():
         return []
 
 def songs_dashboard():
-    days_param = request.args.get("days", "30")
-    site = str(request.args.get("site", "Speyer"))
+    if 'songs_dashboard_timeframe' not in session:
+        session['songs_dashboard_timeframe'] = "30"
+    timeframe_param = request.args.get("timeframe", session['songs_dashboard_timeframe'])
+    session['songs_dashboard_timeframe'] = timeframe_param
+    
+    if 'songs_dashboard_category' not in session:
+        session['songs_dashboard_category'] = "Gemeinsamer Gesang"
+    category = request.args.get("category", session['songs_dashboard_category'])
+    session['songs_dashboard_category'] = category
+    
+    if 'songs_dashboard_site' not in session:
+        session['songs_dashboard_site'] = "Speyer"
+    site = request.args.get("site", session['songs_dashboard_site'])
+    session['songs_dashboard_site'] = site
     
     # Determine cutoff_date based on the days parameter
-    if days_param == "all":
+    if timeframe_param == "all":
         cutoff_date = None  # No date filtering when analyzing all time
         timeframe = "all"   # Pass the string to the template if needed
     else:
-        timeframe = int(days_param)
+        timeframe = int(timeframe_param)
         now = datetime.now()
         cutoff_date = now - timedelta(days=timeframe)
     
     cursor = search_db.cursor()
     # Query rows with category "Gemeinsamer Gesang"
     query = "SELECT titel, performance_date FROM files WHERE category = ? and site = ?"
-    cursor.execute(query, ('Gemeinsamer Gesang', site))
+    cursor.execute(query, (category, site))
     rows = cursor.fetchall()
     
     # Group and count performances per titel (only if performance_date is within the timeframe,
@@ -177,7 +189,7 @@ def songs_dashboard():
     performance_data = [(count, titel) for titel, count in performance_counts.items()]
     performance_data.sort(reverse=True, key=lambda x: x[0])
     
-    return render_template('songs_dashboard.html', timeframe=timeframe, performance_data=performance_data, site=site)
+    return render_template('songs_dashboard.html', timeframe=timeframe_param, performance_data=performance_data, site=site, category=category)
 
 @require_secret
 def connections():
diff --git a/templates/connections.html b/templates/connections.html
index ad0e15d..be84e10 100644
--- a/templates/connections.html
+++ b/templates/connections.html
@@ -67,18 +67,11 @@
         <a class="navbar-brand" href="#">Downloads der letzten 10 Minuten</a>
         <div class="navbar-collapse" id="navbarNav">
           <ul class="navbar-nav ms-auto">
-            <li class="nav-item">
-              <a href="{{ url_for('index') }}" class="nav-link">App</a>
-            </li>
-            <li class="nav-item">
-              <a href="{{ url_for('mylinks') }}" class="nav-link">Meine Links</a>
-            </li>
-            <li class="nav-item">
-              <a href="{{ url_for('connections') }}" class="nav-link">Verbindungen</a>
-            </li>
-            <li class="nav-item">
-              <a href="{{ url_for('dashboard') }}" class="nav-link">Auswertung</a>
-            </li>
+            <li class="nav-item"><a href="{{ url_for('index') }}" class="nav-link">App</a></li>
+            <li class="nav-item"><a href="{{ url_for('mylinks') }}" class="nav-link">Meine Links</a></li>
+            <li class="nav-item"><a href="{{ url_for('connections') }}" class="nav-link">Verbindungen</a></li>
+            <li class="nav-item"><a href="{{ url_for('dashboard') }}" class="nav-link">Auswertung-Downloads</a></li>
+            <li class="nav-item"><a href="{{ url_for('songs_dashboard') }}" class="nav-link">Auswertung-Wiederholungen</a></li>
           </ul>
         </div>
       </div>
diff --git a/templates/dashboard.html b/templates/dashboard.html
index e22f2a5..edfa580 100644
--- a/templates/dashboard.html
+++ b/templates/dashboard.html
@@ -31,7 +31,8 @@
             <li class="nav-item"><a href="{{ url_for('index') }}" class="nav-link">App</a></li>
             <li class="nav-item"><a href="{{ url_for('mylinks') }}" class="nav-link">Meine Links</a></li>
             <li class="nav-item"><a href="{{ url_for('connections') }}" class="nav-link">Verbindungen</a></li>
-            <li class="nav-item"><a href="{{ url_for('dashboard') }}" class="nav-link">Auswertung</a></li>
+            <li class="nav-item"><a href="{{ url_for('dashboard') }}" class="nav-link">Auswertung-Downloads</a></li>
+            <li class="nav-item"><a href="{{ url_for('songs_dashboard') }}" class="nav-link">Auswertung-Wiederholungen</a></li>
           </ul>
         </div>
       </div>
@@ -272,8 +273,8 @@
     </div>
 
     <!-- Scripts -->
-    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
     <script>
       // Data passed from the backend as JSON
       let distinctDeviceData = {{ distinct_device_data|tojson }};
diff --git a/templates/mylinks.html b/templates/mylinks.html
index f0e54d1..030754f 100644
--- a/templates/mylinks.html
+++ b/templates/mylinks.html
@@ -33,7 +33,8 @@
             <li class="nav-item"><a href="{{ url_for('index') }}" class="nav-link">App</a></li>
             <li class="nav-item"><a href="{{ url_for('mylinks') }}" class="nav-link">Meine Links</a></li>
             <li class="nav-item"><a href="{{ url_for('connections') }}" class="nav-link">Verbindungen</a></li>
-            <li class="nav-item"><a href="{{ url_for('dashboard') }}" class="nav-link">Auswertung</a></li>
+            <li class="nav-item"><a href="{{ url_for('dashboard') }}" class="nav-link">Auswertung-Downloads</a></li>
+            <li class="nav-item"><a href="{{ url_for('songs_dashboard') }}" class="nav-link">Auswertung-Wiederholungen</a></li>
           </ul>
         </div>
       </div>
diff --git a/templates/songs_dashboard.html b/templates/songs_dashboard.html
index b202a78..5a7936d 100644
--- a/templates/songs_dashboard.html
+++ b/templates/songs_dashboard.html
@@ -1,50 +1,182 @@
 <!DOCTYPE html>
 <html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <title>Gemeinsamer Gesang</title>
-  <!-- Bootstrap CSS -->
-  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
-</head>
-<body>
-<div class="container mt-4">
-  <h1>Dashboard: Gemeinsamer Gesang</h1>
+  <head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Dashboard - Verbindungsanalyse</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet">
+    <style>
+      html, body {
+        height: 100%;
+        margin: 0;
+        padding: 0;
+      }
+      .container-fluid {
+        height: 100%;
+        display: flex;
+        flex-direction: column;
+      }
+      .card {
+        margin-bottom: 1.5rem;
+      }
+    </style>
+  </head>
+  <body>
+    <!-- Navigation Bar -->
+    <nav class="navbar navbar-expand-lg navbar-dark bg-secondary mb-3">
+      <div class="container-fluid">
+        <a class="navbar-brand" href="#">Dashboard - Analyse Wiederholungen</a>
+        <div class="navbar-collapse" id="navbarNav">
+          <ul class="navbar-nav ms-auto">
+            <li class="nav-item"><a href="{{ url_for('index') }}" class="nav-link">App</a></li>
+            <li class="nav-item"><a href="{{ url_for('mylinks') }}" class="nav-link">Meine Links</a></li>
+            <li class="nav-item"><a href="{{ url_for('connections') }}" class="nav-link">Verbindungen</a></li>
+            <li class="nav-item"><a href="{{ url_for('dashboard') }}" class="nav-link">Auswertung-Downloads</a></li>
+            <li class="nav-item"><a href="{{ url_for('songs_dashboard') }}" class="nav-link">Auswertung-Wiederholungen</a></li>
+          </ul>
+        </div>
+      </div>
+    </nav>
+
+    <!-- Main Container -->
+    <div class="container-fluid px-4">
+      <!-- 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>
+
+        <!-- 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
+              </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> 
   
-  <!-- Timeframe selection form -->
-<form method="get" action="{{ url_for('songs_dashboard') }}" class="mb-3" onsubmit="this.submit();">
-    <div class="form-group">
-        <label for="siteSelect">Gemeindehaus</label>
-        <select class="form-control" id="siteSelect" name="site" onchange="this.form.submit();">
-            <option value="Speyer" {% if site == "Speyer" %}selected{% endif %}>Speyer</option>
-            <option value="Schwegenheim" {% if site == "Schwegenheim" %}selected{% endif %}>Schwegenheim</option>
-        </select>
-        <label for="timeframeSelect">Zeitrahmen (in Tage)</label>
-        <select class="form-control" id="timeframeSelect" name="days" onchange="this.form.submit();">
-            <option value="7" {% if timeframe == 7 %}selected{% endif %}>letzte 7 Tage</option>
-            <option value="30" {% if timeframe == 30 %}selected{% endif %}>letzte 30 Tage</option>
-            <option value="365" {% if timeframe == 365 %}selected{% endif %}>letzte 365 Tage</option>
-            <option value="all" {% if timeframe == "all" %}selected{% endif %}>Alle Jahre</option>
-        </select>
-    </div>
-</form>
-  
-  <!-- Table Output -->
-  <table class="table table-bordered">
-    <thead>
-      <tr>
-        <th>Anzahl</th>
-        <th>Titel</th>
-      </tr>
-    </thead>
-    <tbody>
-      {% for count, titel in performance_data %}
+    <!-- Table Output -->
+    <table class="table table-bordered">
+      <thead>
         <tr>
-          <td>{{ count }}</td>
-          <td>{{ titel }}</td>
+          <th>Anzahl</th>
+          <th>Titel</th>
         </tr>
-      {% endfor %}
-    </tbody>
-  </table>
-</div>
+      </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>