Android-Club-VITC · dr1810 · Jun 23, 2023 · Jun 23, 2023 · Jun 23, 2023 · Jun 23, 2023
diff --git a/client/README.md b/client/README.md
diff --git a/client/css/hello.css b/client/css/hello.css
diff --git a/client/script/hello.jsx b/client/script/hello.jsx
diff --git a/client/script/test.jsx b/client/script/test.jsx
diff --git a/client/templates/fac/Event.html b/client/templates/fac/Event.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Complaints</title>
+</head>
+
+<body>
+    <h1>Accept/Reject Events</h1>
+    <table>
+        <tr>
+            <th>Event Name</th>
+            <th>Event Description</th>
+            <th>Event Date</th>
+            <th>Event Time</th>
+            <th>Event Venue</th>
+            <th>Event Organizer</th>
+            <th>Event Count</th>
+            <th>Hosted By</th>
+            <th>Poster</th>
+            <th>Select</th>
+        </tr>
+        <tr>
+            <td>Alfreds Futterkiste</td>
+            <td>Maria Anders</td>
+            <td>Germany</td>
+            <td>Germany</td>
+            <td>Germany</td>
+            <td>Germany</td>
+            <td>Germany</td>
+            <td>Germany</td>
+            <td>Germany</td>
+            <th><input type="radio"></th>
+        </tr>
+    </table>
+    <form>
+        <input type="submit" value="Submit" />
+    </form>
+    <a href="./stu-reg.html">Register</a>
+</body>
+
+</html>
diff --git a/client/templates/fac/course.html b/client/templates/fac/course.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>View Courses</title>
+</head>
+
+<body>
+  <h1>View Courses</h1>
+  <table>
+    <tr>
+      <th>Course name</th>
+      <th>Course Code</th>
+      <th>Course Type</th>
+      <th>Course Credits</th>
+      <th>Course teacherId(Name)</th>
+    </tr>
+    <tr>
+      <td>Alfreds Futterkiste</td>
+      <td>Maria Anders</td>
+      <td>Germany</td>
+      <td>Germany</td>
+      <td>Germany</td>
+    </tr>
+  </table>
+
+
+</body>
+
+</html>
diff --git a/client/templates/fac/fac-login.html b/client/templates/fac/fac-login.html
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Document</title>
+  </head>
+  <body>
+    <h1>Login</h1>
+    <form>
+      <label for="ID">ID:</label>
+      <input type="text" id="empId" name="empId" /><br /><br />
+      <label for="password">Password:</label>
+      <input type="password" id="password" name="password" /><br /><br />
+      <input type="submit" value="Submit" />
+    </form>
+  </body>
+  <script>
+    const loginForm = document.getElementById("login-form");
+
+    loginForm.addEventListener("submit", async (event) => {
+      event.preventDefault();
+
+      const formData = new FormData(loginForm);
+      const empId = formData.get("empId");
+      const password = formData.get("password");
+      const response = await fetch(
+        "http://localhost:8000/api/v1/faculty/auth/login",
+        {
+          method: "POST",
+          body: JSON.stringify({
+            empId: empId,
+            password: password,
+          }),
+          headers: {
+            "Content-type": "application/json",
+          },
+        }
+      );
+
+      if (response.ok) {
+        const data = await response.json();
+        localStorage.setItem("token", data.token);
+        window.location.href = "./Event.html";
+      } else {
+        const error = await response.json();
+        alert(error.message);
+      }
+    });
+  </script>
+</html>
diff --git a/client/templates/hello.html b/client/templates/hello.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Document</title>
+  </head>
+  <body>
+    <h1>Hello</h1>
+    <p>Who are you?</p>
+    <ul>
+      <li><a href="./stu/stu-login.html">Student</a></li>
+      <li><a href="./war/war-login.html">Warden</a></li>
+      <li><a href="./fac/fac-login.html">Faculty</a></li>
+    </ul>
+  </body>
+</html>
diff --git a/client/templates/stu/PostEvent.html b/client/templates/stu/PostEvent.html
@@ -0,0 +1,88 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Post Events</title>
+</head>
+
+<body>
+    <h1>Post Event</h1>
+    <form id="PostEvent-form" method="POST">
+
+        <label>Event Name</label>
+        <input type="text" id="eventName" name="eventName"><br><br>
+        <label>Event Description</label>
+        <input type="text" id="eventDescription" name="eventDescription"><br><br>
+
+        <label>Event Date</label>
+        <input type="text" id="eventName" name="eventName"><br><br>
+
+        <label>Event Time</label>
+        <input type="text" id="eventTime" name="eventTime"><br><br>
+
+        <label>Event Venue</label>
+        <input type="text" id="eventVenue" name="eventVenue"><br><br>
+
+        <label>Event Organiser</label>
+        <input type="text" id="eventOrganiser" name="eventOrganiser"><br><br>
+
+        <label>Participant Count</label>
+        <input type="text" id="participantCount" name="participantCount"><br><br>
+
+        <label>Hosted By</label>
+        <input type="text" id="hostedBy" name="hostedBy"><br><br>
+
+        <label>Poster</label>
+        <input type="text" id="eventPoster" name="eventPoster"><br><br>
+        +
+        <input type="submit" value="Submit" />
+    </form>
+    <a href="./stu-reg.html">Register</a>
+</body>
+
+<script>
+    const PostForm = document.getElementById("PostEvent-form");
+
+    PostForm.addEventListener("submit", async (event) => {
+        event.preventDefault();
+
+        const formData = new PostData(PostForm);
+        const eventName = formData.get("eventName");
+        const eventDescription = formData.get("eventDescription");
+        const eventDate = formData.get("eventDate");
+        const eventTime = formData.get("eventTime");
+        const eventVenue = formData.get("eventVenue");
+        const eventOrganiser = formData.get("eventOrganiser");
+        const participantCount = formData.get("participantCount");
+        const hostedBy = formData.get("hostedBy");
+        const eventPoster = formData.get("eventPoster");
+
+        const resp = await fetch(
+            "http://localhost:8000/api/v1/student/event/",
+            {
+                method: "POST",
+                body: JSON.stringify({
+                    eventName: eventName,
+                    eventDescription: eventDescription,
+                    eventDate: eventDate,
+                    eventTime: eventTime,
+                    eventVenue: eventVenue,
+                    eventOrganiser: eventOrganiser,
+                    participantCount: participantCount,
+                    hostedBy: hostedBy,
+                    eventPoster: eventPoster,
+                }),
+                headers: {
+                    "Content-type": "application/json; charset=UTF-8",
+                },
+            }
+        );
+        console.log(resp);
+        if (resp.status == 200) alert("Successfully Registered");
+        else alert("Error Occured");
+    });
+</script>
+
+</html>
diff --git a/client/templates/stu/complaint.html b/client/templates/stu/complaint.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Complaints</title>
+  </head>
+
+  <body>
+    <script>
+      // Get the container element where the navbar component will be placed
+      const navbarContainer = document.getElementById("navbar-container");
+
+      // Fetch and insert the navbar component HTML
+      fetch("./nav.html")
+        .then((response) => response.text())
+        .then((html) => {
+          navbarContainer.innerHTML = html;
+        })
+        .catch((error) => {
+          console.error("Error fetching navbar component:", error);
+        });
+    </script>
+
+    <h1>Previous Complaints</h1>
+    <ul>
+      Complaint 1
+    </ul>
+    <ul>
+      Complaint 2
+    </ul>
+    <ul>
+      Complaint 3
+    </ul>
+    <h1>Add Complaints</h1>
+    <form>
+      <label> Complaint Type: </label>
+      <input type="text" id="ComplaintType" name="ComplaintType" /><br /><br />
+      <label> Complaint Date: </label>
+      <input type="text" id="ComplaintDate" name="ComplaintType" /><br /><br />
+      <label> Complaint Description: </label>
+      <input
+        type="text"
+        id="ComplaintDescription"
+        name="ComplaintType"
+      /><br /><br />
+      <label> Complaint Severity:</label>
+      <input
+        type="text"
+        id="ComplaintSeverity"
+        name="ComplaintType"
+      /><br /><br />
+      <input type="submit" value="Submit" />
+    </form>
+  </body>
+</html>
diff --git a/client/templates/stu/dashboard.html b/client/templates/stu/dashboard.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Dashboard</title>
+</head>
+
+<body>
+    <h1>Choose your pill</h1>
+    <p>Red or Blue? Choose wisely</p>
+    <ul>
+        <ul><a href="./complaint.html"><button>COMPLAINT</button></ul></a>
+        <br><br>
+        <ul><a href="./leave.html"><BUTTON>LEAVE</BUTTON></ul></a>
+        <br><br>
+        <ul><a href="./room.html"><button>room</button></ul></a>
+        <br><br>
+        <ul><a href="./PostEvent.html"><button>PostEvent </button></ul></a>
+    </ul>
+</body>
+
+</html>