implement comment attachment post

src/services/feature-api.js

@@ -22,31 +22,36 @@ const featureAPI = {
     const response = await axios.post(
       `${baseUrl}features/${featureId}/comments/`, { comment }
     );
-    console.log(response)
     if (
       response.status === 200 &&
       response.data
     ) {
-      return response.data;
+      return response;
     } else {
       return null;
     }
   },
 
-  /* async subscribeProject({ projectSlug, suscribe }) {
-    const response = await axios.put(
-      `${baseUrl}projects/${projectSlug}/subscription/`,
-      { is_suscriber: suscribe }
+  async postCommentAttachment({ featureId, file, fileName, comment }) {
+    let formdata = new FormData();
+    formdata.append("file", file, fileName);
+    const data = {
+      comment
+    }
+    formdata.append("data", JSON.stringify(data));
+
+    const response = await axios.post(
+      `${baseUrl}features/${featureId}/attachments/`, formdata
     );
     if (
       response.status === 200 &&
       response.data
     ) {
-      return response.data;
+      return response;
     } else {
       return null;
     }
-  }, */
+  },
 }
 
 export default featureAPI;

src/views/feature/Feature_detail.vue

@@ -411,6 +411,7 @@ export default {
         attachment_file: {
           errors: null,
           value: null,
+          file: null,
         },
         title: {
           id_for_label: "title",
@@ -452,10 +453,21 @@ export default {
 
   methods: {
     postComment() {
-      featureAPI.postComment({
-        featureId: this.$route.params.slug_signal,
-        comment: this.comment_form.comment.value,
-      });
+      featureAPI
+        .postComment({
+          featureId: this.$route.params.slug_signal,
+          comment: this.comment_form.comment.value,
+        })
+        .then((response) => {
+          if (response && this.comment_form.attachment_file.file) {
+            featureAPI.postCommentAttachment({
+              featureId: this.$route.params.slug_signal,
+              file: this.comment_form.attachment_file.file,
+              fileName: this.comment_form.title.file,
+              comment: response.data.id,
+            });
+          }
+        });
     },
 
     getAttachmentFileData(evt) {
@@ -464,6 +476,7 @@ export default {
       const fileName = files[0].name.substring(0, period);
       const fileExtension = files[0].name.substring(period + 1);
       const shortName = fileName.slice(0, 10) + "[...]." + fileExtension;
+      this.comment_form.attachment_file.file = files[0];
       this.comment_form.attachment_file.value = shortName;
       this.comment_form.title.value = shortName;
     },