From 8b17333f272105f98816a815cc62fc22db478892 Mon Sep 17 00:00:00 2001
From: Shivam Agarwal <shivam.agrawal.2000@gmail.com>
Date: Mon, 3 May 2021 16:32:13 +0530
Subject: [PATCH] Made site static

---
 src/components/Article.vue                | 39 +++++++++++----------
 src/components/Navbar.vue                 | 22 ++++++------
 src/components/lists/ArticleList.vue      | 32 ++++++++---------
 src/components/lists/ArticleListbyTag.vue | 42 +++++++++++------------
 src/main.js                               | 12 +++----
 src/views/TagsList.vue                    | 32 ++++++++---------
 6 files changed, 90 insertions(+), 89 deletions(-)

diff --git a/src/components/Article.vue b/src/components/Article.vue
index 0a24b0f..33eaf52 100644
--- a/src/components/Article.vue
+++ b/src/components/Article.vue
@@ -36,7 +36,7 @@
 
 <script>
 
-import axios from 'axios';
+// import axios from 'axios';
 import {API_BASE_URL} from '/src/config.js';
 import postscribe from 'postscribe';
 import {db} from '/src/firebase.js';
@@ -68,24 +68,25 @@ export default {
             }
             else {
               console.log("No Data")
-              const url = `${this.baseURL}articles/slugs/${this.$route.params.slug}`
-              axios.get(url)
-                  .then(response => {
-                    let data = response.data;
-                    db.collection('articles')
-                        .add(data)
-                        .then((docRef) => {
-                          console.log(`Document written with ID: ${docRef.id}`);
-                          this.content = data.processed_html;
-                          this.title = data.title;
-                          this.tags = data.tag_list;
-                        })
-                        .catch((error) => {
-                          console.error(`Error adding document: ${error}`);
-                        });
-                  }).catch(err => {
-                    console.log(err.toString())
-              })
+              // Get from backend and store in firebase.
+              // const url = `${this.baseURL}articles/slugs/${this.$route.params.slug}`
+              // axios.get(url)
+              //     .then(response => {
+              //       let data = response.data;
+              //       db.collection('articles')
+              //           .add(data)
+              //           .then((docRef) => {
+              //             console.log(`Document written with ID: ${docRef.id}`);
+              //             this.content = data.processed_html;
+              //             this.title = data.title;
+              //             this.tags = data.tag_list;
+              //           })
+              //           .catch((error) => {
+              //             console.error(`Error adding document: ${error}`);
+              //           });
+              //     }).catch(err => {
+              //       console.log(err.toString())
+              // })
             }
           }).then(() => {
             let arr = document.getElementsByClassName('ltag_gist-liquid-tag')
diff --git a/src/components/Navbar.vue b/src/components/Navbar.vue
index 17ee95e..70c76ec 100644
--- a/src/components/Navbar.vue
+++ b/src/components/Navbar.vue
@@ -44,17 +44,17 @@
           <router-link class="nav-link" to="/tags">Tags</router-link>
         </li>
 
-        <li class="nav-item" v-if="!token">
-          <router-link class="nav-link" to="/signin">Sign In</router-link>
-        </li>
+<!--        <li class="nav-item" v-if="!token">-->
+<!--          <router-link class="nav-link" to="/signin">Sign In</router-link>-->
+<!--        </li>-->
 
-        <li class="nav-item" v-if="!token">
-          <router-link class="nav-link" to="/signup">Sign Up</router-link>
-        </li>
+<!--        <li class="nav-item" v-if="!token">-->
+<!--          <router-link class="nav-link" to="/signup">Sign Up</router-link>-->
+<!--        </li>-->
 
-        <li class="nav-item" v-else>
-          <a class="nav-link" href="#" @click="signOut">Sign Out</a>
-        </li>
+<!--        <li class="nav-item" v-else>-->
+<!--          <a class="nav-link" href="#" @click="signOut">Sign Out</a>-->
+<!--        </li>-->
       </ul>
     </div>
   </nav>
@@ -66,7 +66,7 @@ export default {
   name: "Navbar",
   data() {
     return {
-      token: null,
+      // token: null,
     };
   },
   methods: {
@@ -76,7 +76,7 @@ export default {
     },
   },
   mounted() {
-    this.token = localStorage.getItem("token");
+    // this.token = localStorage.getItem("token");
   },
 };
 </script>
diff --git a/src/components/lists/ArticleList.vue b/src/components/lists/ArticleList.vue
index 766431f..19a58b0 100644
--- a/src/components/lists/ArticleList.vue
+++ b/src/components/lists/ArticleList.vue
@@ -16,7 +16,7 @@
 </template>
 
 <script>
-import axios from "axios";
+// import axios from "axios";
 import ArticleCard from "/src/components/cards/ArticleCard.vue";
 import { db } from "/src/firebase.js";
 
@@ -49,21 +49,21 @@ export default {
             this.articles = snap.docs.map((doc) => doc.data());
           } else {
             console.log("No Data");
-            const url = `${this.apiUrl}`;
-            axios
-              .get(url)
-              .then((response) => {
-                let data = response.data;
-                data.forEach((article) => {
-                  db.collection("articles")
-                    .doc(article.slug)
-                    .set(article);
-                });
-                this.articles = data;
-              })
-              .catch((err) => {
-                console.log(err.toString());
-              });
+            // const url = `${this.apiUrl}`;
+            // axios
+            //   .get(url)
+            //   .then((response) => {
+            //     let data = response.data;
+            //     data.forEach((article) => {
+            //       db.collection("articles")
+            //         .doc(article.slug)
+            //         .set(article);
+            //     });
+            //     this.articles = data;
+            //   })
+            //   .catch((err) => {
+            //     console.log(err.toString());
+            //   });
           }
         })
         .catch((err) => {
diff --git a/src/components/lists/ArticleListbyTag.vue b/src/components/lists/ArticleListbyTag.vue
index c233b92..92f95c2 100644
--- a/src/components/lists/ArticleListbyTag.vue
+++ b/src/components/lists/ArticleListbyTag.vue
@@ -16,7 +16,7 @@
 </template>
 
 <script>
-import axios from "axios";
+// import axios from "axios";
 import ArticleCard from "/src/components/cards/ArticleCard.vue";
 import { db } from "/src/firebase.js";
 
@@ -45,26 +45,26 @@ export default {
             // this.articles = snap.docs.map(doc => doc.data());
           } else {
             console.log("No Data");
-            const url = `${this.apiUrl}`;
-            axios
-              .get(url)
-              .then((response) => {
-                let data = response.data;
-                db.collection("tags")
-                  .doc(this.tag)
-                  .set(
-                    {
-                      articles: data,
-                    },
-                    { merge: true }
-                  )
-                  .then(() => {
-                    this.articles = data;
-                  });
-              })
-              .catch((err) => {
-                console.log(err.toString());
-              });
+            // const url = `${this.apiUrl}`;
+            // axios
+            //   .get(url)
+            //   .then((response) => {
+            //     let data = response.data;
+            //     db.collection("tags")
+            //       .doc(this.tag)
+            //       .set(
+            //         {
+            //           articles: data,
+            //         },
+            //         { merge: true }
+            //       )
+            //       .then(() => {
+            //         this.articles = data;
+            //       });
+            //   })
+            //   .catch((err) => {
+            //     console.log(err.toString());
+            //   });
           }
         })
         .catch((err) => {
diff --git a/src/main.js b/src/main.js
index b313e8d..a591c30 100644
--- a/src/main.js
+++ b/src/main.js
@@ -9,11 +9,11 @@ import TagsList from './views/TagsList.vue';
 import TagArticlesView from "@/views/TagArticlesView";
 import Article from "@/components/Article";
 import HomePageView from "@/views/HomePageView";
-import SignUp from "@/views/SignUp";
+// import SignUp from "@/views/SignUp";
 import ChromeExtensionPage from "@/views/ChromeExtensionPage";
 import OpenSourcePage from "@/views/OpenSourcePage";
 import ExploreCoursesPage from "@/views/ExploreCoursesPage";
-import SignIn from "@/views/SignIn";
+// import SignIn from "@/views/SignIn";
 import AndroidHomePage from "@/views/AndroidHomePage";
 
 // import BackendElastic from "@/views/Elastic/BackendElastic";
@@ -34,18 +34,18 @@ const router = createRouter({
         {path: '/tags/:tag', component: TagArticlesView},
         {path: '/articles/:slug', component: Article},
         {path: '/', component: HomePageView},
-        {path: '/signup', component: SignUp},
+        // {path: '/signup', component: SignUp},
         {path: '/chrome-extension', component: ChromeExtensionPage},
         {path: '/opensource', component: OpenSourcePage},
         {path: '/explore-courses', component: ExploreCoursesPage},
-        {path: '/signin', component: SignIn},
+        // {path: '/signin', component: SignIn},
         {path: '/backend', component: BackendHomePage},
         {path: '/frontend', component: FrontendHomePage},
         {path: '/devops', component: DevopsHomePage},
         {path: '/algorithms', component: AlgorithmsHomePage},
         {path: '/articles/:writer/:slug', component: Article},
-        {path: '/android', component: AndroidHomePage},
-        {path: '/signin', component: SignIn}
+        {path: '/android', component: AndroidHomePage}
+        // {path: '/signin', component: SignIn}
     ]
 });
 router.beforeEach((toRoute, fromRoute, next) => {
diff --git a/src/views/TagsList.vue b/src/views/TagsList.vue
index 265dcec..b73d62d 100644
--- a/src/views/TagsList.vue
+++ b/src/views/TagsList.vue
@@ -5,7 +5,7 @@
 </template>
 
 <script>
-import axios from 'axios';
+// import axios from 'axios';
 import {API_BASE_URL} from '/src/config.js';
 import TagCard from '/src/components/cards/TagCard.vue';
 import {db} from "@/firebase";
@@ -39,21 +39,21 @@ export default {
             }
             else {
               console.log("No Data. Fetching From DB")
-              const url = `${this.baseURL}tags/`;
-              axios.get(url)
-                  .then(response => {
-                    let data = response.data;
-                    data.forEach((tag)=> {
-                      db.collection("tags")
-                          .doc(tag.name)
-                          .set({
-                            id: tag.id
-                          })
-                    })
-                    this.tags = data;
-                  }).catch(err => {
-                console.log(err.toString())
-              })
+              // const url = `${this.baseURL}tags/`;
+              // axios.get(url)
+              //     .then(response => {
+              //       let data = response.data;
+              //       data.forEach((tag)=> {
+              //         db.collection("tags")
+              //             .doc(tag.name)
+              //             .set({
+              //               id: tag.id
+              //             })
+              //       })
+              //       this.tags = data;
+              //     }).catch(err => {
+              //   console.log(err.toString())
+              // })
             }
           }).catch(err => {
         console.log(err.toString())