├── .htaccess
├── README.md
├── assets
    ├── css
    │   ├── admin.css
    │   ├── examiner.css
    │   ├── login.css
    │   ├── main.css
    │   ├── manage-exam.css
    │   ├── student.css
    │   ├── student_home.css
    │   └── take-exam.css
    ├── images
    │   ├── admin.png
    │   ├── delete.svg
    │   ├── demo.gif
    │   ├── examiner_female.png
    │   ├── examiner_female_2.jpg
    │   ├── examiner_female_3.jpg
    │   ├── examiner_male.png
    │   ├── examiner_male_2.jpg
    │   ├── magnifying-glass.svg
    │   ├── menu-icon.svg
    │   ├── padlock.svg
    │   ├── pencil-edit-button.svg
    │   ├── plus.svg
    │   ├── student_female.png
    │   ├── student_female_2.jpg
    │   ├── student_female_3.jpg
    │   ├── student_female_3.webp
    │   ├── student_female_4.JPG
    │   ├── student_male.jpg
    │   ├── student_male_2.jpg
    │   ├── unilag-logo.png
    │   ├── unilag-logo.webp
    │   └── users.svg
    └── js
    │   └── date.js
├── bugs.txt
├── controllers
    ├── register-course.php
    ├── register-user.php
    ├── set-exam.php
    ├── set-questions.php
    └── submit-exam.php
├── helpers
    ├── connect.php
    ├── init.php
    ├── logout.php
    └── timeout.php
├── index.php
├── models
    ├── cbt_dump.sql
    ├── course-examiner.csv
    ├── course-student.csv
    ├── courses.csv
    ├── examination.csv
    ├── examiners.csv
    ├── questions.csv
    ├── schema.sql
    └── students.csv
└── views
    ├── admin_home.php
    ├── examiner_home.php
    ├── login.php
    ├── manage-exam.php
    ├── student.php
    ├── student_home.php
    ├── take-exam.php
    └── test.php


/.htaccess:
--------------------------------------------------------------------------------
1 | RewriteEngine On
2 | RewriteRule ^cbe-software/([^/]*)$ /cbe-software/index.php?page=$1 [L]


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Computer-Based Examination Software
 2 | 
 3 | [Online Examination System](http://cbe-test.atwebpages.com/) implemented as the final project for my Computer Engineering Bachelor's Degree.
 4 | 
 5 | ## Ta](ble of Content
 6 | * [Demo](#demo)
 7 | * [Features](#features)
 8 | * [Built Using](#built-using)
 9 | * [Design Inspiration](#design-inspo)
10 | * [Feedback](#feedback)
11 | * [Author](#author)
12 | 
13 | 
14 | 
15 | ## <a name="demo"></a>  Demo
16 | ![Game Demo](assets/images/demo.gif)
17 | 
18 | ## <a name="features"></a>  Features
19 | * ### General Features
20 |     - Cross-platform
21 |     - Responsive
22 |     - Accessible
23 |     - Supports objective questions
24 | 
25 |         
26 | * ### User-specific features
27 |     * #### Student
28 |         
29 |         - Resumption capability for students
30 |         - Automatic grading
31 |         - Question randomization
32 |         
33 |     * #### Examiner
34 |         
35 |         - Manage exams and set questions for assigned courses.
36 |         - Activate exams.
37 |         - Set exam time and instruction.
38 |         - View all exam results of exams for assigned courses.
39 |         
40 |     * #### Administrator
41 |         
42 |         - Register users and courses.
43 |         - View users and courses.
44 |         - Modify and delete users/courses (TODO)
45 | 
46 | 
47 | <br>
48 | 
49 | ## <a name="built-using"></a> Built Using:
50 | - HTML
51 | - CSS
52 | - JavaScript
53 | - Bootstrap
54 | - PHP
55 | - MySQL
56 | 
57 | ## <a name="design-inspo"></a> Design Inspiration
58 | The user interface of this project was inspired by [Abhinav Bassi](https://www.behance.net/abhibassi).
59 | 
60 | ## <a name="feedback"></a> Feedback
61 | Any questions or suggestions? Notice any bugs or glitches? Feel free to send me an [email](mailto:karenokonkwo29@gmail.com).
62 | 
63 | ## <a name="author"></a> Author 
64 | Karen Chioma Okonkwo (2019).
65 | 
66 | 
67 | 
68 | 
69 | 
70 | 
71 | 
72 | 
73 | 
74 | 
75 | 
76 | 
77 | 
78 | 
79 | 
80 | 
81 | 
82 | 
83 | 


--------------------------------------------------------------------------------
/assets/css/admin.css:
--------------------------------------------------------------------------------
  1 | @import url('https://fonts.googleapis.com/css?family=Patua+One|Be+Vietnam&display=swap');
  2 | * {
  3 |     box-sizing: border-box;
  4 | }
  5 | 
  6 | body {
  7 |     font-family: 'Be Vietnam', sans-serif;
  8 | }
  9 | 
 10 | .wrapper {
 11 |     display: flex;
 12 |     width: 100%;
 13 | }
 14 | 
 15 | .sidebar-header {
 16 |     font-family: 'Patua One', Verdana, Geneva, Tahoma, sans-serif;
 17 |     font-size: 1.8em;
 18 |     font-weight: 600;
 19 |     text-align: center;
 20 |     color: rgb(131, 136, 143);
 21 |     margin: 2em;
 22 | }
 23 | 
 24 | #sidebar {
 25 |     width: 300px;
 26 |     background-color: #191F25;
 27 |     height: 100vh;
 28 |     overflow-y: scroll;
 29 |     position: fixed;
 30 |     top: 0;
 31 |     left: 0;
 32 |     z-index: 999;
 33 |     transition: all 0.3s;
 34 | }
 35 | 
 36 | #sidebar.active {
 37 |     margin-left: -300px;
 38 | }
 39 | 
 40 | .components {
 41 |     margin: 20px auto 50px;
 42 | }
 43 | 
 44 | .components a:hover, .components .active a {
 45 |     background-color: #FFBD59;
 46 |     color: black;
 47 | }
 48 | 
 49 | .components a {
 50 |     font-size: 1.2em;
 51 |     color: white;
 52 |     display: block;
 53 |     padding: 1em;
 54 | }
 55 | 
 56 | .components a:hover {
 57 |     text-decoration: none;
 58 | }
 59 | 
 60 | .btn.logout {
 61 |     width: 50%;
 62 | }
 63 | 
 64 | .btn.logout:hover {
 65 |     background-color: rgb(255, 189, 89, 0.8);
 66 | }
 67 | 
 68 | .btn.logout a {
 69 |     text-decoration: none;
 70 |     color: black;
 71 | }
 72 | 
 73 | .menu {
 74 |     width: 40px;
 75 | }
 76 | 
 77 | main {
 78 |     background-color: rgba(247, 178, 76, 0.1);
 79 |     width: calc(100% - 300px);
 80 |     padding: 10px 30px;
 81 |     position: absolute;
 82 |     top: 0;
 83 |     right: 0;
 84 |     min-height: 100vh;
 85 | }
 86 | 
 87 | main.active {
 88 |     width: 100%;
 89 | }
 90 | 
 91 | main .tab-content {
 92 |     display: none;
 93 |     margin: 20px auto;
 94 | }
 95 | 
 96 | main .tab-content.show {
 97 |     display: block;
 98 | }
 99 | 
100 | .home {
101 |     display: flex;
102 |     flex-direction: column;
103 |     justify-content: center;
104 |     align-items: center;
105 |     text-align: center;
106 | }
107 | 
108 | .home .avatar {
109 |     width: 200px;
110 |     width: 200px;
111 | }
112 | 
113 | .home .welcome-message {
114 |     font-family: 'Patua One', Verdana, Geneva, Tahoma, sans-serif;
115 |     color: #8F4747;
116 |     font-size: 2.5em;
117 |     font-weight: 500;
118 | }
119 | 
120 | .home .time {
121 |     margin: 5px;
122 |     font-size: 1.5em;
123 | }
124 | 
125 | .tab-content:not(:first-of-type) header {
126 |     display: flex;
127 |     justify-content: space-between;
128 |     border-bottom: 1px #ddd solid;
129 |     padding-bottom: 10px;
130 |     height: 100%;
131 | }
132 | 
133 | .tab-content:not(:first-of-type) h1 {
134 |     font-weight: 500;
135 |     font-size: 2em;
136 | }
137 | 
138 | header .left>* {
139 |     vertical-align: middle;
140 | }
141 | 
142 | .tab-content:not(:first-of-type) header form, header .left>*, button.add-users {
143 |     display: inline-block;
144 | }
145 | 
146 | .tab-content:not(:first-of-type) .search input[type=text] {
147 |     background: url(../images/magnifying-glass.svg) no-repeat 10px 10px;
148 |     background-size: 1em 1em;
149 |     width: 150px;
150 |     border: 1px solid #8F4747;
151 |     padding: 0.3em 1em 0.3em 2.3em;
152 |     border-radius: 20px;
153 |     transition: all 0.7s ease 0s;
154 |     font-size: 0.9em;
155 | }
156 | 
157 | .tab-content:not(:first-of-type) .search input[type=text] {
158 |     width: 220px;
159 | }
160 | 
161 | .tab-content:not(:first-of-type) button.add {
162 |     background: url(../images/plus.svg) 5px 4px no-repeat;
163 |     background-size: 1.5em 1.5em;
164 |     padding: 0.3em 1em 0.3em 2.3em;
165 |     margin: 0 1em;
166 |     border-radius: 15px;
167 |     font-size: 0.8em;
168 |     font-weight: 600;
169 |     color: white;
170 |     background-color: #8F4747;
171 |     border: 2px solid #8F4747;
172 |     text-transform: capitalize;
173 |     cursor: pointer;
174 | }
175 | 
176 | .user-image {
177 |     width: 40px;
178 |     border-radius: 50%;
179 | }
180 | 
181 | img.user-action, .menu {
182 |     width: 40px;
183 |     padding: 5px;
184 |     cursor: pointer;
185 |     margin: 20px 10px 0px;
186 |     display: none;
187 | }
188 | 
189 | .modal-body {
190 |     padding: 40px;
191 | }
192 | 
193 | .modal .btn-save {
194 |     background-color: #8F4747;
195 |     color: white;
196 | }
197 | 
198 | @media (max-width: 768px) {
199 |     #sidebar {
200 |         margin-left: -300px;
201 |     }
202 |     #sidebar.active {
203 |         margin-left: 0;
204 |     }
205 |     main {
206 |         width: 100%;
207 |     }
208 |     img.user-action, .menu {
209 |         display: block;
210 |     }
211 | }
212 | 
213 | /* 
214 | @media (min-width: 769px) {
215 |     #sidebar {
216 |         margin-left: 0;
217 |     }
218 | } */


--------------------------------------------------------------------------------
/assets/css/examiner.css:
--------------------------------------------------------------------------------
  1 | .results {
  2 |     text-align: center;
  3 | }
  4 | 
  5 | .show .tab-flex-cont {
  6 |     min-height: 90vh;
  7 |     display: flex;
  8 |     align-items: center;
  9 |     justify-content: center;
 10 | }
 11 | 
 12 | /* This is a name you want to change later */
 13 | 
 14 | .actual-tab-content {
 15 |     width: 100%;
 16 | }
 17 | 
 18 | .tab-content div:nth-last-of-type(2) {
 19 |     flex: 1;
 20 | }
 21 | 
 22 | .exam-item, .result-item {
 23 |     background-color: white;
 24 |     min-height: 80px;
 25 |     height: auto;
 26 |     margin: 15px auto;
 27 |     width: 90%;
 28 |     display: flex;
 29 |     justify-content: space-between;
 30 | }
 31 | 
 32 | .exam-item>*, .result-item>* {
 33 |     padding: 0 10px;
 34 | }
 35 | 
 36 | .exam-item .course-code, .result-item .course-code {
 37 |     color: white;
 38 |     font-size: 1.2em;
 39 |     font-weight: 500;
 40 |     text-align: center;
 41 |     width: 100px;
 42 |     line-height: 80px;
 43 |     vertical-align: middle;
 44 | }
 45 | 
 46 | .exam-item:nth-of-type(odd) .course-code, .result-cont:nth-of-type(odd) .course-code {
 47 |     background-color: #8F4747;
 48 | }
 49 | 
 50 | .exam-item:nth-of-type(even) .course-code, .result-cont:nth-of-type(even) .course-code {
 51 |     background-color: #D49E4E;
 52 | }
 53 | 
 54 | .exam-item .course-name, .result-item .course-name {
 55 |     flex-grow: 3;
 56 |     font-size: 1.6em;
 57 | }
 58 | 
 59 | .edit-exam, .create-exam {
 60 |     background-color: white;
 61 |     border: none;
 62 |     color: blue;
 63 |     cursor: pointer;
 64 | }
 65 | 
 66 | .edit-exam:hover {
 67 |     background-color: rgb(81, 81, 124);
 68 |     color: white;
 69 | }
 70 | 
 71 | .create-exam:hover {
 72 |     background-color: blue;
 73 |     color: white;
 74 | }
 75 | 
 76 | .edit-exam span, .create-exam span {
 77 |     font-size: 1.2em;
 78 |     margin: 0 4px;
 79 | }
 80 | 
 81 | .result-cont {
 82 |     margin: 20px auto;
 83 | }
 84 | 
 85 | .result-item {
 86 |     box-shadow: 1px 1px 2px 1px #ccc;
 87 |     min-height: 40px;
 88 |     cursor: pointer;
 89 |     margin: 20px auto 0;
 90 | }
 91 | 
 92 | .result-item:hover {
 93 |     box-shadow: 1px 1px 2px 1.3px #bbb;
 94 | }
 95 | 
 96 | .result-item .course-name {
 97 |     margin: 3px 0 5px;
 98 | }
 99 | 
100 | .result-item .collapse-icon {
101 |     font-size: 1.4em;
102 |     vertical-align: middle;
103 | }
104 | 
105 | .result-item .course-code {
106 |     line-height: 40px;
107 | }
108 | 
109 | .result-details {
110 |     width: 90%;
111 |     background-color: #f0ede8;
112 |     margin: 0 auto 20px;
113 |     padding: 20px;
114 |     text-align: right;
115 | }


--------------------------------------------------------------------------------
/assets/css/login.css:
--------------------------------------------------------------------------------
  1 | body {
  2 |     background-color: #8f4747;
  3 |     width: 80%;
  4 |     margin: 0 auto;
  5 |     min-height: 100vh;
  6 |     display: flex;
  7 |     flex-direction: column;
  8 |     justify-content: center;
  9 | }
 10 | 
 11 | header {
 12 |     display: flex;
 13 |     justify-content: space-between;
 14 |     align-items: center;
 15 |     color: #ddd;
 16 |     text-align: center;
 17 |     flex-grow: 1;
 18 | }
 19 | 
 20 | header h1 {
 21 |     font-family: 'Patua One', Verdana, Geneva, Tahoma, sans-serif;
 22 |     font-size: 2.5em;
 23 |     font-weight: 500;
 24 | }
 25 | 
 26 | header img {
 27 |     width: 15em;
 28 |     padding: 10px;
 29 | }
 30 | 
 31 | main {
 32 |     flex-grow: 3;
 33 |     display: flex;
 34 |     flex-direction: column;
 35 |     justify-content: center;
 36 | }
 37 | 
 38 | main p {
 39 |     color: white;
 40 |     font-size: 3em;
 41 |     font-family: Verdana, Geneva, Tahoma, sans-serif;
 42 | }
 43 | 
 44 | main button {
 45 |     color: #8f4747;
 46 |     font-size: 2em;
 47 |     width: 20%;
 48 |     min-width: 170px;
 49 |     margin: 1em 0;
 50 |     padding: 5px;
 51 |     border-width: 0;
 52 |     border-radius: 5px;
 53 |     background-color: rgb(243, 222, 127);
 54 |     box-shadow: 2px 2px 3px #333;
 55 | }
 56 | 
 57 | /* Fix to the black background modal overlay problem */
 58 | 
 59 | .modal-backdrop {
 60 |     opacity: 0.5 !important;
 61 | }
 62 | 
 63 | /* Fix for vertically centering the modal */
 64 | 
 65 | .modal-dialog {
 66 |     transform: translate(0, -50%);
 67 |     top: 50%;
 68 |     margin: 0 auto;
 69 | }
 70 | 
 71 | .login-form .modal-header {
 72 |     text-align: center;
 73 |     background-color: #8f4747 !important;
 74 |     color: white;
 75 |     padding: 10px 0;
 76 |     margin: 10px 10px 0px;
 77 | }
 78 | 
 79 | .login-form p {
 80 |     text-align: center;
 81 | }
 82 | 
 83 | .login-form form {
 84 |     padding: 20px;
 85 | }
 86 | 
 87 | .login-form .form-group:last-of-type {
 88 |     margin-top: 30px;
 89 |     text-align: right;
 90 | }
 91 | 
 92 | .login-form .btn {
 93 |     background-color: #8f4747;
 94 |     color: white;
 95 | }
 96 | 
 97 | .login-form .btn.cls {
 98 |     background-color: #eee;
 99 |     color: red;
100 | }
101 | 
102 | /* Media queries */
103 | 
104 | @media only screen and (max-width: 900px) {
105 |     header h1 {
106 |         font-size: 2.3em;
107 |     }
108 |     header img {
109 |         width: 13em;
110 |     }
111 |     main p {
112 |         font-size: 2.7em;
113 |     }
114 | }
115 | 
116 | @media only screen and (max-width: 800px) {
117 |     main p {
118 |         font-size: 2.5em;
119 |     }
120 |     main button {
121 |         font-size: 1.8em;
122 |     }
123 | }
124 | 
125 | @media only screen and (max-width: 700px) {
126 |     header h1 {
127 |         font-size: 2em;
128 |     }
129 |     header img {
130 |         width: 11em;
131 |     }
132 |     main p {
133 |         font-size: 2.2em;
134 |     }
135 | }
136 | 
137 | @media only screen and (max-width:600px) {
138 |     main p {
139 |         font-size: 2em;
140 |     }
141 | }
142 | 
143 | @media only screen and (max-width:500px) {
144 |     body {
145 |         width: 90%;
146 |     }
147 |     header img {
148 |         width: 9em;
149 |     }
150 |     main p {
151 |         text-align: center;
152 |     }
153 |     main button {
154 |         width: 100%;
155 |     }
156 | }
157 | 
158 | @media only screen and (max-width:300px) {
159 |     header h1 {
160 |         font-size: 1.5em;
161 |     }
162 | }


--------------------------------------------------------------------------------
/assets/css/main.css:
--------------------------------------------------------------------------------
1 | #index-page {
2 |     font-size: 16px;
3 | }


--------------------------------------------------------------------------------
/assets/css/manage-exam.css:
--------------------------------------------------------------------------------
 1 | header h1 {
 2 |     /* font-weight: 600;
 3 |     font-size: 2.5em; */
 4 |     color: #8F4747;
 5 | }
 6 | 
 7 | .tab-content.exam-details header {
 8 |     margin: 40px 0;
 9 |     /* text-align: center; */
10 | }
11 | 
12 | #examForm .form-group {
13 |     margin: 40px 0;
14 | }
15 | 
16 | #examForm label:not(.radio), #examForm legend {
17 |     font-size: 1.3em;
18 |     display: block;
19 |     width: 100%;
20 | }
21 | 
22 | #examForm .input-group-addon {
23 |     font-size: 1.3em;
24 | }
25 | 
26 | #examForm footer {
27 |     width: 100%;
28 |     text-align: center;
29 | }
30 | 
31 | #examForm button[type=submit] {
32 |     width: 100%;
33 |     color: white;
34 |     background-color: #8F4747;
35 | }


--------------------------------------------------------------------------------
/assets/css/student.css:
--------------------------------------------------------------------------------
  1 | .results {
  2 |     text-align: center;
  3 | }
  4 | 
  5 | .show .tab-flex-cont {
  6 |     min-height: calc(90vh - 45px);
  7 |     display: flex;
  8 |     align-items: center;
  9 |     justify-content: center;
 10 | }
 11 | 
 12 | /* This is a name you want to change later */
 13 | 
 14 | .actual-tab-content {
 15 |     width: 100%;
 16 | }
 17 | 
 18 | .tab-content div:nth-last-of-type(2) {
 19 |     flex: 1;
 20 | }
 21 | 
 22 | .exam-item, .result-item {
 23 |     background-color: white;
 24 |     min-height: 80px;
 25 |     height: auto;
 26 |     margin: 15px auto;
 27 |     width: 90%;
 28 |     display: flex;
 29 |     justify-content: space-between;
 30 | }
 31 | 
 32 | .exam-item>*, .result-item>* {
 33 |     padding: 0 10px;
 34 | }
 35 | 
 36 | .exam-item .course-code, .result-item .course-code {
 37 |     color: white;
 38 |     font-size: 1.2em;
 39 |     font-weight: 500;
 40 |     text-align: center;
 41 |     width: 100px;
 42 |     line-height: 80px;
 43 |     vertical-align: middle;
 44 | }
 45 | 
 46 | .exam-item:nth-of-type(odd) .course-code, .result-cont:nth-of-type(odd) .course-code {
 47 |     background-color: #8F4747;
 48 | }
 49 | 
 50 | .exam-item:nth-of-type(even) .course-code, .result-cont:nth-of-type(even) .course-code {
 51 |     background-color: #D49E4E;
 52 | }
 53 | 
 54 | .exam-item .course-name, .result-item .course-name {
 55 |     flex-grow: 3;
 56 |     font-size: 1.6em;
 57 | }
 58 | 
 59 | .start-exam {
 60 |     background-color: white;
 61 |     border: none;
 62 |     color: green;
 63 |     cursor: pointer;
 64 | }
 65 | 
 66 | .start-exam:hover {
 67 |     background-color: green;
 68 |     color: white;
 69 | }
 70 | 
 71 | .start-exam span {
 72 |     font-size: 1.2em;
 73 |     margin: 0 4px;
 74 | }
 75 | 
 76 | .result-cont {
 77 |     margin: 20px auto;
 78 | }
 79 | 
 80 | .result-item {
 81 |     box-shadow: 1px 1px 2px 1px #ccc;
 82 |     min-height: 40px;
 83 |     cursor: pointer;
 84 |     margin: 20px auto 0;
 85 | }
 86 | 
 87 | .result-item:hover {
 88 |     box-shadow: 1px 1px 2px 1.3px #bbb;
 89 | }
 90 | 
 91 | .result-item .course-name {
 92 |     margin: 3px 0 5px;
 93 | }
 94 | 
 95 | .result-item .collapse-icon {
 96 |     font-size: 1.4em;
 97 |     vertical-align: middle;
 98 | }
 99 | 
100 | .result-item .course-code {
101 |     line-height: 40px;
102 | }
103 | 
104 | .result-details {
105 |     width: 90%;
106 |     background-color: #ece7df;
107 |     margin: 0 auto 20px;
108 |     padding: 20px;
109 |     text-align: right;
110 | }


--------------------------------------------------------------------------------
/assets/css/student_home.css:
--------------------------------------------------------------------------------
 1 | body{
 2 | font-family: 'DM Serif Display', serif;
 3 | }
 4 | .container:first-of-type .row {
 5 |     display: flex;
 6 |     align-items: center;
 7 |     background-color: #8f4747;
 8 | }
 9 | 
