Min-K-99 · AlexYu84 · Jun 4, 2022
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1 @@
+node_modules
diff --git a/contact.js b/contact.js
@@ -2,6 +2,7 @@ module.exports = function(){
     var express = require('express');
     var router = express.Router();
 
+    // This fetches the info from the database
     function getContact (res, mysql, context, complete) {
         let results = mysql.pool.query("SELECT * FROM contact", function(error, results, fields) {
             if(error) {
@@ -13,9 +14,11 @@ module.exports = function(){
         });
     }
 
+    // This displays the database info
     router.get('/', function(req, res) {
         var callbackCount = 0;
         var context = {};
+        context.jsscript = ["deletePerson.js"];
         // context.jsscripts = ["delete.js", "filter.js", "search.js"];
         var mysql = req.app.get('mysql');
         getContact(res, mysql, context, complete);
@@ -24,5 +27,22 @@ module.exports = function(){
             res.render('contact', {"contact": context.contacts});
         }
     });
+
+    router.delete('/:id', function(req, res){
+        var mysql = req.app.get('mysql');
+        var sql = "DELETE FROM contact WHERE ID = ?";
+        var inserts = [req.params.id];
+        sql = mysql.pool.query(sql, inserts, function(error, results, fields){
+            if(error){
+                res.write(JSON.stringify(error));
+                res.status(400);
+                res.end();
+            }
+            else{
+                res.status(202).end();
+            }
+        })
+    })
+
     return router;
 } ();
diff --git a/deletePerson.js b/deletePerson.js
@@ -0,0 +1,10 @@
+function deleteperson(id){
+    console.log(`here ${id}`)
+    $.ajax({
+        url: '/contact/' + id,
+        type: 'DELETE',
+        success: function(results){
+            window.location.reload(true);
+        }
+    })
+};
diff --git a/main.js b/main.js
@@ -45,7 +45,7 @@ app.get('/branch/', function(req, res){
 // app.get('/contact/', function(req, res){
 //   let data = [{'contact_id': 1, 'fst_name': 'Tun', 'lst_name': 'Thaung', 'sex': 'male', 'dob': '2001-05-29', 'phone_number': '1231231234', 'address': 'somewhere in the US', 'email': '@oregonstate.edu', 'bid': '1'}]
 //   res.status(200).render("contact", {
-//     tableData: data
+//     contact: data
 //   })
 // })
 

diff --git a/views/contact.handlebars b/views/contact.handlebars
@@ -32,6 +32,9 @@
                     <td>{{address}}</td>
                     <td>{{email}}</td>
                     <td>{{bid}}</td>
+                    <td>
+                        <button onclick="deletePerson({{contact_id}})">Delete</button> 
+                    </td>
                 </tr>
                 {{/each}}
             </tbody>

diff --git a/views/layouts/main.handlebars b/views/layouts/main.handlebars
@@ -15,6 +15,7 @@
     {{#each jsscripts}}
     <script src="/static/{{this}}"></script>
     {{/each}}
+    <script src="./deletePerson.js"></script>
 </head>
 <body>