From 955edae23a1e9533ca21330017a1b384c5354bcc Mon Sep 17 00:00:00 2001
From: Liam Driscoll <driscolll4@cardiff.ac.uk>
Date: Tue, 6 Dec 2022 10:00:31 +0000
Subject: [PATCH] Adding template directory and templates.

---
 project_server.py                    |  5 +++
 static/JS/Manage_Coworking_Spaces.js |  2 +-
 templates/base_template.html         | 62 ++++++++++++++++++++++++++++
 templates/test.html                  |  4 ++
 4 files changed, 72 insertions(+), 1 deletion(-)
 create mode 100644 templates/base_template.html
 create mode 100644 templates/test.html

diff --git a/project_server.py b/project_server.py
index d709010..d5abe52 100644
--- a/project_server.py
+++ b/project_server.py
@@ -7,6 +7,11 @@ DATABASE = "project_db.db"
 
 ALLOWED_EXTENSIONS = set(['txt', 'pdf', 'png', 'jpg', 'jpeg', 'gif'])
 
+
+@app.route("/", methods=['GET'])
+def returnTemplate():
+    return render_template("test.html")
+
 @app.route("/SearchRecord", methods=['POST'])
 def searchRecord():
 
diff --git a/static/JS/Manage_Coworking_Spaces.js b/static/JS/Manage_Coworking_Spaces.js
index c3efb0f..c20755b 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/templates/base_template.html b/templates/base_template.html
new file mode 100644
index 0000000..0b285b1
--- /dev/null
+++ b/templates/base_template.html
@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<html lang="EN" dir="ltr">
+  <head>
+    <meta charSet="UTF-8">
+    <title> Manage Coworking Spaces </title>
+    <link rel="stylesheet" href="/static/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">
+      <br><br>
+      {%block mainblock%}
+      {%endblock%}
+    </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="/static/JS/Manage_Coworking_Spaces.js"></script>
+  </body>
+</html>
diff --git a/templates/test.html b/templates/test.html
new file mode 100644
index 0000000..1a4bf46
--- /dev/null
+++ b/templates/test.html
@@ -0,0 +1,4 @@
+{%extends "base_template.html"%}
+{%block mainblock%}
+  test
+{%endblock%}
-- 
GitLab