Skip to content

Made site static #46

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
shivamag00 wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Made site static #46

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
39 changes: 20 additions & 19 deletions src/components/Article.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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';
Expand Down Expand Up @@ -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')
Expand Down
22 changes: 11 additions & 11 deletions src/components/Navbar.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand All @@ -66,7 +66,7 @@ export default {
name: "Navbar",
data() {
return {
token: null,
// token: null,
};
},
methods: {
Expand All @@ -76,7 +76,7 @@ export default {
},
},
mounted() {
this.token = localStorage.getItem("token");
// this.token = localStorage.getItem("token");
},
};
</script>
Expand Down
32 changes: 16 additions & 16 deletions src/components/lists/ArticleList.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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";

Expand Down Expand Up @@ -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) => {
Expand Down
42 changes: 21 additions & 21 deletions src/components/lists/ArticleListbyTag.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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";

Expand Down Expand Up @@ -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) => {
Expand Down
12 changes: 6 additions & 6 deletions src/main.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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";
Expand All @@ -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) => {
Expand Down
32 changes: 16 additions & 16 deletions src/views/TagsList.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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";
Expand Down Expand Up @@ -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())
Expand Down