fix download

app.py

@@ -7,7 +7,8 @@ from flask import ( Flask, jsonify, render_template, request,
                     send_file,
                     Response,
                     render_template_string,
-                    redirect)
+                    redirect,
+                    send_file)
 import pandas as pd
 import plotly.graph_objects as go
 from sqlalchemy import create_engine
@@ -21,6 +22,7 @@ from utilities.plotting import (get_validation_json,
                                 get_lst_topdepartment, 
                                 get_wfrankwise_count,
                                 get_topfive_badgetitle)
+import os
 import sqlite3
 import time
 import json
@@ -244,6 +246,17 @@ def hometest():
         request_info['tbl_selected'] = request.form.getlist('tbl_selected')
         return redirect(url_for('data'))
         
+@app.route('/download/<table_name>', methods=['GET'])
+def download_csv(table_name):
+    # Assuming you have a mapping or logic to get the CSV file path from the table name
+    csv_file_path = os.path.join('referencefiles', f"{table_name}.csv")
+    
+    if os.path.exists(csv_file_path):
+        return send_file(csv_file_path, as_attachment=True)
+    else:
+        return "File not found", 404
+
+
 
 # if __name__ == '__main__':
 #     app.run(debug=True)

templates/data.html

@@ -93,28 +93,19 @@
       
         // Function to handle the table data download
         function downloadTableData() {
-        const selectedTable = $('#table-dropdown').val();
-        if (selectedTable) {
-            const fileName = `referencefiles/${selectedTable}.csv`;
-            fetch(fileName)
-                .then(response => response.blob())
-                .then(blob => {
-                    const url = window.URL.createObjectURL(blob);
-                    const a = document.createElement('a');
-                    a.style.display = 'none';
-                    a.href = url;
-                    a.download = `${selectedTable}.csv`;
-                    document.body.appendChild(a);
-                    a.click();
-                    window.URL.revokeObjectURL(url);
-                })
-                .catch(error => console.error('Error downloading the file:', error));
-        } else {
-            alert('Please select a table to download.');
-        }
+          // Get the selected table name from the dropdown
+          const selectedTableIndex = $('#table-dropdown').val();
+          
+          // Map the selected index back to the table name
+          const tableName = $("#table-dropdown option:selected").text().toLowerCase(); // Assuming the table name is stored in lowercase as CSV filename
+
+          // Build the URL for the download endpoint
+          const downloadUrl = `/download/${tableName}`;
+
+          // Redirect the browser to the download URL to trigger the download
+          window.location.href = downloadUrl;
         }
       
-        // ... rest of the existing code ...
     </script>
     <script>
         var req_tables = {{ req_tables | safe }};