diff --git a/project_server.py b/project_server.py index d709010e14e748dbf47d179730473d5c3b694ef5..e82e33e8ba2eeff3fabb2b41bcae982fb22101ae 100644 --- a/project_server.py +++ b/project_server.py @@ -7,6 +7,15 @@ DATABASE = "project_db.db" ALLOWED_EXTENSIONS = set(['txt', 'pdf', 'png', 'jpg', 'jpeg', 'gif']) + +@app.route("/", methods=['GET']) +def returnIndex(): + return render_template("test.html") + +@app.route("/Manage_Coworking_Spaces", methods=['GET']) +def returnManageCoworkingSpaces(): + return render_template("Manage_Coworking_Spaces.html") + @app.route("/SearchRecord", methods=['POST']) def searchRecord(): diff --git a/static/CSS/loginstyle.css b/static/CSS/loginstyle.css index dcb9b6845e58916f793bc9f3e02e554da07a83d2..2c44a02a44c292502c7c4862d8e8b78d86024f40 100644 --- a/static/CSS/loginstyle.css +++ b/static/CSS/loginstyle.css @@ -22,4 +22,8 @@ body{ font-family: 'Sora', sans-serif; background-color: #212529; color: white; +<<<<<<< HEAD } +======= +} +>>>>>>> 9c7255d510762a8f16afeba2657cad4a0f8b8239 diff --git a/static/JS/Manage_Coworking_Spaces.js b/static/JS/Manage_Coworking_Spaces.js index c3efb0f50541ce04eecd8d3f6dde8f3fc20fd81b..c20755b76708e03d8d46a91898f0b26f2b98ca6a 100644 --- a/static/JS/Manage_Coworking_Spaces.js +++ b/static/JS/Manage_Coworking_Spaces.js @@ -145,7 +145,7 @@ function deleteRecord(e) { // Creating a form data-type to transfer multiple parameters to the server. var params = 'recordName='+recordName; - + var xhttp = new XMLHttpRequest(); xhttp.open("POST", '/DeleteRecord', true); xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); diff --git a/static/Manage_Coworking_Spaces.html b/static/Manage_Coworking_Spaces.html deleted file mode 100644 index 26908ef8108f7b8ae8876a4f7d7e9018dadee7bc..0000000000000000000000000000000000000000 --- a/static/Manage_Coworking_Spaces.html +++ /dev/null @@ -1,94 +0,0 @@ -<!DOCTYPE html> -<html lang="EN" dir="ltr"> - <head> - <meta charSet="UTF-8"> - <title> Manage Coworking Spaces </title> - <link rel="stylesheet" href="CSS/Manage_Coworking_Spaces.css"> - - </head> - <body onLoad="pageLoad()"> - - <header id="pageHeader" class="pageHeader"> - <div id="headerDiv"> - <a href="Manage_Coworking_Spaces.html"> - <img id="headerImg" class="headerImg" - src="Media/Tramshed-Logo-Main-Black.png"></img></a> - <a id="headerText" class="headerText" - href="Manage_Coworking_Spaces.html"> - Manage Coworking Spaces</a> - </div> - <nav id="headerNav" class="navBar"> - <ul class="Left"> - <li><a href="Manage_Coworking_Spaces.html"> - <img id="navImg" class="navImg" - src="Media/Tramshed-Logo-Main-White.png"></img></a></li> - <li><a href="Manage_Coworking_Spaces.html">Home</a></li> - <li><a href="Manage_Coworking_Spaces.html">Locations</a></li> - </ul> - <ul class="Right"> - <li><a href="Manage_Coworking_Spaces.html">Manage</a></li> - <li><a href="Manage_Coworking_Spaces.html">Login</a></li> - <li><div class="navHamburger"> - <span></span> - <span></span> - <span></span> - </div></li> - </ul> - </nav> - </header> - - <main id="pageMain"> - <form id="recordForm" title="Record Form"> - <label>Name: <input id="recordName" class="formTextInput" - name="record_name" type="text"></label><br> - <label>Address: <input id="recordAddress" class="formTextInput" - name="record_address" type="text"></label><br> - <label>Main Photograph: <input id="recordMainPhotos" class="formTextInput" - name="record_MP" type="text"></label><br> - <label>Additional Photographs: <input id="recordAdditionalPhotos" class="formTextInput" - name="record_AP" type="text"></label><br> - <label>Description: <input id="recordDescription" class="formTextInput" - name="record_description" type="text"></label><br> - <label>Website: <input id="recordWebsite" class="formTextInput" - name="record_website" type="text"></label><br> - <label>Email: <input id="recordEmail" class="formTextInput" - name="record_email" type="text"></label><br> - <label>Phone Number: <input id="recordPhoneNumber" class="formTextInput" - name="record_PN" type="text"></label><br> - <label>Opening Hours: <input id="recordOpeningHours" class="formTextInput" - name="record_OH" type="text"></label><br> - <label>Checkin Instructions: <input id="recordCheckinInstructions" class="formTextInput" - name="record_CI" type="text"></label> - - <br><br> - <button id="searchButton" type="submit">Search</button> - <button id="addButton" type="submit">Add</button> - <button id="editButton" type="submit">Edit</button> - <button id="deleteButton" type="submit">Delete</button> - </form> - <br> - <span id="DEBUGserverMessage"> </span> - - <br><br><br><br><br><br><br><br><br><br><br><br> - <br><br><br><br><br><br><br><br><br><br><br><br> - <br><br><br><br><br><br><br><br><br><br><br><br> - <br><br><br><br><br><br><br><br><br><br><br><br> - </main> - - <footer id="pageFooter"> - <nav id="footerNav" class="navBar"> - <ul class="Center"> - <li><a href="Manage_Coworking_Spaces.html">Left</a></li> - </ul> - <ul class="Center"> - <li><a href="Manage_Coworking_Spaces.html">Center</a></li> - </ul> - <ul class="Center"> - <li><a href="Manage_Coworking_Spaces.html">Right</a></li> - </ul> - </nav> - </footer> - - <script src="JS/Manage_Coworking_Spaces.js"></script> - </body> -</html> diff --git a/static/landingpage.html b/static/landingpage.html index b56e8fd9532a49e78e2bf27015a65014f5bd3d18..fca729848a41a620680e438f5ae7728876e074c1 100644 --- a/static/landingpage.html +++ b/static/landingpage.html @@ -12,7 +12,7 @@ <a class="nav-link" href="locations.html">Coworking locations</a> </li> <li class="nav-item"> - <a class="nav-link" href="Manage_Coworking_Spaces.html">Manage locations</a> + <a class="nav-link" href="/Manage_Coworking_Spaces">Manage locations</a> </li> </ul> </div> @@ -31,7 +31,7 @@ <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Sora:wght@800&display=swap" rel="stylesheet"> - <link rel="stylesheet" href="landingstyle.css"> + <link rel="stylesheet" href="CSS/landingstyle.css"> <title>Tramshed Tech</title> <img id="tramshed" src="Media/tramshed.jpg"> <div class="bg-dark p-3"> diff --git a/static/login.html b/static/login.html index c76f858a582dfd602be21343a4f7ebeba22bb3f8..5bbe1b72a5529fc7b8b0ff4c1c3fa16cd0b44f59 100644 --- a/static/login.html +++ b/static/login.html @@ -25,13 +25,21 @@ <form> <!-- Email input --> <div class="form-outline mb-4"> +<<<<<<< HEAD + <input type="email" id="recordEmail" class="form-control" /> +======= <input type="email" id="form2Example1" class="form-control" /> +>>>>>>> 9c7255d510762a8f16afeba2657cad4a0f8b8239 <label class="form-label" for="form2Example1">Email address</label> </div> <!-- Password input --> <div class="form-outline mb-4"> +<<<<<<< HEAD + <input type="password" id="recordPassword" class="form-control" /> +======= <input type="password" id="form2Example2" class="form-control" /> +>>>>>>> 9c7255d510762a8f16afeba2657cad4a0f8b8239 <label class="form-label" for="form2Example2">Password</label> </div> @@ -60,4 +68,8 @@ <p>Not a member? <a href="#!">Register</a></p> </form> </body> +<<<<<<< HEAD </html> +======= +</html> +>>>>>>> 9c7255d510762a8f16afeba2657cad4a0f8b8239 diff --git a/templates/Manage_Coworking_Spaces.html b/templates/Manage_Coworking_Spaces.html new file mode 100644 index 0000000000000000000000000000000000000000..4daddcc1d7cbb43e10a747f90edd331c74e35084 --- /dev/null +++ b/templates/Manage_Coworking_Spaces.html @@ -0,0 +1,92 @@ +{%extends "base_template.html"%} + +{%block headblock%} + <title> Manage Coworking Spaces </title> + <link rel="stylesheet" href="/static/CSS/Manage_Coworking_Spaces.css"> +{%endblock%} + +{%block onLoadblock%} + pageLoad() +{%endblock%} + +{%block headerblock%} + <div id="headerDiv"> + <a href="Manage_Coworking_Spaces.html"> + <img id="headerImg" class="headerImg" + src="/static/Media/Tramshed-Logo-Main-Black.png"></img></a> + <a id="headerText" class="headerText" + href="Manage_Coworking_Spaces"> + Manage Coworking Spaces</a> + </div> + <nav id="headerNav" class="navBar"> + <ul class="Left"> + <li><a href="Manage_Coworking_Spaces">Home</a></li> + <li><a href="Locations">Locations</a></li> + </ul> + <ul class="Right"> + <li><a href="Manage_Coworking_Spaces">Manage</a></li> + <li><a href="Manage_Coworking_Spaces">Login</a></li> + <li><div class="navHamburger"> + <span></span> + <span></span> + <span></span> + </div></li> + </ul> + </nav> +{%endblock%} + +{%block mainblock%} + <form id="recordForm" title="Record Form"> + <label>Name: <input id="recordName" class="formTextInput" + name="record_name" type="text"></label><br> + <label>Address: <input id="recordAddress" class="formTextInput" + name="record_address" type="text"></label><br> + <label>Main Photograph: <input id="recordMainPhotos" class="formTextInput" + name="record_MP" type="text"></label><br> + <label>Additional Photographs: <input id="recordAdditionalPhotos" class="formTextInput" + name="record_AP" type="text"></label><br> + <label>Description: <input id="recordDescription" class="formTextInput" + name="record_description" type="text"></label><br> + <label>Website: <input id="recordWebsite" class="formTextInput" + name="record_website" type="text"></label><br> + <label>Email: <input id="recordEmail" class="formTextInput" + name="record_email" type="text"></label><br> + <label>Phone Number: <input id="recordPhoneNumber" class="formTextInput" + name="record_PN" type="text"></label><br> + <label>Opening Hours: <input id="recordOpeningHours" class="formTextInput" + name="record_OH" type="text"></label><br> + <label>Checkin Instructions: <input id="recordCheckinInstructions" class="formTextInput" + name="record_CI" type="text"></label> + + <br><br> + <button id="searchButton" type="submit">Search</button> + <button id="addButton" type="submit">Add</button> + <button id="editButton" type="submit">Edit</button> + <button id="deleteButton" type="submit">Delete</button> + </form> + <br> + <span id="DEBUGserverMessage"> </span> + + <br><br><br><br><br><br><br><br><br><br><br><br> + <br><br><br><br><br><br><br><br><br><br><br><br> + <br><br><br><br><br><br><br><br><br><br><br><br> + <br><br><br><br><br><br><br><br><br><br><br><br> +{%endblock%} + +{%block footerblock%} + <nav id="footerNav" class="navBar"> + <ul class="Center"> + <li><a href="Manage_Coworking_Spaces.html">Left</a></li> + </ul> + <ul class="Center"> + <li><a href="Manage_Coworking_Spaces.html">Center</a></li> + </ul> + <ul class="Center"> + <li><a href="Manage_Coworking_Spaces.html">Right</a></li> + </ul> + </nav> +{%endblock%} + +{%block jsblock%} + /static/JS/Manage_Coworking_Spaces.js +{%endblock%} diff --git a/templates/base_template.html b/templates/base_template.html new file mode 100644 index 0000000000000000000000000000000000000000..6460c1ffceb45aa080041be4dc7c93f60104bbce --- /dev/null +++ b/templates/base_template.html @@ -0,0 +1,27 @@ +<!DOCTYPE html> +<html lang="EN" dir="ltr"> + <head> + <meta charSet="UTF-8"> + {%block headblock%} + {%endblock%} + </head> + <body onLoad="{%block onLoadblock%}{%endblock%}"> + + <header id="pageHeader" class="pageHeader"> + {%block headerblock%} + {%endblock%} + </header> + + <main id="pageMain"> + {%block mainblock%} + {%endblock%} + </main> + + <footer id="pageFooter"> + {%block footerblock%} + {%endblock%} + </footer> + + <script src="{%block jsblock%}{%endblock%}"></script> + </body> +</html> diff --git a/templates/test.html b/templates/test.html new file mode 100644 index 0000000000000000000000000000000000000000..1a4bf463bb740559d292fedbe9529176cd2c941e --- /dev/null +++ b/templates/test.html @@ -0,0 +1,4 @@ +{%extends "base_template.html"%} +{%block mainblock%} + test +{%endblock%} diff --git a/testloginserver.py b/testloginserver.py new file mode 100644 index 0000000000000000000000000000000000000000..a28f96dad8ccf4b267f013c3699da65f0ade7f50 --- /dev/null +++ b/testloginserver.py @@ -0,0 +1,46 @@ +import os +import sqlite3 +from flask import Flask, redirect, request, render_template, jsonify + +app = Flask(__name__) +DATABASE = "login.db" + +ALLOWED_EXTENSIONS = set(['txt', 'pdf', 'png', 'jpg', 'jpeg', 'gif']) + +@app.route("/SearchRecord", methods=['POST']) +def searchRecord(): + + if request.method =='POST': + try: + recordEmail = request.form.get('recordEmail', default="Error") + conn = sqlite3.connect(DATABASE) + cur = conn.cursor() + cur.execute("SELECT * FROM login WHERE Email=?;", [recordEmail]) + recordData = cur.fetchall() + except: + print(f"Error: {recordData}") + conn.close() + finally: + conn.close() + print(f"{str(recordData)} Record found.") + return str(recordData) + +@app.route("/AddRecord", methods=['POST']) +def addRecord(): + if (request.method == 'POST'): + recordEmail = request.form['recordEmail'] + recordPassword = request.form['recordPassword'] + conn = sqlite3.connect(DATABASE) + cur = conn.cursor() + cur.execute("INSERT INTO login ('Email', 'Password')\ + VALUES (?,?)", (recordEmail, recordPassword)) + conn.commit() + conn.close() + + infoMessage = (f'{recordData} Record added.') + + print(infoMessage) + return (infoMessage) + +if __name__ == "__main__": + app.run(debug=True) \ No newline at end of file