Skip to content

Commit c06d61e

Browse files
committed
Changes -- Raaji
1 parent 4379494 commit c06d61e

7 files changed

Lines changed: 303 additions & 65 deletions

File tree

Views/Appointment/AppointmentIndex.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -12,8 +12,8 @@
1212
<li><img src="../../img/logo.png"></li>
1313
<li><a href="../../index.html">Hospital</a></li>
1414
<li><a href="../../Views/Doctor/index.html">Doctors</a></li>
15-
<li><a href="/about">About</a></li>
16-
<li><a href="/contact">Contact</a></li>
15+
<li><a href="/about">About Us</a></li>
16+
<li><a href="/contact">Contact Us</a></li>
1717
<li><a href="../Appointment/Myappointments.html" class="btn btn-login">MyAppointments</a></li>
1818
</ul>
1919
</nav>

Views/Appointment/Details.html

Lines changed: 69 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -10,9 +10,9 @@
1010
<ul>
1111
<li><a href="../../index.html">Home</a></li>
1212
<li><a href="../../Views/Doctor/docindex.html">Doctors</a></li>
13-
<li><a href="/about">About</a></li>
14-
<li><a href="../Account/Login.html" class="btn btn-login">Login</a></li>
15-
<li><a href="../Account/Register.html" class="btn btn-register">Register</a></li>
13+
<li><a href="/about">About Us</a></li>
14+
<li><a href="#">Contact Us</a></li>
15+
<li><a href="../../index.html">Log out</a></li>
1616
</ul>
1717
</nav>
1818
<br><br>
@@ -32,21 +32,85 @@ <h2>Appointment Details</h2>
3232
</thead>
3333
<tbody>
3434
<tr>
35-
<td>Alex</td>
35+
<td>Ben</td>
3636
<td>Dr.Danny</td>
3737
<td>Dentistry</td>
3838
<td>2024-04-25</td>
3939
<td>8:30 AM</td>
4040
<td>Bleeding gums</td>
4141
</tr>
4242
<tr>
43-
<td>Alex</td>
43+
<td>Toy</td>
4444
<td>Dr.Joey</td>
4545
<td>Nuerology</td>
4646
<td>2024-04-15</td>
4747
<td>10:30 AM</td>
4848
<td>Migrane</td>
4949
</tr>
50+
<tr>
51+
<td>Alex</td>
52+
<td>Dr.Asfi</td>
53+
<td>Emergency</td>
54+
<td>2024-05-15</td>
55+
<td>02:00 PM</td>
56+
<td>Chest Pain</td>
57+
</tr>
58+
<tr>
59+
<td>Emma</td>
60+
<td>Dr.Danny</td>
61+
<td>Dentistry</td>
62+
<td>2024-05-20</td>
63+
<td>11:00 AM</td>
64+
<td>Dental Checkup</td>
65+
</tr>
66+
<tr>
67+
<td>Olivia</td>
68+
<td>Dr.Kenneth</td>
69+
<td>Radiology</td>
70+
<td>2024-06-18</td>
71+
<td>09:30 AM</td>
72+
<td>X-Ray</td>
73+
</tr>
74+
<tr>
75+
<td>Noah</td>
76+
<td>Dr.Maria</td>
77+
<td>Gynecology</td>
78+
<td>2024-07-05</td>
79+
<td>01:00 PM</td>
80+
<td>Regular Checkup</td>
81+
</tr>
82+
<tr>
83+
<td>Sophia</td>
84+
<td>Dr.Shelly</td>
85+
<td>Dietician</td>
86+
<td>2024-07-22</td>
87+
<td>03:00 PM</td>
88+
<td>Nutrition Plan</td>
89+
</tr>
90+
<tr>
91+
<td>Isabella</td>
92+
<td>Dr.Danny</td>
93+
<td>Dentistry</td>
94+
<td>2024-08-20</td>
95+
<td>10:00 AM</td>
96+
<td>Wisdom Teeth Removal</td>
97+
</tr>
98+
<tr>
99+
<td>James</td>
100+
<td>Dr.Joey</td>
101+
<td>Neurology</td>
102+
<td>2024-09-15</td>
103+
<td>11:30 AM</td>
104+
<td>EEG Test</td>
105+
</tr>
106+
<tr>
107+
<td>Charlotte</td>
108+
<td>Dr.Kenneth</td>
109+
<td>Radiology</td>
110+
<td>2024-10-05</td>
111+
<td>08:45 AM</td>
112+
<td>CT Scan</td>
113+
</tr>
50114
</tbody>
51115
</table>
52116

