Merge pull request #108 from ADORSYS-GIS/31-setup-backend-to-serve-an…

…alysis-results Setting up API Endpoint for Analysis Results From Database
ADORSYS-GIS · Dec 2, 2023 · 7108327 · 7108327
2 parents 74676b0 + b5f1fef
commit 7108327
Show file tree

Hide file tree

Showing 2 changed files with 50 additions and 0 deletions.
diff --git a/app.py b/app.py
@@ -5,6 +5,7 @@
 import csv
 import json
 import os
+from apiendpoint import fetch_data_from_database
 
 app = Flask(__name__)
 
@@ -96,5 +97,20 @@ def save_to_json(data):
 def analysis():
  return render_template('test.html')
 
+#API endpoint to fetch analysis result from databse
+@app.route('/api/fetch-data', methods=['GET'])
+def get_data():
+ # Get specified columns from the query parameters
+ columns = request.args.getlist('columns')
+
+ # Fetch data based on criteria
+ df = fetch_data_from_database(columns=columns)
+
+ # Convert the DataFrame to an HTML table 
+ html_table = df.to_html(index=False, classes='table-striped table-bordered')
+
+ # rendering the table
+ return render_template('table_template.html', table_content=html_table)
+
 if __name__ == '__main__':
  app.run(debug=True)
diff --git a/templates/table_template.html b/templates/table_template.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <title>Fetched Analysis Results</title>
+ <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
+ <style>
+ th {
+ text-align: center; 
+ }
+
+ td {
+ text-align: center; 
+ word-wrap: break-word; 
+ }
+
+ th, td {
+ border: 1px solid black;
+ }
+
+ </style>
+</head>
+<body>
+ <div class="container mt-4">
+ <h1 class="mb-4"><b>Fetched Data</b></h1>
+ <div class="table-responsive">
+ <table class="table-striped table-bordered">
+ {{ table_content | safe }}
+ </table>
+ </div>
+ </div>
+</body>
+</html>