10 | .qPanel {
11 |     display: none;
12 | }
13 | 
14 | .qpanel.active {
15 |     display: block;
16 | }
17 | 
18 | #nav {
19 |     margin: 10px;
20 | 
21 | } 
22 | .navbutton {
23 |     cursor: pointer;
24 |     padding: 5px;
25 |     margin: 10px;
26 |     border: 1px solid #bbb;
27 |     border-radius: 3px;
28 | 	color: #8f4747;
29 | }
30 | 
31 | .btn-prim {
32 |  background-color: #8f4747;
33 | color: white;
34 | }
35 | 
36 | .btn-primary {
37 |     background-color: #8f4747;
38 |    color: white;
39 |    } 
40 | 
41 | .qButton{
42 |     cursor: pointer;
43 |     padding: 6px 5px;
44 |     min-width: 10px;
45 |     min-height: 10px;
46 |     border: 1px solid #bbb;
47 |     border-radius: 3px;
48 |    color: #8f4747;}
49 | 
50 | .timer{
51 | float: right;
52 | }
53 | 
54 | .qButton.current{
55 |     color: white;
56 |     background-color: #8f4747;
57 | }
58 | 
59 | 
60 | 
61 | input[name="Submit_ans"]{
62 |     display: block;
63 |     margin: 50px auto 20px;
64 | }
65 | 


--------------------------------------------------------------------------------
/assets/css/take-exam.css:
--------------------------------------------------------------------------------
  1 | @import url('https://fonts.googleapis.com/css?family=Patua+One|Be+Vietnam&display=swap');
  2 | * {
  3 |     box-sizing: border-box;
  4 | }
  5 | 
  6 | body {
  7 |     font-family: 'Be Vietnam', sans-serif;
  8 | }
  9 | 
 10 | .wrapper {
 11 |     display: flex;
 12 |     width: 100%;
 13 | }
 14 | 
 15 | .sidebar-header {
 16 |     font-family: 'Patua One', Verdana, Geneva, Tahoma, sans-serif;
 17 |     font-size: 1.8em;
 18 |     font-weight: 600;
 19 |     text-align: center;
 20 |     color: rgb(131, 136, 143);
 21 |     margin: 2em;
 22 | }
 23 | 
 24 | #sidebar {
 25 |     width: 300px;
 26 |     background-color: #191F25;
 27 |     height: 100vh;
 28 |     overflow-y: scroll;
 29 |     position: fixed;
 30 |     top: 0;
 31 |     left: 0;
 32 |     z-index: 999;
 33 |     transition: all 0.3s;
 34 |     font-family: 'Be Vietnam', sans-serif;
 35 | }
 36 | 
 37 | #sidebar.active {
 38 |     margin-left: -300px;
 39 | }
 40 | 
 41 | #sidebar .btn {
 42 |     width: 50%;
 43 | }
 44 | 
 45 | #sidebar .btn:hover {
 46 |     background-color: rgb(255, 189, 89, 0.8);
 47 | }
 48 | 
 49 | #sidebar .btn a {
 50 |     text-decoration: none;
 51 |     color: black;
 52 | }
 53 | 
 54 | .menu {
 55 |     width: 40px;
 56 | }
 57 | 
 58 | main {
 59 |     background-color: rgb(166, 42, 42, 0.1);
 60 |     width: calc(100% - 300px);
 61 |     padding: 10px 30px;
 62 |     position: absolute;
 63 |     top: 0;
 64 |     right: 0;
 65 |     min-height: 100vh;
 66 | }
 67 | 
 68 | main.active {
 69 |     width: 100%;
 70 | }
 71 | 
 72 | main .tab {
 73 |     display: none;
 74 |     margin: 20px auto;
 75 | }
 76 | 
 77 | main .tab.show {
 78 |     display: block;
 79 | }
 80 | 
 81 | @media (max-width: 768px) {
 82 |     #sidebar {
 83 |         margin-left: -300px;
 84 |     }
 85 |     #sidebar.active {
 86 |         margin-left: 0;
 87 |     }
 88 |     main {
 89 |         width: 100%;
 90 |     }
 91 | }
 92 | 
 93 | /* Specific Styles */
 94 | 
 95 | .timer {
 96 |     font-size: 1.3em;
 97 |     font-weight: 400;
 98 |     width: 100%;
 99 |     text-align: center;
100 |     border-top: 1.5px solid #82878F;
101 |     border-bottom: 1.5px solid #82878F;
102 |     padding: 15px 0;
103 |     color: white;
104 | }
105 | 
106 | .question-no-list {
107 |     list-style-type: none;
108 |     color: white;
109 |     font-size: 1em;
110 |     padding: 15px 30px;
111 |     text-align: center;
112 |     display: flex;
113 |     flex-wrap: wrap;
114 |     border-bottom: 1.5px solid #82878F;
115 | }
116 | 
117 | .question-no {
118 |     font-weight: 600;
119 |     background-color: #82878F;
120 |     height: 1.5em;
121 |     width: 1.5em;
122 |     margin: 8px;
123 |     border-radius: 5px;
124 |     line-height: 1.5em;
125 |     text-align: center;
126 |     vertical-align: middle;
127 |     cursor: pointer;
128 | }
129 | 
130 | .question-no.active {
131 |     background-color: rgb(255, 189, 89, 0.8);
132 | }
133 | 
134 | .show .tab-flex-cont {
135 |     min-height: 90vh;
136 |     display: flex;
137 |     align-items: center;
138 |     align-items: center;
139 |     justify-content: center;
140 | }
141 | 
142 | .tab {
143 |     width: 100%;
144 |     font-family: 'Be Vietnam', sans-serif;
145 | }
146 | 
147 | .tab div:nth-last-of-type(2) {
148 |     flex: 1;
149 | }
150 | 
151 | div.submit {
152 |     margin-top: 50px;
153 | }
154 | 
155 | .start-exam {
156 |     display: block;
157 |     background-color: white;
158 |     border: none;
159 |     color: green;
160 |     cursor: pointer;
161 |     padding: 3px 3px 5px 5px;
162 |     text-align: center;
163 |     margin: 15px auto;
164 |     font-weight: 500;
165 |     border-radius: 2px;
166 | }
167 | 
168 | .start-exam:hover {
169 |     background-color: green;
170 |     color: white;
171 | }
172 | 
173 | .start-exam span {
174 |     font-size: 1.2em;
175 |     margin: 0 4px;
176 | }
177 | 
178 | .questions .tab-flex-cont, .questions .tab-content {
179 |     width: 100%;
180 | }
181 | 
182 | .tab header {
183 |     display: flex;
184 |     justify-content: space-between;
185 |     margin-bottom: 40px;
186 |     padding: 10px 20px;
187 |     color: rgb(112, 56, 56);
188 | }
189 | 
190 | .tab header h1 {
191 |     font-weight: 700;
192 |     color: #D49E4E;
193 | }
194 | 
195 | #clockbox {
196 |     text-align: right;
197 | }
198 | 
199 | form {
200 |     background-color: white;
201 |     padding: 20px 30px;
202 | }
203 | 
204 | .question-cont {
205 |     margin-bottom: 10px;
206 |     display: none;
207 | }
208 | 
209 | .question-cont.show {
210 |     display: block;
211 | }
212 | 
213 | .question-cont>*:not(.options-group) {
214 |     font-size: 1.05em;
215 |     font-weight: bold;
216 | }
217 | 
218 | .question-control {
219 |     margin-top: 30px;
220 |     display: flex;
221 |     justify-content: space-around;
222 | }
223 | 
224 | .question-control button {
225 |     width: 100px;
226 |     color: #8F4747;
227 | }
228 | 
229 | .question-control button:not(:disabled):hover {
230 |     background-color: #8F4747;
231 |     color: white;
232 | }


--------------------------------------------------------------------------------
/assets/images/admin.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/KarenOk/Computer-Based-Examination-Software/3443cd83a1f25cb70469c16a4f73785f5a5de3f8/assets/images/admin.png


--------------------------------------------------------------------------------
/assets/images/delete.svg:
--------------------------------------------------------------------------------
1 | <?xml version="1.0"?>
2 | <svg xmlns="http://www.w3.org/2000/svg" height="512px" viewBox="-40 0 427 427.00131" width="512px"><g><path d="m232.398438 154.703125c-5.523438 0-10 4.476563-10 10v189c0 5.519531 4.476562 10 10 10 5.523437 0 10-4.480469 10-10v-189c0-5.523437-4.476563-10-10-10zm0 0" data-original="#000000" class="active-path" data-old_color="#000000" fill="#E50505"/><path d="m114.398438 154.703125c-5.523438 0-10 4.476563-10 10v189c0 5.519531 4.476562 10 10 10 5.523437 0 10-4.480469 10-10v-189c0-5.523437-4.476563-10-10-10zm0 0" data-original="#000000" class="active-path" data-old_color="#000000" fill="#E50505"/><path d="m28.398438 127.121094v246.378906c0 14.5625 5.339843 28.238281 14.667968 38.050781 9.285156 9.839844 22.207032 15.425781 35.730469 15.449219h189.203125c13.527344-.023438 26.449219-5.609375 35.730469-15.449219 9.328125-9.8125 14.667969-23.488281 14.667969-38.050781v-246.378906c18.542968-4.921875 30.558593-22.835938 28.078124-41.863282-2.484374-19.023437-18.691406-33.253906-37.878906-33.257812h-51.199218v-12.5c.058593-10.511719-4.097657-20.605469-11.539063-28.03125-7.441406-7.421875-17.550781-11.5546875-28.0625-11.46875h-88.796875c-10.511719-.0859375-20.621094 4.046875-28.0625 11.46875-7.441406 7.425781-11.597656 17.519531-11.539062 28.03125v12.5h-51.199219c-19.1875.003906-35.394531 14.234375-37.878907 33.257812-2.480468 19.027344 9.535157 36.941407 28.078126 41.863282zm239.601562 279.878906h-189.203125c-17.097656 0-30.398437-14.6875-30.398437-33.5v-245.5h250v245.5c0 18.8125-13.300782 33.5-30.398438 33.5zm-158.601562-367.5c-.066407-5.207031 1.980468-10.21875 5.675781-13.894531 3.691406-3.675781 8.714843-5.695313 13.925781-5.605469h88.796875c5.210937-.089844 10.234375 1.929688 13.925781 5.605469 3.695313 3.671875 5.742188 8.6875 5.675782 13.894531v12.5h-128zm-71.199219 32.5h270.398437c9.941406 0 18 8.058594 18 18s-8.058594 18-18 18h-270.398437c-9.941407 0-18-8.058594-18-18s8.058593-18 18-18zm0 0" data-original="#000000" class="active-path" data-old_color="#000000" fill="#E50505"/><path d="m173.398438 154.703125c-5.523438 0-10 4.476563-10 10v189c0 5.519531 4.476562 10 10 10 5.523437 0 10-4.480469 10-10v-189c0-5.523437-4.476563-10-10-10zm0 0" data-original="#000000" class="active-path" data-old_color="#000000" fill="#E50505"/></g> </svg>
3 | 


--------------------------------------------------------------------------------
/assets/images/demo.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/KarenOk/Computer-Based-Examination-Software/3443cd83a1f25cb70469c16a4f73785f5a5de3f8/assets/images/demo.gif


--------------------------------------------------------------------------------
/assets/images/examiner_female.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/KarenOk/Computer-Based-Examination-Software/3443cd83a1f25cb70469c16a4f73785f5a5de3f8/assets/images/examiner_female.png


--------------------------------------------------------------------------------
/assets/images/examiner_female_2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/KarenOk/Computer-Based-Examination-Software/3443cd83a1f25cb70469c16a4f73785f5a5de3f8/assets/images/examiner_female_2.jpg


--------------------------------------------------------------------------------
/assets/images/examiner_female_3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/KarenOk/Computer-Based-Examination-Software/3443cd83a1f25cb70469c16a4f73785f5a5de3f8/assets/images/examiner_female_3.jpg


--------------------------------------------------------------------------------
/assets/images/examiner_male.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/KarenOk/Computer-Based-Examination-Software/3443cd83a1f25cb70469c16a4f73785f5a5de3f8/assets/images/examiner_male.png


--------------------------------------------------------------------------------
/assets/images/examiner_male_2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/KarenOk/Computer-Based-Examination-Software/3443cd83a1f25cb70469c16a4f73785f5a5de3f8/assets/images/examiner_male_2.jpg


--------------------------------------------------------------------------------
/assets/images/magnifying-glass.svg:
--------------------------------------------------------------------------------
1 | <?xml version="1.0"?>
2 | <svg xmlns="http://www.w3.org/2000/svg" id="Capa_1" enable-background="new 0 0 515.558 515.558" height="512px" viewBox="0 0 515.558 515.558" width="512px" class=""><g><path d="m378.344 332.78c25.37-34.645 40.545-77.2 40.545-123.333 0-115.484-93.961-209.445-209.445-209.445s-209.444 93.961-209.444 209.445 93.961 209.445 209.445 209.445c46.133 0 88.692-15.177 123.337-40.547l137.212 137.212 45.564-45.564c0-.001-137.214-137.213-137.214-137.213zm-168.899 21.667c-79.958 0-145-65.042-145-145s65.042-145 145-145 145 65.042 145 145-65.043 145-145 145z" data-original="#000000" class="active-path" data-old_color="#000000" fill="#800000"/></g> </svg>
3 | 


--------------------------------------------------------------------------------
/assets/images/menu-icon.svg:
--------------------------------------------------------------------------------
1 | <?xml version="1.0"?>
2 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" width="512px" height="512px" viewBox="0 0 25.532 25.532" style="enable-background:new 0 0 25.532 25.532;" xml:space="preserve"><g><g>
3 | 	<path d="M12.766,25.532C5.727,25.532,0,19.805,0,12.766C0,5.727,5.727,0,12.766,0c7.039,0,12.766,5.727,12.766,12.766   C25.532,19.805,19.805,25.532,12.766,25.532z M12.766,2C6.829,2,2,6.829,2,12.766c0,5.938,4.83,10.767,10.766,10.767   s10.766-4.829,10.766-10.767C23.532,6.829,18.703,2,12.766,2z M19.414,8.766c0,0.368-0.298,0.667-0.667,0.667H6.783   c-0.368,0-0.667-0.298-0.667-0.667c0-0.368,0.298-0.667,0.667-0.667h11.964C19.116,8.099,19.414,8.398,19.414,8.766z    M19.414,12.766c0,0.368-0.298,0.668-0.667,0.668H6.783c-0.368,0-0.667-0.299-0.667-0.668c0-0.367,0.298-0.666,0.667-0.666h11.964   C19.116,12.1,19.414,12.398,19.414,12.766z M19.414,16.766c0,0.368-0.298,0.668-0.667,0.668H6.783   c-0.368,0-0.667-0.299-0.667-0.668c0-0.367,0.298-0.666,0.667-0.666h11.964C19.116,16.1,19.414,16.398,19.414,16.766z" data-original="#000000" class="active-path" data-old_color="#000000" fill="#800000"/>
4 | </g></g> </svg>
5 | 


--------------------------------------------------------------------------------
/assets/images/padlock.svg:
--------------------------------------------------------------------------------
1 | <?xml version="1.0"?>
2 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 486.025 486.025" style="enable-background:new 0 0 486.025 486.025;" xml:space="preserve" width="512px" height="512px"><g><g>
3 | 	<g>
4 | 		<path d="M420.725,85.413c-42.1-42.1-98.1-65.3-157.6-65.3c-60.6,0-117.3,23.9-159.6,67.3c-4.6,4.7-4.5,12.3,0.2,17    c4.7,4.6,12.3,4.5,17-0.2c37.8-38.7,88.3-60,142.4-60c109.7-0.1,198.9,89.1,198.9,198.8s-89.2,198.9-198.9,198.9    s-198.9-89.2-198.9-198.9v-2.5l19.8,19.8c2.3,2.3,5.4,3.5,8.5,3.5s6.1-1.2,8.5-3.5c4.7-4.7,4.7-12.3,0-17l-40.2-40.3    c-4.7-4.7-12.3-4.7-17,0l-40.3,40.3c-4.7,4.7-4.7,12.3,0,17c2.3,2.3,5.4,3.5,8.5,3.5s6.1-1.2,8.5-3.5l19.8-19.8v2.5    c0,59.5,23.2,115.5,65.3,157.6s98.1,65.3,157.6,65.3s115.5-23.2,157.6-65.3s65.2-98.1,65.2-157.6S462.825,127.513,420.725,85.413z    " data-original="#000000" class="active-path" data-old_color="#000000" fill="#0F609A"/>
5 | 		<path d="M263.125,113.413c-39,0-70.7,31.7-70.7,70.7v34.1h-22c-6.6,0-12,5.4-12,12v119.7c0,6.6,5.4,12,12,12h185.5    c6.6,0,12-5.4,12-12v-119.6c0-6.6-5.4-12-12-12h-22v-34.1C333.925,145.213,302.125,113.413,263.125,113.413z M216.425,184.213    c0-25.8,21-46.7,46.7-46.7s46.7,21,46.7,46.7v34.1h-93.4L216.425,184.213L216.425,184.213z M343.925,337.913h-161.5v-95.7h161.5    V337.913z" data-original="#000000" class="active-path" data-old_color="#000000" fill="#0F609A"/>
6 | 	</g>
7 | </g></g> </svg>
8 | 


--------------------------------------------------------------------------------
/assets/images/pencil-edit-button.svg:
--------------------------------------------------------------------------------
1 | <?xml version="1.0"?>
2 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" width="512px" height="512px" viewBox="0 0 528.899 528.899" style="enable-background:new 0 0 528.899 528.899;" xml:space="preserve"><g><g>
3 | 	<path d="M328.883,89.125l107.59,107.589l-272.34,272.34L56.604,361.465L328.883,89.125z M518.113,63.177l-47.981-47.981   c-18.543-18.543-48.653-18.543-67.259,0l-45.961,45.961l107.59,107.59l53.611-53.611   C532.495,100.753,532.495,77.559,518.113,63.177z M0.3,512.69c-1.958,8.812,5.998,16.708,14.811,14.565l119.891-29.069   L27.473,390.597L0.3,512.69z" data-original="#000000" class="active-path" data-old_color="#000000" fill="#E1C90E"/>
4 | </g></g> </svg>
5 | 


--------------------------------------------------------------------------------
/assets/images/plus.svg:
--------------------------------------------------------------------------------
1 | <?xml version="1.0"?>
2 | <svg xmlns="http://www.w3.org/2000/svg" height="512px" viewBox="0 0 512 512" width="512px"><g><path d="m437.019531 74.980469c-48.351562-48.351563-112.640625-74.980469-181.019531-74.980469s-132.667969 26.628906-181.019531 74.980469c-48.351563 48.351562-74.980469 112.640625-74.980469 181.019531s26.628906 132.667969 74.980469 181.019531c48.351562 48.351563 112.640625 74.980469 181.019531 74.980469s132.667969-26.628906 181.019531-74.980469c48.351563-48.351562 74.980469-112.640625 74.980469-181.019531s-26.628906-132.667969-74.980469-181.019531zm-181.019531 397.019531c-119.101562 0-216-96.898438-216-216s96.898438-216 216-216 216 96.898438 216 216-96.898438 216-216 216zm20-236.019531h90v40h-90v90h-40v-90h-90v-40h90v-90h40zm0 0" data-original="#000000" class="active-path" data-old_color="#000000" fill="#FFFFFF"/></g> </svg>
3 | 


--------------------------------------------------------------------------------
/assets/images/student_female.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/KarenOk/Computer-Based-Examination-Software/3443cd83a1f25cb70469c16a4f73785f5a5de3f8/assets/images/student_female.png


--------------------------------------------------------------------------------
/assets/images/student_female_2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/KarenOk/Computer-Based-Examination-Software/3443cd83a1f25cb70469c16a4f73785f5a5de3f8/assets/images/student_female_2.jpg


--------------------------------------------------------------------------------
/assets/images/student_female_3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/KarenOk/Computer-Based-Examination-Software/3443cd83a1f25cb70469c16a4f73785f5a5de3f8/assets/images/student_female_3.jpg


--------------------------------------------------------------------------------
/assets/images/student_female_3.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/KarenOk/Computer-Based-Examination-Software/3443cd83a1f25cb70469c16a4f73785f5a5de3f8/assets/images/student_female_3.webp


--------------------------------------------------------------------------------
/assets/images/student_female_4.JPG:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/KarenOk/Computer-Based-Examination-Software/3443cd83a1f25cb70469c16a4f73785f5a5de3f8/assets/images/student_female_4.JPG


--------------------------------------------------------------------------------
/assets/images/student_male.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/KarenOk/Computer-Based-Examination-Software/3443cd83a1f25cb70469c16a4f73785f5a5de3f8/assets/images/student_male.jpg


--------------------------------------------------------------------------------
/assets/images/student_male_2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/KarenOk/Computer-Based-Examination-Software/3443cd83a1f25cb70469c16a4f73785f5a5de3f8/assets/images/student_male_2.jpg


--------------------------------------------------------------------------------
/assets/images/unilag-logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/KarenOk/Computer-Based-Examination-Software/3443cd83a1f25cb70469c16a4f73785f5a5de3f8/assets/images/unilag-logo.png


--------------------------------------------------------------------------------
/assets/images/unilag-logo.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/KarenOk/Computer-Based-Examination-Software/3443cd83a1f25cb70469c16a4f73785f5a5de3f8/assets/images/unilag-logo.webp


--------------------------------------------------------------------------------
/assets/images/users.svg:
--------------------------------------------------------------------------------
1 | <?xml version="1.0"?>
2 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" width="512px" height="512px" viewBox="0 0 80.13 80.13" style="enable-background:new 0 0 80.13 80.13;" xml:space="preserve"><g><g>
3 | 	<path d="M48.355,17.922c3.705,2.323,6.303,6.254,6.776,10.817c1.511,0.706,3.188,1.112,4.966,1.112   c6.491,0,11.752-5.261,11.752-11.751c0-6.491-5.261-11.752-11.752-11.752C53.668,6.35,48.453,11.517,48.355,17.922z M40.656,41.984   c6.491,0,11.752-5.262,11.752-11.752s-5.262-11.751-11.752-11.751c-6.49,0-11.754,5.262-11.754,11.752S34.166,41.984,40.656,41.984   z M45.641,42.785h-9.972c-8.297,0-15.047,6.751-15.047,15.048v12.195l0.031,0.191l0.84,0.263   c7.918,2.474,14.797,3.299,20.459,3.299c11.059,0,17.469-3.153,17.864-3.354l0.785-0.397h0.084V57.833   C60.688,49.536,53.938,42.785,45.641,42.785z M65.084,30.653h-9.895c-0.107,3.959-1.797,7.524-4.47,10.088   c7.375,2.193,12.771,9.032,12.771,17.11v3.758c9.77-0.358,15.4-3.127,15.771-3.313l0.785-0.398h0.084V45.699   C80.13,37.403,73.38,30.653,65.084,30.653z M20.035,29.853c2.299,0,4.438-0.671,6.25-1.814c0.576-3.757,2.59-7.04,5.467-9.276   c0.012-0.22,0.033-0.438,0.033-0.66c0-6.491-5.262-11.752-11.75-11.752c-6.492,0-11.752,5.261-11.752,11.752   C8.283,24.591,13.543,29.853,20.035,29.853z M30.589,40.741c-2.66-2.551-4.344-6.097-4.467-10.032   c-0.367-0.027-0.73-0.056-1.104-0.056h-9.971C6.75,30.653,0,37.403,0,45.699v12.197l0.031,0.188l0.84,0.265   c6.352,1.983,12.021,2.897,16.945,3.185v-3.683C17.818,49.773,23.212,42.936,30.589,40.741z" data-original="#000000" class="active-path" data-old_color="#000000" fill="#1168A1"/>
4 | </g></g> </svg>
5 | 


--------------------------------------------------------------------------------
/assets/js/date.js:
--------------------------------------------------------------------------------
  1 | 
  2 | let days = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
  3 | let greetingElem = document.querySelector(".greeting");
  4 | let timeElem = document.querySelector(".time");
  5 | let greeting, time;
  6 | let date = new Date();
  7 | let hours = date.getHours();
  8 | 
  9 | if (hours >= 0 && hours < 12) {
 10 |     greeting = "Good morning,";
 11 | } else if (hours >= 12 && hours < 17) {
 12 |     greeting = "Good afternoon,";
 13 | } else {
 14 |     greeting = "Good evening,";
 15 | }
 16 | 
 17 | time = `${days[date.getDay()]} <br> ${date.toLocaleDateString()} <br> ${date.toLocaleTimeString()}`
 18 | 
 19 | greetingElem.innerHTML = greeting;
 20 | timeElem.innerHTML = time;
 21 | 
 22 | 
 23 | 
 24 | 
 25 | 
 26 | // var tday = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
 27 | // var tmonth = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October",
 28 | //     "November", "December"
 29 | // ];
 30 | 
 31 | // function GetClock() {
 32 | //     var d = new Date();
 33 | //     var nday = d.getDay(),
 34 | //         nmonth = d.getMonth(),
 35 | //         ndate = d.getDate(),
 36 | //         nyear = d.getFullYear();
 37 | //     var nhour = d.getHours(),
 38 | //         nmin = d.getMinutes(),
 39 | //         ap;
 40 | //     if (nhour == 0) {
 41 | //         ap = " AM";
 42 | //         nhour = 12;
 43 | //     } else if (nhour < 12) {
 44 | //         ap = " AM";
 45 | //     } else if (nhour == 12) {
 46 | //         ap = " PM";
 47 | //     } else if (nhour > 12) {
 48 | //         ap = " PM";
 49 | //         nhour -= 12;
 50 | //     }
 51 | 
 52 | //     if (nmin <= 9) nmin = "0" + nmin;
 53 | 
 54 | //     var clocktext = "" + tday[nday] + ", <br> " + tmonth[nmonth] + " " + ndate + ", " + nyear + " <br> " +
 55 | //         nhour + ":" + nmin + ap + "";
 56 | //     document.getElementById('clockbox').innerHTML = clocktext;
 57 | // }
 58 | 
 59 | 
 60 | 
 61 | 
 62 | 
 63 | 
 64 | 
 65 | 
 66 | 
 67 | // var tday = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
 68 | // var tmonth = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October",
 69 | //     "November", "December"
 70 | // ];
 71 | 
 72 | // function GetClock(d, format) {
 73 | 
 74 | //     // FORMATS 
 75 | //     //  -- text-br = text with line breaks
 76 | //     //  -- text = text with line breaks
 77 | //     //  -- d/m/y-gr = 23/45/1964 with greeting
 78 | 
 79 | //     var nday = d.getDay(),
 80 | //         nmonth = d.getMonth(),
 81 | //         ndate = d.getDate(),
 82 | //         nyear = d.getFullYear();
 83 | //     var nhour = d.getHours(),
 84 | //         nmin = d.getMinutes(),
 85 | //         nsec = d.getSeconds(),
 86 | //         ap;
 87 | //     var greeting, clocktext;
 88 | //     if (nhour == 0) {
 89 | //         ap = " AM";
 90 | //         nhour = 12;
 91 | //     } else if (nhour < 12) {
 92 | //         ap = " AM";
 93 | //     } else if (nhour == 12) {
 94 | //         ap = " PM";
 95 | //     } else if (nhour > 12) {
 96 | //         ap = " PM";
 97 | //         nhour -= 12;
 98 | //     }
 99 | 