Views/Appointment/Editappointment.html

Lines changed: 49 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -2,25 +2,63 @@
22
<html>
33
<head>
44
<title>Edit Appointment</title>
5-
<link rel="stylesheet" type="text/css" href="../../css/appointmentindex.css">
5+
<link rel="stylesheet" href="../../css/edit.css">
66
</head>
7+
<style>
8+
body {
9+
font-family: Arial, sans-serif;
10+
background-color: #f2f2f2;
11+
}
12+
nav ul {
13+
list-style: none;
14+
display: flex;
15+
justify-content: space-between;
16+
background-color: #56bb8a;
17+
padding: 10px;
18+
}
19+
nav li {
20+
margin-right: 20px;
21+
}
22+
nav a {
23+
text-decoration: none;
24+
color: #fff;
25+
font-weight: bold;
26+
transition: color 0.3s;
27+
}
28+
nav a:hover {
29+
color: #56bb8a;
30+
}
31+
32+
</style>
733
<body>
834
<header>
935
<nav>
1036
<ul>
11-
<li><a href="index.html">Home</a></li>
12-
<li><a href="Views/Doctor/docindex.html">Doctors</a></li>
13-
<li><a href="/about">About</a></li>
14-
<li><a href="Views/Account/Login.html" class="btn btn-login">Login</a></li>
15-
<li><a href="Views/Account/Register.html" class="btn btn-register">Register</a></li>
37+
<li><a href="../../index.html">Home</a></li>
38+
<li><a href="../../Views/Doctor/DocIndex.html">Doctors</a></li>
39+
<li><a href="../../Views/Appointment/Details.html">My Appointments</a></li>
40+
<li><a href="#">About Us</a></li>
41+
<li><a href="#">Contact Us</a></li>
42+
<li><a href="../../index.html">Log out</a></li>
1643
</ul>
1744
</nav>
18-
<br><br>
1945
</header>
2046
<div class="row">
2147
<div class="col-md-12">
2248
<h1>Edit your appointment</h1>
2349
<form>
50+
<label for="patient name">Patient Name</label>
51+
<input type="text" placeholder="Patient Name*" required>
52+
<label for="email">Email ID</label>
53+
<input type="email" placeholder="Email Address*" required>
54+
<label for="department">Department</label>
55+
<select id="DeptID" name="DepartmentName">
56+
<option>Select Department</option>
57+
<option>Cardiology</option>
58+
<option>Dermatology</option>
59+
<option>Neurology</option>
60+
<!-- More department options -->
61+
</select>
2462
<label for="doctor">Doctor</label>
2563
<select id="DoctorID" name="DoctorID">
2664
<option value="">--Select Doctor--</option>
@@ -31,10 +69,10 @@ <h1>Edit your appointment</h1>
3169
<option value="5">Dr.Maria</option>
3270
<option value="6">Dr.Shelly</option>
3371
</select>
34-
72+
3573
<label for="date">Date</label>
3674
<input type="date" id="date" name="date">
37-
75+
3876
<label for="time">Time</label>
3977
<select id="Time" name="Time" class="form-control">
4078
<option value="8am">8:00 AM to 8:30 AM</option>
@@ -43,28 +81,7 @@ <h1>Edit your appointment</h1>
4381
<option value="11am">11:00 AM to 11:30 AM</option>
4482
<option value="12pm">12:00 PM to 12:30 PM</option>
4583
</select>
46-
84+
4785
<button type="submit">Save</button>
4886
</form>
49-
</div>
50-
</div>
51-
<br><br><br><br><br>
52-
</body>
53-
<footer>
54-
<div class="footer-container">
55-
<div class="footer-section">
56-
<h4>Contact Us</h4>
57-
<p>Email: support@docappointments.com</p>
58-
<p>Phone: +1 234 567 8900</p>
59-
<p>Address: 123 Health St, Wellness City</p>
60-
</div>
61-
<div class="footer-section">
62-
<h4>Follow Us</h4>
63-
<div class="social-links">
64-
<p><a href="https://facebook.com">Facebook</a></pr>
65-
<p><a href="https://twitter.com">Twitter</a></p>
66-
<p><a href="https://instagram.com">Instagram</a></p>
67-
</div>
68-
</div>
69-
</div>
70-
</footer>
87+
</div>

