Added admin cpanel functionality, added serverCallback in parameters for some database queries.

2 files changed, 53 insertions, 0 deletions

diff --git a/assets/css/style.css b/assets/css/style.css
index eba03be..7b1538c 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -451,3 +451,11 @@ section.exam-info em {
 	background: #80cca0;
 	padding: 5px;
 }
+/** Admin C-Panel **/
+.cpnl-details{
+    text-align: left;
+}
+
+.cpnl-container{
+    padding: 4%;
+}
\ No newline at end of file
diff --git a/assets/js/script.js b/assets/js/script.js
index e752f0c..59fb358 100644
--- a/assets/js/script.js
+++ b/assets/js/script.js
@@ -49,6 +49,51 @@ function main(){
         }
     });
 
+    // *********  Admin Panel Scripts *********** //
+    var adminOptions = [
+        $("#cpnl-addExam"),
+        $("#cpnl-addCourse"),
+        $("#cpnl-removeExam"),
+        $("#cpnl-removeCourse"),
+        $("#cpnl-removeUser")];
+
+    function hideCpnlPages(){
+        adminOptions.forEach(function(item){
+            item.hide();
+        });
+    }
+
+    hideCpnlPages();
+
+    // Show General page
+    adminOptions[0].show();
+    $('.cpnl-page').bind('click', function(e){
+
+        e.preventDefault();
+        hideCpnlPages();
+
+        /* Each case will need to be changed to call a handler for fetching data
+         * from server*/
+        switch($(this).text()) {
+            case "Add Exam":
+                $("#cpnl-addExam").show();
+                break;
+            case "Add Course":
+                $("#cpnl-addCourse").show();
+                break;
+            case "Remove Exam":
+                $("#cpnl-removeExam").show();
+                break;
+            case "Remove Course":
+                $("#cpnl-removeCourse").show();
+                break;
+            case "Remove User":
+                $("#cpnl-removeUser").show();
+                break;
+            default:
+                console.log("Error: User page not found");
+        }
+    });
 
 
     // --- nav scripts ---