100 | //     if (nmin <= 9) nmin = "0" + nmin;
101 | //     if (nsec <= 9) nsec = "0" + nsec;
102 | 
103 | //     if (hours >= 0 && hours < 12) {
104 | //         greeting = "Good morning,";
105 | //     } else if (hours >= 12 && hours < 17) {
106 | //         greeting = "Good afternoon,";
107 | //     } else {
108 | //         greeting = "Good evening,";
109 | //     }
110 | 
111 | //     if (format === "text") {
112 | //         clocktext = "" + tday[nday] + ", " + tmonth[nmonth] + " " + ndate + ", " + nyear + " <br>" +
113 | //             nhour + ":" + nmin + ap + "";
114 | //     } else if (format === "text-br") {
115 | //         locktext = "" + tday[nday] + ", <br> " + tmonth[nmonth] + " " + ndate + ", " + nyear + " <br> " +
116 | //             nhour + ":" + nmin + ap + "";
117 | //     } else if (format === "d/m/y-gr") {
118 | //         // clocktext = `${tday[nday]} <br> ${date.toLocaleDateString()} <br> ${date.toLocaleTimeString()}`
119 | //         clocktext = tday[nday] + "<br>" + ndate + "/" + (nmonth + 1) + "/" + nyear + "<br> " + nhour + ":" + nmin + ":" + nsec + ap + "";
120 | //     }
121 | 
122 | //     console.log(clocktext);
123 | 
124 | //     return clocktext;
125 | 
126 | // }
127 | 


--------------------------------------------------------------------------------
/bugs.txt:
--------------------------------------------------------------------------------
1 | Login Form Reload
2 | 
3 | FIXED - Session time out - only shows logout button
4 | 
5 | Not Responsive


--------------------------------------------------------------------------------
/controllers/register-course.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | include "../helpers/connect.php";
 3 | 
 4 | if ($_SERVER["REQUEST_METHOD"] == "POST") {
 5 |     $courseTitle = $_POST["ctitle"];
 6 |     $courseCode = $_POST["ccode"];
 7 | 
 8 |     $sql = " INSERT INTO Course (courseTitle, courseCode) VALUES ('$courseTitle', '$courseCode')";
 9 |     $result = mysqli_query($conn, $sql);
10 | 
11 |     if ($result) {
12 |         header("location: ../index.php");
13 |     } else {
14 |         echo "There was an error registering this course";
15 |     }
16 | 
17 | }


--------------------------------------------------------------------------------
/controllers/register-user.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | include "../helpers/connect.php";
 3 | 
 4 | if ($_SERVER["REQUEST_METHOD"] == "POST") {
 5 |     // echo var_dump($_POST);
 6 |     // echo "<br> <br>";
 7 | 
 8 |     $usertype = $_POST["user-type"];
 9 |     $username = $_POST["username"];
10 |     $firstName = $_POST["fname"];
11 |     $lastName = $_POST["lname"];
12 |     $imageUrl = $_POST["img-url"];
13 |     $gender = $_POST["user-gender"];
14 |     $password = $_POST["password"];
15 |     $cpassword = $_POST["cpassword"];
16 |     $hashed_password = password_hash($password, PASSWORD_DEFAULT);
17 | 
18 |     if ($password !== $cpassword) {
19 |         die("Password and Confirm Password don't match.");
20 |     }
21 | 
22 |     if ($usertype === "administrator") {
23 |         $sql = " INSERT INTO Administrator (username, firstName, lastName, imageUrl, pw) VALUES ('$username', '$firstName', '$lastName', '$imageUrl', '$hashed_password')";
24 | 
25 |     } else if ($usertype === "examiner") {
26 |         $sql = " INSERT INTO Examiner (username, firstName, lastName, imageUrl, gender, pw) VALUES ('$username', '$firstName', '$lastName', '$imageUrl', '$gender', '$hashed_password')";
27 | 
28 |     } else if ($usertype === "student") {
29 |         $sql = " INSERT INTO Student (username, firstName, lastName, imageUrl, gender, pw) VALUES ('$username', '$firstName', '$lastName', '$imageUrl', '$gender', '$hashed_password')";
30 | 
31 |     }
32 | 
33 |     $result = mysqli_query($conn, $sql);
34 | 
35 |     // echo $sql;
36 |     // echo "<br> <br>";
37 | 
38 |     if ($result) {
39 |         header("location: ../index.php");
40 |     } else {
41 |         echo "There was an error registering this user";
42 |         echo mysqli_connect_error($result);
43 |     }
44 | }


--------------------------------------------------------------------------------
/controllers/set-exam.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | include "../helpers/connect.php";
 3 | 
 4 | if ($_SERVER["REQUEST_METHOD"] == "POST") {
 5 |     echo var_dump($_POST);
 6 |     echo "<br> <br>";
 7 | 
 8 |     $edit = $_POST["edit"];
 9 |     $instruction = $_POST["instruction"];
10 |     $durationHr = $_POST["duration-hr"];
11 |     $durationMin = $_POST["duration-min"];
12 |     $durationSec = $_POST["duration-sec"];
13 |     $duration = $durationHr . ":" . $durationMin . ":" . $durationSec;
14 |     $activated = $_POST["activated"];
15 |     $lastModified = $_POST["lastModified"];
16 | 
17 |     if ($edit) {
18 |         // If you're updating an already existing exam
19 |         $examId = $_POST["examId"];
20 |         $sql = "UPDATE Exam
21 |         SET
22 |             instruction='$instruction',
23 |             timeDuration = '$duration',
24 |             activated = '$activated',
25 |             lastModified = '$lastModified'
26 |         WHERE
27 |             examId = '$examId'
28 |         ";
29 | 
30 |     } else {
31 |         // If you're creating a new exam
32 |         $courseId = $_POST["courseId"];
33 |         $createdAt = $_POST["createdAt"];
34 | 
35 |         $sql = "INSERT INTO Exam (instruction, timeDuration, activated, createdAt, lastModified, courseId ) VALUES
36 |             ('$instruction', '$duration', '$activated', '$createdAt', '$lastModified', '$courseId')
37 |         ";
38 | 
39 |     }
40 | 
41 |     echo $sql;
42 |     $result = mysqli_query($conn, $sql);
43 | 
44 |     if ($result) {
45 |         header("location: ../index.php");
46 |     } else {
47 |         echo "An error occured: ";
48 |         echo mysqli_connect_error($result);
49 |     }
50 | }


--------------------------------------------------------------------------------
/controllers/set-questions.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | include "../helpers/connect.php";
 3 | 
 4 | // question,option1,option2,option3,option4,option5,answer,examId
 5 | 
 6 | if ($_SERVER["REQUEST_METHOD"] == "POST") {
 7 |     echo var_dump($_POST);
 8 |     echo "<br> <br>";
 9 | 
10 |     $question = $_POST["question"];
11 |     $option1 = $_POST["option-1"];
12 |     $option2 = $_POST["option-2"];
13 |     $option3 = $_POST["option-3"];
14 |     $option4 = $_POST["option-4"];
15 |     $option5 = $_POST["option-5"];
16 |     $correct_option = $_POST["correct-answer"];
17 |     $examId = $_POST["examId"];
18 | 
19 |     echo $_POST[$correct_option];
20 |     echo "<br>";
21 | 
22 |     $sql = "INSERT INTO Question (question, option1, option2, option3, option4, option5, answer, examId) VALUES
23 |             ('$question', '$option1', '$option2', '$option3', '$option4', '$option5', '$_POST[$correct_option]', '$examId')
24 |         ";
25 | 
26 |     echo $sql;
27 | 
28 |     $result = mysqli_query($conn, $sql);
29 | 
30 |     if ($result) {
31 |         header("location: ../views/manage-exam.php?examid=$examId");
32 |     } else {
33 |         echo "An error occured: ";
34 |         echo mysqli_connect_error($result);
35 |     }
36 | }


--------------------------------------------------------------------------------
/controllers/submit-exam.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | // header("location: ../index.php");
 3 | ini_set("display_errors", 1); // Display errors
 4 | require_once '../helpers/connect.php';
 5 | 
 6 | // Can be a modal that redirects to result page
 7 | // echo var_dump($_POST);
 8 | // echo var_dump($_POST['correct_answer[1]']);
 9 | 
10 | if ($_SERVER["REQUEST_METHOD"] == "POST") {
11 |     $score = 0;
12 |     $studentId = $_POST['studentId'];
13 |     $examId = $_POST['examId'];
14 |     $submitTime = $_POST['submitTime'];
15 |     $noOfQuestions = $_POST['noOfQuestions'];
16 | 
17 |     foreach ($_POST['answer'] as $index => $answer) {
18 |         // echo $index . " : " . $answer . "<br>";
19 |         // echo "Correct Answer:" . $_POST['correct_answer'][$index] . "";
20 |         // echo "<br><br><br>";
21 | 
22 |         if (trim($answer) === trim($_POST['correct_answer'][$index])) {
23 |             $score++;
24 |         }
25 |     }
26 | 
27 |     echo "<h1> Your Score is: " . $score . "</h1>";
28 |     $sql = "INSERT INTO Student_Result VALUES ($studentId, $examId, $score, $noOfQuestions, '$submitTime') ON DUPLICATE KEY UPDATE score=$score, submitTime='$submitTime';";
29 |     echo $sql;
30 |     $result = mysqli_query($conn, $sql);
31 | 
32 |     if (!$result) {
33 |         echo "There was an error processing your result: " . mysqli_error($conn);
34 |         // die('Connect Error: ' . mysqli_connect_error());
35 |         // header("location: ../index.php");
36 | 
37 |     } else {
38 |         header("location: ../index.php#results");
39 |     }
40 |     ;
41 | }


--------------------------------------------------------------------------------
/helpers/connect.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | $servername = "localhost";
 3 | $dbusername = "pmauser";
 4 | $dbpassword = "password";
 5 | $dbname = "CBT";
 6 | 
 7 | // Create connection
 8 | $conn = mysqli_connect($servername, $dbusername, $dbpassword, $dbname);
 9 | // Check connection
10 | if ($conn->connect_error) {
11 |     die("Connection failed: " . $conn->connect_error);
12 | }
13 | 


--------------------------------------------------------------------------------
/helpers/init.php:
--------------------------------------------------------------------------------
1 | <?php
2 | 
3 | include "connect.php";
4 | 
5 | ?>


--------------------------------------------------------------------------------
/helpers/logout.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | // Initialize the session
 3 | session_start();
 4 | 
 5 | // Unset all of the session variables
 6 | $_SESSION = array();
 7 | 
 8 | // Destroy the session.
 9 | session_destroy();
10 | 
11 | // Redirect to login page
12 | header("location:" . $_SERVER['DOCUMENT_ROOT'] . "/../../../" . "views/login.php");
13 | exit;
14 | 


--------------------------------------------------------------------------------
/helpers/timeout.php:
--------------------------------------------------------------------------------
1 | <?php
2 | if (empty($_SESSION)) {
3 |     require_once "helpers/logout.php";
4 | }


--------------------------------------------------------------------------------
/index.php:
--------------------------------------------------------------------------------
 1 | <!-- TODO: Separate themed styles -->
 2 | 
 3 | 
 4 | <?php
 5 | session_start();
 6 | ini_set("display_errors", 1);
 7 | 
 8 | if (!isset($_SESSION["loggedin"]) && $_SESSION["loggedin"] === false) {
 9 |     header("location: views/login.php");
10 |     exit;
11 | }
12 | 
13 | include "helpers/timeout.php"; // Handle the session timeout after inactivity
14 | include "helpers/connect.php";
15 | 
16 | ?>
17 | 
18 | <!DOCTYPE html>
19 | <html lang="en">
20 | 
21 | <head>
22 |     <meta charset="UTF-8">
23 |     <title>Home</title>
24 |     <link rel="shortcut icon" href="assets/images/unilag-logo.webp" type="image/x-icon">
25 |     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css"
26 |         integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
27 | </head>
28 | 
29 | <body id="index-page">
30 |     <?php
31 | if ($_SESSION["usertype"] === "Administrator") {
32 |     echo (include "views/admin_home.php");
33 | } elseif ($_SESSION["usertype"] === "Examiner") {
34 |     include "views/examiner_home.php";
35 | } elseif ($_SESSION["usertype"] === "Student") {
36 |     include "views/student.php";
37 | }
38 | 
39 | ?>
40 | 
41 |     <button style="background-color: black; width: 6em;"> <a href="helpers/logout.php"
42 |             style="margin: 5px; color:white;"> Logout </a> </button>
43 | </body>
44 | 
45 | </html>


--------------------------------------------------------------------------------
/models/cbt_dump.sql:
--------------------------------------------------------------------------------
  1 | -- MySQL dump 10.13  Distrib 5.7.31, for Linux (x86_64)
  2 | --
  3 | -- Host: localhost    Database: CBT
  4 | -- ------------------------------------------------------
  5 | -- Server version	5.7.31-0ubuntu0.18.04.1
  6 | 
  7 | /*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
  8 | /*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
  9 | /*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
 10 | /*!40101 SET NAMES utf8 */;
 11 | /*!40103 SET @OLD_TIME_ZONE=@@TIME_ZONE */;
 12 | /*!40103 SET TIME_ZONE='+00:00' */;
 13 | /*!40014 SET @OLD_UNIQUE_CHECKS=@@UNIQUE_CHECKS, UNIQUE_CHECKS=0 */;
 14 | /*!40014 SET @OLD_FOREIGN_KEY_CHECKS=@@FOREIGN_KEY_CHECKS, FOREIGN_KEY_CHECKS=0 */;
 15 | /*!40101 SET @OLD_SQL_MODE=@@SQL_MODE, SQL_MODE='NO_AUTO_VALUE_ON_ZERO' */;
 16 | /*!40111 SET @OLD_SQL_NOTES=@@SQL_NOTES, SQL_NOTES=0 */;
 17 | 
 18 | --
 19 | -- Table structure for table `Administrator`
 20 | --
 21 | 
 22 | DROP TABLE IF EXISTS `Administrator`;
 23 | /*!40101 SET @saved_cs_client     = @@character_set_client */;
 24 | /*!40101 SET character_set_client = utf8 */;
 25 | CREATE TABLE `Administrator` (
 26 |   `username` varchar(255) NOT NULL DEFAULT 'admin',
 27 |   `firstName` char(100) NOT NULL DEFAULT 'Admin',
 28 |   `lastName` char(100) NOT NULL DEFAULT 'Admin',
 29 |   `imageUrl` varchar(255) DEFAULT '/images/admin.png',
 30 |   `pw` varchar(255) NOT NULL DEFAULT '$2y$10$B9gGv1ohRO.KubkLY1gyGuwmc0.SNdBYMME8cYsuvVDpC6YdBwNny',
 31 |   PRIMARY KEY (`username`)
 32 | ) ENGINE=InnoDB DEFAULT CHARSET=latin1;
 33 | /*!40101 SET character_set_client = @saved_cs_client */;
 34 | 
 35 | --
 36 | -- Dumping data for table `Administrator`
 37 | --
 38 | 
 39 | LOCK TABLES `Administrator` WRITE;
 40 | /*!40000 ALTER TABLE `Administrator` DISABLE KEYS */;
 41 | INSERT INTO `Administrator` VALUES ('admin','Admin','Admin','/images/admin.png','$2y$10$B9gGv1ohRO.KubkLY1gyGuwmc0.SNdBYMME8cYsuvVDpC6YdBwNny');
 42 | /*!40000 ALTER TABLE `Administrator` ENABLE KEYS */;
 43 | UNLOCK TABLES;
 44 | 
 45 | --
 46 | -- Table structure for table `Course`
 47 | --
 48 | 
 49 | DROP TABLE IF EXISTS `Course`;
 50 | /*!40101 SET @saved_cs_client     = @@character_set_client */;
 51 | /*!40101 SET character_set_client = utf8 */;
 52 | CREATE TABLE `Course` (
 53 |   `courseId` int(11) NOT NULL AUTO_INCREMENT,
 54 |   `courseTitle` varchar(255) NOT NULL,
 55 |   `courseCode` varchar(50) NOT NULL,
 56 |   PRIMARY KEY (`courseId`)
 57 | ) ENGINE=InnoDB AUTO_INCREMENT=5 DEFAULT CHARSET=latin1;
 58 | /*!40101 SET character_set_client = @saved_cs_client */;
 59 | 
 60 | --
 61 | -- Dumping data for table `Course`
 62 | --
 63 | 
 64 | LOCK TABLES `Course` WRITE;
 65 | /*!40000 ALTER TABLE `Course` DISABLE KEYS */;
 66 | INSERT INTO `Course` VALUES (1,'Electromagnetic Wave Theory','EEG 509'),(2,'Database Management','CPE 502'),(3,'Signals and Systems','EEG 203'),(4,'Computer Networking Fundamentals','CPE 510');
 67 | /*!40000 ALTER TABLE `Course` ENABLE KEYS */;
 68 | UNLOCK TABLES;
 69 | 
 70 | --
 71 | -- Table structure for table `Course_Examiner`
 72 | --
 73 | 
 74 | DROP TABLE IF EXISTS `Course_Examiner`;
 75 | /*!40101 SET @saved_cs_client     = @@character_set_client */;
 76 | /*!40101 SET character_set_client = utf8 */;
 77 | CREATE TABLE `Course_Examiner` (
 78 |   `id` int(11) NOT NULL AUTO_INCREMENT,
 79 |   `username` varchar(255) DEFAULT NULL,
 80 |   `courseId` int(11) DEFAULT NULL,
 81 |   PRIMARY KEY (`id`),
 82 |   KEY `username` (`username`),
 83 |   KEY `courseId` (`courseId`),
 84 |   CONSTRAINT `Course_Examiner_ibfk_1` FOREIGN KEY (`username`) REFERENCES `Examiner` (`username`),
 85 |   CONSTRAINT `Course_Examiner_ibfk_2` FOREIGN KEY (`courseId`) REFERENCES `Course` (`courseId`)
 86 | ) ENGINE=InnoDB AUTO_INCREMENT=6 DEFAULT CHARSET=latin1;
 87 | /*!40101 SET character_set_client = @saved_cs_client */;
 88 | 
 89 | --
 90 | -- Dumping data for table `Course_Examiner`
 91 | --
 92 | 
 93 | LOCK TABLES `Course_Examiner` WRITE;
 94 | /*!40000 ALTER TABLE `Course_Examiner` DISABLE KEYS */;
 95 | INSERT INTO `Course_Examiner` VALUES (1,'jane_osoba',1),(2,'jane_osoba',2),(3,'ayo_ph',1),(4,'ayo_ph',2),(5,'ayo_ph',4);
 96 | /*!40000 ALTER TABLE `Course_Examiner` ENABLE KEYS */;
 97 | UNLOCK TABLES;
 98 | 
 99 | --