Views/Appointment/Myappointments.html

Lines changed: 0 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -10,10 +10,7 @@
1010
<ul>
1111
<li><a href="">Home</a></li>
1212
<li><a href="../../Views/Doctor/DocIndex.html">Doctors</a></li>
13-
<li><a href="../../Views/Appointment/Details.html">My Appointments</a></li>
1413
<li><a href="#">About</a></li>
15-
<li><a href="#">Contact</a></li>
16-
<li><a href="#">My account</a></li>
1714
<li><a href="../../index.html">Log out</a></li>
1815
</ul>
1916
</nav>

Views/Doctor/docindex.html

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -104,6 +104,30 @@ <h1>Our team</h1>
104104

105105

106106
<br><br><br><br><br>
107+
<script>
108+
document.addEventListener('DOMContentLoaded', function() {
109+
const filterButton = document.querySelector('.filters button');
110+
const filterSelect = document.querySelector('.filters select');
111+
const tableRows = document.querySelectorAll('table tbody tr');
112+
113+
function filterTable() {
114+
const filterValue = filterSelect.value.toLowerCase();
115+
116+
tableRows.forEach(row => {
117+
const departmentCellText = row.cells[2].textContent.toLowerCase(); // Assuming department is in the 3rd cell
118+
if (filterValue === 'all' || departmentCellText.includes(filterValue)) {
119+
row.style.display = ''; // Show row
120+
} else {
121+
row.style.display = 'none'; // Hide row
122+
}
123+
});
124+
}
125+
126+
filterButton.addEventListener('click', filterTable);
127+
// Optional: Add event listener for select change for instant filtering
128+
filterSelect.addEventListener('change', filterTable);
129+
});
130+
</script>
107131

108132
</body>
109133

css/appointmentindex.css

Lines changed: 17 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,20 @@
1-
/* Basic styling for the navigation menu */
21
nav ul {
32
list-style: none;
43
display: flex;
5-
justify-content: space-between;
4+
justify-content: start;
65
background-color: #56bb8a;
76
padding: 10px;
7+
gap: 20px;
88
}
99
nav li {
1010
margin-right: 20px;
11+
font-size: 20px;
12+
font-family: 'Times New Roman', Times, serif;
13+
}
14+
nav li img{
15+
padding-left: 20px;
16+
height: 40px;
17+
width: 40px;
1118
}
1219
nav a {
1320
text-decoration: none;
@@ -16,29 +23,16 @@ nav a {
1623
transition: color 0.3s;
1724
}
1825
nav a:hover {
19-
color: #56bb8a;
26+
color: #b9c0bc;
2027
}
2128

22-
/* Basic styling for the navigation menu */
23-
nav ul {
24-
list-style: none;
25-
display: flex;
26-
justify-content: space-between;
27-
background-color: #56bb8a;
28-
padding: 10px;
29-
}
30-
nav li {
31-
margin-right: 20px;
32-
}
33-
nav a {
34-
text-decoration: none;
35-
color: #fff;
36-
font-weight: bold;
37-
transition: color 0.3s;
38-
}
39-
nav a:hover {
40-
color: #56bb8a;
41-
}
29+
nav ul li a.btn:hover {
30+
background-color: #56bb8a; /* Darker shade on hover */
31+
}
32+
33+
nav ul li a.btn.btn-register {
34+
background-color: #56bb8a; /* for the 'Register' button */
35+
}
4236

4337
.form-horizontal {
4438
max-width: 600px;

0 commit comments

Comments
 (0)