diff --git a/src/app.js b/src/app.js index 6c0b11a3edf15ce7835aa789abfc879cbbcf11c2..1eec3251c98dee3307c65afa54f36bc5d0e83fdc 100644 --- a/src/app.js +++ b/src/app.js @@ -1,11 +1,23 @@ -const submitButton = document.querySelector("#submit-button"); -const firstNameInput = document.querySelector("#first-name"); -const lastNameInput = document.querySelector("#last-name"); - -submitButton.addEventListener("click", () => { - const firstName = firstNameInput.value; - const lastName = lastNameInput.value; - axios.post("http://127.0.0.1:5000", { firstName, lastName }).then(response => { - document.querySelector("h1").innerHTML = response.data.fullName; - }); +const uploadForm = document.getElementById('uploadForm'); +const csvFile = document.getElementById('csvFile'); +const csvDataDiv = document.getElementById('csvData'); + +uploadForm.addEventListener('submit', async function(e) { + e.preventDefault(); + + const formData = new FormData(); + formData.append('csvFile', csvFile.files[0]); + + try { + const response = await axios.post('http://127.0.0.1:5000/upload', formData, { + headers: { + 'Content-Type': 'multipart/form-data' + } + }); + + // Display the CSV data in the csvDataDiv + csvDataDiv.innerHTML = response.data; + } catch (error) { + console.error(error); + } }); \ No newline at end of file diff --git a/src/app.py b/src/app.py index 72719fc964a5a14260f5175d0a68c2a0ea7045e1..93630fef6b78e6caceb8e8485362ba5508047ada 100644 --- a/src/app.py +++ b/src/app.py @@ -1,14 +1,43 @@ -from flask import Flask, request, jsonify +# from flask import Flask, render_template, request +# import csv -app = Flask(__name__) +import pyodbc -@app.route("/", methods=["POST"]) -def full_name(): - data = request.get_json() - first_name = data.get("firstName") - last_name = data.get("lastName") - full_name = f"{first_name}" - return jsonify({"fullName": full_name}) +# app = Flask(__name__) -if __name__ == "__main__": - app.run() +with pyodbc.connect( + Trusted_Connection='No', + Server='uwe-sdgp.database.windows.net,1433', + User='fi_developer', + Password='Eggyweggy156', + Database='feeding_inc') as conn: + with conn.cursor() as cursor: + cursor.execute("SELECT * FROM fid_patients") + row = cursor.fetchone() + while row: + print (str(row[0]) + " " + str(row[1])) + row = cursor.fetchone() +# @app.route('/') + +# def index(): +# return render_template('index.html') + +# @app.route('/upload', methods=['POST']) +# def upload(): +# csv_file = request.files['csvFile'] +# if csv_file: +# csv_data = csv_file.stream.read().decode('utf-8') +# csv_rows = csv_data.split('\n') +# csv_table = '<table>' +# for row in csv_rows: +# csv_table += '<tr>' +# csv_cols = row.split(',') +# for col in csv_cols: +# csv_table += f'<td>{col}</td>' +# csv_table += '</tr>' +# csv_table += '</table>' +# return csv_table +# return 'Error: No CSV file provided' + +# if __name__ == '__main__': +# app.run(debug=True) \ No newline at end of file diff --git a/src/index.html b/src/index.html index 1629e346b405001b6b4b6a2724592348106c79c2..aee408781651ea4801aa8606490178621b6ccb13 100644 --- a/src/index.html +++ b/src/index.html @@ -4,13 +4,20 @@ <meta charset="UTF-8" /> <title>Hello World!</title> <link rel="stylesheet" href="index.css" /> + <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script> </head> <body> <p>Welcome to your Electron application! <h1></h1></p> - <input type="text" id="first-name"> - <input type="text" id="last-name"> - <button id="submit-button">Submit</button> - <script src="https://unpkg.com/axios/dist/axios.min.js"></script> + + <h1>CSV Viewer</h1> + <form id="uploadForm" enctype="multipart/form-data"> + <input type="file" id="csvFile" name="csvFile"> + <button type="submit">Upload</button> + </form> + <div id="csvData"></div> + + <script src="app.js"></script> + </body> </html>