From f448bc7d66b621444f3ac0eca2aa38501c3df9ff Mon Sep 17 00:00:00 2001
From: Gabriel John Phillip Martin <marting6@cardiff.ac.uk>
Date: Mon, 24 Oct 2022 10:57:22 +0100
Subject: [PATCH] update
---
addProjectPage.html | 7 +-
registerPage.html | 173 ++++++++++++++++++++++----------------------
2 files changed, 89 insertions(+), 91 deletions(-)
diff --git a/addProjectPage.html b/addProjectPage.html
index b21a098..1f8e558 100644
--- a/addProjectPage.html
+++ b/addProjectPage.html
@@ -4,12 +4,9 @@
<meta charset="utf-8" />
<title>Group 2 Showcase Project</title>
<link rel="stylesheet" href="styles.css" />
- <link
- rel="stylesheet"
- href="https://fonts.googleapis.com/css2?family=Noto+Sans:wght@700&family=Poppins:wght@400;500;600&display=swap"
- />
+ <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Noto+Sans:wght@700&family=Poppins:wght@400;500;600&display=swap"/>
</head>
- <body>
+ <body class="bodymain">
<header>
<div class="appBar">
<span class="appName">StudentProfile</span>
diff --git a/registerPage.html b/registerPage.html
index 3684e5c..880f252 100644
--- a/registerPage.html
+++ b/registerPage.html
@@ -1,91 +1,92 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">
-<head>
- <meta charset="utf-8" />
- <title>Group 2 Showcase Project</title>
- <link rel="stylesheet" href="styles.css" />
-</head>
-<body class="bodymain">
-<header>
- <div class="appBar">
- <span class="appName">StudentProfile</span>
- <nav class="navigation">
- <a class="navLink active" href="./registerPage.html">Register</a>
- <a class="navLink" href="./addProjectPage.html">Add Project</a>
- </nav>
- </div>
-</header>
-<main>
- <form class="formContainer" id="myform" method="post">
- <h1 class="header">Hi, let's register your profile here!</h1>
- <p class="text">Please input your details below:</p>
- <div class="fieldContainer">
- <label class="formLabel" for="firstname"> First name: </label>
- <input class="formInput" type="text" id="firstname" name="firstname"/>
+ <head>
+ <meta charset="utf-8" />
+ <title>Group 2 Showcase Project</title>
+ <link rel="stylesheet" href="styles.css"/>
+ <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Noto+Sans:wght@700&family=Poppins:wght@400;500;600&display=swap"/>
+ </head>
+ <body class="bodymain">
+ <header>
+ <div class="appBar">
+ <span class="appName">StudentProfile</span>
+ <nav class="navigation">
+ <a class="navLink active" href="./registerPage.html">Register</a>
+ <a class="navLink" href="./addProjectPage.html">Add Project</a>
+ </nav>
</div>
- <div class="fieldContainer">
- <label class="formLabel" for="surname"> Surname: </label>
- <input class="formInput" type="text" id="surname" name="surname" />
- </div>
- <div class="fieldContainer">
- <label class="formLabel" for="dob">Date of Birth: </label>
- <input class="formInput" type="date" id="dob" name="dob" />
- </div>
- <div class="fieldContainer">
- <label class="formLabel" for="address">Address: </label>
- <textarea class="formInput" type="text" id="address" name="addresss" rows="5"></textarea>
- </div>
- <div class="fieldContainer">
- <label class="formLabel" for="grade">Grade: </label>
- <select class="formInput" id="grade" name="grade" onchange="enableCourse(this)">
- <option value="undergraduate" id="undergraduate">Undergraduate</option>
- <option value="postgraduate" id="postgraduate">Postgraduate</option>
- </select>
- </div>
- <div class="fieldContainer">
- <label class="formLabel">Course: </label>
- <select class="formInput" type="text" name="course" id="ugcourse">
- <option value="archaeology">Archaeology</option>
- <option value="biochemistry">Biochemistry</option>
- <option value="chemistry">Chemistry</option>
- <option value="dental surgery">Dental Surgery</option>
- <option value="economics">Economics</option>
- </select>
- <select class="formInput d-none" type="text" name="course" id="pgcourse">
- <option value="ACS">Advanced Computer Science</option>
- <option value="broadcast journalism">Broadcast Journalism</option>
- <option value="civil engineering">Civil Engineering</option>
- <option value="DMS">Digital Media and Society</option>
- <option value="english literature">English Literature</option>
- </select>
- </div>
- <div class="fieldContainer">
- <label class="formLabel" for="email">Email:</label>
- <input class="formInput" type="email" id="email" name="email"/>
- </div>
- <div class="fieldContainer">
- <label class="formLabel" for="password">Password:</label>
- <input class="formInput" type="password" id="password" name="password"/>
- </div>
- <div class="fieldContainer">
- <label class="formLabel" for="password">Confirm Password Again:</label>
- <input class="formInput" type="password" id="passwordagain" name="passwordagain"/>
- </div>
- <button class="submitButton" type="submit">Register</button>
- </form>
-</main>
-<script type="text/javascript">
- function enableCourse(answer){
- console.log(answer.value);
- if (answer.value == "undergraduate"){
- document.getElementById('ugcourse').classList.remove('d-none');
- document.getElementById('pgcourse').classList.add('d-none');
- }
- else if (answer.value == "postgraduate"){
- document.getElementById('pgcourse').classList.remove('d-none');
- document.getElementById('ugcourse').classList.add('d-none');
+ </header>
+ <main>
+ <form class="formContainer" id="myform" method="post">
+ <h1 class="header">Hi, let's register your profile here!</h1>
+ <p class="text">Please input your details below:</p>
+ <div class="fieldContainer">
+ <label class="formLabel" for="firstname"> First name: </label>
+ <input class="formInput" type="text" id="firstname" name="firstname"/>
+ </div>
+ <div class="fieldContainer">
+ <label class="formLabel" for="surname"> Surname: </label>
+ <input class="formInput" type="text" id="surname" name="surname" />
+ </div>
+ <div class="fieldContainer">
+ <label class="formLabel" for="dob">Date of Birth: </label>
+ <input class="formInput" type="date" id="dob" name="dob" />
+ </div>
+ <div class="fieldContainer">
+ <label class="formLabel" for="address">Address: </label>
+ <textarea class="formInput" type="text" id="address" name="addresss" rows="5"></textarea>
+ </div>
+ <div class="fieldContainer">
+ <label class="formLabel" for="grade">Grade: </label>
+ <select class="formInput" id="grade" name="grade" onchange="enableCourse(this)">
+ <option value="undergraduate" id="undergraduate">Undergraduate</option>
+ <option value="postgraduate" id="postgraduate">Postgraduate</option>
+ </select>
+ </div>
+ <div class="fieldContainer">
+ <label class="formLabel">Course: </label>
+ <select class="formInput" type="text" name="course" id="ugcourse">
+ <option value="archaeology">Archaeology</option>
+ <option value="biochemistry">Biochemistry</option>
+ <option value="chemistry">Chemistry</option>
+ <option value="dental surgery">Dental Surgery</option>
+ <option value="economics">Economics</option>
+ </select>
+ <select class="formInput d-none" type="text" name="course" id="pgcourse">
+ <option value="ACS">Advanced Computer Science</option>
+ <option value="broadcast journalism">Broadcast Journalism</option>
+ <option value="civil engineering">Civil Engineering</option>
+ <option value="DMS">Digital Media and Society</option>
+ <option value="english literature">English Literature</option>
+ </select>
+ </div>
+ <div class="fieldContainer">
+ <label class="formLabel" for="email">Email:</label>
+ <input class="formInput" type="email" id="email" name="email"/>
+ </div>
+ <div class="fieldContainer">
+ <label class="formLabel" for="password">Password:</label>
+ <input class="formInput" type="password" id="password" name="password"/>
+ </div>
+ <div class="fieldContainer">
+ <label class="formLabel" for="password">Confirm Password Again:</label>
+ <input class="formInput" type="password" id="passwordagain" name="passwordagain"/>
+ </div>
+ <button class="submitButton" type="submit">Register</button>
+ </form>
+ </main>
+ <script type="text/javascript">
+ function enableCourse(answer){
+ console.log(answer.value);
+ if (answer.value == "undergraduate"){
+ document.getElementById('ugcourse').classList.remove('d-none');
+ document.getElementById('pgcourse').classList.add('d-none');
+ }
+ else if (answer.value == "postgraduate"){
+ document.getElementById('pgcourse').classList.remove('d-none');
+ document.getElementById('ugcourse').classList.add('d-none');
+ };
};
- };
-</script>
-</body>
+ </script>
+ </body>
</html>
--
GitLab