save wip

app.py

@@ -492,19 +492,36 @@ def like_message_api(message_id):
     Returns: {message: {id, text, user_id }}
     """
 
-    # TODO: refactor this
+    is_msg_liked = False
 
-    # if not g.user:
-    #     flash("Access unauthorized.", "danger")
-    #     return redirect("/")
+    if not g.user:
+        flash("Access unauthorized.", "danger")
+        return redirect("/")
 
     message = Message.query.get_or_404(message_id)
 
-    # if message.user == g.user:
-    #     flash("You cannot like your own warble.", "danger")
-    #     return redirect("/")
+    if message.user == g.user:
+        flash("You cannot like your own warble.", "danger")
+        return redirect("/")
+
+    form = g.csrf_form
+
+    breakpoint()
+
+
+    if form.validate_on_submit():
+        if message in g.user.liked_messages:
+            g.user.liked_messages.remove(message)
+        else:
+            g.user.liked_messages.append(message)
+            is_msg_liked = True
+
+        db.session.commit()
 
     serialized = message.serialize()
+    serialized["is_liked"] = is_msg_liked
+
+
     print(g.user)
 
     # if serialized['is_liked_status'] is True:

static/js/warbles.js

@@ -1,32 +1,27 @@
-async function createCupcake() {
+"use strict";
 
-  const flavor = $form.find("#flavor").val();
-  const size = $form.find("#size").val();
-  const image = $form.find("#image").val();
-  const rating = $form.find("#rating").val();
+const PORT = 5000;
+const BASE_URL = `http://127.0.0.1:${PORT}/`;
 
-  // TODO: Validate form on backend
+const $likeMsgForms = $("form[data-msg-id]");
+
+async function likeWarble(message_id) {
 
   const response = await axios({
-      url: `${BASE_URL}/api/cupcakes`,
+      url: `${BASE_URL}/api/messages/${message_id}/like`,
       method: "POST",
-      data: {
-          flavor,
-          size,
-          image,
-          rating
-      }
   });
 
-  const data = response.data.cupcake;
-  appendToList(data);
+  console.log(response.data.message);
+  // appendToList(data);
 
-  $form.trigger("reset");
+  // $form.trigger("reset");
 }
 
 /** Submit form and display newly added cupcake */
 
-$form.on("submit", function (e) {
+$likeMsgForms.on("submit", function (e) {
   e.preventDefault();
-  createCupcake();
-});
+  const msgId = e.target.dataset.msgId
+  const resp = likeWarble(msgId);
+})

templates/base.html

@@ -82,5 +82,6 @@
 
   <script src="https://unpkg.com/jquery"></script>
   <script src="https://unpkg.com/axios/dist/axios.js"></script>
+  <script src="/static/js/warbles.js"></script>
 </body>
 </html>

templates/messages/like_button.html

@@ -1,4 +1,5 @@
 <form
+  data-msg-id="{{ message.id }}"
   style='z-index:500'
   method="POST"
   action="/messages/{{ message.id }}/like">