-
Notifications
You must be signed in to change notification settings - Fork 0
/
teacher.html
165 lines (155 loc) · 8.21 KB
/
teacher.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body class="bg-[#8511B4] h-full w-full">
<nav class=" flex justify-between items-center pt-3 px-20">
<img class="h-28 w-28" src="images/classroom++.png" alt="">
<div class="text-white flex gap-10 text-semibold">
<a href="">HOME</a>
<a href="">INSTITUTE</a>
<a href="">PROFILE</a>
</div>
</nav>
<hr class="mx-20">
<div class="main w-[88vw] ml-20 mt-5 flex justify-between items-center gap-3">
<div class="profile-section bg-white w-[24vw] h-screen rounded-lg overflow-hidden">
<div class="profile bg-blue-300 w-[18vw] h-[14vw] m-8 rounded-lg" ></div>
<div class="menu w-[18vw] h-[46vh] rounded-lg m-8 block border-2 border-zinc-900">
<span class="inline-block p-5">
<a class=" mr-32 mb-8" id="create-menu-button" href="#">Create Lecture</a>
<hr class="my-4">
<a class=" mr-28 mb-8" href="">Mark Attendence</a>
<hr class="my-4">
<a class=" mr-36 mb-8" href="">Settings</a>
</span>
</div>
<div class="w-[18vw] h-[8vh] border-2 border-zinc-900 rounded-lg m-8 flex items-center pl-6">
<h1>Log Out</h1>
</div>
</div>
<div class="lecture-section bg-white w-[70vw] h-screen rounded-lg">
<div class="time-subject w-full h-20 flex justify-between px-10 items-center font-semibold">
<h1>SEM 1 - 27 JUL 2024</h1>
<h1 id="current-time">Time - </span></h1>
</div>
<div class="mt-6 ml-10">
<a class="w-30 h-18 bg-blue-600 p-4 rounded-lg font-semibold" href="#" id="show-lecture-form">Create Lecture</a>
</div>
<div id="lecture-form" class="hidden mt-6 ml-10">
<form id="new-lecture-form" class="bg-white p-4 rounded-lg shadow-md">
<div class="mb-4">
<label for="start-time" class="block text-sm font-medium text-gray-700">Start Time</label>
<input type="time" id="start-time" class="mt-1 block w-full p-2 border border-gray-300 rounded-md">
</div>
<div class="mb-4">
<label for="end-time" class="block text-sm font-medium text-gray-700">End Time</label>
<input type="time" id="end-time" class="mt-1 block w-full p-2 border border-gray-300 rounded-md">
</div>
<div class="mb-4">
<label for="lecture-subject" class="block text-sm font-medium text-gray-700">Lecture Subject</label>
<select id="lecture-subject" class="mt-1 block w-full p-2 border border-gray-300 rounded-md">
<option value="Mathematics">Mathematics</option>
<option value="Physics">Physics</option>
<option value="Chemistry">Chemistry</option>
<option value="Biology">Biology</option>
<option value="Computer Science">Computer Science</option>
<option value="English">English</option>
</select>
</div>
<button type="submit" class="ml-[40%] w-32 bg-blue-600 text-white p-2 rounded-md">Add Lecture</button>
</form>
</div>
<div class="lecture-list w-full mt-12" id="lecture-list">
</div>
</div>
</div>
</div>
<script src="javascripts/teacher.js"></script>
</body>
</html>
<!-- <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Teacher Dashboard</title>
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body class="bg-[#8511B4] h-full w-full">
<nav class="fixed flex justify-between items-center pt-3 px-20">
<img class="h-28 w-28" src="images/classroom++.png" alt="">
<div class="text-white flex gap-10 text-semibold">
<a href="">PROFILE</a>
<a href="">INSTITUTE</a>
<a href="">PROFILE</a>
</div>
</nav>
<hr class="mx-20">
<div class="main w-[88vw] h-screen ml-20 mt-5 flex justify-between items-center gap-3">
<div class="profile-section bg-white w-[24vw] h-screen rounded-lg overflow-hidden">
<div class="profile bg-blue-300 w-[18vw] h-[14vw] m-8 rounded-lg"></div>
<div class="menu w-[18vw] h-[46vh] bg-red-500 rounded-lg m-8 block">
<span class="inline-block p-5">
<a class="mr-32 mb-8" href="#" id="create-lecture-btn">Create Lecture</a>
<hr class="my-4">
<a class="mr-28 mb-8" href="">Mark Attendance</a>
<hr class="my-4">
<a class="mr-36 mb-8" href="">Settings</a>
</span>
</div>
<div class="w-[18vw] h-[8vh] bg-green-500 rounded-lg m-8 flex items-center pl-6">
<h1>Log Out</h1>
</div>
</div>
<div class="lecture-section bg-blue-300 w-[70vw] h-screen rounded-lg">
<div class="time-subject bg-red-500 w-full h-20 flex justify-between px-10 items-center font-semibold">
<h1>SEM 1 - 27 JUL 2024</h1>
<h1>Time - 9:00 AM</h1>
</div>
<div class="mt-6 ml-10">
<a class="w-30 h-18 bg-blue-600 p-4 rounded-lg font-semibold" href="#" id="show-lecture-form">Create Lecture</a>
</div>
<div id="lecture-form" class="hidden mt-6 ml-10">
<form id="new-lecture-form" class="bg-white p-4 rounded-lg shadow-md">
<div class="mb-4">
<label for="start-time" class="block text-sm font-medium text-gray-700">Start Time</label>
<input type="time" id="start-time" class="mt-1 block w-full p-2 border border-gray-300 rounded-md">
</div>
<div class="mb-4">
<label for="end-time" class="block text-sm font-medium text-gray-700">End Time</label>
<input type="time" id="end-time" class="mt-1 block w-full p-2 border border-gray-300 rounded-md">
</div>
<div class="mb-4">
<label for="lecture-subject" class="block text-sm font-medium text-gray-700">Lecture Subject</label>
<select id="lecture-subject" class="mt-1 block w-full p-2 border border-gray-300 rounded-md">
<option value="Mathematics">Mathematics</option>
<option value="Physics">Physics</option>
<option value="Chemistry">Chemistry</option>
<option value="Biology">Biology</option>
<option value="Computer Science">Computer Science</option>
<option value="English">English</option>
</select>
</div>
<button type="submit" class="w-full bg-blue-600 text-white p-2 rounded-md">Add Lecture</button>
</form>
</div>
<div class="lecture-list w-full mt-12" id="lecture-list">
<div class="lecture-one bg-zinc-300 w-[60vw] h-20 ml-10 rounded-lg flex justify-between items-center px-6 font-semibold">
<div class="Time">10:00 AM - 11:00 AM</div>
<div class="subject">COMPILER CONSTRUCTION</div>
<div class="flex gap-3">
<a class="bg-blue-600 p-3 rounded-lg" href="">ATTEND</a>
<button class="bg-red-600 p-3 rounded-lg delete-btn">DELETE</button>
</div>
</div>
</div>
</div>
</div>
<script src="javascripts/teacher.js"></script>
</body>
</html> -->