100 | -- Table structure for table `Course_Student`
101 | --
102 | 
103 | DROP TABLE IF EXISTS `Course_Student`;
104 | /*!40101 SET @saved_cs_client     = @@character_set_client */;
105 | /*!40101 SET character_set_client = utf8 */;
106 | CREATE TABLE `Course_Student` (
107 |   `id` int(11) NOT NULL AUTO_INCREMENT,
108 |   `username` varchar(15) DEFAULT NULL,
109 |   `courseId` int(11) DEFAULT NULL,
110 |   PRIMARY KEY (`id`),
111 |   KEY `username` (`username`),
112 |   KEY `courseId` (`courseId`),
113 |   CONSTRAINT `Course_Student_ibfk_1` FOREIGN KEY (`username`) REFERENCES `Student` (`username`),
114 |   CONSTRAINT `Course_Student_ibfk_2` FOREIGN KEY (`courseId`) REFERENCES `Course` (`courseId`)
115 | ) ENGINE=InnoDB AUTO_INCREMENT=5 DEFAULT CHARSET=latin1;
116 | /*!40101 SET character_set_client = @saved_cs_client */;
117 | 
118 | --
119 | -- Dumping data for table `Course_Student`
120 | --
121 | 
122 | LOCK TABLES `Course_Student` WRITE;
123 | /*!40000 ALTER TABLE `Course_Student` DISABLE KEYS */;
124 | INSERT INTO `Course_Student` VALUES (1,'150408502',1),(2,'150408502',2),(3,'150408502',3),(4,'130408502',2);
125 | /*!40000 ALTER TABLE `Course_Student` ENABLE KEYS */;
126 | UNLOCK TABLES;
127 | 
128 | --
129 | -- Table structure for table `Exam`
130 | --
131 | 
132 | DROP TABLE IF EXISTS `Exam`;
133 | /*!40101 SET @saved_cs_client     = @@character_set_client */;
134 | /*!40101 SET character_set_client = utf8 */;
135 | CREATE TABLE `Exam` (
136 |   `examId` int(11) NOT NULL AUTO_INCREMENT,
137 |   `instruction` varchar(255) DEFAULT NULL,
138 |   `timeDuration` time NOT NULL,
139 |   `activated` tinyint(1) NOT NULL DEFAULT '0',
140 |   `createdAt` datetime NOT NULL,
141 |   `lastModified` datetime NOT NULL,
142 |   `courseId` int(11) DEFAULT NULL,
143 |   PRIMARY KEY (`examId`),
144 |   KEY `courseId` (`courseId`),
145 |   CONSTRAINT `Exam_ibfk_1` FOREIGN KEY (`courseId`) REFERENCES `Course` (`courseId`)
146 | ) ENGINE=InnoDB AUTO_INCREMENT=5 DEFAULT CHARSET=latin1;
147 | /*!40101 SET character_set_client = @saved_cs_client */;
148 | 
149 | --
150 | -- Dumping data for table `Exam`
151 | --
152 | 
153 | LOCK TABLES `Exam` WRITE;
154 | /*!40000 ALTER TABLE `Exam` DISABLE KEYS */;
155 | INSERT INTO `Exam` VALUES (1,' Attempt all questions. You have 1 hour. If your time runs out, your answers are submitted automatically.','00:45:00',1,'0000-00-00 00:00:00','2019-12-31 04:05:38',1),(2,'Answer just 1 question in 45 minutes. If your time runs out, your answers are submitted automatically.','00:45:00',0,'0000-00-00 00:00:00','0000-00-00 00:00:00',2),(3,'You have 25 minutes. Do what you can. If your time runs out, your answers are submitted automatically.','00:25:00',0,'0000-00-00 00:00:00','0000-00-00 00:00:00',3),(4,' Answer just one question','00:10:00',1,'2019-12-06 17:33:42','2019-12-06 17:33:42',4);
156 | /*!40000 ALTER TABLE `Exam` ENABLE KEYS */;
157 | UNLOCK TABLES;
158 | 
159 | --
160 | -- Table structure for table `Examiner`
161 | --
162 | 
163 | DROP TABLE IF EXISTS `Examiner`;
164 | /*!40101 SET @saved_cs_client     = @@character_set_client */;
165 | /*!40101 SET character_set_client = utf8 */;
166 | CREATE TABLE `Examiner` (
167 |   `username` varchar(255) NOT NULL,
168 |   `firstName` char(100) NOT NULL,
169 |   `lastName` char(100) NOT NULL,
170 |   `imageUrl` varchar(255) DEFAULT NULL,
171 |   `gender` varchar(50) DEFAULT NULL,
172 |   `pw` varchar(255) NOT NULL,
173 |   PRIMARY KEY (`username`)
174 | ) ENGINE=InnoDB DEFAULT CHARSET=latin1;
175 | /*!40101 SET character_set_client = @saved_cs_client */;
176 | 
177 | --
178 | -- Dumping data for table `Examiner`
179 | --
180 | 
181 | LOCK TABLES `Examiner` WRITE;
182 | /*!40000 ALTER TABLE `Examiner` DISABLE KEYS */;
183 | INSERT INTO `Examiner` VALUES ('ayo_ph','Ayo','Popoola-Herbert','/images/examiner_male.png','male','$2y$10$7s3vhwb/S5k4TgDIvnud3eLVTKaE9XospRMiXHna.3eF8FX5JlLbe'),('jane_osoba','Jane','Osoba','/images/examiner_female.png','female','$2y$10$7s3vhwb/S5k4TgDIvnud3eLVTKaE9XospRMiXHna.3eF8FX5JlLbe');
184 | /*!40000 ALTER TABLE `Examiner` ENABLE KEYS */;
185 | UNLOCK TABLES;
186 | 
187 | --
188 | -- Table structure for table `Question`
189 | --
190 | 
191 | DROP TABLE IF EXISTS `Question`;
192 | /*!40101 SET @saved_cs_client     = @@character_set_client */;
193 | /*!40101 SET character_set_client = utf8 */;
194 | CREATE TABLE `Question` (
195 |   `questionId` int(11) NOT NULL AUTO_INCREMENT,
196 |   `question` text NOT NULL,
197 |   `option1` varchar(255) NOT NULL,
198 |   `option2` varchar(255) NOT NULL,
199 |   `option3` varchar(255) NOT NULL,
200 |   `option4` varchar(255) NOT NULL,
201 |   `option5` varchar(255) DEFAULT NULL,
202 |   `answer` varchar(255) NOT NULL,
203 |   `examId` int(11) DEFAULT NULL,
204 |   PRIMARY KEY (`questionId`),
205 |   KEY `examId` (`examId`),
206 |   CONSTRAINT `Question_ibfk_1` FOREIGN KEY (`examId`) REFERENCES `Exam` (`examId`)
207 | ) ENGINE=InnoDB AUTO_INCREMENT=25 DEFAULT CHARSET=latin1;
208 | /*!40101 SET character_set_client = @saved_cs_client */;
209 | 
210 | --
211 | -- Dumping data for table `Question`
212 | --
213 | 
214 | LOCK TABLES `Question` WRITE;
215 | /*!40000 ALTER TABLE `Question` DISABLE KEYS */;
216 | INSERT INTO `Question` VALUES (1,'What is Kirchoff\'s Voltage Law?','The sum of all voltages is zero.','It states that the total current around a closed loop must be zero.','It states that the total voltage around a closed loop must be zero.','A and C above','None of the above','It states that the total voltage around a closed loop must be zero.',1),(2,'What is Kirchoff\'s Current Law?','The sum of all voltages is zero.','It states that the total current around a closed loop must be zero.','It states that the total voltage around a closed loop must be zero.','A and C above','None of the above','It states that the total voltage around a closed loop must be zero.',1),(3,'What is Kirchoff\'s Voltage Law?','The sum of all voltages is zero.','It states that the total current around a closed loop must be zero.','It states that the total voltage around a closed loop must be zero.','A and C above','None of the above','It states that the total voltage around a closed loop must be zero.',1),(4,'What is Kirchoff\'s Current Law?','The sum of all voltages is zero.','It states that the total current around a closed loop must be zero.','It states that the total voltage around a closed loop must be zero.','A and C above','None of the above','It states that the total voltage around a closed loop must be zero.',1),(5,'What is Kirchoff\'s Voltage Law?','The sum of all voltages is zero.','It states that the total current around a closed loop must be zero.','It states that the total voltage around a closed loop must be zero.','A and C above','None of the above','It states that the total voltage around a closed loop must be zero.',1),(6,'What is Kirchoff\'s Current Law?','The sum of all voltages is zero.','It states that the total current around a closed loop must be zero.','It states that the total voltage around a closed loop must be zero.','A and C above','None of the above','It states that the total voltage around a closed loop must be zero.',1),(7,'What is Kirchoff\'s Voltage Law?','The sum of all voltages is zero.','It states that the total current around a closed loop must be zero.','It states that the total voltage around a closed loop must be zero.','A and C above','None of the above','It states that the total voltage around a closed loop must be zero.',1),(8,'Normalization solves the problem of?','Data redundancy','Insert anomaly','Delete anomaly','Update anomaly','All of the above','All of the above',2),(9,'MySQL is a type of _____ database?','relational','non-relational','object-oriented','heirachical','MongoDB','relational',2),(10,'Normalization solves the problem of?','Data redundancy','Insert anomaly','Delete anomaly','Update anomaly','All of the above','All of the above',2),(11,'MySQL is a type of _____ database?','relational','non-relational','object-oriented','heirachical','MongoDB','relational',2),(12,'Normalization solves the problem of?','Data redundancy','Insert anomaly','Delete anomaly','Update anomaly','All of the above','All of the above',2),(13,'MySQL is a type of _____ database?','relational','non-relational','object-oriented','heirachical','MongoDB','relational',2),(14,'Normalization solves the problem of?','Data redundancy','Insert anomaly','Delete anomaly','Update anomaly','All of the above','All of the above',2),(15,'MySQL is a type of _____ database?','relational','non-relational','object-oriented','heirachical','MongoDB','relational',2),(16,'Which of the following is an even signal?','x(t)=sin(wt)','y(t)=sin(wt+2)','z(t)=cos(wt)','A and B above','None of the above','z(t)=cos(wt)',3),(17,'How is the discrete time impulse function defined in terms of the step function?','d[n] = u[n+1] – u[n]','d[n] = u[n] – u[n-2]','d[n] = u[n] – u[n-1]','d[n] = u[n+1] – u[n-1]','d[n] = u[n+1] – u[n-12]','d[n] = u[n] – u[n-1]',3),(18,'A system with memory which anticipates future values of input is called _________ ','Non-causal System ','Non-anticipative System','Causal System','Static System ','Stable system','Non-causal System',3),(19,'Determine the nature of the system: y(n)=x(-n).','Causal','Non-causal','Causal for all positive values of n','Non-causal for negative values of n','None of the above','Non-causal',3),(20,'Which of the following is an even signal?','x(t)=sin(wt)','y(t)=sin(wt+2)','z(t)=cos(wt)','A and B above','None of the above','z(t)=cos(wt)',3),(21,'How is the discrete time impulse function defined in terms of the step function?','d[n] = u[n+1] – u[n]','d[n] = u[n] – u[n-2]','d[n] = u[n] – u[n-1]','d[n] = u[n+1] – u[n-1]','d[n] = u[n+1] – u[n-12]','d[n] = u[n] – u[n-1]',3),(22,'A system with memory which anticipates future values of input is called _________ ','Non-causal System ','Non-anticipative System','Causal System','Static System ','Stable system','Non-causal System',3),(23,'Determine the nature of the system: y(n)=x(-n).','Causal','Non-causal','Causal for all positive values of n','Non-causal for negative values of n','None of the above','Non-causal',3),(24,' What is an electric field?','A force surrounding a charge','An area with grass around electricity','A field with an electric fence','A force to reckon with','None of the above','A force surrounding a charge',4);
217 | /*!40000 ALTER TABLE `Question` ENABLE KEYS */;
218 | UNLOCK TABLES;
219 | 
220 | --
221 | -- Table structure for table `Student`
222 | --
223 | 
224 | DROP TABLE IF EXISTS `Student`;
225 | /*!40101 SET @saved_cs_client     = @@character_set_client */;
226 | /*!40101 SET character_set_client = utf8 */;
227 | CREATE TABLE `Student` (
228 |   `username` varchar(15) NOT NULL,
229 |   `firstName` char(100) NOT NULL,
230 |   `lastName` char(100) NOT NULL,
231 |   `imageUrl` varchar(255) DEFAULT NULL,
232 |   `gender` varchar(50) DEFAULT NULL,
233 |   `pw` varchar(255) NOT NULL,
234 |   PRIMARY KEY (`username`)
235 | ) ENGINE=InnoDB DEFAULT CHARSET=latin1;
236 | /*!40101 SET character_set_client = @saved_cs_client */;
237 | 
238 | --
239 | -- Dumping data for table `Student`
240 | --
241 | 
242 | LOCK TABLES `Student` WRITE;
243 | /*!40000 ALTER TABLE `Student` DISABLE KEYS */;
244 | INSERT INTO `Student` VALUES ('130408016','Feyisola','Adelaja','/images/student_female_2.jpg','female','$2y$10$pnqojnaPkOnCB4B79PFNrexxO2GRhV6PrcgP/1yayZNQ1DFXI48z6'),('130408502','Omi','Obi','/images/student_male.jpg','male','$2y$10$7s3vhwb/S5k4TgDIvnud3eLVTKaE9XospRMiXHna.3eF8FX5JlLbe'),('150408502','Karen','Okonkwo','/images/student_female_3.jpg','female','$2y$10$7s3vhwb/S5k4TgDIvnud3eLVTKaE9XospRMiXHna.3eF8FX5JlLbe');
245 | /*!40000 ALTER TABLE `Student` ENABLE KEYS */;
246 | UNLOCK TABLES;
247 | 
248 | --
249 | -- Table structure for table `Student_Result`
250 | --
251 | 
252 | DROP TABLE IF EXISTS `Student_Result`;
253 | /*!40101 SET @saved_cs_client     = @@character_set_client */;
254 | /*!40101 SET character_set_client = utf8 */;
255 | CREATE TABLE `Student_Result` (
256 |   `studentId` varchar(255) NOT NULL,
257 |   `examId` int(11) NOT NULL,
258 |   `score` int(11) NOT NULL,
259 |   `scoreOverall` int(11) NOT NULL,
260 |   `submitTime` datetime NOT NULL,
261 |   PRIMARY KEY (`studentId`,`examId`),
262 |   KEY `examId` (`examId`),
263 |   CONSTRAINT `Student_Result_ibfk_1` FOREIGN KEY (`studentId`) REFERENCES `Student` (`username`),
264 |   CONSTRAINT `Student_Result_ibfk_2` FOREIGN KEY (`examId`) REFERENCES `Exam` (`examId`)
265 | ) ENGINE=InnoDB DEFAULT CHARSET=latin1;
266 | /*!40101 SET character_set_client = @saved_cs_client */;
267 | 
268 | --
269 | -- Dumping data for table `Student_Result`
270 | --
271 | 
272 | LOCK TABLES `Student_Result` WRITE;
273 | /*!40000 ALTER TABLE `Student_Result` DISABLE KEYS */;
274 | INSERT INTO `Student_Result` VALUES ('150408502',1,4,7,'2019-12-31 04:04:44');
275 | /*!40000 ALTER TABLE `Student_Result` ENABLE KEYS */;
276 | UNLOCK TABLES;
277 | /*!40103 SET TIME_ZONE=@OLD_TIME_ZONE */;
278 | 
279 | /*!40101 SET SQL_MODE=@OLD_SQL_MODE */;
280 | /*!40014 SET FOREIGN_KEY_CHECKS=@OLD_FOREIGN_KEY_CHECKS */;
281 | /*!40014 SET UNIQUE_CHECKS=@OLD_UNIQUE_CHECKS */;
282 | /*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
283 | /*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
284 | /*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;
285 | /*!40111 SET SQL_NOTES=@OLD_SQL_NOTES */;
286 | 
287 | -- Dump completed on 2020-10-21 13:26:22
288 | 


--------------------------------------------------------------------------------
/models/course-examiner.csv:
--------------------------------------------------------------------------------
1 | username, courseId
2 | "jane_osoba",1
3 | "jane_osoba",2
4 | "ayo_ph",1
5 | "ayo_ph",2
6 | "ayo_ph",4


--------------------------------------------------------------------------------
/models/course-student.csv:
--------------------------------------------------------------------------------
1 | matricNo, courseId 
2 | "150408502",1
3 | "150408502",2
4 | "150408502",3
5 | "130408502",2


--------------------------------------------------------------------------------
/models/courses.csv:
--------------------------------------------------------------------------------
1 | courseTitle,courseCode 
2 | "Electromagnetic Wave Theory","EEG 509"
3 | "Database Management","CPE 502"
4 | "Signals and Systems","EEG 203"
5 | "Computer Networking Fundamentals","CPE 510"


--------------------------------------------------------------------------------
/models/examination.csv:
--------------------------------------------------------------------------------
1 | instruction,timeDuration,activated,createdAt,lastModified,courseId
2 | "Attempt all questions. You have 1 hour. If your time runs out, your answers are submitted automatically.","01:00:00",TRUE,NOW(),NOW(),1
3 | "Answer just 1 question in 45 minutes. If your time runs out, your answers are submitted automatically.","00:45:00",TRUE,NOW(),NOW(),2
4 | "You have 25 minutes. Do what you can. If your time runs out, your answers are submitted automatically.","00:25:00",TRUE,NOW(),NOW(),3


--------------------------------------------------------------------------------
/models/examiners.csv:
--------------------------------------------------------------------------------
1 | username,firstName,lastName,imageUrl,gender,password
2 | "jane_osoba","Jane","Osoba","/images/examiner_female.png","female","$2y$10$7s3vhwb/S5k4TgDIvnud3eLVTKaE9XospRMiXHna.3eF8FX5JlLbe"
3 | "ayo_ph","Ayo","Popoola-Herbert","/images/examiner_male.png","male","$2y$10$7s3vhwb/S5k4TgDIvnud3eLVTKaE9XospRMiXHna.3eF8FX5JlLbe"
4 | 


--------------------------------------------------------------------------------
/models/questions.csv:
--------------------------------------------------------------------------------
 1 | question,option1,option2,option3,option4,option5,answer,examId
 2 | "What is Kirchoff\'s Voltage Law?","The sum of all voltages is zero.","It states that the total current around a closed loop must be zero.","It states that the total voltage around a closed loop must be zero.","A and C above","None of the above","It states that the total voltage around a closed loop must be zero.",1
 3 | "What is Kirchoff\'s Current Law?","The sum of all voltages is zero.","It states that the total current around a closed loop must be zero.","It states that the total voltage around a closed loop must be zero.","A and C above","None of the above","It states that the total voltage around a closed loop must be zero.",1
 4 | "What is Kirchoff\'s Voltage Law?","The sum of all voltages is zero.","It states that the total current around a closed loop must be zero.","It states that the total voltage around a closed loop must be zero.","A and C above","None of the above","It states that the total voltage around a closed loop must be zero.",1
 5 | "What is Kirchoff\'s Current Law?","The sum of all voltages is zero.","It states that the total current around a closed loop must be zero.","It states that the total voltage around a closed loop must be zero.","A and C above","None of the above","It states that the total voltage around a closed loop must be zero.",1
 6 | "What is Kirchoff\'s Voltage Law?","The sum of all voltages is zero.","It states that the total current around a closed loop must be zero.","It states that the total voltage around a closed loop must be zero.","A and C above","None of the above","It states that the total voltage around a closed loop must be zero.",1
 7 | "What is Kirchoff\'s Current Law?","The sum of all voltages is zero.","It states that the total current around a closed loop must be zero.","It states that the total voltage around a closed loop must be zero.","A and C above","None of the above","It states that the total voltage around a closed loop must be zero.",1
 8 | "What is Kirchoff\'s Voltage Law?","The sum of all voltages is zero.","It states that the total current around a closed loop must be zero.","It states that the total voltage around a closed loop must be zero.","A and C above","None of the above","It states that the total voltage around a closed loop must be zero.",1
 9 | "Normalization solves the problem of?","Data redundancy","Insert anomaly","Delete anomaly","Update anomaly","All of the above","All of the above",2
10 | "MySQL is a type of _____ database?","relational","non-relational","object-oriented","heirachical","MongoDB","relational",2
11 | "Normalization solves the problem of?","Data redundancy","Insert anomaly","Delete anomaly","Update anomaly","All of the above","All of the above",2
12 | "MySQL is a type of _____ database?","relational","non-relational","object-oriented","heirachical","MongoDB","relational",2
13 | "Normalization solves the problem of?","Data redundancy","Insert anomaly","Delete anomaly","Update anomaly","All of the above","All of the above",2
14 | "MySQL is a type of _____ database?","relational","non-relational","object-oriented","heirachical","MongoDB","relational",2
15 | "Normalization solves the problem of?","Data redundancy","Insert anomaly","Delete anomaly","Update anomaly","All of the above","All of the above",2
16 | "MySQL is a type of _____ database?","relational","non-relational","object-oriented","heirachical","MongoDB","relational",2
17 | "Which of the following is an even signal?","x(t)=sin(wt)","y(t)=sin(wt+2)","z(t)=cos(wt)","A and B above","None of the above","z(t)=cos(wt)",3
18 | "How is the discrete time impulse function defined in terms of the step function?","d[n] = u[n+1] – u[n]","d[n] = u[n] – u[n-2]","d[n] = u[n] – u[n-1]","d[n] = u[n+1] – u[n-1]","d[n] = u[n+1] – u[n-12]","d[n] = u[n] – u[n-1]",3
19 | "A system with memory which anticipates future values of input is called _________ ","Non-causal System ","Non-anticipative System","Causal System","Static System ","Stable system","Non-causal System",3 
20 | "Determine the nature of the system: y(n)=x(-n).","Causal","Non-causal","Causal for all positive values of n","Non-causal for negative values of n","None of the above","Non-causal",3
21 | "Which of the following is an even signal?","x(t)=sin(wt)","y(t)=sin(wt+2)","z(t)=cos(wt)","A and B above","None of the above","z(t)=cos(wt)",3
22 | "How is the discrete time impulse function defined in terms of the step function?","d[n] = u[n+1] – u[n]","d[n] = u[n] – u[n-2]","d[n] = u[n] – u[n-1]","d[n] = u[n+1] – u[n-1]","d[n] = u[n+1] – u[n-12]","d[n] = u[n] – u[n-1]",3
23 | "A system with memory which anticipates future values of input is called _________ ","Non-causal System ","Non-anticipative System","Causal System","Static System ","Stable system","Non-causal System",3 
24 | "Determine the nature of the system: y(n)=x(-n).","Causal","Non-causal","Causal for all positive values of n","Non-causal for negative values of n","None of the above","Non-causal",3


--------------------------------------------------------------------------------
/models/schema.sql:
--------------------------------------------------------------------------------
  1 | CREATE DATABASE IF NOT EXISTS CBT;
  2 | USE CBT;
  3 | 
  4 | -- SET FOREIGN_KEY_CHECKS = 0;
  5 | -- DROP TABLE Student;
  6 | -- DROP TABLE Administrator;
  7 | -- DROP TABLE Examiner;
  8 | -- DROP TABLE Course_Examiner;
  9 | -- DROP TABLE Course_Student;
 10 | -- DROP TABLE Course;
 11 | -- DROP TABLE Exam;
 12 | -- DROP TABLE Question;
 13 | -- DROP TABLE Student_Result;
 14 | 
 15 | 
 16 | 
 17 | -- Create the required tables
 18 | 
 19 | CREATE TABLE IF NOT EXISTS Student (
 20 |     username VARCHAR(15) PRIMARY KEY NOT NULL,
 21 |     firstName CHAR(100) NOT NULL,
 22 |     lastName CHAR(100) NOT NULL,
 23 |     imageUrl VARCHAR(255),
 24 |     gender VARCHAR(50),
 25 |     pw VARCHAR(255) NOT NULL -- password
 26 | );
 27 | 
 28 | 
 29 | CREATE TABLE IF NOT EXISTS Administrator (
 30 |     username VARCHAR(255) PRIMARY KEY NOT NULL DEFAULT "admin",
 31 |     firstName CHAR(100) NOT NULL DEFAULT "Admin",
 32 |     lastName CHAR(100) NOT NULL DEFAULT "Admin",
 33 |     imageUrl VARCHAR(255) DEFAULT "/images/admin.png",
 34 |     pw VARCHAR(255) NOT NULL DEFAULT "$2y$10$B9gGv1ohRO.KubkLY1gyGuwmc0.SNdBYMME8cYsuvVDpC6YdBwNny" -- password
 35 | );
 36 | 
 37 | 
 38 | CREATE TABLE IF NOT EXISTS Examiner (
 39 |     username VARCHAR(255) PRIMARY KEY NOT NULL,
 40 |     firstName CHAR(100) NOT NULL,
 41 |     lastName CHAR(100) NOT NULL,
 42 |     imageUrl VARCHAR(255),
 43 |     gender VARCHAR(50),
 44 |     pw VARCHAR(255) NOT NULL -- password
 45 |      
 46 | );
 47 | 
 48 | 
 49 | CREATE TABLE IF NOT EXISTS Course (
 50 |     courseId INT PRIMARY KEY NOT NULL AUTO_INCREMENT,
 51 |     courseTitle VARCHAR(255) NOT NULL,
 52 |     courseCode VARCHAR(50) NOT NULL
 53 | ); 
 54 | 
 55 | CREATE TABLE IF NOT EXISTS Exam (
 56 |     examId INT PRIMARY KEY AUTO_INCREMENT,
 57 |     instruction VARCHAR(255),
 58 |     timeDuration TIME NOT NULL,
 59 |     activated BOOLEAN DEFAULT FALSE NOT NULL,
 60 |     createdAt DATETIME NOT NULL,
 61 |     lastModified DATETIME NOT NULL,
 62 |     courseId INT, 
 63 |     FOREIGN KEY (courseId) REFERENCES Course(courseId)
 64 | );
 65 | 
 66 | CREATE TABLE IF NOT EXISTS Question (
 67 |     questionId INT PRIMARY KEY AUTO_INCREMENT,
 68 |     question TEXT NOT NULL,
 69 |     option1 VARCHAR(255) NOT NULL,   
 70 |     option2 VARCHAR(255) NOT NULL,   
 71 |     option3 VARCHAR(255) NOT NULL,   
 72 |     option4 VARCHAR(255) NOT NULL,   
 73 |     option5 VARCHAR(255), -- optional 
 74 |     answer VARCHAR(255) NOT NULL,
 75 |     examId INT,
 76 |     FOREIGN KEY (examId) REFERENCES Exam(examId)
 77 | );
 78 | 
 79 | 
 80 | CREATE TABLE IF NOT EXISTS Student_Result (
 81 |     studentId VARCHAR(255) NOT NULL,
 82 |     examId INT NOT NULL,
 83 |     score INT NOT NULL,
 84 |     scoreOverall INT NOT NULL,
 85 |     submitTime DATETIME NOT NULL,
 86 |     FOREIGN KEY (studentId) REFERENCES Student(username),
 87 |     FOREIGN KEY (examId) REFERENCES Exam(examId),
 88 |     PRIMARY KEY (studentId, examId)
 89 | );
 90 | 
 91 | 
 92 | 
 93 | -- Intermediary table for Course and Student 
 94 | CREATE TABLE IF NOT EXISTS Course_Student (
 95 |     id INT PRIMARY KEY AUTO_INCREMENT,
 96 |     username VARCHAR(15) ,
 97 |     courseId INT,
 98 |     FOREIGN KEY (username) REFERENCES Student(username),
 99 |     FOREIGN KEY (courseId) REFERENCES Course(courseId)
100 | );
101 | 
102 | -- Intermediary table for Course and Examiner 
103 | CREATE TABLE IF NOT EXISTS Course_Examiner (
104 |     id INT PRIMARY KEY AUTO_INCREMENT,
105 |     username VARCHAR(255),
106 |     courseId INT,
107 |     FOREIGN KEY (username) REFERENCES Examiner(username),
108 |     FOREIGN KEY (courseId) REFERENCES Course(courseId)   
109 | );
110 | 
111 | SHOW TABLES;
112 | 
113 | -- DESCRIBE Student;
114 | -- DESCRIBE Administrator;
115 | -- DESCRIBE Examiner;
116 | -- DESCRIBE Course_Examiner;
117 | -- DESCRIBE Course_Student;
118 | -- DESCRIBE Course;
119 | -- DESCRIBE Exam;
120 | -- DESCRIBE Question;
121 | -- DESCRIBE Student_Result;
122 | 
123 | 
124 | -- Load Student Data from CSV file
125 | LOAD DATA
126 | LOCAL INFILE "/home/kars/Downloads/cbe-software/models/students.csv"
127 | INTO TABLE Student
128 | FIELDS TERMINATED BY ","
129 | OPTIONALLY ENCLOSED BY '"'
130 | LINES TERMINATED BY "\n"
131 | IGNORE 1 ROWS;
132 | -- SELECT * FROM Student;
133 | 
134 | -- Load Examiner Data from CSV file
135 | LOAD DATA
136 | LOCAL INFILE "/home/kars/Downloads/cbe-software/models/examiners.csv"
137 | INTO TABLE Examiner
138 | FIELDS TERMINATED BY ","
139 | OPTIONALLY ENCLOSED BY '"'
140 | LINES TERMINATED BY "\n"
141 | IGNORE 1 ROWS;
142 | -- SELECT * FROM Examiner;
143 | 
144 | INSERT INTO Administrator VALUES ();
145 | -- SELECT * FROM Administrator;
146 | 
147 | -- Load Course Data from CSV file
148 | LOAD DATA
149 | LOCAL INFILE "/home/kars/Downloads/cbe-software/models/courses.csv"
150 | INTO TABLE Course
151 | FIELDS TERMINATED BY ","
152 | OPTIONALLY ENCLOSED BY '"'
153 | LINES TERMINATED BY "\n"
154 | IGNORE 1 ROWS
155 | (courseTitle, courseCode);
156 | -- SELECT * FROM Course;
157 | 
158 | -- Load Exam Data from CSV file
159 | LOAD DATA
160 | LOCAL INFILE "/home/kars/Downloads/cbe-software/models/examination.csv"
161 | INTO TABLE Exam
162 | FIELDS TERMINATED BY ","
163 | OPTIONALLY ENCLOSED BY '"'
164 | LINES TERMINATED BY "\n"
165 | IGNORE 1 ROWS
166 | (instruction, timeDuration, activated, createdAt, lastModified, courseId)
167 | ;
168 | -- SELECT * FROM Exam;
169 | 
170 | -- Load Question Data from CSV file
171 | LOAD DATA
172 | LOCAL INFILE "/home/kars/Downloads/cbe-software/models/questions.csv"
173 | INTO TABLE Question
174 | FIELDS TERMINATED BY ","
175 | OPTIONALLY ENCLOSED BY '"'
176 | LINES TERMINATED BY "\n"
177 | IGNORE 1 ROWS
178 | (question,option1,option2,option3,option4,option5,answer,examId);
179 | -- SELECT * FROM Question;
180 | 
181 | LOAD DATA
182 | LOCAL INFILE "/home/kars/Downloads/cbe-software/models/course-examiner.csv"
183 | INTO TABLE Course_Examiner
184 | FIELDS TERMINATED BY ","
185 | OPTIONALLY ENCLOSED BY '"'
186 | LINES TERMINATED BY "\n"
187 | IGNORE 1 ROWS
188 | (username, courseId );
189 | -- SELECT * FROM Course_Examiner;
190 | 
191 | LOAD DATA
192 | LOCAL INFILE "/home/kars/Downloads/cbe-software/models/course-student.csv"
193 | INTO TABLE Course_Student
194 | FIELDS TERMINATED BY ","
195 | OPTIONALLY ENCLOSED BY '"'
196 | LINES TERMINATED BY "\n"
197 | IGNORE 1 ROWS
198 | (username, courseId );
199 | -- SELECT * FROM Course_Student;
200 | 
201 | 
202 | 
203 | -- The courses a student is offering
204 | SELECT Course.courseCode, courseTitle, instruction, timeDuration, activated, createdAt, lastModified, Exam.courseId
205 | FROM Course, Course_Student, Exam
206 | WHERE Course.courseId =  Course_Student.id AND Course.courseId = Exam.courseId  ;
207 | 


