catch up on enabling blog APIs in client

frontend/src/pages/public/Blogs.vue

@@ -1,9 +1,14 @@
 <template>
   <div v-if="blogs" class="blogs_containter">
-    <div class="blog_containter" v-for="(blog, index) in blogs" :key="index" @click="view_blog(blog)">
+    <div
+      class="blog_containter"
+      v-for="(blog, index) in blogs"
+      :key="index"
+      @click="view_blog(blog)"
+    >
       <h2>{{ blog.blog_name }}</h2>
-      <img :src="blog.cover_picture">
+      <img :src="blog.cover_picture" />
-      <p v-text="retrieve_summary(blog)"> </p>
+      <p v-text="retrieve_summary(blog)"></p>
     </div>
   </div>
 </template>
@@ -30,7 +35,7 @@ export default {
       this.mnx_navToContentViewer(blog.content_id)
     },
     retrieve_summary(blog) {
-      return mediaDataHandler.retrieveText(blog.summary_text);
+      return mediaDataHandler.retrieveText(blog.summary_text)
     }
   },
   data() {
@@ -38,7 +43,6 @@ export default {
       blogs: null
     }
   }
-
 }
 </script>
 <style scoped lang="scss">

frontend/src/pages/public/ContentViewer.vue

@@ -4,7 +4,7 @@
 <script>
 import { pdfjsLib } from '../../plugins/index'
 import { ContentApi, mediaDataHandler } from '../../utils/index'
-import { Buffer } from 'buffer';
+import { Buffer } from 'buffer'
 export default {
   name: 'ContentViewer',
   props: {
@@ -23,20 +23,22 @@ export default {
       ContentApi.retrieve_blog_content(this.content_id)
         .then((response) => {
           this.content_media_data = response.data
-                    var loadingTask = pdfjsLib.getDocument({ data: Buffer.from(this.content_media_data, 'base64') })
+          var loadingTask = pdfjsLib.getDocument({
-                    loadingTask.promise.then(function(pdf) {
+            data: Buffer.from(this.content_media_data, 'base64')
+          })
+          loadingTask.promise.then(function (pdf) {
             //
             // Fetch the first page
             //
-                        pdf.getPage(1).then(function(page) {
+            pdf.getPage(1).then(function (page) {
               //rendering
-                        });
+            })
-                    });
+          })
         })
         .catch((error) => {
           this.mnx_backendErrorHandler(error)
         })
-        },
+    }
   },
   data() {
     return {
@@ -45,4 +47,3 @@ export default {
   }
 }
 </script>
-  

frontend/src/pages/user/requests/Propose.vue

@@ -291,7 +291,6 @@ export default {
       if (this.uploadFile) {
         DocumentApi.upload(this.uploadFile)
           .then((response) => {
-            console.log(response.data.document_id)
             return RequestHubApi.makeProposalForRequest(
               this.requestId,
               this.proposal.content,

frontend/src/utils/backend/content.js

@@ -1,14 +1,7 @@
 import { backendAxios } from './axios'
 class ContentApi {
   static retrieve_blogs() {
-    const request = backendAxios.post(
+    const request = backendAxios.post('/api/content/retrieve-blogs', {}, {})
-      '/api/content/retrieve-blogs',
-      {
-      },
-      {
-
-      }
-    )
     return request
   }
   static retrieve_blog_content(document_id) {
@@ -17,9 +10,7 @@ class ContentApi {
       {
         document_id: document_id
       },
-      {
+      {}
-
-      }
     )
     return request
   }

frontend/src/utils/html/mediaData.js

@@ -1,14 +1,12 @@
 class MediaDataHandler {
   retrieveText(mediaData) {
-        let prefix = "data:text/plain;base64,"
+    let prefix = 'data:text/plain;base64,'
-        let pos = mediaData.search(prefix);
+    let pos = mediaData.search(prefix)
-        if (pos < 0) return "";
+    if (pos < 0) return ''
     return atob(mediaData.substring(pos + prefix.length))
   }
 }
 
-
-
 const mediaDataHandler = new MediaDataHandler()
 
 export { mediaDataHandler }