saves comment, now to figure out how to get them to link up to the article.

Author: corey-mitchell

models/Comment.js

@@ -6,8 +6,10 @@ const Schema = mongoose.Schema;
 
 // Create a new Comment Schema
 const CommentSchema = new Schema({
-    title: String,
-    body: String
+    body: {
+        type: String,
+        required: true
+    }
 });
 
 // Creates model from the above Schema

public/assets/javascript/app.js

@@ -72,8 +72,8 @@ $(document).ready(()=>{
             $("<h4>").text(`Notes For Article: ${currentArticle}`),
             $("<hr>"),
             $("<ul class='list-group comment-container'>"),
-            $("<textarea placeholder='New Note' rows='4' cols='60'>"),
-            $("<button class='btn btn-success saveComment'>Save Comment</button>")
+            $("<textarea id='text' placeholder='New Note' rows='4' cols='60'>"),
+            $(`<button class='btn btn-success saveComment' data-id=${currentArticle}>Save Comment</button>`)
         );
 
         // Opens modal with above html
@@ -90,17 +90,31 @@ $(document).ready(()=>{
 
         // Adding some information about the article and article notes to the save button for easy access
         // When trying to add a new note
-        // $(".btn.save").data("article", noteData);
+        $(".btn.save").data("article", commentData);
         // renderNotesList will populate the actual note HTML inside of the modal we just created/opened
-        // renderNotesList(noteData);
+        renderNotesList(commentData);
         });
 
     });
 
     // Handles save comment button
-    $(document).on('click', '.saveComment', ()=>{
-        console.log('button clicked');
-    })
+    $(document).on('click', '.saveComment', function() {
+        // Targets article id
+        const currentArticle = $(this)
+            .data('id');
+
+        // Targets textarea text
+        const body = $("#text").val().trim();
+
+        // console.log(currentArticle, text);
+
+        $.ajax(`/articles/${currentArticle}`, {
+            type: "POST",
+            data: {body}
+        }).then((data)=>{
+            // console.log(data);    
+        });
+    });
 
 
 
@@ -110,7 +124,7 @@ $(document).ready(()=>{
         // Setting up an array of notes to render after finished
         // Also setting up a currentNote constiable to temporarily store each note
         let notesToRender = [];
-       let currentNote;
+        let currentNote;
         if (!data.notes.length) {
           // If we have no notes, just display a message explaining this
           currentNote = $("<li class='list-group-item'>No notes for this article yet.</li>");

server.js

@@ -206,6 +206,7 @@ app.get('/articles/:id', (req, res)=>{
 
 // Route for saving/updating Article's associated comments
 app.post('/articles/:id', (req, res)=>{
+    // console.log(req.body);
     db.Comment.create(req.body)
         .then((dbComment)=>{
             // If a Note was created successfully, find one Article with an `_id` equal to `req.params.id`.

views/saved.handlebars

@@ -67,7 +67,7 @@
 
 {{!-- Modal --}}
 <div class="modal fade" id="commentModal" tabindex="-1" role="dialog" aria-labelledby="commentModal" aria-hidden="true">
-    <div class='container-fluid text-center'></div>
+    <div class='container-fluid text-center' data-id="{{id}}"></div>
     {{!-- <div class="modal-dialog" role="document">
         <div class="modal-content">
             <div class="modal-header">