--------------------------------------------------------------------------------
/models/students.csv:
--------------------------------------------------------------------------------
1 | username,firstName,lastName,imageUrl,gender,password
2 | "150408502","Karen","Okonkwo","/images/student_female_3.jpg","female","$2y$10$7s3vhwb/S5k4TgDIvnud3eLVTKaE9XospRMiXHna.3eF8FX5JlLbe"
3 | "130408502","Omi","Obi","/images/student_male.jpg","male","$2y$10$7s3vhwb/S5k4TgDIvnud3eLVTKaE9XospRMiXHna.3eF8FX5JlLbe"
4 | "130408016","Feyisola","Adelaja","/images/student_female_2.jpg","female","$2y$10$pnqojnaPkOnCB4B79PFNrexxO2GRhV6PrcgP/1yayZNQ1DFXI48z6"


--------------------------------------------------------------------------------
/views/admin_home.php:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | 
  4 | <head>
  5 |     <meta charset="UTF-8">
  6 |     <meta name="viewport" content="width=device-width, initial-scale=1">
  7 |     <title>Admin</title>
  8 |     <!-- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.css"> -->
  9 |     <!-- <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css"
 10 |         integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous"> -->
 11 |     <link rel="stylesheet" href="assets/css/admin.css">
 12 | 
 13 | </head>
 14 | 
 15 | <body>
 16 |     <div class="wrapper">
 17 |         <!-- Sidebar and Navigation-->
 18 |         <nav id="sidebar">
 19 |             <div class="sidebar-header">
 20 |                 <h1> University <br> of <br> Lagos </h1>
 21 |             </div>
 22 | 
 23 |             <ul class="list-unstyled components">
 24 |                 <li class="active">
 25 |                     <a href="#home" data-tab="home"> Home </a>
 26 |                     <meta name="viewport" content="width=device-width, initial-scale=1">
 27 |                 </li>
 28 | 
 29 |                 <li>
 30 |                     <a href="#manage-users" data-tab="manage-users"> Manage Users </a>
 31 |                 </li>
 32 | 
 33 |                 <li>
 34 |                     <a href="#manage-courses" data-tab="manage-courses"> Manage Courses </a>
 35 |                 </li>
 36 |             </ul>
 37 | 
 38 |             <div class="logout-section text-center">
 39 |                 <button class="btn btn-lg logout">
 40 |                     <a href="helpers/logout.php"> Logout </a>
 41 |                 </button>
 42 |             </div>
 43 | 
 44 |         </nav>
 45 | 
 46 |         <!-- Main Content-->
 47 |         <main>
 48 |             <!-- Home Tab -->
 49 |             <div class="tab-content home show" id="home">
 50 |                 <img class="rounded-circle avatar" src="assets/images/admin.png" alt="Admin avatar">
 51 |                 <h1 class="welcome-message">
 52 |                     <span class="greeting"> Good day,</span>
 53 |                     <br>
 54 |                     <?php echo $_SESSION["username"] ?>!
 55 |                 </h1>
 56 |                 <p class="time"> </p>
 57 |             </div>
 58 | 
 59 |             <!-- Manage Users Tab  -->
 60 |             <div class="tab-content manage-users" id="manage-users">
 61 |                 <header>
 62 |                     <div class="left">
 63 |                         <i> <img src="assets/images/menu-icon.svg" class="menu" alt="menu"></i>
 64 |                         <h1> Manage Users </h1>
 65 |                     </div>
 66 |                     <div class="right">
 67 |                         <form action="" class="search">
 68 |                             <input type="text" name="search-users" id="search-users" placeholder="Search...">
 69 |                         </form>
 70 |                         <button data-toggle="modal" data-target="#create-user" class="add"> Add User </button>
 71 |                     </div>
 72 |                 </header>
 73 |                 <section class="user-table table-responsive">
 74 |                     <table class="table table-striped">
 75 |                         <thead>
 76 |                             <tr>
 77 |                                 <th></th>
 78 |                                 <th>Username</th>
 79 |                                 <th>Name</th>
 80 |                                 <th>Gender</th>
 81 |                                 <th>User Type</th>
 82 |                                 <th>Assigned Courses</th>
 83 |                                 <th>Actions</th>
 84 |                             </tr>
 85 |                         </thead>
 86 |                         <tbody>
 87 | 
 88 |                             <?php
 89 | $sql = "SELECT *, 'Student' as usertype FROM Student
 90 |                                     UNION
 91 |                                     SELECT *, 'Examiner' as usertype FROM Examiner
 92 |                                     UNION
 93 |                                     SELECT username, firstName, lastName, imageUrl, '-' as gender, pw , 'Administrator' as usertype FROM Administrator
 94 |                                     ORDER BY firstName ASC";
 95 | 
 96 | $users = mysqli_query($conn, $sql);
 97 | while ($user = mysqli_fetch_array($users)) {
 98 |     ?>
 99 |                             <tr>
100 |                                 <td> <img class='user-image' src='assets<?php echo $user['imageUrl'] ?>'
101 |                                         alt='<?php echo $user['firstName'] . " " . $user['lastName'] ?>'>
102 |                                 </td>
103 |                                 <td> <?php echo $user['username'] ?> </td>
104 |                                 <td> <?php echo $user['firstName'] . " " . $user['lastName'] ?> </td>
105 |                                 <td> <?php echo $user['gender'] ?> </td>
106 |                                 <td> <?php echo $user['usertype'] ?> </td>
107 |                                 <td>
108 |                                     EEG502 <br>
109 |                                     CPE520 <br>
110 |                                     GEG510 <br>
111 |                                 </td>
112 |                                 <td>
113 |                                     <img class='user-action' src='assets/images/pencil-edit-button.svg' alt='Edit'
114 |                                         title='Edit'>
115 |                                     <img class='user-action' src='assets/images/delete.svg' alt='Delete' title='Delete'>
116 |                                     <img class='user-action' src='assets/images/padlock.svg' alt='Reset Password'
117 |                                         title='Reset Password'>
118 |                                 </td>
119 |                             </tr>
120 |                             <?php }?>
121 |                         </tbody>
122 |                     </table>
123 |                 </section>
124 | 
125 |                 <!-- Create User Modal -->
126 |                 <div id="create-user" class="modal" tabindex="-1" role="dialog" aria-labelledby="Add New User"
127 |                     aria-describedby="Create a course with the form">
128 |                     <div class="modal-dialog modal-dialog-centered" role="document">
129 |                         <section class="modal-content">
130 | 
131 |                             <header class="modal-header">
132 |                                 <h5 class="modal-title">Register User </h5>
133 |                                 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
134 |                                     <span aria-hidden="true">&times;</span>
135 |                                 </button>
136 |                             </header>
137 |                             <!-- username,firstName,lastName,imageUrl,gender,password -->
138 | 
139 |                             <div class="modal-body">
140 |                                 <form method="post" id="createUserForm" action="controllers/register-user.php">
141 |                                     <div class="form-group">
142 |                                         <label for="user-type">User Category</label>
143 |                                         <select class="form-control" id="user-type" name="user-type">
144 |                                             <option value="administrator">Admin</option>
145 |                                             <option value="student">Student</option>
146 |                                             <option value="examiner">Examiner</option>
147 |                                         </select>
148 |                                     </div>
149 | 
150 |                                     <div class="form-group">
151 |                                         <label for="username"> Username </label>
152 |                                         <input type="text" id="username" name="username" class="form-control" required>
153 |                                     </div>
154 | 
155 |                                     <div class="form-group">
156 |                                         <label for="fname"> First Name </label>
157 |                                         <input type="text" id="fname" name="fname" class="form-control" required>
158 |                                     </div>
159 | 
160 |                                     <div class="form-group">
161 |                                         <label for="lname"> Last Name </label>
162 |                                         <input type="text" id="lname" name="lname" class="form-control" required>
163 |                                     </div>
164 | 
165 | 
166 |                                     <div class="form-group">
167 |                                         <label for="user-gender">Gender</label>
168 |                                         <select class="form-control" id="user-gender" name="user-gender">
169 |                                             <option value="female">Female</option>
170 |                                             <option value="male">Male</option>
171 |                                         </select>
172 |                                     </div>
173 | 
174 |                                     <div class="form-group">
175 |                                         <label for="password"> Password </label>
176 |                                         <input type="password" id="password" name="password" class="form-control"
177 |                                             required>
178 |                                     </div>
179 | 
180 |                                     <div class="form-group">
181 |                                         <label for="cpassword"> Confirm Password </label>
182 |                                         <input type="password" id="cpassword" name="cpassword" class="form-control"
183 |                                             required>
184 |                                     </div>
185 | 
186 |                                     <div class="form-group">
187 |                                         <label for="img-url"> Image URL </label>
188 |                                         <input type="text" id="img-url" name="img-url" class="form-control" required>
189 |                                     </div>
190 | 
191 |                                     <footer class="modal-footer">
192 |                                         <button type="submit" class="btn btn-save">Save changes</button>
193 |                                         <button type="button" class="btn btn-cancel" data-dismiss="modal">Close</button>
194 |                                     </footer>
195 |                                 </form>
196 |                             </div>
197 | 
198 |                         </section>
199 |                     </div>
200 |                 </div>
201 | 
202 |             </div>
203 | 
204 | 
205 |             <!-- Manage Course Tab  -->
206 |             <div class="tab-content manage-courses" id="manage-courses">
207 |                 <header>
208 |                     <div class="left">
209 |                         <i> <img src="assets/images/menu-icon.svg" class="menu" alt="menu"></i>
210 |                         <h1> Manage Courses </h1>
211 |                     </div>
212 |                     <div class="right">
213 |                         <form action="" class="search">
214 |                             <input type="text" name="search-courses" id="search-courses" placeholder="Search...">
215 |                         </form>
216 |                         <button class="add" data-toggle="modal" data-target="#create-course"> Add Course </button>
217 |                     </div>
218 |                 </header>
219 |                 <section class="table-responsive">
220 |                     <table class="table table-striped">
221 |                         <thead>
222 |                             <tr>
223 |                                 <th>Course Title </th>
224 |                                 <th> Course Code</th>
225 |                                 <th> Assigned <br> Students </th>
226 |                                 <th> Assigned <br> Examiners</th>
227 |                                 <th>Actions</th>
228 |                             </tr>
229 |                         </thead>
230 |                         <tbody>
231 |                             <?php
232 | $sql = "SELECT * FROM Course
233 |     ORDER BY courseTitle ASC";
234 | 
235 | $courses = mysqli_query($conn, $sql);
236 | 
237 | while ($course = mysqli_fetch_array($courses)) {
238 |     ?>
239 |                             <tr>
240 |                                 <td> <?php echo $course['courseTitle'] ?></td>
241 |                                 <td> <?php echo $course['courseCode'] ?> </td>
242 |                                 <td>
243 |                                     150408502 <br>
244 |                                     130459604 <br>
245 |                                     190559604 <br>
246 |                                 </td>
247 |                                 <td>
248 |                                     oluseyibo <br>
249 |                                     adelabu <br>
250 |                                 </td>
251 |                                 <td>
252 |                                     <img class='user-action' src='assets/images/pencil-edit-button.svg' alt='Edit'
253 |                                         title='Edit' aria-label='Edit Course'>
254 |                                     <img class='user-action' src='assets/images/users.svg' alt='Assign/Unassign Users'
255 |                                         title='Assign/Unassign Users' aria-label='Assign/Unassign Users to Course'>
256 |                                     <img class='user-action' src='assets/images/delete.svg' alt='Delete' title='Delete'
257 |                                         aria-label='Delete Course'>
258 |                                 </td>
259 |                             </tr>
260 |                             <?php
261 | }
262 | ?>
263 | 
264 |                             <!-- <tr>
265 |                                 <td>Signals and Systems</td>
266 |                                 <td>EEG203 </td>
267 |                                 <td>
268 |                                     150408502 <br>
269 |                                     130459604 <br>
270 |                                     190559604 <br>
271 |                                 </td>
272 |                                 <td>
273 |                                     oluseyibo <br>
274 |                                     adelabu <br>
275 |                                 </td>
276 |                                 <td>
277 |                                     <img class="user-action" src="assets/images/pencil-edit-button.svg" alt="Edit"
278 |                                         title="Edit" aria-label="Edit Course">
279 |                                     <img class="user-action" src="assets/images/users.svg" alt="Assign/Unassign Users"
280 |                                         title="Assign/Unassign Users" aria-label="Assign/Unassign Users to Course">
281 |                                     <img class="user-action" src="assets/images/delete.svg" alt="Delete" title="Delete"
282 |                                         aria-label="Delete Course">
283 |                                 </td>
284 |                             </tr>
285 |                             <tr>
286 |                                 <td>Electromagnetic Weve Theory</td>
287 |                                 <td>EEG509 </td>
288 |                                 <td>
289 |                                     150408502 <br>
290 |                                     130459604 <br>
291 |                                     190559604 <br>
292 |                                 </td>
293 |                                 <td>
294 |                                     prof_mowe <br>
295 |                                     gbengailori <br>
296 |                                 </td>
297 |                                 <td>
298 |                                     <img class="user-action" src="assets/images/pencil-edit-button.svg" alt="Edit"
299 |                                         title="Edit" aria-label="Edit Course">
300 |                                     <img class="user-action" src="assets/images/users.svg" alt="Assign/Unassign Users"
301 |                                         title="Assign/Unassign Users" aria-label="Assign/Unassign Users to Course">
302 |                                     <img class="user-action" src="assets/images/delete.svg" alt="Delete" title="Delete"
303 |                                         aria-label="Delete Course">
304 |                                 </td>
305 |                             </tr> -->
306 | 
307 |                         </tbody>
308 |                     </table>
309 |                 </section>
310 | 
311 | 
312 |                 <!-- Create Course Modal -->
313 |                 <div id="create-course" class="modal" tabindex="-1" role="dialog" aria-labelledby="Add New Course"
314 |                     aria-describedby="Create a course with the form">
315 |                     <div class="modal-dialog modal-dialog-centered" role="document">
316 |                         <section class="modal-content">
317 | 
318 |                             <header class="modal-header">
319 |                                 <h5 class="modal-title">Register Course</h5>
320 |                                 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
321 |                                     <span aria-hidden="true">&times;</span>
322 |                                 </button>
323 |                             </header>
324 | 
325 | 
326 |                             <div class="modal-body">
327 |                                 <form method="post" id="createCourseForm" action="controllers/register-course.php">
328 |                                     <div class="form-group">
329 |                                         <label for="ctitle"> Course Title </label>
330 |                                         <input type="text" id="ctitle" name="ctitle" class="form-control" required>
331 |                                     </div>
332 | 
333 |                                     <div class="form-group">
334 |                                         <label for="ccode"> Course Code </label>
335 |                                         <input type="text" id="ccode" name="ccode" class="form-control" required>
336 |                                     </div>
337 | 
338 |                                     <footer class="modal-footer">
339 |                                         <button type="submit" class="btn btn-save">Save changes</button>
340 |                                         <button type="button" class="btn btn-cancel" data-dismiss="modal">Close</button>
341 |                                     </footer>
342 |                                 </form>
343 |                             </div>
344 | 
345 |                         </section>
346 |                     </div>
347 |                 </div>
348 | 
349 |             </div>
350 | 
351 |         </main>
352 | 
353 | 
354 | 
355 | 
356 | 
357 |     </div>
358 | 
359 |     <script src="assets/js/date.js"> </script>
360 |     <!-- jQuery CDN - Slim version (=without AJAX) -->
361 |     <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
362 |         integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous">
363 |     </script>
364 |     <!-- Bootstrap JS -->
365 |     <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"
366 |         integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous">
367 |     </script>
368 | 
369 | 
370 | 
371 |     <script>
372 |     $(document).ready(function() {
373 |         window.location.href = 'index.php#home';
374 |         $(".menu").on("click", function() {
375 |             $('#sidebar').toggleClass('active');
376 |             $('main').toggleClass('active');
377 |         });
378 | 
379 |     });
380 | 
381 |     $('#myModal').on('shown.bs.modal', function() {
382 |         $('#myInput').trigger('focus')
383 |     })
384 | 
385 |     $("#sidebar li").on("click", function(event) {
386 | 
387 |         let ref_this = $("#sidebar li.active");
388 |         let target = $(event.target);
389 | 
390 |         ref_this.removeClass("active");
391 |         target.parent().addClass("active");
392 | 
393 | 
394 |         // Get active tab
395 |         let activeTab = target.data("tab");
396 | 
397 |         // Remove show from all tab contents
398 |         $(".tab-content").each(function() {
399 |             $(this).removeClass("show");
400 |         });
401 | 
402 |         console.log($(`.tab-content.${activeTab}`));
403 |         //  Add show to active tab
404 |         $(`.tab-content.${activeTab}`).addClass("show");
405 | 
406 | 
407 |     });
408 | 
409 |     document.querySelector("#cpassword").addEventListener("change", e => {
410 |         var input = e.target;
411 |         if (input.value != document.getElementById('password').value) {
412 |             input.setCustomValidity('Passwords do not match');
413 |         } else {
414 |             // input is valid -- reset the error message
415 |             input.setCustomValidity('');
416 |         }
417 |     });
418 |     </script>
419 | 
420 | </body>
421 | 
422 | </html>


--------------------------------------------------------------------------------
/views/examiner_home.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | // session_start();
  3 | 
  4 | include "helpers/timeout.php"; // Handle the session timeout after inactivity
  5 | 
  6 | ini_set("display_errors", 1);
  7 | $username = $_SESSION["username"];
  8 | 
  9 | $queryResult = mysqli_query($conn, "SELECT * FROM Examiner WHERE username='$username' LIMIT 1");
 10 | $examinerObj = mysqli_fetch_object($queryResult);
 11 | $examArr = array();
 12 | $examResults = mysqli_query($conn, "SELECT * from Student_Result WHERE studentId=$username");
 13 | ?>
 14 | 
 15 | 
 16 | <!DOCTYPE html>
 17 | <html lang="en">
 18 | 
 19 | <head>
 20 |     <meta charset="UTF-8">
 21 |     <meta name="viewport" content="width=device-width, initial-scale=1">
 22 |     <title>Examiner</title>
 23 | 
 24 |     <link rel="stylesheet" href="assets/css/admin.css">
 25 |     <link rel="stylesheet" href="assets/css/examiner.css">
 26 | 
 27 | </head>
 28 | 
 29 | 
 30 | <body>
 31 |     <div class="wrapper">
 32 |         <!-- Sidebar and Navigation-->
 33 |         <nav id="sidebar">
 34 |             <div class="sidebar-header">
 35 |                 <h1> University <br> of <br> Lagos </h1>
 36 |             </div>
 37 | 
 38 |             <ul class="list-unstyled components">
 39 |                 <li class="active">
 40 |                     <a href="#home" data-tab="home"> Home </a>
 41 |                     <meta name="viewport" content="width=device-width, initial-scale=1">
 42 |                 </li>
 43 | 
 44 |                 <li>
 45 |                     <a href="#exams" data-tab="exams">
 46 |                         Manage Exams <span class="notification"> <span>
 47 |                     </a>
 48 |                 </li>
 49 | 
 50 |                 <li>
 51 |                     <a href="#gradebook" data-tab="gradebook">
 52 |                         Gradebook <span class="notification">
 53 |                     </a>
 54 |                 </li>
 55 |             </ul>
 56 | 
 57 |             <div class="logout-section text-center">
 58 |                 <button class="btn btn-lg logout">
 59 |                     <a href="helpers/logout.php"> Logout </a>
 60 |                 </button>
 61 |             </div>
 62 | 
 63 |         </nav>
 64 | 
 65 |         <!-- Main Content-->
 66 |         <main>
 67 |             <!-- Home Tab -->
 68 |             <section class="tab-content home show" id="home">
 69 |                 <div class="tab-flex-cont">
 70 |                     <div class="actual-tab-content">
 71 | 
 72 |                         <img class="rounded-circle avatar" src="assets<?php echo $examinerObj->imageUrl ?>"
 73 |                             alt="Student avatar">
 74 |                         <h1 class="welcome-message">
 75 |                             <span class="greeting"> Good day,</span>
 76 |                             <br>
 77 |                             <?php echo $examinerObj->firstName . " " . $examinerObj->lastName ?>
 78 |                         </h1>
 79 |                         <p class="time"> </p>
 80 |                     </div>
 81 |                 </div>
 82 |             </section>
 83 | 
 84 |             <!-- Exams Tab  -->
 85 |             <section class="tab-content exams" id="exams">
 86 |                 <div class="tab-flex-cont">
 87 |                     <div class="actual-tab-content">
 88 | 
 89 |                         <?php
 90 | $sql = "
 91 |     SELECT *
 92 |     FROM Course_Examiner ce, Course c
 93 |     WHERE ce.username='$username' and ce.courseId=c.courseId
 94 |     ";
 95 | 
 96 | $queryResult = mysqli_query($conn, $sql);
 97 | if (mysqli_num_rows($queryResult) == 0) {
 98 |     echo "<h3 style='text-align:center'> You have not been assigned any courses. <br> Contact the administrator. </h3>";
 99 | 
100 |     mysqli_data_seek($queryResult, 0);
101 | } else {
102 |     $i = 0;
103 |     while ($row = mysqli_fetch_assoc($queryResult)) {
104 |         $sql = " SELECT examId FROM Exam e WHERE e.courseId='" . $row['courseId'] . "'";
105 |         $exam = mysqli_query($conn, $sql);
106 | 
107 |         //  Determine if any exam has been created for it
108 |         if (mysqli_num_rows($exam) > 0) {
109 |             mysqli_data_seek($exam, 0);
110 |             $exam = mysqli_fetch_object($exam);
111 |             $examArr[] = $exam->examId;
112 |             ?>
113 |                         <!-- Print each course assigned to the examiner -->
114 |                         <div class="exam-item">
115 |                             <span class="course-code"><?php echo $row['courseCode'] ?> </span>
116 |                             <div>
117 |                                 <p class="course-name"> <?php echo $row['courseTitle']; ?> </p>
118 |                             </div>
119 | 
120 |                             <button class="edit-exam"
121 |                                 onclick="window.location.href='./views/manage-exam.php?examid=<?php echo $exam->examId; ?>'">
122 |                                 Edit Exam
123 |                                 <span> &#9998; </span>
124 | 
125 |                             </button>
126 |                             <div>
127 |                             </div>
128 |                         </div>
129 | 
130 |                         <?php } else {?>
131 | 
132 |                         <!-- Print each course assigned to the examiner -->
133 |                         <div class="exam-item">
134 |                             <span class="course-code"><?php echo $row['courseCode'] ?> </span>
135 |                             <div>
136 |                                 <p class="course-name"> <?php echo $row['courseTitle']; ?> </p>
137 |                             </div>
138 |                             <button class="create-exam"
139 |                                 onclick="window.location.href='views/manage-exam.php?courseid=<?php echo $row['courseId']; ?>'">
140 |                                 Create Exam <span> &#8853; </span>
141 | 
142 |                             </button>
143 |                             <div>
144 |                             </div>
145 |                         </div>
146 | 
147 |                         <?php
148 | }}}
149 | ;
150 | ?>
151 | 
152 |                     </div>
153 |                 </div>
154 |             </section>
155 | 
156 | 
157 |             <!-- Show Gradebook Tab  -->
158 |             <section class="tab-content gradebook" id="gradebook">
159 |                 <div class="tab-flex-cont">
160 |                     <div class="actual-tab-content">
161 |                         <?php
162 | if (count($examArr) == 0) {
163 |     echo "<h3> No results to display.</h3>";
164 |     echo "<p> Start by creating an exam. </p> ";
165 | 
166 | } else {
167 |     $i = 0;
168 | 
169 |     foreach ($examArr as $examId) {
170 |         $sql = "SELECT  c.courseCode, c.courseTitle FROM Exam e, Course c WHERE e.examId ='$examId' and e.courseId = c.courseId";
171 |         $courseResult = mysqli_query($conn, $sql);
172 |         $i++;
173 | 
174 |         while ($courseRow = mysqli_fetch_assoc($courseResult)) {
175 | 
176 |             ?>
177 | 
178 |                         <!-- Show each course -->
179 |                         <section class="result-cont">
180 |                             <div class="result-item" data-toggle="collapse" data-target="#result-<?php echo $i ?>">
181 |                                 <span class="course-code"> <?php echo $courseRow['courseCode'] ?> </span>
182 |                                 <div>
183 |                                     <p class="course-name"> <?php echo $courseRow['courseTitle'] ?> </p>
184 |                                 </div>
185 |                                 <span class="collapse-icon"> &#8964; </span>
186 |                                 <div> </div>
187 |                             </div>
188 | 
189 |                             <div class="result-details collapse" id="result-<?php echo $i ?>">
190 |                                 <section class="table-responsive">
191 |                                     <table class="table">
192 |                                         <thead>
193 |                                             <tr>
194 |                                                 <th>Student Name </th>
195 |                                                 <th> Score</th>
196 |                                                 <th> Obtainable Score </th>
197 |                                                 <th> Submit Time</th>
198 |                                             </tr>
199 |                                         </thead>
200 |                                         <tbody>
201 | 
202 | 
203 |                                             <?php
204 | // Get and loop through each student for a particular course
205 |             $sql = "SELECT s.firstName, s.lastName, sr.score, sr.scoreOverall, sr.submitTime FROM Exam e, Student_Result sr, Student s WHERE e.examId ='$examId' and e.examId = sr.examId and studentId = s.username";
206 |             $result = mysqli_query($conn, $sql);
207 | 
208 |             while ($row = mysqli_fetch_assoc($result)) {
209 |                 ?>
210 |                                             <tr>
211 |                                                 <td> <?php echo $row['firstName'] . " " . $row['lastName'] ?></td>
212 |                                                 <td> <?php echo $row['score'] ?> </td>
213 |                                                 <td> <?php echo $row['scoreOverall'] ?> </td>
214 |                                                 <td> <?php echo $row['submitTime'] ?> </td>
215 |                                             </tr>
216 | 
217 |                                             <?php }?>
218 |                                         </tbody>
219 |                                     </table>
220 |                                 </section>
221 | 
222 |                             </div>
223 | 
224 |                         </section>
225 | 
226 |                         <?php }}}?>
227 | 
228 |                     </div>
229 |                 </div>
230 | 
231 |             </section>
232 | 
233 |         </main>
234 | 
235 | 
236 | 
237 | 
238 | 
239 |     </div>
240 | 
241 |     <script src="assets/js/date.js"> </script>
242 |     <!-- jQuery CDN - Slim version (=without AJAX) -->
243 |     <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
244 |         integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous">
245 |     </script>
246 |     <!-- Bootstrap JS -->
247 |     <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"
248 |         integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous">
249 |     </script>
250 | 
251 | 
252 | 
253 |     <script>
254 |     $(document).ready(function() {
255 |         window.location.href = 'index.php#home';
256 |         $(".menu").on("click", function() {
257 |             $('#sidebar').toggleClass('active');
258 |             $('main').toggleClass('active');
259 |         });
260 | 
261 |     });
262 | 
263 |     $("#sidebar li").on("click", function(event) {
264 | 
265 |         let ref_this = $("#sidebar li.active");
266 |         let target = $(event.target);
267 | 
268 |         ref_this.removeClass("active");
269 |         target.parent().addClass("active");
270 | 
271 | 
272 |         // Get active tab
273 |         let activeTab = target.data("tab");
274 | 
275 |         // Remove show from all tab contents
276 |         $(".tab-content").each(function() {
277 |             $(this).removeClass("show");
278 |         });
279 | 
280 |         console.log($(`.tab-content.${activeTab}`));
281 |         //  Add show to active tab
282 |         $(`.tab-content.${activeTab}`).addClass("show");
283 | 
284 | 
285 |     });
286 |     </script>
287 | 
288 | </body>
289 | 
290 | </html>
291 | 
292 | <?php
293 | 
294 | ?>
295 | 
296 | </body>
297 | 
298 | </html>


