xevion/the-office
1
0
Fork 0
mirror of https://github.com/Xevion/the-office.git synced 2025-12-17 16:13:36 -06:00
Code Issues Packages Projects Releases Wiki Activity

fix totals error and add Skeleton loading in Home.vue, remove initial bootstrap import (possibly culprit of massive inline css and errors?), covered by later main.scss imports, remove store.js console.log

Browse Source
This commit is contained in:
Xevion
2020-09-12 13:39:05 -05:00
parent d9af6b7950
commit 209e2a9172
3 changed files with 22 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
client/src/components/Home.vue
View File

@@ -1,20 +1,35 @@
<template> <template>
<b-card title="The Office Quotes"> <b-card>
<b-card-text> <template v-if="stats">
A Vue.js application serving you {{ stats.totals.quote }} quotes from your <h4>
favorite show - The Office. The Office Quotes
<br/> </h4>
Click on a Season and Episode on the left-hand sidebar to view quotes. <b-card-text>
Search for quotes with the instant searchbox. 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>
</template>
<b-card-text v-else>
<Skeleton style="width: 45%"></Skeleton>
<Skeleton style="width: 75%"></Skeleton>
<Skeleton style="width: 60%"></Skeleton>
<Skeleton style="width: 60%"></Skeleton>
</b-card-text> </b-card-text>
</b-card> </b-card>
</template> </template>
<script> <script>
import axios from "axios"; import axios from "axios";
import Skeleton from './Skeleton.vue';
export default { export default {
name: "Home", name: "Home",
components: {
Skeleton
},
data() { data() {
return { return {
stats: null, stats: null,

1
client/src/main.js
View File

@@ -1,4 +1,3 @@
import "bootstrap/dist/css/bootstrap.css";
import '@/scss/main.scss'; import '@/scss/main.scss';
import Vue from "vue"; import Vue from "vue";
import {BootstrapVue, BootstrapVueIcons} from "bootstrap-vue"; import {BootstrapVue, BootstrapVueIcons} from "bootstrap-vue";

1
client/src/store.js
View File

@@ -12,7 +12,6 @@ const baseData = Array.from({length: 9}, (x, season) => {
let episodeData = Array.from({length: episodeCount[season]}, () => null) let episodeData = Array.from({length: episodeCount[season]}, () => null)
return {season_id: season + 1, episodes: episodeData}; return {season_id: season + 1, episodes: episodeData};
}) })
console.log(baseData)
export default new Vuex.Store({ export default new Vuex.Store({
state: { state: {