Added Student page, renamed login.html to index.html to host the site…

… on github, removed some features Removed the announcement page, loadpost.js file and the JSON data folder.
BarokDG · Feb 26, 2021 · 9c3b216 · 9c3b216
1 parent 37d766a
commit 9c3b216
Show file tree

Hide file tree

Showing 11 changed files with 261 additions and 283 deletions.
diff --git a/admin.html b/admin.html
@@ -45,7 +45,6 @@ <h3 class="heading">AAIT Clearance System</h3>
             <a href="./dash.html"><button class="active"><i class="fas fa-tachometer-slowest"></i>Dashboard</button></a>
             <a href="./loan.html"><button><i class="fas fa-books"></i>Students</button></a>
             <a href=""><button><i class="fas fa-info-circle"></i>How To Use</button></a>
-            <a href="./announcements.html"><button><i class="fas fa-bell"></i>Announcements</button></a>
             <a href="./login.html"><button><i class="fas fa-sign-out-alt"></i>Log out</button></a>
         </div>
 
@@ -57,7 +56,6 @@ <h3 class="heading my-5">AAIT Clearance System</h3>
                         class="fas fa-tachometer-slowest fa-2x"></i>Dashboard</button></a>
             <a href="./loan.html"><button class="side-button"><i class="fas fa-books fa-2x"></i>Students</button></a>
             <a href=""><button class="side-button"><i class="fas fa-info-circle fa-2x"></i>How To Use</button></a>
-            <a href="./announcements.html"><button class="side-button"><i class="fas fa-bell fa-2x"></i>Announcements</button></a>
             <a href="./login.html"><button class="side-button"><i class="fas fa-sign-out-alt fa-2x"></i>Log out</button></a>
 
         </div>
@@ -86,34 +84,34 @@ <h3 class="heading my-5">AAIT Clearance System</h3>
                     <div class="col">
                         <div class="row">
                             <div class="col-lg-3">
-                                <div class="card">
+                                <div class="card adminCard">
                                     <div class="card-body">
-                                        <p class="card-title">Total number of Students</p>
+                                        <p class="card-title adminTitle">Total number of Students</p>
                                         <p class="stat-value">4000 <i class="fas fa-graduation-cap"></i></p>
                                     </div>
                                 </div>
                             </div>
                             <div class="col-lg-3">
-                                <div class="card">
+                                <div class="card adminCard">
                                     <div class="card-body">
-                                        <p class="card-title">Gender Ratio (Males/Females)</p>
+                                        <p class="card-title adminTitle">Gender Ratio (Males/Females)</p>
                                         <p class="stat-value">1.5 <i class="fa fa-venus-mars"></i></p>
                                         <!-- <div id="statusbar"></div> -->
                                     </div>
                                 </div>
                             </div>
                             <div class="col-lg-3">
-                                <div class="card">
+                                <div class="card adminCard">
                                     <div class="card-body">
-                                        <p class="card-title">Number of students cleared</p>
+                                        <p class="card-title adminTitle">Number of students cleared</p>
                                         <p class="stat-value">1200 <i class="fas fa-check"></i></p>
                                     </div>
                                 </div>
                             </div>
                             <div class="col-lg-3">
-                                <div class="card">
+                                <div class="card adminCard">
                                     <div class="card-body">
-                                        <p class="card-title">Number of students uncleared</p>
+                                        <p class="card-title adminTitle">Number of students uncleared</p>
                                         <p class="stat-value">2800 <i class="fas fa-user-clock"></i></p>
                                     </div>
                                 </div>

diff --git a/announcements.html b/announcements.html
diff --git a/assets/css/styles.css b/assets/css/styles.css
@@ -105,12 +105,12 @@ i {
     max-width: 350px;
 }
 
-.card {
+.card.adminCard {
     border: 1px solid red;
     height: 8rem;
 }
 
-.card-title {
+.card-title.adminTitle {
     color: #757575;
     font-size: 1rem;
     width: 9rem;
@@ -143,46 +143,26 @@ p>i {
     background-color: #FFD600;
 }
 
-.fa-user-clock {
+.stat-value .fa-user-clock {
     background-color: #11CDEF;
 }
 
 #radial_bar {
     background-color: white;
 }
 
-
-/* Message box */
-#messages {
-    background-color: white;
-    border: none;
-    height: 20rem !important;
-    overflow-y: auto;
+/* Student Dashboard */
+.progress {
+    width: 75%;
 }
 
-#messages > .row > div {
-    -webkit-line-clamp: 3;
-    -webkit-box-orient: vertical;
-
-    display: -webkit-box;
-    margin-top: .5rem;
-    overflow: hidden;
-    text-overflow: ellipsis;
-}
-
-#messages > .row > div:hover {
-    position: relative;
-    bottom: 5px;
-}
-
-#messages > .row > div:first-child {
-    font-size: 1.2rem;
+.progress p {
+    left: 45%;
+    position: absolute;
+    top: 50%;
+    z-index: 10;
 }
 
-/* .statusbar {
-    
-} */
-
 /* Loan Page */
 /* Search bar inside the main container */
 /* Search bar */
@@ -208,6 +188,13 @@ p>i {
     background: linear-gradient(to left, #8e2de2, #4a00e0);
 }
 
+.delete-button {
+    border: none;
+    color: red;
+    margin: 10px auto;
+    outline: none !important;
+}
+
 /* Navbar */
 nav {
     border-bottom: 1px solid #cdcdcd;
@@ -263,16 +250,6 @@ tr {
 }
 
 
-/* Annoucnements Page */
-textarea{
-    border: thin solid;
-    border-radius: 5%;
-    height: 80vh;
-    outline: none;
-    width: 100%;
-}
-
-
 /* Responsiveness */
 @media screen and (max-width: 1000px) {
     #grid-container {
@@ -368,6 +345,10 @@ textarea{
     .navbar-brand {
         display: block;
     }
+
+    .progress {
+        width: 100%;
+    }
 }
 
 @media screen and (max-width: 450px) {

diff --git a/assets/js/loadposts.js b/assets/js/loadposts.js
diff --git a/assets/js/login.js b/assets/js/login.js
@@ -152,10 +152,10 @@ onload = function (){
         // Admin can add new staff here
             let newRecord = {
 
-                'firstName' : 'Keke',
+                'firstName' : 'A',
                 'lastName' : 'B',
                 // studentId must be unique
-                'studentId' : 'TT/99/00',
+                'studentId' : 'TT/99/01',
                 'phone' : 0911445566,
             };
             transaction = db.transaction(['studentOS'], 'readwrite');

diff --git a/assets/js/transactions.js b/assets/js/transactions.js
@@ -157,6 +157,8 @@ function displayTransactions(){
             tableRow.setAttribute('data-note-id', cursor.value.studentId);
                 // delete
                 const del = document.createElement('Button')
+
+                del.classList.add('delete-button');
 
                 tableRow.appendChild(del);
                 del.innerHTML = '<i class="fas fa-trash-alt"></i>'

diff --git a/assets/jsonData/messages.json b/assets/jsonData/messages.json