improve song analytics

analytics.py

@@ -141,22 +141,34 @@ def return_file_access():
         return []
 
 def songs_dashboard():
-    days_param = request.args.get("days", "30")
+    if 'songs_dashboard_timeframe' not in session:
-    site = str(request.args.get("site", "Speyer"))
+        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():

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">
+            <li class="nav-item"><a href="{{ url_for('index') }}" class="nav-link">App</a></li>
-              <a href="{{ url_for('index') }}" class="nav-link">App</a>
+            <li class="nav-item"><a href="{{ url_for('mylinks') }}" class="nav-link">Meine Links</a></li>
-            </li>
+            <li class="nav-item"><a href="{{ url_for('connections') }}" class="nav-link">Verbindungen</a></li>
-            <li class="nav-item">
+            <li class="nav-item"><a href="{{ url_for('dashboard') }}" class="nav-link">Auswertung-Downloads</a></li>
-              <a href="{{ url_for('mylinks') }}" class="nav-link">Meine Links</a>
+            <li class="nav-item"><a href="{{ url_for('songs_dashboard') }}" class="nav-link">Auswertung-Wiederholungen</a></li>
-            </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>
           </ul>
         </div>
       </div>

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 }};

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>

templates/songs_dashboard.html

@@ -1,32 +1,163 @@
 <!DOCTYPE html>
 <html lang="en">
-<head>
+  <head>
     <meta charset="UTF-8">
-  <title>Gemeinsamer Gesang</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
-  <!-- Bootstrap CSS -->
+    <title>Dashboard - Verbindungsanalyse</title>
-  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet">
-</head>
+    <style>
-<body>
+      html, body {
-<div class="container mt-4">
+        height: 100%;
-  <h1>Dashboard: Gemeinsamer Gesang</h1>
+        margin: 0;
-  
+        padding: 0;
-  <!-- Timeframe selection form -->
+      }
-<form method="get" action="{{ url_for('songs_dashboard') }}" class="mb-3" onsubmit="this.submit();">
+      .container-fluid {
-    <div class="form-group">
+        height: 100%;
-        <label for="siteSelect">Gemeindehaus</label>
+        display: flex;
-        <select class="form-control" id="siteSelect" name="site" onchange="this.form.submit();">
+        flex-direction: column;
-            <option value="Speyer" {% if site == "Speyer" %}selected{% endif %}>Speyer</option>
+      }
-            <option value="Schwegenheim" {% if site == "Schwegenheim" %}selected{% endif %}>Schwegenheim</option>
+      .card {
-        </select>
+        margin-bottom: 1.5rem;
-        <label for="timeframeSelect">Zeitrahmen (in Tage)</label>
+      }
-        <select class="form-control" id="timeframeSelect" name="days" onchange="this.form.submit();">
+    </style>
-            <option value="7" {% if timeframe == 7 %}selected{% endif %}>letzte 7 Tage</option>
+  </head>
-            <option value="30" {% if timeframe == 30 %}selected{% endif %}>letzte 30 Tage</option>
+  <body>
-            <option value="365" {% if timeframe == 365 %}selected{% endif %}>letzte 365 Tage</option>
+    <!-- Navigation Bar -->
-            <option value="all" {% if timeframe == "all" %}selected{% endif %}>Alle Jahre</option>
+    <nav class="navbar navbar-expand-lg navbar-dark bg-secondary mb-3">
-        </select>
+      <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> 
-</form>
   
     <!-- Table Output -->
     <table class="table table-bordered">
@@ -45,6 +176,7 @@
         {% endfor %}
       </tbody>
     </table>
-</div>
+  </div>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
 </body>
 </html>