dark theme hyperlink color, more reformatting, add navbar + insightsClient to AIS, basic Vuex, VueClipboard import, Router beforeEach guard (currently unused)

This commit is contained in:
Xevion
2020-09-07 23:46:06 -05:00
parent a0d7a78f73
commit c0305ef414
10 changed files with 463 additions and 265 deletions

View File

@@ -1,8 +1,9 @@
<template>
<b-card title="The Office Quotes">
<b-card-text>
A Vue.js application serving you {{ stats.totals.quote }} quotes from your favorite show - The Office.
<br>
A Vue.js application serving you {{ stats.totals.quote }} quotes from your
favorite show - The Office.
<br/>
Click on a Season and Episode on the left-hand sidebar to view quotes.
Search for quotes with the instant searchbox.
</b-card-text>
@@ -10,41 +11,42 @@
</template>
<style lang="scss">
@import "../assets/scss/_variables";
@import "../assets/scss/_variables";
.card {
color: $grey-9;
background-color: $grey-2;
border-bottom: 1px solid $grey-1;
border-radius: 0;
}
.card {
color: $grey-9;
background-color: $grey-2;
border-bottom: 1px solid $grey-1;
border-radius: 0;
}
</style>
<script>
import axios from 'axios';
import axios from "axios";
export default {
name: 'Home',
data() {
return {
stats: null,
};
},
methods: {
getStats() {
const path = `${process.env.VUE_APP_BASE_APP_URL}/api/stats/`;
axios.get(path)
.then((res) => {
this.stats = res.data;
})
.catch((error) => {
// eslint-disable-next-line no-console
console.error(error);
});
name: "Home",
data() {
return {
stats: null,
};
},
methods: {
getStats() {
const path = `${process.env.VUE_APP_API_URL}/api/stats/`;
axios
.get(path)
.then((res) => {
this.stats = res.data;
})
.catch((error) => {
// eslint-disable-next-line no-console
console.error(error);
});
},
},
created() {
this.getStats();
},
},
created() {
this.getStats();
},
};
</script>