--------------------------------------------------------------------------------
/views/login.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | // Initialize the session
  3 | session_start();
  4 | 
  5 | // Check if the user is already logged in, if yes then redirect him to welcome page
  6 | if (isset($_SESSION["loggedin"]) && $_SESSION["loggedin"] === true) {
  7 |     header("location: ../index.php");
  8 |     exit;
  9 | }
 10 | 
 11 | require "../helpers/connect.php";
 12 | 
 13 | // Define variables and initialize with empty values
 14 | $username = $password = $usertype = "";
 15 | $username_err = $password_err = $usertype_err = "";
 16 | 
 17 | // Processing form data when form is submitted
 18 | if ($_SERVER["REQUEST_METHOD"] == "POST") {
 19 | 
 20 |     // Check if username is empty
 21 |     if (empty(trim($_POST["username"]))) {
 22 |         $username_err = "Please enter username.";
 23 |     } else {
 24 |         $username = trim($_POST["username"]);
 25 |     }
 26 | 
 27 |     // Check if password is empty
 28 |     if (empty(trim($_POST["password"]))) {
 29 |         $password_err = "Please enter your password.";
 30 |     } else {
 31 |         $password = trim($_POST["password"]);
 32 |     }
 33 | 
 34 |     // Check if user type is empty
 35 |     if (empty(trim($_POST["user-type"]))) {
 36 |         $usertype_err = "Please select user category.";
 37 |     } else {
 38 |         $usertype = ucwords(trim($_POST["user-type"]));
 39 |     }
 40 | 
 41 |     // Validate credentials
 42 |     if (empty($username_err) && empty($password_err)) {
 43 |         // Prepare a select statement
 44 |         $sql = "SELECT username, pw FROM $usertype WHERE username = ?";
 45 | 
 46 |         if ($stmt = mysqli_prepare($conn, $sql)) {
 47 |             // Bind variables to the prepared statement as parameters
 48 |             mysqli_stmt_bind_param($stmt, "s", $param_username);
 49 |             // Set parameters
 50 |             // $table_name = $usertype;
 51 |             $param_username = $username;
 52 | 
 53 |             // Attempt to execute the prepared statement
 54 |             if (mysqli_stmt_execute($stmt)) {
 55 |                 // Store result
 56 |                 mysqli_stmt_store_result($stmt);
 57 | 
 58 |                 // Check if username exists, if yes then verify password
 59 |                 if (mysqli_stmt_num_rows($stmt) == 1) {
 60 |                     // Bind result variables
 61 | 
 62 |                     mysqli_stmt_bind_result($stmt, $username, $hashed_password);
 63 | 
 64 |                     if (mysqli_stmt_fetch($stmt)) {
 65 |                         if (password_verify($password, $hashed_password)) {
 66 |                             // Password is correct, so start a new session
 67 |                             session_start();
 68 | 
 69 |                             // Store data in session variables
 70 |                             $_SESSION["loggedin"] = true;
 71 |                             $_SESSION["username"] = $username;
 72 |                             $_SESSION["usertype"] = $usertype;
 73 | 
 74 |                             // Redirect user to welcome page
 75 |                             header("location: ../index.php");
 76 |                         } else {
 77 |                             // Display an error message if password is not valid
 78 |                             $password_err = "The password you entered was not valid.";
 79 |                         }
 80 |                     }
 81 |                 } else {
 82 |                     // Display an error message if username doesn't exist
 83 |                     $username_err = "No account found with that username.";
 84 |                 }
 85 |             } else {
 86 |                 echo "Oops! Something went wrong. Please try again later.";
 87 |             }
 88 |         }
 89 | 
 90 |         // Close statement
 91 |         mysqli_stmt_close($stmt);
 92 |     }
 93 | 
 94 |     // Close connection
 95 |     mysqli_close($conn);
 96 | }
 97 | ?>
 98 | 
 99 | 
100 | <!DOCTYPE html>
101 | <html lang="en">
102 | 
103 | <head>
104 |     <meta charset="UTF-8">
105 |     <title>Login</title>
106 |     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.css">
107 |     <link rel="stylesheet" type="text/css" href="../assets/css/login.css">
108 |     <link href="https://fonts.googleapis.com/css?family=Patua+One&display=swap" rel="stylesheet">
109 | 
110 | </head>
111 | 
112 | <body>
113 |     <header>
114 |         <h1> University <br> of <br> Lagos </h1>
115 |         <img src="../assets/images/unilag-logo.webp" alt="University of Lagos" />
116 |     </header>
117 | 
118 |     <main>
119 |         <p> Online Examination System </p>
120 |         <button data-toggle="modal" data-target="#login-form"> Login </button>
121 | 
122 |     </main>
123 | 
124 |     <!-- Login Modal -->
125 |     <div id="login-form" class="modal login-form" aria-modal="true" tabindex="-1" role="dialog" aria-labelledby="login"aria-describedby="login">
126 |         <div class="modal-dialog modal-dialog-centered" role="document">
127 |             <section class="modal-content">
128 | 
129 |                 <header class="modal-header">
130 |                     <h2 class="modal-title">Login </h2>
131 |                 </header>
132 | 
133 |                 <div class="modal-body">
134 |                     <p>Please fill in your details to login.</p>
135 |                     <form method="post">
136 |                         <div class="form-group <?php echo (!empty($username_err)) ? 'has-error' : ''; ?>">
137 |                             <label for="username"> Username </label>
138 |                             <input type="text" id="username" name="username" class="form-control"
139 |                                 value="<?php echo $username; ?>">
140 |                             <span class="help-block"><?php echo $username_err; ?></span>
141 |                         </div>
142 | 
143 |                         <div class="form-group <?php echo (!empty($password_err)) ? 'has-error' : ''; ?>">
144 |                             <label>Password</label>
145 |                             <input type="password" name="password" class="form-control">
146 |                             <span class="help-block"><?php echo $password_err; ?></span>
147 |                         </div>
148 | 
149 |                         <div class="form-group <?php echo (!empty($password_err)) ? 'has-error' : ''; ?>">
150 |                             <label for="user-type">User Category</label>
151 |                             <select class="form-control" id="user-type" name="user-type">
152 |                                 <option value="administrator">Admin</option>
153 |                                 <option value="student">Student</option>
154 |                                 <option value="examiner">Examiner</option>
155 |                             </select>
156 |                             <span class="help-block"><?php echo $usertype_err; ?></span>
157 |                         </div>
158 | 
159 |                         <div class="form-group button-group">
160 |                             <button type="button" class="btn cls" data-dismiss="modal"> Cancel </button>
161 |                             <input type="submit" class="btn" value="Login">
162 |                         </div>
163 | 
164 |                     </form>
165 | 
166 |                 </div>
167 | 
168 |             </section>
169 |         </div>
170 |     </div>
171 | 
172 | 
173 |     <!-- jQuery CDN - Slim version (=without AJAX) -->
174 |     <script src="http://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
175 | 
176 |     <!-- Bootstrap JS -->
177 |     <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"
178 |         integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous">
179 |     </script>
180 | 
181 | 
182 |     <script>
183 |     // $(function() {
184 |     //     $('.login-form').bind('click', function(event) {
185 |     //         event.preventDefault(); // using this page stop being refreshing
186 | 
187 |     //         $.ajax({
188 |     //             type: 'POST',
189 |     //             url: 'login.php',
190 |     //             data: $('.login-form').serialize(),
191 |     //             success: function() {
192 |     //                 console.log('form was submitted');
193 |     //             }
194 |     //         });
195 | 
196 |     //     });
197 |     // });
198 |     </script>
199 | 
200 | 
201 | </body>
202 | 
203 | </html>


--------------------------------------------------------------------------------
/views/manage-exam.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | session_start();
  3 | ini_set("display_errors", 1); // Display errors
  4 | 
  5 | // To setup database connection
  6 | require_once '../helpers/connect.php';
  7 | require_once '../helpers/timeout.php';
  8 | 
  9 | $username = $_SESSION["username"];
 10 | 
 11 | $instruction = "";
 12 | $duration = "";
 13 | $activated = "";
 14 | $courseId = "";
 15 | $examId = "";
 16 | $courseCode = "";
 17 | $edit = null;
 18 | 
 19 | // Get examid or courseid from url
 20 | $url_parts = parse_url($_SERVER['REQUEST_URI']);
 21 | parse_str($url_parts['query'], $url_query);
 22 | 
 23 | if (!empty($url_query['examid'])) {
 24 |     $examId = $url_query['examid'];
 25 |     $edit = true;
 26 | } else if (!empty($url_query['courseid'])) {
 27 |     $courseId = $url_query['courseid'];
 28 |     $edit = false;
 29 | }
 30 | 
 31 | // Get details about the exam
 32 | if ($examId) {
 33 |     $sql = "SELECT *
 34 |         FROM Exam e, Course_Examiner ce, Course c
 35 |         WHERE ce.username='$username' and ce.courseId=e.courseId and e.examId='$examId' and c.courseId=e.courseId
 36 |         LIMIT 1
 37 |         ";
 38 |     $queryResult = mysqli_query($conn, $sql);
 39 | 
 40 |     if (mysqli_num_rows($queryResult) != 0) {
 41 |         mysqli_data_seek($queryResult, 0);
 42 |         $exam = mysqli_fetch_object($queryResult);
 43 | 
 44 |         // Set necessary variables
 45 |         $instruction = $exam->instruction;
 46 |         $duration = $exam->timeDuration;
 47 |         $durationSplit = explode(":", $duration);
 48 |         $activated = $exam->activated;
 49 |         $courseId = $exam->courseId;
 50 |         $examId = $exam->examId;
 51 |         $courseCode = $exam->courseCode;
 52 | 
 53 |     } else {
 54 |         // If there are no results, then the examiner shouldn't be managing the exam. Redirect.
 55 |         header("location: ../index.php");
 56 |     }
 57 | 
 58 |     // Get Questions
 59 |     $sql = "
 60 |         SELECT *
 61 |         FROM Question q
 62 |         WHERE q.examId=$examId
 63 |     ";
 64 |     $questionsResult = mysqli_query($conn, $sql);
 65 | 
 66 | } else {
 67 |     $sql = "SELECT courseCode
 68 |         FROM Course_Examiner ce, Course c
 69 |         WHERE ce.username='$username' and ce.courseId='$courseId'
 70 |         LIMIT 1";
 71 |     $queryResult = mysqli_query($conn, $sql);
 72 | 
 73 |     if (mysqli_num_rows($queryResult) != 0) {
 74 |         mysqli_data_seek($queryResult, 0);
 75 |         $exam = mysqli_fetch_object($queryResult);
 76 | 
 77 |         // Set necessary variables
 78 |         $courseCode = $exam->courseCode;
 79 | 
 80 |     } else {
 81 |         // If there are no results, then the examiner shouldn't be managing the exam. Redirect.
 82 |         header("location: ../index.php");
 83 |     }
 84 | }
 85 | 
 86 | ?>
 87 | 
 88 | 
 89 | 
 90 | <!DOCTYPE html>
 91 | <html lang="en">
 92 | 
 93 | <head>
 94 |     <meta charset="UTF-8">
 95 |     <meta name="viewport" content="width=device-width, initial-scale=1">
 96 |     <title>Examiner</title>
 97 | 
 98 |     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css"
 99 |         integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
100 |     <link rel="stylesheet" href="../assets/css/admin.css">
101 |     <link rel="stylesheet" href="../assets/css/manage-exam.css">
102 | 
103 | </head>
104 | 
105 | <script src="//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.js"></script>
106 | 
107 | <body>
108 |     <div class="wrapper">
109 |         <!-- Sidebar and Navigation-->
110 |         <nav id="sidebar">
111 |             <div class="sidebar-header">
112 |                 <h1> University <br> of <br> Lagos </h1>
113 |             </div>
114 | 
115 |             <ul class="list-unstyled components">
116 |                 <li class="active">
117 |                     <a href="#exam-details" data-tab="exam-details">
118 |                         Exam Details <span class="notification"> <span>
119 |                     </a>
120 |                 </li>
121 | 
122 |                 <li>
123 |                     <a href="#questions" data-tab="questions">
124 |                         Questions <span class="notification">
125 |                     </a>
126 |                 </li>
127 |             </ul>
128 | 
129 |             <div class="action-section text-center">
130 |                 <button class="btn btn-lg logout">
131 |                     <a href="../index.php"> Home </a>
132 |                 </button>
133 |             </div>
134 | 
135 |         </nav>
136 | 
137 |         <!-- Main Content-->
138 |         <main>
139 | 
140 |             <!-- Exams Tab  -->
141 |             <section class="tab-content exam-details show" id="exam-details">
142 |                 <div class="tab-flex-cont">
143 |                     <div class="actual-tab-content">
144 |                         <header>
145 |                             <h1> <?php echo $edit ? "Edit" : "Create"; ?> Exam For
146 |                                 <?php echo $courseCode; ?>
147 |                             </h1>
148 | 
149 |                         </header>
150 | 
151 |                         <div>
152 |                             <form method="post" id="examForm" action="../controllers/set-exam.php">
153 |                                 <div class="form-group">
154 |                                     <label for="instruction">Exam Instruction</label>
155 |                                     <textarea class="form-control" id="instruction"
156 |                                         name="instruction"> <?php echo $instruction ?></textarea>
157 |                                 </div>
158 | 
159 | 
160 |                                 <div class="input-group">
161 |                                     <label> Exam Duration </label>
162 | 
163 |                                     <input aria-label="hours" type="number" id="duration-hr" name="duration-hr"
164 |                                         class="form-control" placeholder="HH" value="<?php echo $durationSplit[0] ?>" />
165 |                                     <span class="input-group-text">:</span>
166 | 
167 |                                     <input aria-label="minutes" type="number" id="duration-min" name="duration-min"
168 |                                         class="form-control" placeholder="MM" min="0" max="59"
169 |                                         value="<?php echo $durationSplit[1] ?>" />
170 |                                     <span class="input-group-text">:</span>
171 | 
172 |                                     <input aria-label="seconds" type="number" id="duration-sec" name="duration-sec"
173 |                                         class="form-control" placeholder="SS" min="0" max="59"
174 |                                         value="<?php echo $durationSplit[2] ?>" />
175 |                                 </div>
176 | 
177 |                                 <fieldset class="form-group">
178 |                                     <div class="row">
179 |                                         <legend class="col-form-label col-sm-2 pt-0 label">Activated: </legend>
180 |                                         <!-- <br> -->
181 |                                         <div class="col-sm-10">
182 |                                             <div class="form-check-inline">
183 |                                                 <input class="form-check-input" type="radio" name="activated"
184 |                                                     id="activated-true" value="1"
185 |                                                     <?php if ($activated == '1') {echo ' checked ';}?>>
186 |                                                 <label class="form-check-label radio" for="activated-true">
187 |                                                     True
188 |                                                 </label>
189 |                                             </div>
190 |                                             <div class="form-check-inline">
191 |                                                 <input class="form-check-input" type="radio" name="activated"
192 |                                                     id="activated-false" value="0"
193 |                                                     <?php if ($activated == '0') {echo ' checked ';}?>>
194 |                                                 <label class="form-check-label radio" for="activated-false">
195 |                                                     False
196 |                                                 </label>
197 |                                             </div>
198 |                                         </div>
199 |                                     </div>
200 |                                 </fieldset>
201 | 
202 |                                 <input type="hidden" name="lastModified">
203 |                                 <input type="hidden" name="edit" value="<?php echo $edit ?>">
204 | 
205 |                                 <?php
206 | if (!$edit) {
207 |     echo '<input type="hidden" name="createdAt">';
208 |     echo '<input type="hidden" name="courseId" value="' . $courseId . '">';
209 | 
210 | } else {
211 |     echo '<input type="hidden" name="examId" value="' . $examId . '">';
212 | 
213 | }
214 | ?>
215 | 
216 | 
217 |                                 <footer>
218 |                                     <button type="submit" class="btn btn-save">Save changes</button>
219 |                                 </footer>
220 |                             </form>
221 | 
222 |                         </div>
223 |                     </div>
224 |                 </div>
225 |             </section>
226 | 
227 | 
228 |             <!-- Set Questions Tab  -->
229 |             <section class="tab-content questions" id="questions">
230 |                 <div class="tab-flex-cont">
231 |                     <div class="actual-tab-content">
232 |                         <?php
233 | if (empty($examId)) {
234 |     echo "<h3>Please create the exam first. </h3>";
235 |     echo "<p> Go the the Exam Details tab. </p> ";
236 | } else {
237 |     ?>
238 |                         <header>
239 |                             <div class="left">
240 |                                 <i> <img src="../assets/images/menu-icon.svg" class="menu" alt="menu"></i>
241 |                                 <h1> Manage Questions for <?php echo $courseCode; ?> </h1>
242 |                             </div>
243 |                             <div class="right">
244 |                                 <form action="" class="search">
245 |                                     <input type="text" name="search-questions" id="search-questions"
246 |                                         placeholder="Search...">
247 |                                 </form>
248 |                                 <button class="add" data-toggle="modal" data-target="#create-question"> Add Question
249 |                                 </button>
250 |                             </div>
251 |                         </header>
252 |                         <section class="table-responsive">
253 |                             <table class="table table-striped">
254 |                                 <thead>
255 |                                     <tr>
256 |                                         <th>Question </th>
257 |                                         <th> Option 1 </th>
258 |                                         <th> Option 2</th>
259 |                                         <th> Option 3 </th>
260 |                                         <th> Option 4</th>
261 |                                         <th> Option 5</th>
262 |                                         <th> Answer </th>
263 |                                         <th>Actions</th>
264 |                                     </tr>
265 |                                 </thead>
266 |                                 <tbody>
267 |                                     <?php
268 | while ($question = mysqli_fetch_assoc($questionsResult)) {
269 |         ?>
270 |                                     <tr>
271 |                                         <td hidden class="questionId"> <?php $question["questionId"]?></td>
272 |                                         <td> <?php echo $question["question"] ?> </td>
273 |                                         <td> <?php echo $question["option1"] ?> </td>
274 |                                         <td> <?php echo $question["option2"] ?> </td>
275 |                                         <td> <?php echo $question["option3"] ?> </td>
276 |                                         <td> <?php echo $question["option4"] ?> </td>
277 |                                         <td> <?php echo $question["option5"] ?> </td>
278 |                                         <td> <?php echo $question["answer"] ?> </td>
279 | 
280 |                                         <td>
281 |                                             <img class="user-action" src="../assets/images/pencil-edit-button.svg"
282 |                                                 alt="Edit" title="Edit" aria-label="Edit Course">
283 |                                             <img class="user-action" src="../assets/images/delete.svg" alt="Delete"
284 |                                                 title="Delete" aria-label="Delete Course">
285 |                                         </td>
286 |                                     </tr>
287 | 
288 |                                     <?php }?>
289 |                                 </tbody>
290 |                             </table>
291 |                         </section>
292 | 
293 | 
294 |                         <!-- Create Course Modal -->
295 |                         <div id="create-question" class="modal" tabindex="-1" role="dialog"
296 |                             aria-labelledby="Add New Question" aria-describedby="Create a course with the form">
297 |                             <div class="modal-dialog modal-dialog-centered" role="document">
298 |                                 <section class="modal-content">
299 | 
300 |                                     <header class="modal-header">
301 |                                         <h5 class="modal-title"> Add Question </h5>
302 |                                         <button type="button" class="close" data-dismiss="modal" aria-label="Close">
303 |                                             <span aria-hidden="true">&times;</span>
304 |                                         </button>
305 |                                     </header>
306 | 
307 | 
308 |                                     <div class="modal-body">
309 |                                         <form method="post" id="createQuestionForm"
310 |                                             action="../controllers/set-questions.php">
311 |                                             <div class="form-group">
312 |                                                 <label for="question"> Question </label>
313 |                                                 <textarea type="text" id="question" name="question" class="form-control"
314 |                                                     required> </textarea>
315 |                                             </div>
316 | 
317 |                                             <div class="form-group">
318 |                                                 <label for="option-1"> Option 1 </label>
319 |                                                 <input type="text" id="option-1" name="option-1" class="form-control"
320 |                                                     required>
321 |                                             </div>
322 | 
323 |                                             <div class="form-group">
324 |                                                 <label for="option-2"> Option 2 </label>
325 |                                                 <input type="text" id="option-2" name="option-2" class="form-control"
326 |                                                     required>
327 |                                             </div>
328 | 
329 |                                             <div class="form-group">
330 |                                                 <label for="option-3"> Option 3 </label>
331 |                                                 <input type="text" id="option-3" name="option-3" class="form-control"
332 |                                                     required>
333 |                                             </div>
334 | 
335 |                                             <div class="form-group">
336 |                                                 <label for="option-4"> Option 4 </label>
337 |                                                 <input type="text" id="option-4" name="option-4" class="form-control"
338 |                                                     required>
339 |                                             </div>
340 | 
341 |                                             <div class="form-group">
342 |                                                 <label for="option-5"> Option 5 </label>
343 |                                                 <input type="text" id="option-5" name="option-5" class="form-control"
344 |                                                     required>
345 |                                             </div>
346 | 
347 |                                             <div class="form-group">
348 |                                                 <label for="correct-answer">Correct Answer</label>
349 |                                                 <select class="form-control" id="correct-answer" name="correct-answer"
350 |                                                     value="option-1">
351 |                                                     <option value="option-1">Option 1</option>
352 |                                                     <option value="option-2">Option 2</option>
353 |                                                     <option value="option-3">Option 3</option>
354 |                                                     <option value="option-4">Option 4</option>
355 |                                                     <option value="option-5">Option 5</option>
356 |                                                 </select>
357 |                                             </div>
358 | 
359 |                                             <input type="hidden" name="examId" value="<?php echo $examId ?>" />
360 | 
361 |                                             <footer class="modal-footer">
362 |                                                 <button type="submit" class="btn btn-save">Save changes</button>
363 |                                                 <button type="button" class="btn btn-cancel"
364 |                                                     data-dismiss="modal">Close</button>
365 |                                             </footer>
366 |                                         </form>
367 |                                     </div>
368 | 
369 |                                 </section>
370 |                             </div>
371 |                         </div>
372 | 
373 |                     </div>
374 | 
375 |                     <?php }?>
376 |             </section>
377 |         </main>
378 | 
379 | 
380 | 
381 | 
382 | 
383 |     </div>
384 | 
385 |     <script src="assets/js/date.js"> </script>
386 |     <!-- jQuery CDN - Slim version (=without AJAX) -->
387 |     <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
388 |         integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous">
389 |     </script>
390 |     <!-- Bootstrap JS -->
391 |     <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"
392 |         integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous">
393 |     </script>
394 | 
395 | 
396 | 
397 |     <script>
398 |     $(document).ready(function() {
399 |         // window.location.href = 'index.php#home';
400 |         $(".menu").on("click", function() {
401 |             $('#sidebar').toggleClass('active');
402 |             $('main').toggleClass('active');
403 |         });
404 | 
405 |     });
406 | 
407 |     $("#sidebar li").on("click", function(event) {
408 | 
409 |         let ref_this = $("#sidebar li.active");
410 |         let target = $(event.target);
411 | 
412 |         ref_this.removeClass("active");
413 |         target.parent().addClass("active");
414 | 
415 | 
416 |         // Get active tab
417 |         let activeTab = target.data("tab");
418 |         console.log(activeTab);
419 | 
420 |         // Remove show from all tab contents
421 |         $(".tab-content").each(function() {
422 |             $(this).removeClass("show");
423 |         });
424 | 
425 |         console.log($(`.tab-content.${activeTab}`));
426 |         //  Add show to active tab
427 |         $(`.tab-content.${activeTab}`).addClass("show");
428 | 
429 | 
430 |     });
431 | 
432 |     let edit = document.querySelector("input[name=edit]");
433 |     let lastModified = document.querySelector("input[name=lastModified]");
434 | 
435 | 
436 |     document.querySelector("#examForm").addEventListener("submit", (e) => {
437 |         // e.preventDefault();
438 |         let time = (new Date()).toISOString().slice(0, 19).replace('T', ' ');
439 |         lastModified.value = time;
440 | 
441 |         if (edit.value === "") {
442 |             // If we're not editing
443 | 
444 |             let createdAt = document.querySelector("input[name=createdAt]");
445 |             createdAt.value = time;
446 |         }
447 |     });
448 |     </script>
449 | 
450 | </body>
451 | 
452 | </html>


