chore: Change Assignment Viewing and Wireframe

app/models/application.php

@@ -26,14 +26,15 @@ class Application{
 
                     $user_id_student = $response->return[$i]->user_id_student;
                     $user_id_scholarship = $response->return[$i]->user_id_scholarship;
-                    $scholarship_id = $response->return[$i]->scholarship_id_php;
+                    $scholarship_id_php = $response->return[$i]->scholarship_id_php;
+                    $scholarship_id_rest = $response->return[$i]->scholarship_id_rest;
                     $status = $response->return[$i]->status;
 
-                    $query = "SELECT ? as user_id_student, user_id as user_id_scholarship, scholarship_id, title, description, coverage, ? as status FROM scholarship WHERE user_id = ? AND scholarship_id = ?";
+                    $query = "SELECT ? as user_id_student, user_id as user_id_scholarship, scholarship_id as scholarship_id_php, ? as scholarship_id_rest, title, description, coverage, ? as status FROM scholarship WHERE user_id = ? AND scholarship_id = ?";
 
                     $stmt = $this->db->setSTMT($query);
 
-                    mysqli_stmt_bind_param($stmt, "isii", $user_id_student, $status, $user_id_scholarship, $scholarship_id);
+                    mysqli_stmt_bind_param($stmt, "iisii", $user_id_student, $scholarship_id_rest, $status, $user_id_scholarship, $scholarship_id_php);
 
                     mysqli_stmt_execute($stmt);
 
@@ -49,13 +50,14 @@ class Application{
 
                 $user_id_student = $returnElement->user_id_student;
                 $user_id_scholarship = $returnElement->user_id_scholarship;
-                $scholarship_id = $returnElement->scholarship_id_php;
+                $scholarship_id_php = $returnElement->scholarship_id_php;
+                $scholarship_id_rest = $returnElement->scholarship_id_rest;
                 $status = $returnElement->status;
 
-                $query = "SELECT ? as user_id_student, user_id as user_id_scholarship, scholarship_id, title, description, coverage, ? as status FROM scholarship WHERE user_id = ? AND scholarship_id = ?";
+                $query = "SELECT ? as user_id_student, user_id as user_id_scholarship, scholarship_id as scholarship_id_php, title, description, coverage, ? as scholarship_id_rest, ? as status FROM scholarship WHERE user_id = ? AND scholarship_id = ?";
                 $stmt = $this->db->setSTMT($query);
 
-                mysqli_stmt_bind_param($stmt, "isii", $user_id_student, $status, $user_id_scholarship, $scholarship_id);
+                mysqli_stmt_bind_param($stmt, "iisii", $user_id_student, $scholarship_id_rest, $status, $user_id_scholarship, $scholarship_id_php);
                 mysqli_stmt_execute($stmt);
 
                 $result = mysqli_stmt_get_result($stmt);

app/views/assignments/index.php

@@ -9,6 +9,6 @@
 </div>
 
 <script>
-    const assignmentsData = <?php echo $data['assignments'];?>
+    const sid = <?php echo $_GET['sid'];?>
 </script>
 <script src="/public/js/assignments.js"></script>
\ No newline at end of file

app/views/assignments/submit.php

 <div class="add-document">
-    <h1>Assignment Submission</h1>
+    <h1 id="assignment_name"></h1>
+    <p id="description"></p>
     <div class="form">
         <form action="javascript:;" onsubmit="return submitForm()" enctype="multipart/form-data">
             <div class="input-container">
@@ -12,4 +13,10 @@
             </div>
         </form>
     </div>
-</div>
\ No newline at end of file
+</div>
+
+<script>
+    var sid = <?php echo $_GET['sid'];?>;
+    var aid = <?php echo $_GET['aid'];?>;
+</script>
+<script src="/public/js/submit.js"></script>
\ No newline at end of file

app/views/navbar/index.php

@@ -19,13 +19,7 @@
                     <li><a href="/dashboard">Dashboard</a></li>
                     <li><a href="/scholarships">Scholarships</a></li>
                     <li><a href="/bookmarks">Bookmarks</a></li>
-                    <div class="dropdown">
-                        <a class="dropdownHead">Applications<span class="arrow-down-nav"></span></a>
-                        <div class="dropdown-content">
-                            <a href="/applications">Scholarship Applications</a>
-                            <a href="/assignments">Assignments</a>
-                        </div>
-                    </div>
+                    <li><a href="/applications">Applications</a></li>
                     <div class="dropdown">
                         <a class="dropdownHead">Document Preparation<span class="arrow-down-nav"></span></a>
                         <div class="dropdown-content">

public/js/applications.js

@@ -20,7 +20,7 @@ const getApplications = () => {
                         <td class="comment">${element.description}</td>
                         <td class="comment">$${element.coverage.toLocaleString("id-ID")}</td>
                         <td class="comment">${element.status}</td>
-                        ${element.status == 'accepted' ? '<td class="comment"><button class="button-style" onclick="">View Assignments</button></td>' : ''}
+                        <td class="comment"><button class="button-style" onclick="viewAssignments(${element.scholarship_id_rest})">View Assignments</button></td>
                     </tr>`
                     // To-Do: Create a Function to move to /assignments. Pass along the user_id_student, user_id_scholarship, and scholarship_id
                     scholarshipsTableBody.innerHTML += row;
@@ -37,4 +37,8 @@ const getApplications = () => {
     xhr.send()
 }
 
+const viewAssignments = (sid) => {
+    window.location.href=`/assignments?sid=${sid}`
+}
+
 document.addEventListener("DOMContentLoaded", getApplications);
\ No newline at end of file

public/js/assignments.js

@@ -6,7 +6,7 @@ function renderAssignments(){
     const element = document.getElementById("content");
 
     const xhr = new XMLHttpRequest();
-    xhr.open("GET", "http://localhost:5000/api/assignment")
+    xhr.open("GET", `http://localhost:5000/api/assignment/${sid}`)
 
     xhr.onload = () => {
         const res = JSON.parse(xhr.response);
@@ -14,23 +14,18 @@ function renderAssignments(){
         console.log(res.data);
         element.innerHTML = '';
         if (res.status === 'success') {
-            assignmentsData.forEach((assignmentData) => {
-                /* For elements in the assignmentsData, match the id on res.data */
-                console.log(assignmentData.scholarship_id_rest)
-                const matchingAssignment = res.data.find((assignment) => assignment.scholarship_id === assignmentData.scholarship_id_rest);
-
-                if(matchingAssignment){
+            if(res.data.length === 0){
+                element.innerHTML = "No Assignments Found";
+            }else{
+                res.data.forEach(el => {
                     element.innerHTML += `
                     <div class="box">   
-                        <h2 class="name">${matchingAssignment.assignment_name} - ${matchingAssignment.scholarship_name}</h2>
-                        <div class="attribute">Description: ${matchingAssignment.assignment_description}</div>
-                        <button class="btn btn-primary" onclick="openAssignment(${matchingAssignment.scholarship_id}, ${matchingAssignment.assignment_id})">Submit</button>
+                        <h2 class="name">${el.assignment_name}</h2>
+                        <button class="btn btn-primary" onclick="openAssignment(${el.scholarship_id}, ${el.assignment_id})">Submit</button>
                     </div>
                     `;
-                }
-            })
-            // element.innerHTML = "";
-
+                });
+            }
         } else {
             alertModal.style.display = "block";
         }

public/js/submit.js

+const render = () => {
+    const xhr = new XMLHttpRequest();
+    xhr.open("GET", `http://localhost:5000/api/assignment/${sid}/${aid}`)
+
+    xhr.onload = () => {
+        const res = JSON.parse(xhr.response);
+        console.log(res.data);
+
+        if (res.status === 'success') {
+
+            title.innerHTML = res.data.assignment_name
+            description.innerHTML = res.data.assignment_description
+
+        }
+    }
+
+    xhr.send()
+}
+const title = document.getElementById("assignment_name");
+const description = document.getElementById("description");
+
+document.addEventListener("DOMContentLoaded", render);
\ No newline at end of file