mirror of
https://github.com/Xevion/the-office.git
synced 2025-12-17 02:13:34 -06:00
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:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user