--------------------------------------------------------------------------------
/views/student.php:
--------------------------------------------------------------------------------
  1 | <!-- TODO: Check if questions exist for an exam  -->
  2 | 
  3 | <!-- TODO: Display exam only if it doesn't have a result -->
  4 | 
  5 | 
  6 | <?php
  7 | // session_start();
  8 | 
  9 | include "helpers/timeout.php"; // Handle the session timeout after inactivity
 10 | 
 11 | ini_set("display_errors", 1);
 12 | $username = $_SESSION["username"];
 13 | 
 14 | $queryResult = mysqli_query($conn, "SELECT * FROM Student WHERE username='$username' LIMIT 1");
 15 | $studentObj = mysqli_fetch_object($queryResult);
 16 | 
 17 | $examResults = mysqli_query($conn, "SELECT * from Student_Result WHERE studentId='$username'");
 18 | ?>
 19 | 
 20 | 
 21 | <!DOCTYPE html>
 22 | <html lang="en">
 23 | 
 24 | <head>
 25 |     <meta charset="UTF-8">
 26 |     <meta name="viewport" content="width=device-width, initial-scale=1">
 27 |     <title>Student</title>
 28 | 
 29 |     <link rel="stylesheet" href="assets/css/admin.css">
 30 |     <link rel="stylesheet" href="assets/css/student.css">
 31 | 
 32 | </head>
 33 | 
 34 | <body>
 35 |     <div class="wrapper">
 36 |         <!-- Sidebar and Navigation-->
 37 |         <nav id="sidebar">
 38 |             <div class="sidebar-header">
 39 |                 <h1> University <br> of <br> Lagos </h1>
 40 |             </div>
 41 | 
 42 |             <ul class="list-unstyled components">
 43 |                 <li class="active">
 44 |                     <a href="#home" data-tab="home"> Home </a>
 45 |                     <meta name="viewport" content="width=device-width, initial-scale=1">
 46 |                 </li>
 47 | 
 48 |                 <li>
 49 |                     <a href="#exams" data-tab="exams">
 50 |                         Exams <span class="notification"> <span>
 51 |                     </a>
 52 |                 </li>
 53 | 
 54 |                 <li>
 55 |                     <a href="#results" data-tab="results">
 56 |                         Results <span class="notification">
 57 |                     </a>
 58 |                 </li>
 59 |             </ul>
 60 | 
 61 |             <div class="logout-section text-center">
 62 |                 <button class="btn btn-lg logout">
 63 |                     <a href="helpers/logout.php"> Logout </a>
 64 |                 </button>
 65 |             </div>
 66 | 
 67 |         </nav>
 68 | 
 69 |         <!-- Main Content-->
 70 |         <main>
 71 |             <div class="menu-cont">
 72 |                 <i> <img src="assets/images/menu-icon.svg" class="menu" alt="menu"></i>
 73 |             </div>
 74 |             <!-- Home Tab -->
 75 |             <section class="tab-content home show" id="home">
 76 |                 <div class="tab-flex-cont">
 77 |                     <div class="actual-tab-content">
 78 |                         <!-- <img class="rounded-circle avatar" src="assets/images/student_female_3.jpg" -->
 79 |                         <img class="rounded-circle avatar" src="assets<?php echo $studentObj->imageUrl ?>"
 80 |                             alt="Student avatar">
 81 |                         <h1 class="welcome-message">
 82 |                             <span class="greeting"> Good day,</span>
 83 |                             <br>
 84 |                             <?php echo $studentObj->firstName . " " . $studentObj->lastName ?>
 85 |                         </h1>
 86 |                         <p class="time"> </p>
 87 |                     </div>
 88 |                 </div>
 89 |             </section>
 90 | 
 91 |             <!-- Exams Tab  -->
 92 |             <section class="tab-content exams" id="exams">
 93 |                 <div class="tab-flex-cont">
 94 |                     <div class="actual-tab-content">
 95 | 
 96 |                         <?php
 97 | $sql = "
 98 |     SELECT examId, timeDuration, courseCode, courseTitle
 99 |     FROM Course_Student cs, Course c, Exam e
100 |     WHERE cs.username='$username' and c.courseId=e.courseId and cs.courseId=c.courseId
101 |     ";
102 | 
103 | $queryResult = mysqli_query($conn, $sql);
104 | if (mysqli_num_rows($queryResult) == 0) {
105 |     echo "<h3 style='text-align:center'> You have no pending exams. </h3>";
106 | 
107 |     mysqli_data_seek($queryResult, 0);
108 | } else {
109 |     $i = 0;
110 |     while ($info = mysqli_fetch_assoc($queryResult)) {
111 |         ?>
112 |                         <!-- Print each pending exam -->
113 |                         <div class="exam-item">
114 |                             <span class="course-code"><?php echo $info['courseCode'] ?> </span>
115 |                             <div>
116 |                                 <p class="course-name">
117 |                                     <?php echo $info['courseTitle']; ?> </p>
118 |                                 <span class="duration"> Duration: <?php echo $info['timeDuration']; ?>
119 |                                 </span>
120 |                             </div>
121 |                             <button class="start-exam"
122 |                                 onclick="window.location.href='views/take-exam.php?examid=<?php echo $info['examId']; ?>'">
123 |                                 Start Exam <span> &#x25b6; </span>
124 |                             </button>
125 |                             <div>
126 |                             </div>
127 |                         </div>
128 | 
129 |                         <?php
130 | }}
131 | ;
132 | ?>
133 | 
134 | 
135 | 
136 |                     </div>
137 |                 </div>
138 |             </section>
139 | 
140 | 
141 |             <!-- Show Results Tab  -->
142 |             <section class="tab-content results" id="results">
143 |                 <div class="tab-flex-cont">
144 |                     <div class="actual-tab-content">
145 |                         <?php
146 | if (mysqli_num_rows($examResults) == 0) {
147 |     echo "<h3> You have no results yet. </h3>";
148 |     echo "<p> Start by taking an exam. </p> ";
149 | 
150 |     mysqli_data_seek($examResults, 0);
151 | } else {
152 |     $i = 0;
153 | 
154 |     while ($examResult = mysqli_fetch_assoc($examResults)) {
155 |         $sql = "SELECT c.courseCode, c.courseTitle FROM Exam e, Course c WHERE e.examId = " . $examResult['examId'] . " and e.courseId = c.courseId";
156 |         $result = mysqli_query($conn, $sql);
157 |         $i++;
158 | 
159 |         while ($row = mysqli_fetch_assoc($result)) {
160 |             ?>
161 | 
162 |                         <!-- Show each result -->
163 |                         <section class="result-cont">
164 |                             <div class="result-item" data-toggle="collapse" data-target="#result-<?php echo $i ?>">
165 |                                 <span class="course-code"> <?php echo $row['courseCode'] ?> </span>
166 |                                 <div>
167 |                                     <p class="course-name"> <?php echo $row['courseTitle'] ?> </p>
168 |                                 </div>
169 |                                 <span class="collapse-icon"> &#8964; </span>
170 |                                 <div> </div>
171 |                             </div>
172 |                             <div class="result-details collapse" id="result-<?php echo $i ?>">
173 |                                 <p> Score: <span class="score"> <?php echo $examResult['score'] ?> </span> out of <span
174 |                                         class="score-ovrl"> <?php echo $examResult['scoreOverall'] ?> </span>
175 |                                 </p>
176 |                                 <p> Submitted: <span class="submit-time"> <?php echo $examResult['submitTime'] ?>
177 |                                     </span> </p>
178 |                             </div>
179 |                         </section>
180 | 
181 |                         <?php }}}?>
182 | 
183 |                     </div>
184 |                 </div>
185 | 
186 |             </section>
187 | 
188 |         </main>
189 | 
190 | 
191 | 
192 | 
193 | 
194 |     </div>
195 | 
196 |     <script src="assets/js/date.js"> </script>
197 |     <!-- jQuery CDN - Slim version (=without AJAX) -->
198 |     <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
199 |         integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous">
200 |     </script>
201 |     <!-- Bootstrap JS -->
202 |     <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"
203 |         integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous">
204 |     </script>
205 | 
206 | 
207 | 
208 |     <script>
209 |     $(document).ready(function() {
210 |         window.location.href = 'index.php#home';
211 |         $(".menu").on("click", function() {
212 |             $('#sidebar').toggleClass('active');
213 |             $('main').toggleClass('active');
214 |         });
215 | 
216 |         $("main").on("click", function(e) {
217 |             if(document.querySelector("#sidebar.active") && e.target.className !== "menu"){
218 |                 $('#sidebar').removeClass('active');
219 |             };
220 |         });
221 | 
222 |         let resultSubmitTimes = document.querySelectorAll(".result-cont .submit-time");
223 |         resultSubmitTimes.forEach(elem => {
224 |             let time = GetClock(new Date(elem.innerText.trim().replace(' ', 'T')));
225 |             elem.innerHTML = time;
226 |         });
227 | 
228 |     });
229 | 
230 |     $("#sidebar li").on("click", function(event) {
231 | 
232 |         let ref_this = $("#sidebar li.active");
233 |         let target = $(event.target);
234 | 
235 |         ref_this.removeClass("active");
236 |         target.parent().addClass("active");
237 | 
238 | 
239 |         // Get active tab
240 |         let activeTab = target.data("tab");
241 | 
242 |         // Remove show from all tab contents
243 |         $(".tab-content").each(function() {
244 |             $(this).removeClass("show");
245 |         });
246 | 
247 |         console.log($(`.tab-content.${activeTab}`));
248 |         //  Add show to active tab
249 |         $(`.tab-content.${activeTab}`).addClass("show");
250 | 
251 |         // Remove sidebar after navigating succesfully
252 |         if(document.querySelector("#sidebar.active")){
253 |                 $('#sidebar').removeClass('active');
254 |         };
255 | 
256 |     });
257 | 
258 | 
259 |     // FIX: Resize to larger width removes active class from sidebar
260 |     window.addEventListener('resize', () => {
261 |         if(window.innerWidth > 768) {
262 |             $('#sidebar').removeClass('active');
263 |             console.log("resized");
264 |         }
265 |     });
266 | 
267 |     var tday = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
268 |     var tmonth = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October",
269 |         "November", "December"
270 |     ];
271 | 
272 |     function GetClock(d) {
273 |         var nday = d.getDay(),
274 |             nmonth = d.getMonth(),
275 |             ndate = d.getDate(),
276 |             nyear = d.getFullYear();
277 |         var nhour = d.getHours(),
278 |             nmin = d.getMinutes(),
279 |             ap;
280 |         if (nhour == 0) {
281 |             ap = " AM";
282 |             nhour = 12;
283 |         } else if (nhour < 12) {
284 |             ap = " AM";
285 |         } else if (nhour == 12) {
286 |             ap = " PM";
287 |         } else if (nhour > 12) {
288 |             ap = " PM";
289 |             nhour -= 12;
290 |         }
291 | 
292 |         if (nmin <= 9) nmin = "0" + nmin;
293 | 
294 |         var clocktext = "" + tday[nday] + ", " + tmonth[nmonth] + " " + ndate + ", " + nyear + " <br>" +
295 |             nhour + ":" + nmin + ap + "";
296 | 
297 |         return clocktext;
298 |     }
299 |     </script>
300 | 
301 | </body>
302 | 
303 | </html>
304 | 
305 | <?php
306 | 
307 | ?>


