From 8a6cd3912a8ae0602e8b055f6537cc054e036789 Mon Sep 17 00:00:00 2001
From: Xevion <xevioni@yandex.com>
Date: Mon, 14 Sep 2020 09:34:06 -0500
Subject: [PATCH] basic Season route, list group episodes, placeholder image

---
 client/src/components/Season.vue | 42 ++++++++++++++++++++++++++++++++
 client/src/router.js             |  6 +++++
 2 files changed, 48 insertions(+)
 create mode 100644 client/src/components/Season.vue

diff --git a/client/src/components/Season.vue b/client/src/components/Season.vue
new file mode 100644
index 0000000..58aa6ec
--- /dev/null
+++ b/client/src/components/Season.vue
@@ -0,0 +1,42 @@
+<template>
+    <div>
+        <b-breadcrumb :items="breadcrumbs"></b-breadcrumb>
+        <b-card>
+            <b-list-group>
+                <b-list-group-item v-for="episode in season.episodes" :key="episode.episode_id">
+                    <b-row align-v="start">
+                        <b-col cols="3">
+                            <b-img src="https://via.placeholder.com/150"></b-img>
+                        </b-col>
+                    <b-col>
+                        <h4>{{ episode.title }}</h4>
+                        <p class="pl-3">{{ episode.description }}</p>
+                    </b-col>
+                    </b-row>
+                </b-list-group-item>
+            </b-list-group>
+        </b-card>
+    </div>
+</template>
+
+<script>
+export default {
+    computed: {
+        breadcrumbs() {
+            return [
+                {
+                    text: 'Home',
+                    to: {name: 'Home'}
+                },
+                {
+                    text: `Season ${this.$route.params.season}`,
+                    active: true
+                }
+            ]
+        },
+        season() {
+            return this.$store.state.preloaded ? this.$store.state.quoteData[this.$route.params.season - 1] : null;
+        }
+    }
+}
+</script>
diff --git a/client/src/router.js b/client/src/router.js
index 8c23fe7..8735c04 100644
--- a/client/src/router.js
+++ b/client/src/router.js
@@ -4,6 +4,7 @@ import Home from "./components/Home.vue";
 import Episode from "./components/Episode.vue";
 import SearchResults from "./components/SearchResults.vue";
 import Character from "./components/Character.vue";
+import Season from "./components/Season.vue";
 
 Vue.use(Router);
 
@@ -20,6 +21,11 @@ export default new Router({
             name: "Character",
             component: Character,
         },
+        {
+            path: "/:season/",
+            name: "Season",
+            component: Season,
+        },
         {
             path: "/:season/:episode",
             name: "Episode",