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

Format all Vue components with ESLint rules

Browse Source
This commit is contained in:
Xevion
2022-05-19 10:33:49 -05:00
parent 71b4c9f972
commit 2445fe5fc1
9 changed files with 133 additions and 106 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
src/components/SeasonList.vue
View File

@@ -1,35 +1,40 @@
<template>
<div class="accordion" role="tablist">
<b-card class="season-item" v-for="season in seasons" :key="season.season_id">
<b-card-header header-tag="header" role="tab" v-b-toggle="'accordion-' + season.season_id">
<a class="no-link align-items-center justify-content-between d-flex" v-if="isPreloaded">
<b-card v-for="season in seasons" :key="season.season_id" class="season-item">
<b-card-header v-b-toggle="'accordion-' + season.season_id" header-tag="header" role="tab">
<a v-if="isPreloaded" class="no-link align-items-center justify-content-between d-flex">
<h5 class="mb-0 pu-0 mu-0 season-title">
Season {{ season.season_id }}
</h5>
<b-icon class="" icon="chevron-down"></b-icon>
<b-icon class="" icon="chevron-down" />
</a>
<Skeleton v-else></Skeleton>
<Skeleton v-else />
</b-card-header>
<b-collapse :id="'accordion-' + season.season_id" accordion="accordion-season-list">
<b-card-body class="h-100 px-0">
<b-list-group>
<template v-for="(episode, index) in seasons[season.season_id - 1].episodes">
<template v-if="isPreloaded">
<b-list-group-item class="no-link episode-item" :key="`rl-${episode.episode_id}`"
:to="{name: 'Episode', params: { season: season.season_id, episode: episode.episode_id }, }"
:id="`s-${season.season_id}-ep-${episode.episode_id}`">
<b-list-group-item
:id="`s-${season.season_id}-ep-${episode.episode_id}`" :key="`rl-${episode.episode_id}`"
class="no-link episode-item"
:to="{name: 'Episode', params: { season: season.season_id, episode: episode.episode_id }, }"
>
Episode {{ episode.episode_id }} - "{{ episode.title }}"
</b-list-group-item>
<b-popover :key="`bpop-${episode.episode_id}`" triggers="hover"
placement="right" delay="25" :target="`s-${season.season_id}-ep-${episode.episode_id}`">
<b-popover
:key="`bpop-${episode.episode_id}`" triggers="hover"
placement="right" delay="25"
:target="`s-${season.season_id}-ep-${episode.episode_id}`"
>
<template v-slot:title>
{{ episode.title }}
</template>
{{ episode.description }}
</b-popover>
</template>
<b-list-group-item v-else class="no-link episode-item" :key="index">
<Skeleton></Skeleton>
<b-list-group-item v-else :key="index" class="no-link episode-item">
<Skeleton />
</b-list-group-item>
</template>
</b-list-group>
@@ -57,9 +62,9 @@ export default {
return this.$store.state.preloaded;
}
},
methods: {},
created() {
this.$store.dispatch(types.PRELOAD)
},
methods: {},
};
</script>