--------------------------------------------------------------------------------
/views/student_home.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | /*require_once('connect.php');*/
  3 | ini_set('display_errors', 1);
  4 | 
  5 | // if (!isset($_SESSION["loggedin"]) && $_SESSION["loggedin"] == false || !($_SESSION["usertype"] == "Student")) {
  6 | //     header("Location:login.php");
  7 | // }
  8 | 
  9 | $link = mysqli_connect("127.0.0.1", "pmauser", "password", "CBE");
 10 | 
 11 | if (!$link) {
 12 |     echo "Error: Unable to connect to MySQL." . PHP_EOL;
 13 |     echo "Debugging errno: " . mysqli_connect_errno() . PHP_EOL;
 14 |     echo "Debugging error: " . mysqli_connect_error() . PHP_EOL;
 15 |     exit;
 16 | }
 17 | 
 18 | /*$a= mysqli_query("SELECT * FROM student_login WHERE id=".$_SESSION['student_id']. "");*/
 19 | /*$b=mysqli_fetch_array($a); */
 20 | $b = array("registration" => '15040850', "l_name" => $_SESSION['username']);
 21 | $qid = 0;
 22 | $qid = $qid++;
 23 | $etaker = mysqli_query($link, "SELECT User.id, User.username, start_exam.course, start_exam.category, start_exam.exam_tag, start_exam.exam_duration, start_exam.question_limit
 24 | FROM User, start_exam
 25 | WHERE User.username = " . $b['registration'] . " AND User.user_type = 'student'
 26 | ORDER BY User.id DESC LIMIT 1");
 27 | 
 28 | $etaker1 = mysqli_fetch_array($etaker);
 29 | $etexamtag = $etaker1['exam_tag'];
 30 | $etques = $etaker1['question_limit'];
 31 | 
 32 | $select = mysqli_query($link, "SELECT *
 33 | FROM " . $etaker1['course'] . "_" . $etaker1['category'] . "
 34 | WHERE exam_tag='$etexamtag'
 35 | LIMIT " . $etaker1['question_limit'] . "");
 36 | 
 37 | ?>
 38 | 
 39 | <!doctype>
 40 | <html>
 41 | <head>
 42 | <meta charset="utf-8"> <meta name="viewport"
 43 | content="width=device-width, maximum-scale=1,
 44 | initial-scale=1, user-scalable=no">
 45 | <title>CBE-Objective</title>
 46 | <link href='http://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css'> <link rel="stylesheet" type="text/css" href="css/bootstrap.css">
 47 | <link href="https://fonts.googleapis.com/css?family=DM+Serif+Display|Raleway&display=swap" rel="stylesheet">
 48 | <!-- <link rel="stylesheet" type="text/css" href="css/custom.css">
 49 | <link rel="stylesheet" type="text/css" href="css/style.css"> -->
 50 | <link rel="stylesheet" type="text/css" href="./assets/css/student_home.css">
 51 | 
 52 |  <!-- Latest compiled and minified CSS -->
 53 | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
 54 | 
 55 | <!-- jQuery library -->
 56 | <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
 57 | 
 58 | <!-- Latest compiled JavaScript -->
 59 | <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
 60 | 
 61 | </head>
 62 | <body onLoad="cd();" oncontextmenu="return false" oncopy="return false"
 63 | oncut="return false" onpaste="return false" onkeydown="return (event.keyCode != 116)" style="font-family: 'Raleway', sans-serif;">
 64 | <div class="navbar-fixed-top fixed-top" style="background-color: #8f4747;">
 65 | <div class="container">
 66 | <div class="row">
 67 | <div class="col-md-6" style="padding:3px;">
 68 | <img class="img-responsive" src="https://unilag.edu.ng/wp-content/uploads/Untitled-7-5.png" style="width:120px;">
 69 | </div>
 70 | <div class="col-md-6 text-right">
 71 | 
 72 | <span style="font-size: 20px; color: white"><i class="glyphicon glyphicon-user"></i>
 73 | Welcome, <?php echo $b['l_name'] ?> </span>
 74 | <button style="background-color: black;"> <a href="helpers/logout.php" style="margin: 5px; color:white;"> Logout </a> </button>
 75 | 
 76 | </div>
 77 |             </div>
 78 |         </div>
 79 |     </div>
 80 | 
 81 |     <div style="margin-top:80px;"> </div>
 82 |     <div class="timer">
 83 |         <span style="margin-right:8px; "> Time Left </span> <button class="btn btn-warning naming"><i
 84 |                 class="glyphicon glyphicon-time"></i>
 85 |             <b><span id="show"></span></b></button>
 86 |     </div>
 87 | 
 88 |     <div>
 89 |         <div style="margin-bottom:40px;"> </div>
 90 |         <div class="container">
 91 |             <div class="row">
 92 |                 <div class="col-md-8 col-md-offset-2" style="margin-top:20px; marginbottom:40px;">
 93 |                     <div class="panel panel-default">
 94 |                         <div class="panel-heading">
 95 |                             <h3></h3>
 96 |                         </div>
 97 |                         <div class="panel-body" style="padding:10px;">
 98 |                         <form name="form1" action="test-completed.php" enctype="multipart/form-data" method="post">
 99 |                                 <div id="qContainer">
100 |                                     <input type='hidden' value='quizId' name='quizId'>
101 | 
102 | 
103 | <?php
104 | while ($rs_row = mysqli_fetch_array($select)) {
105 |     $qid++;
106 |     $id = "" . $rs_row['id'] . "";
107 |     $ask_question = "" . $rs_row['question'] . "";
108 |     $opt_A1 = "" . $rs_row['optionA'] . "";
109 |     $opt_B1 = "" . $rs_row['optionB'] . "";
110 |     $opt_C1 = "" . $rs_row['optionC'] . "";
111 |     $opt_D1 = "" . $rs_row['optionD'] . "";
112 |     $opt_E1 = "" . $rs_row['optionE'] . "";
113 |     $correct_ans = "" . $rs_row['correct_ans'] . "";
114 | 
115 |     ?>
116 | 
117 | <div class='qPanel'>
118 | 
119 |    <input type='hidden'>
120 |     <div class='qText'>
121 |         <div><img name="" src="admin/?php echo $rs_row['image'] ?>"
122 |                 style="max-width:400px;" class="img-responsive" alt=""></div>
123 | 
124 |         <div style="width:600px;"> </div>
125 | 
126 |         <span style="font-size:14px;">
127 |             <b>
128 | 
129 |             </b>
130 |         </span>
131 |         <br>
132 |     </div>
133 | 
134 | 
135 | <?php
136 | /* if(($rs_row['image']=="../images/examination/") || ($rs_row['image']=="images/examination/")) {?> <?php }
137 |     else { ?> <div><img name="" src="admin/<?php echo $rs_row['image'] ?>" style= "max-width:400px;" class="img-responsive" alt=""></div> <?php } */
138 |     ?>
139 | <?php
140 | 
141 |     if (empty($rs_row['instruction'])) {?> <?php } else {?>
142 | <div style="width:600px;"> <?php echo $rs_row['instruction'] ?></div> <?php }?>
143 | <span style="font-size:14px;">
144 |     <b>
145 |     <?php echo 'Q' . $qid ?>
146 |     <?php echo $ask_question; ?>
147 |     </b>
148 | </span>
149 | <br>
150 | </div>
151 | 
152 | <div class='options'>
153 | A. <input type='radio' name='answer[<?php echo $id ?>]' value='<?php echo $opt_A1 ?>' >
154 | <label for='opt_1'> <?php echo $opt_A1 ?> </label>
155 | <br>
156 | B. <input type="radio" name='answer[<?php echo $id ?>]' value='<?php echo $opt_B1 ?>' >
157 | <label for='opt_2'> <?php echo $opt_B1 ?> </label>
158 | <br>
159 | C. <input type="radio" name='answer[<?php echo $id ?>]' value='<?php echo $opt_C1 ?>' >
160 | <label for='opt_3'> <?php echo $opt_C1 ?> </label>
161 | <br>
162 | D. <input type="radio" name='answer[<?php echo $id ?>]' value='<?php echo $opt_D1 ?>'>
163 | <label for="opt_4"> <?php echo $opt_D1 ?> </label>
164 | <br>
165 | <?php
166 | if (empty($rs_row['opt_E'])) {?>
167 | <?php
168 | } else {
169 |         ?>
170 | E. <input type="radio" name='answer[<?php echo $id ?>]' value='<?php echo $opt_E1 ?>' id='opt_5'>
171 | <label for='opt_5'> <?php echo $opt_E1 ?> </label>
172 | <br>
173 | <?php }?>
174 | <input type="hidden" name="canswer[<?php echo $id ?>]"  value="<?php echo $correct_ans ?>">
175 | 
176 | </div>
177 | </div>
178 | <?php
179 | 
180 | }
181 | ?>
182 | 
183 | 
184 |         </div>
185 |         <div id='nav'>
186 |         <div class="disable_text_highlighting">
187 |         <a class='navbutton' id='previousbutton' onclick='nav(-1)'>&laquo; Previous
188 |             Question</a>
189 |         <a id='nextbutton' class='navbutton' onclick='nav(1)'>Next Question &raquo;
190 |         </a><br><br>
191 |         </div>
192 |         <div style="display:flex; justify-content: flex-start;">
193 | 
194 |         <div style=" margin:10px;">
195 |             <a class='qButton' onclick="">
196 |             </a>
197 |         </div>
198 | 
199 |         </div>
200 |         </div>
201 | 
202 | 
203 | 
204 |         <input type="hidden" name="qid" value="?php echo $qid ?> ">
205 |         <div><input type="submit" class="btn btn-prim subb" value="Submit Answers"
206 |         name="Submit_ans" /> </div>
207 |         </form>
208 | 
209 | </div>
210 |                     </div>
211 |                 </div>
212 |             </div>
213 |             <!-- <button style="background-color: black;"> <a href="./helpers/logout.php" style="margin: 5px; color:white;"> Logout </a> </button> -->
214 |             <div class="footer navbar-fixed-bottom" style="background-color: #8f4747;">
215 |                 <div class="container">
216 |                     <div class="row">
217 |                         <div class="col-md-12 text-right" style="padding:15px 0px; color:#FFF; text-align: center;">
218 |                             &copy;2019
219 |                         </div>
220 |                     </div>
221 |                 </div>
222 |                 <script src="js/jquery.js"></script>
223 |                 <script src="js/bootstrap.js"></script>
224 |                 <!--<script src="js/arrange.js"></script>-->
225 |                 <script>
226 | 
227 |                     var mins = 0;
228 |                     var secs = 0;
229 |                     var interval;
230 |                     function cd() {
231 |                         console.log("CD");
232 |                         mins = 1 * m("?php echo $etaker1['exam_duration']; ?>"); // change minutes here
233 |                         secs = 0 + s(":00"); // change seconds here (always add an additional second to your total)
234 |                         redo();
235 |                     }
236 |                     function m(obj) {
237 |                         for (var i = 0; i < obj.length; i++) {
238 |                             if (obj.substring(i, i + 1) === ":")
239 |                                 break;
240 |                         }
241 |                         return (obj.substring(0, 1));
242 |                     }
243 | 
244 |                     function s(obj) {
245 |                         for (var i = 0; i < obj.length; i++) {
246 |                             if (obj.substring(i, i + 1) === ":") break
247 |                         }
248 |                         return (obj.substring(i + 1, obj.length));
249 |                     }
250 | 
251 |                     function dis(mins, secs) {
252 |                         var disp;
253 | 
254 |                         if (mins <= 9) { disp = "0"; }
255 |                         else {
256 |                             disp = " ";
257 |                         }
258 | 
259 |                         disp += mins + ":";
260 |                         if (secs <= 9) { disp += "0" + secs; }
261 |                         else { disp += secs; }
262 |                     }
263 |                     function redo() {
264 |                         secs -= 1;
265 |                         if (secs === -1) {
266 |                             secs = 59;
267 |                             mins -= 1
268 |                         };
269 | 
270 |                         if ((mins === 1) && (secs === 0)) {
271 |                             window.alert("Only 1 minute remains... \nSpeed Up");
272 |                         }
273 |                         document.getElementById("show").innerHTML = " " + mins + " min " + secs + " sec";
274 |                         if ((mins === 0) && (secs === 0)) {
275 |                             window.clearInterval(interval);
276 |                             window.alert("Time is up. Press OK to continue.");
277 |                             //window.location = "test-completed.php";
278 |                             document.getElementsByClassName("btn btn-primary subb")[0].click();
279 |                             console.log("submitted");
280 |                         }
281 |                     }
282 | 
283 | 
284 |                     // document.getElementById("show").innerHTML =  dis(mins,secs);
285 | 
286 |                     var numQuestions, navs;
287 |                     function init() {
288 |                         "redo()"
289 |                         cd();
290 |                         interval = window.setInterval(redo, 999);
291 |                         numQuestions = document.getElementsByClassName("qButton").length;
292 |                         navs = document.getElementsByClassName('navbutton');
293 |                         show(0);
294 |                     }
295 |                     window.onload = init;
296 |                     var currentQuestion = 0;
297 | 
298 | 
299 |                     document.getElementsByClassName("qPanel")[0].className += " active"; document.getElementsByClassName("qButton")[0].className += " current";
300 |                     function show(i) {
301 |                         document.getElementsByClassName("current")[0].className = "qButton";
302 |                         document.getElementsByClassName("active")[0].className = "qPanel";
303 |                         document.getElementsByClassName("qPanel")[i].className += " active";
304 |                         document.getElementsByClassName("qButton")[i].className += " current";
305 |                         navs[0].style.display = i === 0 ? 'none' : "";
306 |                         navs[1].style.display = i === numQuestions - 1 ? 'none' : "";
307 |                         currentQuestion = i;
308 |                     }
309 |                     function nav(offset) {
310 |                         var targetQuestion = currentQuestion + offset;
311 |                         if (targetQuestion >= 0 && targetQuestion < document.getElementsByClassName("qButton").length) { show(targetQuestion) };
312 |                     }
313 |                 </script>
314 | 
315 | 
316 | 
317 |                 <script type="text/javascript">
318 |                     $(function () {
319 |                         setTimeout(function () {
320 |                             $('input[name="submit button1"]').trigger('click');
321 |                         });
322 |                     });
323 | 
324 |                 </script>
325 | 
326 |             </div>
327 |         </div>
328 |     </div>
329 | 
330 | 
331 | </body>
332 | </html>
333 | 
334 | 
335 | 
336 | <!-- <!DOCTYPE html>
337 | <html lang="en">
338 | <head>
339 |     <meta charset="UTF-8">
340 |     <title>Student</title>
341 |     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.css">
342 | </head>
343 | 
344 | <body id="index-page">
345 |     <h1> Hello <?php echo $_SESSION["username"] ?>! </h1>
346 |     <h2> You're a <?php echo $_SESSION["user_type"] ?> </h2>
347 | 
348 | </body>
349 | </html> -->


--------------------------------------------------------------------------------
/views/take-exam.php:
--------------------------------------------------------------------------------
  1 | <!-- TODO: restrict anyhow movement  -->
  2 | 
  3 | <!-- TODO: Cache exam page with service workers  -->
  4 | 
  5 | 
  6 | <?php
  7 | session_start();
  8 | ini_set("display_errors", 1); // Display errors
  9 | 
 10 | // To setup database connection
 11 | require_once '../helpers/connect.php';
 12 | $username = $_SESSION["username"];
 13 | 
 14 | // Get exam id from url
 15 | $url_parts = parse_url($_SERVER['REQUEST_URI']);
 16 | parse_str($url_parts['query'], $url_query);
 17 | $examid = $url_query['examid'];
 18 | 
 19 | // Get details about the exam
 20 | $sql = "SELECT instruction, timeDuration, courseCode, courseTitle
 21 |     FROM Exam e, Course_Student cs, Course c
 22 |     WHERE cs.username='$username' and cs.courseId=e.courseId and e.examId='$examid' and c.courseId=e.courseId
 23 |     LIMIT 1
 24 |     ";
 25 | 
 26 | $queryResult = mysqli_query($conn, $sql);
 27 | if (mysqli_num_rows($queryResult) != 0) {
 28 |     mysqli_data_seek($queryResult, 0);
 29 |     $exam = mysqli_fetch_object($queryResult);
 30 | } else {
 31 |     // If there are no results, then the student shouldn't be taking the exam. Redirect.
 32 |     header("location: ../index.php");
 33 | }
 34 | 
 35 | // Get Questions
 36 | $sql = "
 37 |     SELECT *
 38 |     FROM Question q
 39 |     WHERE q.examId=$examid
 40 |     ";
 41 | $questionsResult = mysqli_query($conn, $sql);
 42 | ?>
 43 | 
 44 | 
 45 | 
 46 | 
 47 | 
 48 | 
 49 | 
 50 | 
 51 | 
 52 | <!DOCTYPE html>
 53 | <html lang="en">
 54 | 
 55 | <head>
 56 |     <meta charset="UTF-8">
 57 |     <meta name="viewport" content="width=device-width, initial-scale=1">
 58 |     <title>Admin</title>
 59 | 
 60 |     <link rel="stylesheet" href="../assets/css/take-exam.css">
 61 |     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css"
 62 |         integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
 63 | </head>
 64 | 
 65 | <body id="exam">
 66 |     <div class="wrapper">
 67 |         <!-- Sidebar and Navigation-->
 68 |         <nav id="sidebar">
 69 |             <div class="sidebar-header">
 70 |                 <h1> University <br> of <br> Lagos </h1>
 71 |             </div>
 72 | 
 73 |             <div class="timer">
 74 |                 <span class="duration">
 75 |                     <?php echo $exam->timeDuration; ?>
 76 |                 </span> remaining
 77 |             </div>
 78 | 
 79 | 
 80 |             <!-- TODO: Shuffle Question -->
 81 | 
 82 |             <ul class="question-no-list">
 83 |                 <!-- Loop through questions and count -->
 84 |                 <?php
 85 | $i = 1;
 86 | while ($i <= mysqli_num_rows($questionsResult)) {
 87 |     if ($i == 1) {
 88 |         echo "<li class='question-no active' data-questionNo='$i' onclick=showQuestion($i)> $i </li>";
 89 |     } else {
 90 |         echo "<li class='question-no' data-questionNo='$i' onclick=showQuestion($i)> $i </li>";
 91 |     }
 92 |     $i++;
 93 | }
 94 | ;
 95 | 
 96 | mysqli_data_seek($questionsResult, 0);
 97 | 
 98 | ?>
 99 |             </ul>
100 | 
101 |             <div class="submit text-center">
102 |                 <button class="btn btn-lg" form="examForm" onclick="return ConfirmSubmit()">
103 |                     Submit
104 |                 </button>
105 |             </div>
106 | 
107 |         </nav>
108 | 
109 | 
110 |         <!-- Main Content-->
111 |         <main>
112 |             <!-- Home Tab -->
113 |             <section class="tab instructions show" id="instructions">
114 | 
115 |                 <div class="tab-flex-cont">
116 | 
117 |                     <div class="tab-content">
118 |                         <p class="instruction"> <?php echo $exam->instruction; ?> </p>
119 |                         <p> Exam Duration:
120 |                             <span class="duration"> <?php echo $exam->timeDuration; ?> </span>
121 |                         </p>
122 |                         <button class="start-exam" onclick="showQuestion(1)"> Start <span> &#x25b6; </span> </button>
123 |                     </div>
124 | 
125 |                 </div>
126 | 
127 |             </section>
128 | 
129 |             <!-- Exams Tab  -->
130 |             <section class="tab questions" id="questions">
131 | 
132 |                 <div class="tab-flex-cont">
133 | 
134 |                     <div class="tab-content">
135 |                         <header>
136 |                             <div class="headings">
137 |                                 <h1> <?php echo $exam->courseCode; ?> </h1>
138 |                                 <h2> <?php echo $exam->courseTitle ?> </h2>
139 |                             </div>
140 |                             <div id="clockbox"></div>
141 |                         </header>
142 | 
143 | 
144 |                         <form method="POST" action="../controllers/submit-exam.php" id="examForm">
145 | 
146 |                             <?php
147 | $i = 0;
148 | 
149 | $questionsArr = array();
150 | while ($row = mysqli_fetch_array($questionsResult)) {
151 |     $questionsArr[] = $row;
152 | }
153 | $shuf = shuffle($questionsArr);
154 | 
155 | foreach ($questionsArr as $question) {
156 | 
157 |     $ques = $question['question'];
158 |     $quesId = $question['questionId'];
159 |     $option1 = $question['option1'];
160 |     $option2 = $question['option2'];
161 |     $option3 = $question['option3'];
162 |     $option4 = $question['option4'];
163 |     $option5 = $question['option5'];
164 |     $answer = $question['answer'];
165 | 
166 |     $i++;
167 |     ?>
168 | 
169 |                             <section class="question-cont">
170 |                                 <span> Q<?php echo $i ?>: </span>
171 |                                 <label class="question"> <?php echo stripcslashes($ques) ?> </label>
172 |                                 <section class="options-group">
173 |                                     <div class="form-check">
174 |                                         <label class="form-check-label">
175 |                                             <input type="radio" class="form-check-input"
176 |                                                 name="answer[<?php echo $quesId ?>]"
177 |                                                 value=' <?php echo stripcslashes($option1) ?> '> A:
178 |                                             <?php echo stripcslashes($option1); ?>
179 |                                         </label>
180 |                                     </div>
181 |                                     <div class="form-check">
182 |                                         <label class="form-check-label">
183 |                                             <input type="radio" class="form-check-input"
184 |                                                 name="answer[<?php echo $quesId ?>]" value=' <?php echo $option2 ?> '>
185 |                                             B:
186 |                                             <?php echo stripcslashes($option2) ?>
187 |                                         </label>
188 |                                     </div>
189 |                                     <div class="form-check">
190 |                                         <label class="form-check-label">
191 |                                             <input type="radio" class="form-check-input"
192 |                                                 name="answer[<?php echo $quesId ?>]" value=' <?php echo $option3 ?> '>
193 |                                             C:
194 |                                             <?php echo stripcslashes($option3) ?>
195 |                                         </label>
196 |                                     </div>
197 |                                     <div class="form-check">
198 |                                         <label class="form-check-label">
199 |                                             <input type="radio" class="form-check-input"
200 |                                                 name="answer[<?php echo $quesId ?>]" value=' <?php echo $option4 ?> '>
201 |                                             D:
202 |                                             <?php echo stripcslashes($option4) ?>
203 |                                         </label>
204 |                                     </div>
205 |                                     <div class="form-check">
206 |                                         <label class="form-check-label">
207 |                                             <input type="radio" class="form-check-input"
208 |                                                 name="answer[<?php echo $quesId ?>]" value=' <?php echo $option5 ?> '>
209 |                                             E:
210 |                                             <?php echo stripcslashes($option5) ?>
211 |                                         </label>
212 |                                     </div>
213 | 
214 |                                     <input type="hidden" name="correct_answer[<?php echo $quesId ?>]"
215 |                                         value='<?php echo $answer ?>' />
216 | 
217 |                                 </section>
218 |                             </section>
219 |                             <?php
220 | }
221 | ;
222 | ?>
223 |                             <input type="hidden" name="examId" value='<?php echo $examid ?>' />
224 |                             <input type="hidden" name="studentId" value='<?php echo $username ?>' />
225 |                             <input type="hidden" name="noOfQuestions" value='<?php echo $i ?>' />
226 |                             <input type="hidden" name="submitTime" />
227 | 
228 | 
229 |                             <section class="question-control">
230 |                                 <button type="button" class="btn" onclick="nav(-1)"> &laquo; Previous </button>
231 |                                 <button type="button" class="btn" onclick="nav(1)"> Next &raquo; </button>
232 | 
233 |                             </section>
234 | 
235 |                         </form>
236 | 
237 |                     </div>
238 | 
239 |                 </div>
240 | 
241 |             </section>
242 | 
243 |         </main>
244 | 
245 | 
246 | 
247 | 
248 | 
249 |     </div>
250 | 
251 |     <!-- jQuery CDN - Slim version (=without AJAX) -->
252 |     <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
253 |         integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous">
254 |     </script>
255 |     <!-- Bootstrap JS -->
256 |     <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"
257 |         integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous">
258 |     </script>
259 | 
260 | 
261 | 
262 |     <script>
263 |     let started = false;
264 |     var answers;
265 |     var inputs = document.querySelectorAll(".question-cont input[type='radio']");
266 |     var studentId = document.querySelector("input[name='studentId']").value;
267 |     var examId = document.querySelector("input[name='examId']").value;
268 |     var store = `exam-${studentId}-${examId}`;
269 |     var timeStore = `time-${studentId}-${examId}`;
270 | 
271 | 
272 |     // Define what happens when page loads
273 |     $(document).ready(function() {
274 |         $(".menu").on("click", function() {
275 |             $('#sidebar').toggleClass('active');
276 |             $('main').toggleClass('active');
277 |         })
278 | 
279 |         console.log("Loaded!");
280 |         // Check if the storage object exists
281 |         if (localStorage[store]) {
282 |             document.querySelector(".start-exam").innerHTML = "RESUME <span> &#x25b6; </span>";
283 |             restoreForm();
284 |         } else {
285 |             answers = new Array(inputs.length).fill(null);
286 |         }
287 | 
288 |     });
289 | 
290 | 
291 |     // Restore form values on resume
292 |     function restoreForm() {
293 |         var restoredAnswers = JSON.parse(localStorage.getItem(store));
294 |         answers = restoredAnswers;
295 | 
296 |         // Replace time with remaining time
297 |         timeLeft = localStorage.getItem(timeStore);
298 |         document.querySelector(".timer .duration").innerText = localStorage.getItem(timeStore);
299 |         document.querySelector(".instructions .duration").innerText = timeLeft;
300 |         duration = timeLeft;
301 |         splitDuration = duration.split(":");
302 |         durationHour = Number(splitDuration[0]);
303 |         durationMin = Number(splitDuration[1]);
304 |         durationSec = Number(splitDuration[2]);
305 | 
306 | 
307 |         var counter = 0;
308 | 
309 |         inputs.forEach((elem) => {
310 |             if (elem.type === "radio") {
311 |                 elem.checked = restoredAnswers[counter];
312 |                 counter++;
313 |             }
314 |         });
315 | 
316 |     }
317 | 
318 |     // Add event listener that updates storage on change
319 |     inputs.forEach((elem, index) => {
320 |         addEventListener('change', () => {
321 |             if (elem.type === "radio") {
322 |                 answers[index] = elem.checked;
323 |                 localStorage.setItem(store, JSON.stringify(answers));
324 |             }
325 | 
326 |         });
327 |     });
328 | 
329 |     // After clicking Start, remove Instructions
330 |     $(".start-exam").on("click", function(event) {
331 |         $(`.tab.instructions`).removeClass("show");
332 |         $(`.tab.questions`).addClass("show");
333 |         started = true;
334 |         countDown = window.setInterval(timer, 1001);
335 |     });
336 | 
337 | 
338 |     $("#sidebar li").on("click", function(event) {
339 | 
340 |         // After clicking any question number, remove exam instructions
341 |         if (started === false) {
342 |             $(`.tab.instructions`).removeClass("show");
343 |             $(`.tab.questions`).addClass("show");
344 |             started = true;
345 |             countDown = window.setInterval(timer, 1001);
346 |         };
347 | 
348 |     });
349 | 
350 |     let questionContainers = document.querySelectorAll(".question-cont");
351 |     let questionNavList = document.querySelectorAll(".question-no-list li");
352 |     let questionControls = document.querySelectorAll(".question-control .btn");
353 |     let currentQuestion = 0;
354 | 
355 | 
356 |     function showQuestion(i) {
357 |         questionContainers.forEach(elem => {
358 |             elem.classList.remove("show");
359 |         })
360 | 
361 |         questionNavList.forEach(elem => {
362 |             elem.classList.remove("active");
363 |         });
364 | 
365 |         questionContainers[i - 1].classList.add("show");
366 |         questionNavList[i - 1].classList.add("active");
367 | 
368 |         currentQuestion = i - 1;
369 | 
370 |         // Check boundaries of prev and next buttons
371 |         questionControls[0].disabled = (currentQuestion === 0) ? true : false;
372 |         questionControls[1].disabled = (currentQuestion >= questionNavList.length - 1) ? true : false;
373 |     }
374 | 
375 |     function nav(offset) {
376 |         if (currentQuestion + offset >= 0 && currentQuestion + offset < questionNavList.length) {
377 |             showQuestion(currentQuestion + offset + 1); // 1 is added to account for the -1 in showQuestion function
378 |         };
379 |     };
380 | 
381 |     let countDown;
382 |     let durationElem = document.querySelector(".timer .duration");
383 |     let duration = durationElem.innerText;
384 |     let splitDuration = duration.split(":");
385 |     let durationHour = Number(splitDuration[0]);
386 |     let durationMin = Number(splitDuration[1]);
387 |     let durationSec = Number(splitDuration[2]);
388 | 
389 | 
390 |     function timer() {
391 |         if (durationSec === 0) {
392 |             durationSec = 59;
393 |             if (durationMin === 0) {
394 |                 durationMin = 59
395 |                 durationHour--;
396 |             } else {
397 |                 durationMin--;
398 |             }
399 |         } else {
400 |             durationSec--;
401 |         }
402 | 
403 |         // Hours is only padded if its a single digit
404 |         duration = (String(durationHour).length < 2 ? padNo(durationHour, 2) : durationHour) + ":" + padNo(
405 |             durationMin, 2) + ":" + padNo(durationSec, 2);
406 |         durationElem.innerText = duration;
407 | 
408 |         localStorage.setItem(timeStore, duration);
409 |         localStorage.setItem(store, JSON.stringify(answers));
410 | 
411 | 
412 |         // Stop at 00:00:00
413 |         if (durationSec === 0 && durationMin === 0 && durationHour === 0) {
414 |             window.clearInterval(countDown);
415 | 
416 |             let submitTime = (new Date()).toISOString().slice(0, 19).replace('T', ' ');
417 |             document.querySelector('input[name="submitTime"').value = submitTime;
418 |             document.getElementById("examForm").submit();
419 |         }
420 |     }
421 | 
422 |     // Function to pad numbers
423 |     function padNo(num, size) {
424 |         numStr = String(num)
425 |         if (numStr.length < size) {
426 |             while (numStr.length < size) {
427 |                 numStr = "0" + numStr
428 |             }
429 |         }
430 |         return numStr;
431 |     }
432 | 
433 | 
434 |     function ConfirmSubmit() {
435 |         let submitTime = (new Date()).toISOString().slice(0, 19).replace('T', ' ');
436 |         document.querySelector('input[name="submitTime"]').value = submitTime;
437 | 
438 |         if (!confirm("Are you sure you want to submit?")) {
439 |             return false;
440 |         }
441 | 
442 |         // Clear local storage on submit
443 |         localStorage.removeItem(store);
444 |         localStorage.removeItem(timeStore);
445 |     }
446 | 
447 |     // TODO: Put this in a separate file
448 | 
449 |     var tday = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
450 |     var tmonth = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October",
451 |         "November", "December"
452 |     ];
453 | 
454 |     function GetClock() {
455 |         var d = new Date();
456 |         var nday = d.getDay(),
457 |             nmonth = d.getMonth(),
458 |             ndate = d.getDate(),
459 |             nyear = d.getFullYear();
460 |         var nhour = d.getHours(),
461 |             nmin = d.getMinutes(),
462 |             ap;
463 |         if (nhour == 0) {
464 |             ap = " AM";
465 |             nhour = 12;
466 |         } else if (nhour < 12) {
467 |             ap = " AM";
468 |         } else if (nhour == 12) {
469 |             ap = " PM";
470 |         } else if (nhour > 12) {
471 |             ap = " PM";
472 |             nhour -= 12;
473 |         }
474 | 
475 |         if (nmin <= 9) nmin = "0" + nmin;
476 | 
477 |         var clocktext = "" + tday[nday] + ", <br> " + tmonth[nmonth] + " " + ndate + ", " + nyear + " <br> " +
478 |             nhour + ":" + nmin + ap + "";
479 |         document.getElementById('clockbox').innerHTML = clocktext;
480 |     }
481 | 
482 |     GetClock();
483 |     setInterval(GetClock, 1000);
484 |     </script>
485 |     </div>
486 | </body>
487 | 
488 | </html>


--------------------------------------------------------------------------------
/views/test.php:
--------------------------------------------------------------------------------
 1 | <?php 
 2 | ini_set('display_errors', 1);
 3 | 
 4 | $link = mysqli_connect("127.0.0.1", "pmauser", "password", "CBE");
 5 | 
 6 | if(!$link){
 7 |     die("Connection failed: " .mysqli_connect_error());
 8 | }
 9 | 
10 | $query = "SELECT User.id, User.username, start_exam.course, start_exam.category, start_exam.exam_tag, start_exam.exam_duration, start_exam.question_limit
11 | FROM User, start_exam
12 | WHERE User.username = '15040850' AND User.user_type = 'student'
13 | ORDER BY User.id DESC LIMIT 1";
14 | 
15 | $users = mysqli_query($link, $query);
16 | 
17 | 
18 | $usersArr=mysqli_fetch_array($users);
19 | $etexamtag = $usersArr['exam_tag'];
20 | $etques = $usersArr['question_limit'];
21 | 
22 | 
23 | $select = mysqli_query($link, "SELECT * 
24 | FROM ".$usersArr['course']."_".$usersArr['category']." 
25 | WHERE exam_tag='$etexamtag' 
26 | LIMIT ".$usersArr['question_limit']."");
27 | 
28 | 
29 | while ($row = mysqli_fetch_array($select)){
30 |     echo $row["question"];
31 | }
32 | 
33 | 
34 | if($link){
35 |     echo " \n \n I workedddd";
36 | }
37 | 
38 | ?>
39 | 
40 | <html> 
41 | <body> 
42 | <?php 
43 | 
44 | ?>
45 | 
46 | </body>
47 | 
48 | 
49 | </html>
50 | 


--------------------------------------------------------------------------------