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">
-      <p v-text="retrieve_summary(blog)"> </p>
+      <img :src="blog.cover_picture" />
+      <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">
@@ -50,4 +54,4 @@ export default {
   @extend .container;
   cursor: pointer;
 }
-</style>
+</style>

frontend/src/pages/public/ContentViewer.vue

@@ -1,48 +1,49 @@
 <template>
-    <div class="">ContentViewer</div>
+  <div class="">ContentViewer</div>
 </template>
 <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: {
-        content_id: {
-            required: true,
-            type: String
-        }
-    },
-    components: {},
-    computed: {},
-    mounted() {
-        this.retrieve_blog_content()
-    },
-    methods: {
-        retrieve_blog_content() {
-            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') })
-                    loadingTask.promise.then(function(pdf) {
-                        //
-                        // Fetch the first page
-                        //
-                        pdf.getPage(1).then(function(page) {
-                            //rendering
-                        });
-                    });
-                })
-                .catch((error) => {
-                    this.mnx_backendErrorHandler(error)
-                })
-        },
-    },
-    data() {
-        return {
-            content_media_data: null
-        }
+  name: 'ContentViewer',
+  props: {
+    content_id: {
+      required: true,
+      type: String
     }
+  },
+  components: {},
+  computed: {},
+  mounted() {
+    this.retrieve_blog_content()
+  },
+  methods: {
+    retrieve_blog_content() {
+      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')
+          })
+          loadingTask.promise.then(function (pdf) {
+            //
+            // Fetch the first page
+            //
+            pdf.getPage(1).then(function (page) {
+              //rendering
+            })
+          })
+        })
+        .catch((error) => {
+          this.mnx_backendErrorHandler(error)
+        })
+    }
+  },
+  data() {
+    return {
+      content_media_data: null
+    }
+  }
 }
 </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(
-      '/api/content/retrieve-blogs',
-      {
-      },
-      {
-
-      }
-    )
+    const request = backendAxios.post('/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/index.js

@@ -1,4 +1,4 @@
 export { textAreaAujuster } from './textArea'
 export { tooltip } from './tooltip'
 export { elementHandler } from './element'
-export { mediaDataHandler } from './mediaData'
+export { mediaDataHandler } from './mediaData'

frontend/src/utils/html/mediaData.js

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