From a7236eeb11bc7ad2b0ff053e37f6287c5ec69f07 Mon Sep 17 00:00:00 2001
From: p0ps <p0psicles@users.noreply.github.com>
Date: Mon, 17 Aug 2020 18:40:52 +0200
Subject: [PATCH] Hide Lists title, when there is only one list (for ex.
 Series). (#8348)

* Hide Lists title, when there is only one list (for ex. Series).
* Should also work if you have all your shows in one other list.

* Fix loading spinner and only show one "Please add a show here to get started"

* Fix lint

* Remove unused import.

* Remove comments
---
 themes-default/slim/src/components/home.vue   | 59 +++++--------------
 .../slim/src/components/schedule.vue          | 10 ++++
 .../slim/src/components/show-list/index.vue   | 13 ++--
 .../slim/src/store/modules/shows.js           | 50 ++++++++++++++++
 themes/dark/assets/js/medusa-runtime.js       | 48 ++++++++++++---
 themes/light/assets/js/medusa-runtime.js      | 48 ++++++++++++---
 6 files changed, 163 insertions(+), 65 deletions(-)

diff --git a/themes-default/slim/src/components/home.vue b/themes-default/slim/src/components/home.vue
index 6d198946fb..88a75bb853 100644
--- a/themes-default/slim/src/components/home.vue
+++ b/themes-default/slim/src/components/home.vue
@@ -33,14 +33,14 @@
                 <div id="showTabs" v-if="stateLayout.splitHomeInTabs">
                     <vue-tabs @tab-change="tabChange">
                         <v-tab
-                            v-for="showList in showLists"
-                            :key="showList.listTitle"
-                            :title="showList.listTitle"
+                            v-for="showInList in showsInLists"
+                            :key="showInList.listTitle"
+                            :title="showInList.listTitle"
                         >
                             <template v-if="['banner', 'simple', 'small', 'poster'].includes(layout)">
-                                <show-list :id="`${showList.listTitle.toLowerCase()}TabContent`"
+                                <show-list :id="`${showInList.listTitle.toLowerCase()}TabContent`"
                                            v-bind="{
-                                               listTitle: showList.listTitle, layout, shows: showList.shows, header: showLists.length > 1
+                                               listTitle: showInList.listTitle, layout, shows: showInList.shows, header: showInList.length > 1
                                            }"
                                 />
                             </template>
@@ -50,16 +50,20 @@
                 <template v-else>
                     <template v-if="['banner', 'simple', 'small', 'poster'].includes(layout)">
                         <draggable tag="ul" v-model="showList" class="list-group" handle=".move-show-list">
-                            <li v-for="showList in showLists" :key="showList.listTitle">
+                            <li v-for="showInList in showsInLists" :key="showInList.listTitle">
                                 <show-list
                                     v-bind="{
-                                        listTitle: showList.listTitle, layout, shows: showList.shows, header: showLists.length > 1
+                                        listTitle: showInList.listTitle, layout, shows: showInList.shows, header: showInList.length > 1
                                     }"
                                 />
                             </li>
                         </draggable>
                     </template>
                 </template>
+
+                <!-- No Shows added -->
+                <span v-if="showsInLists && showsInLists.filter(list => list.shows.length > 0).length === 0">Please add a show <app-link href="addShows">here</app-link> to get started</span>
+
             </div>
         </div>
         <backstretch :slug="config.randomShowSlug" />
@@ -68,6 +72,7 @@
 
 <script>
 import { mapActions, mapGetters, mapState } from 'vuex';
+import { AppLink } from './helpers';
 import { ShowList } from './show-list';
 import { VueTabs, VTab } from 'vue-nav-tabs/dist/vue-tabs.js';
 import Draggable from 'vuedraggable';
@@ -76,6 +81,7 @@ import Backstretch from './backstretch.vue';
 export default {
     name: 'home',
     components: {
+        AppLink,
         Backstretch,
         ShowList,
         VueTabs,
@@ -102,7 +108,8 @@ export default {
             stats: state => state.stats
         }),
         ...mapGetters({
-            showsWithStats: 'showsWithStats'
+            showsWithStats: 'showsWithStats',
+            showsInLists: 'showsInLists'
         }),
         layout: {
             get() {
@@ -139,42 +146,6 @@ export default {
                 setLayoutShow(mergedShowLayout);
             }
         },
-        showLists() {
-            const { config, filterByName, indexers, layout, stateLayout, showList, showsWithStats } = this;
-            const { rootDirs } = config;
-            const { selectedRootIndex } = stateLayout;
-            if (!indexers.indexers || showsWithStats.length === 0) {
-                return;
-            }
-
-            let shows = null;
-
-            // Filter root dirs
-            shows = showsWithStats.filter(show => selectedRootIndex === -1 || show.config.location.includes(rootDirs.slice(1)[selectedRootIndex]));
-
-            // Filter by text for the banner, simple and smallposter layouts.
-            // The Poster layout uses vue-isotope and this does not respond well to changes to the `list` property.
-            if (layout !== 'poster') {
-                shows = shows.filter(show => show.title.toLowerCase().includes(filterByName.toLowerCase()));
-            }
-
-            const categorizedShows = showList.filter(listTitle => {
-                return listTitle === 'series' || shows.filter(show => show.config.showLists.map(list => list.toLowerCase()).includes(listTitle.toLowerCase())).length > 0;
-            }).map(listTitle => ({ listTitle, shows: shows.filter(show => show.config.showLists.map(list => list.toLowerCase()).includes(listTitle.toLowerCase())) }));
-
-            // Check for shows that are not in any category anymore
-            const uncategorizedShows = shows.filter(show => {
-                return show.config.showLists.map(item => {
-                    return showList.map(list => list.toLowerCase()).includes(item.toLowerCase());
-                }).every(item => !item);
-            });
-
-            if (uncategorizedShows.length > 0) {
-                categorizedShows.push({ listTitle: 'uncategorized', shows: uncategorizedShows });
-            }
-
-            return categorizedShows;
-        },
         selectedRootIndexOptions() {
             const { config } = this;
             const { rootDirs } = config;
diff --git a/themes-default/slim/src/components/schedule.vue b/themes-default/slim/src/components/schedule.vue
index eb7a6461ca..6d79910d77 100644
--- a/themes-default/slim/src/components/schedule.vue
+++ b/themes-default/slim/src/components/schedule.vue
@@ -121,4 +121,14 @@ export default {
 </script>
 
 <style>
+/* Also defined in style.css and dark.css, but i'm overwriting for light and dark, because the schedule table has coloring. */
+td.tvShow a {
+    color: rgb(0, 0, 0);
+    text-decoration: none;
+}
+
+td.tvShow a:hover {
+    cursor: pointer;
+    color: rgb(66, 139, 202);
+}
 </style>
diff --git a/themes-default/slim/src/components/show-list/index.vue b/themes-default/slim/src/components/show-list/index.vue
index d4ede03f6f..c17e7c05bd 100644
--- a/themes-default/slim/src/components/show-list/index.vue
+++ b/themes-default/slim/src/components/show-list/index.vue
@@ -1,7 +1,7 @@
 <template>
     <div>
         <!-- Only show the list title when not in tabs -->
-        <div v-if="!stateLayout.splitHomeInTabs" class="showListTitle listTitle">
+        <div v-if="!stateLayout.splitHomeInTabs && (showsInLists && showsInLists.length > 1)" class="showListTitle listTitle">
             <button type="button" class="nav-show-list move-show-list">
                 <span class="icon-bar" />
                 <span class="icon-bar" />
@@ -42,24 +42,20 @@
         <div v-else-if="shows.length >= 1" :class="[['simple', 'small', 'banner'].includes(layout) ? 'table-layout' : '']">
             <component :is="mappedLayout" v-bind="$props" />
         </div>
-
-        <!-- No Shows added -->
-        <span v-else>Please add a show <app-link href="addShows">here</app-link> to get started</span>
     </div>
 </template>
 <script>
 
-import { mapActions, mapState } from 'vuex';
+import { mapActions, mapGetters, mapState } from 'vuex';
 import Banner from './banner.vue';
 import Simple from './simple.vue';
 import Poster from './poster.vue';
 import Smallposter from './smallposter.vue';
-import { AppLink, PosterSizeSlider, StateSwitch } from '../helpers';
+import { PosterSizeSlider, StateSwitch } from '../helpers';
 
 export default {
     name: 'show-list',
     components: {
-        AppLink,
         Banner,
         Simple,
         Poster,
@@ -110,6 +106,9 @@ export default {
             stateLayout: state => state.config.layout,
             showsLoading: state => state.shows.loading
         }),
+        ...mapGetters({
+            showsInLists: 'showsInLists'
+        }),
         mappedLayout() {
             const { layout } = this;
             if (layout === 'small') {
diff --git a/themes-default/slim/src/store/modules/shows.js b/themes-default/slim/src/store/modules/shows.js
index bc5ab8e186..03e91dcc02 100644
--- a/themes-default/slim/src/store/modules/shows.js
+++ b/themes-default/slim/src/store/modules/shows.js
@@ -221,6 +221,56 @@ const getters = {
             };
             return show;
         });
+    },
+    showsInLists: (state, getters, rootState) => {
+        const { layout, general } = rootState.config;
+        const { show } = layout;
+        const { showListOrder } = show;
+        const { rootDirs } = general;
+        const { selectedRootIndex, local } = layout;
+        const { showFilterByName } = local;
+
+        const { showsWithStats } = getters;
+
+        let shows = null;
+
+        // Filter root dirs
+        shows = showsWithStats.filter(show => selectedRootIndex === -1 || show.config.location.includes(rootDirs.slice(1)[selectedRootIndex]));
+
+        // Filter by text for the banner, simple and smallposter layouts.
+        // The Poster layout uses vue-isotope and this does not respond well to changes to the `list` property.
+        if (layout.home !== 'poster') {
+            shows = shows.filter(show => show.title.toLowerCase().includes(showFilterByName.toLowerCase()));
+        }
+
+        const categorizedShows = showListOrder.filter(
+            listTitle => shows.filter(
+                show => show.config.showLists.map(
+                    list => list.toLowerCase()
+                ).includes(listTitle.toLowerCase())
+            ).length > 0
+        ).map(
+            listTitle => ({ listTitle, shows: shows.filter(
+                show => show.config.showLists.map(list => list.toLowerCase()).includes(listTitle.toLowerCase())
+            ) })
+        );
+
+        // Check for shows that are not in any category anymore
+        const uncategorizedShows = shows.filter(show => {
+            return show.config.showLists.map(item => {
+                return showListOrder.map(list => list.toLowerCase()).includes(item.toLowerCase());
+            }).every(item => !item);
+        });
+
+        if (uncategorizedShows.length > 0) {
+            categorizedShows.push({ listTitle: 'uncategorized', shows: uncategorizedShows });
+        }
+
+        if (categorizedShows.length === 0 && uncategorizedShows.length === 0) {
+            categorizedShows.push({ listTitle: 'Series', shows: [] });
+        }
+
+        return categorizedShows;
     }
 };
 
diff --git a/themes/dark/assets/js/medusa-runtime.js b/themes/dark/assets/js/medusa-runtime.js
index def78b6594..d41a4d67a2 100644
--- a/themes/dark/assets/js/medusa-runtime.js
+++ b/themes/dark/assets/js/medusa-runtime.js
@@ -464,7 +464,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(f
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _show_list__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./show-list */ \"./src/components/show-list/index.js\");\n/* harmony import */ var vue_nav_tabs_dist_vue_tabs_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue-nav-tabs/dist/vue-tabs.js */ \"./node_modules/vue-nav-tabs/dist/vue-tabs.js\");\n/* harmony import */ var vue_nav_tabs_dist_vue_tabs_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(vue_nav_tabs_dist_vue_tabs_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var vuedraggable__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! vuedraggable */ \"./node_modules/vuedraggable/dist/vuedraggable.common.js\");\n/* harmony import */ var vuedraggable__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(vuedraggable__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _backstretch_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./backstretch.vue */ \"./src/components/backstretch.vue\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: 'home',\n  components: {\n    Backstretch: _backstretch_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n    ShowList: _show_list__WEBPACK_IMPORTED_MODULE_1__[\"ShowList\"],\n    VueTabs: vue_nav_tabs_dist_vue_tabs_js__WEBPACK_IMPORTED_MODULE_2__[\"VueTabs\"],\n    VTab: vue_nav_tabs_dist_vue_tabs_js__WEBPACK_IMPORTED_MODULE_2__[\"VTab\"],\n    Draggable: (vuedraggable__WEBPACK_IMPORTED_MODULE_3___default())\n  },\n\n  data() {\n    return {\n      layoutOptions: [{\n        value: 'poster',\n        text: 'Poster'\n      }, {\n        value: 'small',\n        text: 'Small Poster'\n      }, {\n        value: 'banner',\n        text: 'Banner'\n      }, {\n        value: 'simple',\n        text: 'Simple'\n      }],\n      selectedRootDir: 0\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapState\"])({\n      config: state => state.config.general,\n      indexers: state => state.config.indexers,\n      // Renamed because of the computed property 'layout'.\n      stateLayout: state => state.config.layout,\n      stats: state => state.stats\n    }),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])({\n      showsWithStats: 'showsWithStats'\n    }),\n    layout: {\n      get() {\n        const {\n          stateLayout\n        } = this;\n        return stateLayout.home;\n      },\n\n      set(layout) {\n        const {\n          setLayout\n        } = this;\n        const page = 'home';\n        setLayout({\n          page,\n          layout\n        });\n      }\n\n    },\n    filterByName: {\n      get() {\n        const {\n          local\n        } = this.stateLayout;\n        const {\n          showFilterByName\n        } = local;\n        return showFilterByName;\n      },\n\n      set(value) {\n        const {\n          setLayoutLocal\n        } = this;\n        setLayoutLocal({\n          key: 'showFilterByName',\n          value\n        });\n      }\n\n    },\n    showList: {\n      get() {\n        const {\n          stateLayout\n        } = this;\n        const {\n          show\n        } = stateLayout;\n        return show.showListOrder;\n      },\n\n      set(value) {\n        const {\n          stateLayout,\n          setLayoutShow\n        } = this;\n        const mergedShowLayout = { ...stateLayout.show,\n          showListOrder: value.map(item => item.value)\n        };\n        setLayoutShow(mergedShowLayout);\n      }\n\n    },\n\n    showLists() {\n      const {\n        config,\n        filterByName,\n        indexers,\n        layout,\n        stateLayout,\n        showList,\n        showsWithStats\n      } = this;\n      const {\n        rootDirs\n      } = config;\n      const {\n        selectedRootIndex\n      } = stateLayout;\n\n      if (!indexers.indexers || showsWithStats.length === 0) {\n        return;\n      }\n\n      let shows = null; // Filter root dirs\n\n      shows = showsWithStats.filter(show => selectedRootIndex === -1 || show.config.location.includes(rootDirs.slice(1)[selectedRootIndex])); // Filter by text for the banner, simple and smallposter layouts.\n      // The Poster layout uses vue-isotope and this does not respond well to changes to the `list` property.\n\n      if (layout !== 'poster') {\n        shows = shows.filter(show => show.title.toLowerCase().includes(filterByName.toLowerCase()));\n      }\n\n      const categorizedShows = showList.filter(listTitle => {\n        return listTitle === 'series' || shows.filter(show => show.config.showLists.map(list => list.toLowerCase()).includes(listTitle.toLowerCase())).length > 0;\n      }).map(listTitle => ({\n        listTitle,\n        shows: shows.filter(show => show.config.showLists.map(list => list.toLowerCase()).includes(listTitle.toLowerCase()))\n      })); // Check for shows that are not in any category anymore\n\n      const uncategorizedShows = shows.filter(show => {\n        return show.config.showLists.map(item => {\n          return showList.map(list => list.toLowerCase()).includes(item.toLowerCase());\n        }).every(item => !item);\n      });\n\n      if (uncategorizedShows.length > 0) {\n        categorizedShows.push({\n          listTitle: 'uncategorized',\n          shows: uncategorizedShows\n        });\n      }\n\n      return categorizedShows;\n    },\n\n    selectedRootIndexOptions() {\n      const {\n        config\n      } = this;\n      const {\n        rootDirs\n      } = config;\n      return [...[{\n        value: -1,\n        text: 'All Folders'\n      }], ...rootDirs.slice(1).map((item, idx) => ({\n        text: item,\n        value: idx\n      }))];\n    }\n\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])({\n      setLayout: 'setLayout',\n      setConfig: 'setConfig',\n      setLayoutShow: 'setLayoutShow',\n      setStoreLayout: 'setStoreLayout',\n      setLayoutLocal: 'setLayoutLocal',\n      getShows: 'getShows',\n      getStats: 'getStats'\n    }),\n\n    async changePosterSortBy() {\n      // Patch new posterSOrtBy value\n      const {\n        $snotify,\n        posterSortby,\n        setPosterSortBy\n      } = this;\n\n      try {\n        await setPosterSortBy({\n          section: 'layout',\n          config: {\n            posterSortby\n          }\n        });\n      } catch (error) {\n        $snotify.error('Error while trying to change poster sort option', 'Error');\n      }\n    },\n\n    saveSelectedRootDir(value) {\n      const {\n        setStoreLayout\n      } = this;\n      setStoreLayout({\n        key: 'selectedRootIndex',\n        value\n      });\n    },\n\n    tabChange(tabIndex) {\n      const {\n        setLayoutLocal\n      } = this;\n      setLayoutLocal({\n        key: 'currentShowTab',\n        tabIndex\n      });\n    }\n\n  },\n\n  mounted() {\n    const {\n      getStats\n    } = this;\n    getStats('show');\n  }\n\n});\n\n//# sourceURL=webpack:///./src/components/home.vue?./node_modules/babel-loader/lib??ref--1!./node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./helpers */ \"./src/components/helpers/index.js\");\n/* harmony import */ var _show_list__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./show-list */ \"./src/components/show-list/index.js\");\n/* harmony import */ var vue_nav_tabs_dist_vue_tabs_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! vue-nav-tabs/dist/vue-tabs.js */ \"./node_modules/vue-nav-tabs/dist/vue-tabs.js\");\n/* harmony import */ var vue_nav_tabs_dist_vue_tabs_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(vue_nav_tabs_dist_vue_tabs_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var vuedraggable__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! vuedraggable */ \"./node_modules/vuedraggable/dist/vuedraggable.common.js\");\n/* harmony import */ var vuedraggable__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(vuedraggable__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _backstretch_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./backstretch.vue */ \"./src/components/backstretch.vue\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: 'home',\n  components: {\n    AppLink: _helpers__WEBPACK_IMPORTED_MODULE_1__[\"AppLink\"],\n    Backstretch: _backstretch_vue__WEBPACK_IMPORTED_MODULE_5__[\"default\"],\n    ShowList: _show_list__WEBPACK_IMPORTED_MODULE_2__[\"ShowList\"],\n    VueTabs: vue_nav_tabs_dist_vue_tabs_js__WEBPACK_IMPORTED_MODULE_3__[\"VueTabs\"],\n    VTab: vue_nav_tabs_dist_vue_tabs_js__WEBPACK_IMPORTED_MODULE_3__[\"VTab\"],\n    Draggable: (vuedraggable__WEBPACK_IMPORTED_MODULE_4___default())\n  },\n\n  data() {\n    return {\n      layoutOptions: [{\n        value: 'poster',\n        text: 'Poster'\n      }, {\n        value: 'small',\n        text: 'Small Poster'\n      }, {\n        value: 'banner',\n        text: 'Banner'\n      }, {\n        value: 'simple',\n        text: 'Simple'\n      }],\n      selectedRootDir: 0\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapState\"])({\n      config: state => state.config.general,\n      indexers: state => state.config.indexers,\n      // Renamed because of the computed property 'layout'.\n      stateLayout: state => state.config.layout,\n      stats: state => state.stats\n    }),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])({\n      showsWithStats: 'showsWithStats',\n      showsInLists: 'showsInLists'\n    }),\n    layout: {\n      get() {\n        const {\n          stateLayout\n        } = this;\n        return stateLayout.home;\n      },\n\n      set(layout) {\n        const {\n          setLayout\n        } = this;\n        const page = 'home';\n        setLayout({\n          page,\n          layout\n        });\n      }\n\n    },\n    filterByName: {\n      get() {\n        const {\n          local\n        } = this.stateLayout;\n        const {\n          showFilterByName\n        } = local;\n        return showFilterByName;\n      },\n\n      set(value) {\n        const {\n          setLayoutLocal\n        } = this;\n        setLayoutLocal({\n          key: 'showFilterByName',\n          value\n        });\n      }\n\n    },\n    showList: {\n      get() {\n        const {\n          stateLayout\n        } = this;\n        const {\n          show\n        } = stateLayout;\n        return show.showListOrder;\n      },\n\n      set(value) {\n        const {\n          stateLayout,\n          setLayoutShow\n        } = this;\n        const mergedShowLayout = { ...stateLayout.show,\n          showListOrder: value.map(item => item.value)\n        };\n        setLayoutShow(mergedShowLayout);\n      }\n\n    },\n\n    selectedRootIndexOptions() {\n      const {\n        config\n      } = this;\n      const {\n        rootDirs\n      } = config;\n      return [...[{\n        value: -1,\n        text: 'All Folders'\n      }], ...rootDirs.slice(1).map((item, idx) => ({\n        text: item,\n        value: idx\n      }))];\n    }\n\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])({\n      setLayout: 'setLayout',\n      setConfig: 'setConfig',\n      setLayoutShow: 'setLayoutShow',\n      setStoreLayout: 'setStoreLayout',\n      setLayoutLocal: 'setLayoutLocal',\n      getShows: 'getShows',\n      getStats: 'getStats'\n    }),\n\n    async changePosterSortBy() {\n      // Patch new posterSOrtBy value\n      const {\n        $snotify,\n        posterSortby,\n        setPosterSortBy\n      } = this;\n\n      try {\n        await setPosterSortBy({\n          section: 'layout',\n          config: {\n            posterSortby\n          }\n        });\n      } catch (error) {\n        $snotify.error('Error while trying to change poster sort option', 'Error');\n      }\n    },\n\n    saveSelectedRootDir(value) {\n      const {\n        setStoreLayout\n      } = this;\n      setStoreLayout({\n        key: 'selectedRootIndex',\n        value\n      });\n    },\n\n    tabChange(tabIndex) {\n      const {\n        setLayoutLocal\n      } = this;\n      setLayoutLocal({\n        key: 'currentShowTab',\n        tabIndex\n      });\n    }\n\n  },\n\n  mounted() {\n    const {\n      getStats\n    } = this;\n    getStats('show');\n  }\n\n});\n\n//# sourceURL=webpack:///./src/components/home.vue?./node_modules/babel-loader/lib??ref--1!./node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -596,7 +596,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _hel
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _banner_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./banner.vue */ \"./src/components/show-list/banner.vue\");\n/* harmony import */ var _simple_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./simple.vue */ \"./src/components/show-list/simple.vue\");\n/* harmony import */ var _poster_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./poster.vue */ \"./src/components/show-list/poster.vue\");\n/* harmony import */ var _smallposter_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./smallposter.vue */ \"./src/components/show-list/smallposter.vue\");\n/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../helpers */ \"./src/components/helpers/index.js\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: 'show-list',\n  components: {\n    AppLink: _helpers__WEBPACK_IMPORTED_MODULE_5__[\"AppLink\"],\n    Banner: _banner_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n    Simple: _simple_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n    Poster: _poster_vue__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n    PosterSizeSlider: _helpers__WEBPACK_IMPORTED_MODULE_5__[\"PosterSizeSlider\"],\n    Smallposter: _smallposter_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n    StateSwitch: _helpers__WEBPACK_IMPORTED_MODULE_5__[\"StateSwitch\"]\n  },\n  props: {\n    layout: {\n      validator: layout => [null, '', 'poster', 'banner', 'simple', 'small'].includes(layout),\n      required: true\n    },\n    shows: {\n      type: Array,\n      required: true\n    },\n    listTitle: {\n      type: String\n    },\n    header: {\n      type: Boolean\n    }\n  },\n\n  data() {\n    return {\n      postSortDirOptions: [{\n        value: '0',\n        text: 'Descending'\n      }, {\n        value: '1',\n        text: 'Ascending'\n      }],\n      posterSortByOptions: [{\n        text: 'Name',\n        value: 'name'\n      }, {\n        text: 'Next episode',\n        value: 'date'\n      }, {\n        text: 'Network',\n        value: 'network'\n      }, {\n        text: 'Progress',\n        value: 'progress'\n      }, {\n        text: 'Indexer',\n        value: 'indexer'\n      }]\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapState\"])({\n      stateLayout: state => state.config.layout,\n      showsLoading: state => state.shows.loading\n    }),\n\n    mappedLayout() {\n      const {\n        layout\n      } = this;\n\n      if (layout === 'small') {\n        return 'smallposter';\n      }\n\n      return layout;\n    },\n\n    posterUiSortBy: {\n      get() {\n        const {\n          stateLayout\n        } = this;\n        const {\n          posterSortby\n        } = stateLayout;\n        return posterSortby;\n      },\n\n      set(value) {\n        const {\n          setPosterSortBy\n        } = this;\n        setPosterSortBy({\n          value\n        });\n      }\n\n    },\n    posterUiSortDir: {\n      get() {\n        const {\n          stateLayout\n        } = this;\n        const {\n          posterSortdir\n        } = stateLayout;\n        return posterSortdir;\n      },\n\n      set(value) {\n        const {\n          setPosterSortDir\n        } = this;\n        setPosterSortDir({\n          value\n        });\n      }\n\n    }\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])({\n      setPosterSortBy: 'setPosterSortBy',\n      setPosterSortDir: 'setPosterSortDir'\n    })\n  }\n});\n\n//# sourceURL=webpack:///./src/components/show-list/index.vue?./node_modules/babel-loader/lib??ref--1!./node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _banner_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./banner.vue */ \"./src/components/show-list/banner.vue\");\n/* harmony import */ var _simple_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./simple.vue */ \"./src/components/show-list/simple.vue\");\n/* harmony import */ var _poster_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./poster.vue */ \"./src/components/show-list/poster.vue\");\n/* harmony import */ var _smallposter_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./smallposter.vue */ \"./src/components/show-list/smallposter.vue\");\n/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../helpers */ \"./src/components/helpers/index.js\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: 'show-list',\n  components: {\n    Banner: _banner_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n    Simple: _simple_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n    Poster: _poster_vue__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n    PosterSizeSlider: _helpers__WEBPACK_IMPORTED_MODULE_5__[\"PosterSizeSlider\"],\n    Smallposter: _smallposter_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n    StateSwitch: _helpers__WEBPACK_IMPORTED_MODULE_5__[\"StateSwitch\"]\n  },\n  props: {\n    layout: {\n      validator: layout => [null, '', 'poster', 'banner', 'simple', 'small'].includes(layout),\n      required: true\n    },\n    shows: {\n      type: Array,\n      required: true\n    },\n    listTitle: {\n      type: String\n    },\n    header: {\n      type: Boolean\n    }\n  },\n\n  data() {\n    return {\n      postSortDirOptions: [{\n        value: '0',\n        text: 'Descending'\n      }, {\n        value: '1',\n        text: 'Ascending'\n      }],\n      posterSortByOptions: [{\n        text: 'Name',\n        value: 'name'\n      }, {\n        text: 'Next episode',\n        value: 'date'\n      }, {\n        text: 'Network',\n        value: 'network'\n      }, {\n        text: 'Progress',\n        value: 'progress'\n      }, {\n        text: 'Indexer',\n        value: 'indexer'\n      }]\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapState\"])({\n      stateLayout: state => state.config.layout,\n      showsLoading: state => state.shows.loading\n    }),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])({\n      showsInLists: 'showsInLists'\n    }),\n\n    mappedLayout() {\n      const {\n        layout\n      } = this;\n\n      if (layout === 'small') {\n        return 'smallposter';\n      }\n\n      return layout;\n    },\n\n    posterUiSortBy: {\n      get() {\n        const {\n          stateLayout\n        } = this;\n        const {\n          posterSortby\n        } = stateLayout;\n        return posterSortby;\n      },\n\n      set(value) {\n        const {\n          setPosterSortBy\n        } = this;\n        setPosterSortBy({\n          value\n        });\n      }\n\n    },\n    posterUiSortDir: {\n      get() {\n        const {\n          stateLayout\n        } = this;\n        const {\n          posterSortdir\n        } = stateLayout;\n        return posterSortdir;\n      },\n\n      set(value) {\n        const {\n          setPosterSortDir\n        } = this;\n        setPosterSortDir({\n          value\n        });\n      }\n\n    }\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])({\n      setPosterSortBy: 'setPosterSortBy',\n      setPosterSortDir: 'setPosterSortDir'\n    })\n  }\n});\n\n//# sourceURL=webpack:///./src/components/show-list/index.vue?./node_modules/babel-loader/lib??ref--1!./node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -982,6 +982,17 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
 
 /***/ }),
 
+/***/ "./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js?!./src/components/schedule.vue?vue&type=style&index=0&lang=css&":
+/*!***********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib??vue-loader-options!./src/components/schedule.vue?vue&type=style&index=0&lang=css& ***!
+  \***********************************************************************************************************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \"\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n/* Also defined in style.css and dark.css, but i'm overwriting for light and dark, because the schedule table has coloring. */\\ntd.tvShow a {\\n    color: rgb(0, 0, 0);\\n    text-decoration: none;\\n}\\ntd.tvShow a:hover {\\n    cursor: pointer;\\n    color: rgb(66, 139, 202);\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack:///./src/components/schedule.vue?./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib??vue-loader-options");
+
+/***/ }),
+
 /***/ "./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js?!./src/components/show-header.vue?vue&type=style&index=0&id=2465ca06&scoped=true&lang=css&":
 /*!**************************************************************************************************************************************************************************************************************************************************!*\
   !*** ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib??vue-loader-options!./src/components/show-header.vue?vue&type=style&index=0&id=2465ca06&scoped=true&lang=css& ***!
@@ -1011,7 +1022,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \"\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n/** Use this as table styling for all table layouts */\\n.table-layout[data-v-3df39291] .vgt-table {\\n    width: 100%;\\n    margin-right: auto;\\n    margin-left: auto;\\n    text-align: left;\\n    border-spacing: 0;\\n}\\n.table-layout[data-v-3df39291] .vgt-table th,\\n.table-layout[data-v-3df39291] .vgt-table td {\\n    padding: 4px;\\n    vertical-align: middle;\\n}\\n\\n/* remove extra border from left edge */\\n.table-layout[data-v-3df39291] .vgt-table th:first-child,\\n.table-layout[data-v-3df39291] .vgt-table td:first-child {\\n    border-left: none;\\n}\\n.table-layout[data-v-3df39291] .vgt-table th {\\n    text-align: center;\\n    border-collapse: collapse;\\n    font-weight: normal;\\n}\\n.table-layout[data-v-3df39291] .vgt-table span.break-word {\\n    word-wrap: break-word;\\n}\\n.table-layout[data-v-3df39291] .vgt-table thead th.sorting.sorting-asc {\\n    background-position-x: right;\\n    background-position-y: bottom;\\n}\\n.table-layout[data-v-3df39291] .vgt-table thead th.sorting {\\n    background-repeat: no-repeat;\\n}\\n.table-layout[data-v-3df39291] .vgt-table thead th {\\n    padding: 4px;\\n    cursor: default;\\n}\\n.table-layout[data-v-3df39291] .vgt-table input.tablesorter-filter {\\n    width: 98%;\\n    height: auto;\\n    -webkit-box-sizing: border-box;\\n    -moz-box-sizing: border-box;\\n    box-sizing: border-box;\\n}\\n.table-layout[data-v-3df39291] .vgt-table tr.tablesorter-filter-row,\\n.table-layout[data-v-3df39291] .vgt-table tr.tablesorter-filter-row td {\\n    text-align: center;\\n}\\n\\n/* optional disabled input styling */\\n.table-layout[data-v-3df39291] .vgt-table input.tablesorter-filter-row .disabled {\\n    display: none;\\n}\\n.tablesorter-header-inner[data-v-3df39291] {\\n    padding: 0 2px;\\n    text-align: center;\\n}\\n.table-layout[data-v-3df39291] .vgt-table tfoot tr {\\n    text-align: center;\\n    border-collapse: collapse;\\n}\\n.table-layout[data-v-3df39291] .vgt-table tfoot a {\\n    text-decoration: none;\\n}\\n.table-layout[data-v-3df39291] .vgt-table th.vgt-row-header {\\n    text-align: left;\\n}\\n.table-layout[data-v-3df39291] .vgt-table .season-header {\\n    display: inline;\\n    margin-left: 5px;\\n}\\n.table-layout[data-v-3df39291] .vgt-table tr.spacer {\\n    height: 25px;\\n}\\n.table-layout[data-v-3df39291] .vgt-dropdown-menu {\\n    position: absolute;\\n    z-index: 1000;\\n    float: left;\\n    min-width: 160px;\\n    padding: 5px 0;\\n    margin: 2px 0 0;\\n    font-size: 14px;\\n    text-align: left;\\n    list-style: none;\\n    background-clip: padding-box;\\n    border-radius: 4px;\\n}\\n.table-layout[data-v-3df39291] .vgt-dropdown-menu > li > span {\\n    display: block;\\n    padding: 3px 20px;\\n    clear: both;\\n    font-weight: 400;\\n    line-height: 1.42857143;\\n    white-space: nowrap;\\n}\\n.table-layout[data-v-3df39291] .align-center {\\n    display: flex;\\n    justify-content: center;\\n}\\n.table-layout[data-v-3df39291] .indexer-image :not(:last-child) {\\n    margin-right: 5px;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack:///./src/components/show-list/index.vue?./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib??vue-loader-options");
+eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \"\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n/** Use this as table styling for all table layouts */\\n.table-layout[data-v-3df39291] .vgt-table {\\n    width: 100%;\\n    margin-right: auto;\\n    margin-left: auto;\\n    text-align: left;\\n    border-spacing: 0;\\n}\\n.table-layout[data-v-3df39291] .vgt-table th,\\n.table-layout[data-v-3df39291] .vgt-table td {\\n    padding: 4px;\\n    vertical-align: middle;\\n}\\n\\n/* remove extra border from left edge */\\n.table-layout[data-v-3df39291] .vgt-table th:first-child,\\n.table-layout[data-v-3df39291] .vgt-table td:first-child {\\n    border-left: none;\\n}\\n.table-layout[data-v-3df39291] .vgt-table th {\\n    text-align: center;\\n    border-collapse: collapse;\\n    font-weight: normal;\\n}\\n.table-layout[data-v-3df39291] .vgt-table span.break-word {\\n    word-wrap: break-word;\\n}\\n.table-layout[data-v-3df39291] .vgt-table thead th.sorting.sorting-asc {\\n    background-position-x: right;\\n    background-position-y: bottom;\\n}\\n.table-layout[data-v-3df39291] .vgt-table thead th.sorting {\\n    background-repeat: no-repeat;\\n}\\n.table-layout[data-v-3df39291] .vgt-table thead th {\\n    padding: 4px;\\n    cursor: default;\\n}\\n.table-layout[data-v-3df39291] .vgt-table input.tablesorter-filter {\\n    width: 98%;\\n    height: auto;\\n    -webkit-box-sizing: border-box;\\n    -moz-box-sizing: border-box;\\n    box-sizing: border-box;\\n}\\n.table-layout[data-v-3df39291] .vgt-table tr.tablesorter-filter-row,\\n.table-layout[data-v-3df39291] .vgt-table tr.tablesorter-filter-row td {\\n    text-align: center;\\n}\\n\\n/* optional disabled input styling */\\n.table-layout[data-v-3df39291] .vgt-table input.tablesorter-filter-row .disabled {\\n    display: none;\\n}\\n.tablesorter-header-inner[data-v-3df39291] {\\n    padding: 0 2px;\\n    text-align: center;\\n}\\n.table-layout[data-v-3df39291] .vgt-table tfoot tr {\\n    text-align: center;\\n    border-collapse: collapse;\\n}\\n.table-layout[data-v-3df39291] .vgt-table tfoot a {\\n    text-decoration: none;\\n}\\n.table-layout[data-v-3df39291] .vgt-table th.vgt-row-header {\\n    text-align: left;\\n}\\n.table-layout[data-v-3df39291] .vgt-table .season-header {\\n    display: inline;\\n    margin-left: 5px;\\n}\\n.table-layout[data-v-3df39291] .vgt-table tr.spacer {\\n    height: 25px;\\n}\\n.table-layout[data-v-3df39291] .vgt-dropdown-menu {\\n    position: absolute;\\n    z-index: 1000;\\n    float: left;\\n    min-width: 160px;\\n    padding: 5px 0;\\n    margin: 2px 0 0;\\n    font-size: 14px;\\n    text-align: left;\\n    list-style: none;\\n    background-clip: padding-box;\\n    border-radius: 4px;\\n}\\n.table-layout[data-v-3df39291] .vgt-dropdown-menu > li > span {\\n    display: block;\\n    padding: 3px 20px;\\n    clear: both;\\n    font-weight: 400;\\n    line-height: 1.42857143;\\n    white-space: nowrap;\\n}\\n.table-layout[data-v-3df39291] .align-center {\\n    display: flex;\\n    justify-content: center;\\n}\\n.table-layout[data-v-3df39291] .indexer-image :not(:last-child) {\\n    margin-right: 5px;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack:///./src/components/show-list/index.vue?./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -1499,7 +1510,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    { attrs: { id: \"home\" } },\n    [\n      [\"banner\", \"simple\", \"small\"].includes(_vm.layout)\n        ? _c(\"div\", { staticClass: \"row\" }, [\n            _c(\"div\", { staticClass: \"col-sm-12\" }, [\n              _c(\n                \"div\",\n                { staticClass: \"home-filter-option option-filter-name\" },\n                [\n                  _c(\"input\", {\n                    directives: [\n                      {\n                        name: \"model\",\n                        rawName: \"v-model\",\n                        value: _vm.filterByName,\n                        expression: \"filterByName\"\n                      }\n                    ],\n                    staticClass:\n                      \"form-control form-control-inline input-sm input200\",\n                    attrs: {\n                      id: \"filterShowName\",\n                      type: \"search\",\n                      placeholder: \"Filter Show Name\"\n                    },\n                    domProps: { value: _vm.filterByName },\n                    on: {\n                      input: function($event) {\n                        if ($event.target.composing) {\n                          return\n                        }\n                        _vm.filterByName = $event.target.value\n                      }\n                    }\n                  })\n                ]\n              )\n            ])\n          ])\n        : _vm._e(),\n      _vm._v(\" \"),\n      _c(\"div\", { staticClass: \"row\" }, [\n        _c(\"div\", { staticClass: \"col-sm-12\" }, [\n          _c(\n            \"div\",\n            {\n              staticClass: \"home-filter-option pull-left\",\n              attrs: { id: \"showRoot\" }\n            },\n            [\n              _c(\n                \"select\",\n                {\n                  staticClass: \"form-control form-control-inline input-sm\",\n                  attrs: { name: \"showRootDir\", id: \"showRootDir\" },\n                  domProps: { value: _vm.stateLayout.selectedRootIndex },\n                  on: {\n                    change: function($event) {\n                      _vm.setStoreLayout({\n                        key: \"selectedRootIndex\",\n                        value: Number($event.target.selectedOptions[0].value)\n                      })\n                    }\n                  }\n                },\n                _vm._l(_vm.selectedRootIndexOptions, function(option) {\n                  return _c(\n                    \"option\",\n                    {\n                      key: option.value,\n                      domProps: { value: String(option.value) }\n                    },\n                    [_vm._v(_vm._s(option.text))]\n                  )\n                }),\n                0\n              )\n            ]\n          ),\n          _vm._v(\" \"),\n          _c(\n            \"div\",\n            { staticClass: \"home-filter-option show-option-layout pull-right\" },\n            [\n              _c(\"span\", [_vm._v(\"Layout: \")]),\n              _vm._v(\" \"),\n              _c(\n                \"select\",\n                {\n                  directives: [\n                    {\n                      name: \"model\",\n                      rawName: \"v-model\",\n                      value: _vm.layout,\n                      expression: \"layout\"\n                    }\n                  ],\n                  staticClass:\n                    \"form-control form-control-inline input-sm show-layout\",\n                  attrs: { name: \"layout\" },\n                  on: {\n                    change: function($event) {\n                      var $$selectedVal = Array.prototype.filter\n                        .call($event.target.options, function(o) {\n                          return o.selected\n                        })\n                        .map(function(o) {\n                          var val = \"_value\" in o ? o._value : o.value\n                          return val\n                        })\n                      _vm.layout = $event.target.multiple\n                        ? $$selectedVal\n                        : $$selectedVal[0]\n                    }\n                  }\n                },\n                [\n                  _c(\"option\", { attrs: { value: \"poster\" } }, [\n                    _vm._v(\"Poster\")\n                  ]),\n                  _vm._v(\" \"),\n                  _c(\"option\", { attrs: { value: \"small\" } }, [\n                    _vm._v(\"Small Poster\")\n                  ]),\n                  _vm._v(\" \"),\n                  _c(\"option\", { attrs: { value: \"banner\" } }, [\n                    _vm._v(\"Banner\")\n                  ]),\n                  _vm._v(\" \"),\n                  _c(\"option\", { attrs: { value: \"simple\" } }, [\n                    _vm._v(\"Simple\")\n                  ])\n                ]\n              )\n            ]\n          )\n        ])\n      ]),\n      _vm._v(\" \"),\n      _c(\"div\", { staticClass: \"row\" }, [\n        _c(\n          \"div\",\n          { staticClass: \"col-md-12\" },\n          [\n            _vm.stateLayout.splitHomeInTabs\n              ? _c(\n                  \"div\",\n                  { attrs: { id: \"showTabs\" } },\n                  [\n                    _c(\n                      \"vue-tabs\",\n                      { on: { \"tab-change\": _vm.tabChange } },\n                      _vm._l(_vm.showLists, function(showList) {\n                        return _c(\n                          \"v-tab\",\n                          {\n                            key: showList.listTitle,\n                            attrs: { title: showList.listTitle }\n                          },\n                          [\n                            [\"banner\", \"simple\", \"small\", \"poster\"].includes(\n                              _vm.layout\n                            )\n                              ? [\n                                  _c(\n                                    \"show-list\",\n                                    _vm._b(\n                                      {\n                                        attrs: {\n                                          id:\n                                            showList.listTitle.toLowerCase() +\n                                            \"TabContent\"\n                                        }\n                                      },\n                                      \"show-list\",\n                                      {\n                                        listTitle: showList.listTitle,\n                                        layout: _vm.layout,\n                                        shows: showList.shows,\n                                        header: _vm.showLists.length > 1\n                                      },\n                                      false\n                                    )\n                                  )\n                                ]\n                              : _vm._e()\n                          ],\n                          2\n                        )\n                      }),\n                      1\n                    )\n                  ],\n                  1\n                )\n              : [\n                  [\"banner\", \"simple\", \"small\", \"poster\"].includes(_vm.layout)\n                    ? [\n                        _c(\n                          \"draggable\",\n                          {\n                            staticClass: \"list-group\",\n                            attrs: { tag: \"ul\", handle: \".move-show-list\" },\n                            model: {\n                              value: _vm.showList,\n                              callback: function($$v) {\n                                _vm.showList = $$v\n                              },\n                              expression: \"showList\"\n                            }\n                          },\n                          _vm._l(_vm.showLists, function(showList) {\n                            return _c(\n                              \"li\",\n                              { key: showList.listTitle },\n                              [\n                                _c(\n                                  \"show-list\",\n                                  _vm._b(\n                                    {},\n                                    \"show-list\",\n                                    {\n                                      listTitle: showList.listTitle,\n                                      layout: _vm.layout,\n                                      shows: showList.shows,\n                                      header: _vm.showLists.length > 1\n                                    },\n                                    false\n                                  )\n                                )\n                              ],\n                              1\n                            )\n                          }),\n                          0\n                        )\n                      ]\n                    : _vm._e()\n                ]\n          ],\n          2\n        )\n      ]),\n      _vm._v(\" \"),\n      _c(\"backstretch\", { attrs: { slug: _vm.config.randomShowSlug } })\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./src/components/home.vue?./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    { attrs: { id: \"home\" } },\n    [\n      [\"banner\", \"simple\", \"small\"].includes(_vm.layout)\n        ? _c(\"div\", { staticClass: \"row\" }, [\n            _c(\"div\", { staticClass: \"col-sm-12\" }, [\n              _c(\n                \"div\",\n                { staticClass: \"home-filter-option option-filter-name\" },\n                [\n                  _c(\"input\", {\n                    directives: [\n                      {\n                        name: \"model\",\n                        rawName: \"v-model\",\n                        value: _vm.filterByName,\n                        expression: \"filterByName\"\n                      }\n                    ],\n                    staticClass:\n                      \"form-control form-control-inline input-sm input200\",\n                    attrs: {\n                      id: \"filterShowName\",\n                      type: \"search\",\n                      placeholder: \"Filter Show Name\"\n                    },\n                    domProps: { value: _vm.filterByName },\n                    on: {\n                      input: function($event) {\n                        if ($event.target.composing) {\n                          return\n                        }\n                        _vm.filterByName = $event.target.value\n                      }\n                    }\n                  })\n                ]\n              )\n            ])\n          ])\n        : _vm._e(),\n      _vm._v(\" \"),\n      _c(\"div\", { staticClass: \"row\" }, [\n        _c(\"div\", { staticClass: \"col-sm-12\" }, [\n          _c(\n            \"div\",\n            {\n              staticClass: \"home-filter-option pull-left\",\n              attrs: { id: \"showRoot\" }\n            },\n            [\n              _c(\n                \"select\",\n                {\n                  staticClass: \"form-control form-control-inline input-sm\",\n                  attrs: { name: \"showRootDir\", id: \"showRootDir\" },\n                  domProps: { value: _vm.stateLayout.selectedRootIndex },\n                  on: {\n                    change: function($event) {\n                      _vm.setStoreLayout({\n                        key: \"selectedRootIndex\",\n                        value: Number($event.target.selectedOptions[0].value)\n                      })\n                    }\n                  }\n                },\n                _vm._l(_vm.selectedRootIndexOptions, function(option) {\n                  return _c(\n                    \"option\",\n                    {\n                      key: option.value,\n                      domProps: { value: String(option.value) }\n                    },\n                    [_vm._v(_vm._s(option.text))]\n                  )\n                }),\n                0\n              )\n            ]\n          ),\n          _vm._v(\" \"),\n          _c(\n            \"div\",\n            { staticClass: \"home-filter-option show-option-layout pull-right\" },\n            [\n              _c(\"span\", [_vm._v(\"Layout: \")]),\n              _vm._v(\" \"),\n              _c(\n                \"select\",\n                {\n                  directives: [\n                    {\n                      name: \"model\",\n                      rawName: \"v-model\",\n                      value: _vm.layout,\n                      expression: \"layout\"\n                    }\n                  ],\n                  staticClass:\n                    \"form-control form-control-inline input-sm show-layout\",\n                  attrs: { name: \"layout\" },\n                  on: {\n                    change: function($event) {\n                      var $$selectedVal = Array.prototype.filter\n                        .call($event.target.options, function(o) {\n                          return o.selected\n                        })\n                        .map(function(o) {\n                          var val = \"_value\" in o ? o._value : o.value\n                          return val\n                        })\n                      _vm.layout = $event.target.multiple\n                        ? $$selectedVal\n                        : $$selectedVal[0]\n                    }\n                  }\n                },\n                [\n                  _c(\"option\", { attrs: { value: \"poster\" } }, [\n                    _vm._v(\"Poster\")\n                  ]),\n                  _vm._v(\" \"),\n                  _c(\"option\", { attrs: { value: \"small\" } }, [\n                    _vm._v(\"Small Poster\")\n                  ]),\n                  _vm._v(\" \"),\n                  _c(\"option\", { attrs: { value: \"banner\" } }, [\n                    _vm._v(\"Banner\")\n                  ]),\n                  _vm._v(\" \"),\n                  _c(\"option\", { attrs: { value: \"simple\" } }, [\n                    _vm._v(\"Simple\")\n                  ])\n                ]\n              )\n            ]\n          )\n        ])\n      ]),\n      _vm._v(\" \"),\n      _c(\"div\", { staticClass: \"row\" }, [\n        _c(\n          \"div\",\n          { staticClass: \"col-md-12\" },\n          [\n            _vm.stateLayout.splitHomeInTabs\n              ? _c(\n                  \"div\",\n                  { attrs: { id: \"showTabs\" } },\n                  [\n                    _c(\n                      \"vue-tabs\",\n                      { on: { \"tab-change\": _vm.tabChange } },\n                      _vm._l(_vm.showsInLists, function(showInList) {\n                        return _c(\n                          \"v-tab\",\n                          {\n                            key: showInList.listTitle,\n                            attrs: { title: showInList.listTitle }\n                          },\n                          [\n                            [\"banner\", \"simple\", \"small\", \"poster\"].includes(\n                              _vm.layout\n                            )\n                              ? [\n                                  _c(\n                                    \"show-list\",\n                                    _vm._b(\n                                      {\n                                        attrs: {\n                                          id:\n                                            showInList.listTitle.toLowerCase() +\n                                            \"TabContent\"\n                                        }\n                                      },\n                                      \"show-list\",\n                                      {\n                                        listTitle: showInList.listTitle,\n                                        layout: _vm.layout,\n                                        shows: showInList.shows,\n                                        header: showInList.length > 1\n                                      },\n                                      false\n                                    )\n                                  )\n                                ]\n                              : _vm._e()\n                          ],\n                          2\n                        )\n                      }),\n                      1\n                    )\n                  ],\n                  1\n                )\n              : [\n                  [\"banner\", \"simple\", \"small\", \"poster\"].includes(_vm.layout)\n                    ? [\n                        _c(\n                          \"draggable\",\n                          {\n                            staticClass: \"list-group\",\n                            attrs: { tag: \"ul\", handle: \".move-show-list\" },\n                            model: {\n                              value: _vm.showList,\n                              callback: function($$v) {\n                                _vm.showList = $$v\n                              },\n                              expression: \"showList\"\n                            }\n                          },\n                          _vm._l(_vm.showsInLists, function(showInList) {\n                            return _c(\n                              \"li\",\n                              { key: showInList.listTitle },\n                              [\n                                _c(\n                                  \"show-list\",\n                                  _vm._b(\n                                    {},\n                                    \"show-list\",\n                                    {\n                                      listTitle: showInList.listTitle,\n                                      layout: _vm.layout,\n                                      shows: showInList.shows,\n                                      header: showInList.length > 1\n                                    },\n                                    false\n                                  )\n                                )\n                              ],\n                              1\n                            )\n                          }),\n                          0\n                        )\n                      ]\n                    : _vm._e()\n                ],\n            _vm._v(\" \"),\n            _vm.showsInLists &&\n            _vm.showsInLists.filter(function(list) {\n              return list.shows.length > 0\n            }).length === 0\n              ? _c(\n                  \"span\",\n                  [\n                    _vm._v(\"Please add a show \"),\n                    _c(\"app-link\", { attrs: { href: \"addShows\" } }, [\n                      _vm._v(\"here\")\n                    ]),\n                    _vm._v(\" to get started\")\n                  ],\n                  1\n                )\n              : _vm._e()\n          ],\n          2\n        )\n      ]),\n      _vm._v(\" \"),\n      _c(\"backstretch\", { attrs: { slug: _vm.config.randomShowSlug } })\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./src/components/home.vue?./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -1607,7 +1618,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", [\n    !_vm.stateLayout.splitHomeInTabs\n      ? _c(\"div\", { staticClass: \"showListTitle listTitle\" }, [\n          _vm._m(0),\n          _vm._v(\" \"),\n          _c(\"h2\", { staticClass: \"header\" }, [_vm._v(_vm._s(_vm.listTitle))])\n        ])\n      : _vm._e(),\n    _vm._v(\" \"),\n    _vm.layout === \"poster\"\n      ? _c(\"div\", { staticClass: \"row poster-ui-controls\" }, [\n          _c(\n            \"div\",\n            { staticClass: \"col-lg-12\" },\n            [\n              _c(\"div\", { staticClass: \"show-option\" }, [\n                _c(\n                  \"select\",\n                  {\n                    directives: [\n                      {\n                        name: \"model\",\n                        rawName: \"v-model\",\n                        value: _vm.posterUiSortDir,\n                        expression: \"posterUiSortDir\"\n                      }\n                    ],\n                    staticClass: \"form-control form-control-inline input-sm\",\n                    attrs: {\n                      id: \"postersortdirection\",\n                      placeholder: \"Direction\"\n                    },\n                    on: {\n                      change: function($event) {\n                        var $$selectedVal = Array.prototype.filter\n                          .call($event.target.options, function(o) {\n                            return o.selected\n                          })\n                          .map(function(o) {\n                            var val = \"_value\" in o ? o._value : o.value\n                            return val\n                          })\n                        _vm.posterUiSortDir = $event.target.multiple\n                          ? $$selectedVal\n                          : $$selectedVal[0]\n                      }\n                    }\n                  },\n                  [\n                    _c(\"option\", { domProps: { value: 1 } }, [\n                      _vm._v(\"Ascending\")\n                    ]),\n                    _vm._v(\" \"),\n                    _c(\"option\", { domProps: { value: 0 } }, [\n                      _vm._v(\"Descending\")\n                    ])\n                  ]\n                )\n              ]),\n              _vm._v(\" \"),\n              _c(\"div\", { staticClass: \"show-option pull-right\" }, [\n                _c(\n                  \"select\",\n                  {\n                    directives: [\n                      {\n                        name: \"model\",\n                        rawName: \"v-model\",\n                        value: _vm.posterUiSortBy,\n                        expression: \"posterUiSortBy\"\n                      }\n                    ],\n                    staticClass: \"form-control form-control-inline input-sm\",\n                    attrs: { id: \"postersort\", placeholder: \"Sort By\" },\n                    on: {\n                      change: function($event) {\n                        var $$selectedVal = Array.prototype.filter\n                          .call($event.target.options, function(o) {\n                            return o.selected\n                          })\n                          .map(function(o) {\n                            var val = \"_value\" in o ? o._value : o.value\n                            return val\n                          })\n                        _vm.posterUiSortBy = $event.target.multiple\n                          ? $$selectedVal\n                          : $$selectedVal[0]\n                      }\n                    }\n                  },\n                  _vm._l(_vm.posterSortByOptions, function(option) {\n                    return _c(\n                      \"option\",\n                      { key: option.value, domProps: { value: option.value } },\n                      [\n                        _vm._v(\n                          \"\\n                        \" +\n                            _vm._s(option.text) +\n                            \"\\n                    \"\n                        )\n                      ]\n                    )\n                  }),\n                  0\n                )\n              ]),\n              _vm._v(\" \"),\n              _c(\"poster-size-slider\")\n            ],\n            1\n          )\n        ])\n      : _vm._e(),\n    _vm._v(\" \"),\n    !this.showsLoading.finished && _vm.shows.length === 0\n      ? _c(\n          \"div\",\n          [\n            _c(\"state-switch\", {\n              attrs: { state: \"loading\", theme: _vm.stateLayout.themeName }\n            }),\n            _vm._v(\" \"),\n            _c(\"span\", [_vm._v(\"Loading\")])\n          ],\n          1\n        )\n      : _vm.shows.length >= 1\n      ? _c(\n          \"div\",\n          {\n            class: [\n              [\"simple\", \"small\", \"banner\"].includes(_vm.layout)\n                ? \"table-layout\"\n                : \"\"\n            ]\n          },\n          [\n            _c(\n              _vm.mappedLayout,\n              _vm._b({ tag: \"component\" }, \"component\", _vm.$props, false)\n            )\n          ],\n          1\n        )\n      : _c(\n          \"span\",\n          [\n            _vm._v(\"Please add a show \"),\n            _c(\"app-link\", { attrs: { href: \"addShows\" } }, [_vm._v(\"here\")]),\n            _vm._v(\" to get started\")\n          ],\n          1\n        )\n  ])\n}\nvar staticRenderFns = [\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\n      \"button\",\n      {\n        staticClass: \"nav-show-list move-show-list\",\n        attrs: { type: \"button\" }\n      },\n      [\n        _c(\"span\", { staticClass: \"icon-bar\" }),\n        _vm._v(\" \"),\n        _c(\"span\", { staticClass: \"icon-bar\" }),\n        _vm._v(\" \"),\n        _c(\"span\", { staticClass: \"icon-bar\" })\n      ]\n    )\n  }\n]\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./src/components/show-list/index.vue?./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", [\n    !_vm.stateLayout.splitHomeInTabs &&\n    _vm.showsInLists && _vm.showsInLists.length > 1\n      ? _c(\"div\", { staticClass: \"showListTitle listTitle\" }, [\n          _vm._m(0),\n          _vm._v(\" \"),\n          _c(\"h2\", { staticClass: \"header\" }, [_vm._v(_vm._s(_vm.listTitle))])\n        ])\n      : _vm._e(),\n    _vm._v(\" \"),\n    _vm.layout === \"poster\"\n      ? _c(\"div\", { staticClass: \"row poster-ui-controls\" }, [\n          _c(\n            \"div\",\n            { staticClass: \"col-lg-12\" },\n            [\n              _c(\"div\", { staticClass: \"show-option\" }, [\n                _c(\n                  \"select\",\n                  {\n                    directives: [\n                      {\n                        name: \"model\",\n                        rawName: \"v-model\",\n                        value: _vm.posterUiSortDir,\n                        expression: \"posterUiSortDir\"\n                      }\n                    ],\n                    staticClass: \"form-control form-control-inline input-sm\",\n                    attrs: {\n                      id: \"postersortdirection\",\n                      placeholder: \"Direction\"\n                    },\n                    on: {\n                      change: function($event) {\n                        var $$selectedVal = Array.prototype.filter\n                          .call($event.target.options, function(o) {\n                            return o.selected\n                          })\n                          .map(function(o) {\n                            var val = \"_value\" in o ? o._value : o.value\n                            return val\n                          })\n                        _vm.posterUiSortDir = $event.target.multiple\n                          ? $$selectedVal\n                          : $$selectedVal[0]\n                      }\n                    }\n                  },\n                  [\n                    _c(\"option\", { domProps: { value: 1 } }, [\n                      _vm._v(\"Ascending\")\n                    ]),\n                    _vm._v(\" \"),\n                    _c(\"option\", { domProps: { value: 0 } }, [\n                      _vm._v(\"Descending\")\n                    ])\n                  ]\n                )\n              ]),\n              _vm._v(\" \"),\n              _c(\"div\", { staticClass: \"show-option pull-right\" }, [\n                _c(\n                  \"select\",\n                  {\n                    directives: [\n                      {\n                        name: \"model\",\n                        rawName: \"v-model\",\n                        value: _vm.posterUiSortBy,\n                        expression: \"posterUiSortBy\"\n                      }\n                    ],\n                    staticClass: \"form-control form-control-inline input-sm\",\n                    attrs: { id: \"postersort\", placeholder: \"Sort By\" },\n                    on: {\n                      change: function($event) {\n                        var $$selectedVal = Array.prototype.filter\n                          .call($event.target.options, function(o) {\n                            return o.selected\n                          })\n                          .map(function(o) {\n                            var val = \"_value\" in o ? o._value : o.value\n                            return val\n                          })\n                        _vm.posterUiSortBy = $event.target.multiple\n                          ? $$selectedVal\n                          : $$selectedVal[0]\n                      }\n                    }\n                  },\n                  _vm._l(_vm.posterSortByOptions, function(option) {\n                    return _c(\n                      \"option\",\n                      { key: option.value, domProps: { value: option.value } },\n                      [\n                        _vm._v(\n                          \"\\n                        \" +\n                            _vm._s(option.text) +\n                            \"\\n                    \"\n                        )\n                      ]\n                    )\n                  }),\n                  0\n                )\n              ]),\n              _vm._v(\" \"),\n              _c(\"poster-size-slider\")\n            ],\n            1\n          )\n        ])\n      : _vm._e(),\n    _vm._v(\" \"),\n    !this.showsLoading.finished && _vm.shows.length === 0\n      ? _c(\n          \"div\",\n          [\n            _c(\"state-switch\", {\n              attrs: { state: \"loading\", theme: _vm.stateLayout.themeName }\n            }),\n            _vm._v(\" \"),\n            _c(\"span\", [_vm._v(\"Loading\")])\n          ],\n          1\n        )\n      : _vm.shows.length >= 1\n      ? _c(\n          \"div\",\n          {\n            class: [\n              [\"simple\", \"small\", \"banner\"].includes(_vm.layout)\n                ? \"table-layout\"\n                : \"\"\n            ]\n          },\n          [\n            _c(\n              _vm.mappedLayout,\n              _vm._b({ tag: \"component\" }, \"component\", _vm.$props, false)\n            )\n          ],\n          1\n        )\n      : _vm._e()\n  ])\n}\nvar staticRenderFns = [\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\n      \"button\",\n      {\n        staticClass: \"nav-show-list move-show-list\",\n        attrs: { type: \"button\" }\n      },\n      [\n        _c(\"span\", { staticClass: \"icon-bar\" }),\n        _vm._v(\" \"),\n        _c(\"span\", { staticClass: \"icon-bar\" }),\n        _vm._v(\" \"),\n        _c(\"span\", { staticClass: \"icon-bar\" })\n      ]\n    )\n  }\n]\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./src/components/show-list/index.vue?./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -1981,6 +1992,17 @@ eval("// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// lo
 
 /***/ }),
 
+/***/ "./node_modules/vue-style-loader/index.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js?!./src/components/schedule.vue?vue&type=style&index=0&lang=css&":
+/*!*******************************************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-style-loader!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib??vue-loader-options!./src/components/schedule.vue?vue&type=style&index=0&lang=css& ***!
+  \*******************************************************************************************************************************************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+eval("// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = __webpack_require__(/*! !../../node_modules/css-loader/dist/cjs.js!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/vue-loader/lib??vue-loader-options!./schedule.vue?vue&type=style&index=0&lang=css& */ \"./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js?!./src/components/schedule.vue?vue&type=style&index=0&lang=css&\");\nif(typeof content === 'string') content = [[module.i, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar add = __webpack_require__(/*! ../../node_modules/vue-style-loader/lib/addStylesClient.js */ \"./node_modules/vue-style-loader/lib/addStylesClient.js\").default\nvar update = add(\"072056ea\", content, false, {});\n// Hot Module Replacement\nif(false) {}\n\n//# sourceURL=webpack:///./src/components/schedule.vue?./node_modules/vue-style-loader!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib??vue-loader-options");
+
+/***/ }),
+
 /***/ "./node_modules/vue-style-loader/index.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js?!./src/components/show-header.vue?vue&type=style&index=0&id=2465ca06&scoped=true&lang=css&":
 /*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
   !*** ./node_modules/vue-style-loader!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib??vue-loader-options!./src/components/show-header.vue?vue&type=style&index=0&id=2465ca06&scoped=true&lang=css& ***!
@@ -4010,7 +4032,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _nod
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _schedule_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./schedule.vue?vue&type=script&lang=js& */ \"./src/components/schedule.vue?vue&type=script&lang=js&\");\n/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ \"./node_modules/vue-loader/lib/runtime/componentNormalizer.js\");\nvar render, staticRenderFns\n\n\n\n\n/* normalize component */\n\nvar component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(\n  _schedule_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (false) { var api; }\ncomponent.options.__file = \"src/components/schedule.vue\"\n/* harmony default export */ __webpack_exports__[\"default\"] = (component.exports);\n\n//# sourceURL=webpack:///./src/components/schedule.vue?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _schedule_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./schedule.vue?vue&type=script&lang=js& */ \"./src/components/schedule.vue?vue&type=script&lang=js&\");\n/* empty/unused harmony star reexport *//* harmony import */ var _schedule_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./schedule.vue?vue&type=style&index=0&lang=css& */ \"./src/components/schedule.vue?vue&type=style&index=0&lang=css&\");\n/* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ \"./node_modules/vue-loader/lib/runtime/componentNormalizer.js\");\nvar render, staticRenderFns\n\n\n\n\n\n/* normalize component */\n\nvar component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(\n  _schedule_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (false) { var api; }\ncomponent.options.__file = \"src/components/schedule.vue\"\n/* harmony default export */ __webpack_exports__[\"default\"] = (component.exports);\n\n//# sourceURL=webpack:///./src/components/schedule.vue?");
 
 /***/ }),
 
@@ -4026,6 +4048,18 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _nod
 
 /***/ }),
 
+/***/ "./src/components/schedule.vue?vue&type=style&index=0&lang=css&":
+/*!**********************************************************************!*\
+  !*** ./src/components/schedule.vue?vue&type=style&index=0&lang=css& ***!
+  \**********************************************************************/
+/*! no static exports found */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _node_modules_vue_style_loader_index_js_node_modules_css_loader_dist_cjs_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_vue_loader_lib_index_js_vue_loader_options_schedule_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../node_modules/vue-style-loader!../../node_modules/css-loader/dist/cjs.js!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/vue-loader/lib??vue-loader-options!./schedule.vue?vue&type=style&index=0&lang=css& */ \"./node_modules/vue-style-loader/index.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js?!./src/components/schedule.vue?vue&type=style&index=0&lang=css&\");\n/* harmony import */ var _node_modules_vue_style_loader_index_js_node_modules_css_loader_dist_cjs_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_vue_loader_lib_index_js_vue_loader_options_schedule_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_node_modules_css_loader_dist_cjs_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_vue_loader_lib_index_js_vue_loader_options_schedule_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__);\n/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_vue_style_loader_index_js_node_modules_css_loader_dist_cjs_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_vue_loader_lib_index_js_vue_loader_options_schedule_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__) if(__WEBPACK_IMPORT_KEY__ !== 'default') (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_vue_style_loader_index_js_node_modules_css_loader_dist_cjs_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_vue_loader_lib_index_js_vue_loader_options_schedule_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));\n /* harmony default export */ __webpack_exports__[\"default\"] = (_node_modules_vue_style_loader_index_js_node_modules_css_loader_dist_cjs_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_vue_loader_lib_index_js_vue_loader_options_schedule_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0___default.a); \n\n//# sourceURL=webpack:///./src/components/schedule.vue?");
+
+/***/ }),
+
 /***/ "./src/components/show-header.vue":
 /*!****************************************!*\
   !*** ./src/components/show-header.vue ***!
@@ -5138,7 +5172,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vue_
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ \"./node_modules/vue/dist/vue.esm.js\");\n/* harmony import */ var _api__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../api */ \"./src/api.js\");\n/* harmony import */ var _mutation_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../mutation-types */ \"./src/store/mutation-types.js\");\n\n\n\n/**\n * @typedef {object} ShowIdentifier\n * @property {string} indexer The indexer name (e.g. `tvdb`)\n * @property {number} id The show ID on the indexer (e.g. `12345`)\n */\n\nconst state = {\n  shows: [],\n  currentShow: {\n    indexer: null,\n    id: null\n  },\n  loading: {\n    total: null,\n    current: null,\n    display: false,\n    finished: false\n  }\n};\nconst mutations = {\n  [_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW\"]](state, show) {\n    const existingShow = state.shows.find(({\n      id,\n      indexer\n    }) => Number(show.id[show.indexer]) === Number(id[indexer]));\n\n    if (!existingShow) {\n      console.debug(`Adding ${show.title || show.indexer + String(show.id)} as it wasn't found in the shows array`, show);\n      state.shows.push(show);\n      return;\n    } // Merge new show object over old one\n    // this allows detailed queries to update the record\n    // without the non-detailed removing the extra data\n\n\n    console.debug(`Found ${show.title || show.indexer + String(show.id)} in shows array attempting merge`);\n    const newShow = { ...existingShow,\n      ...show\n    }; // Update state\n\n    vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"].set(state.shows, state.shows.indexOf(existingShow), newShow);\n    console.debug(`Merged ${newShow.title || newShow.indexer + String(newShow.id)}`, newShow);\n  },\n\n  [_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOWS\"]](state, shows) {\n    // Quick check on duplicate shows.\n    const newShows = shows.filter(newShow => {\n      return !state.shows.find(({\n        id,\n        indexer\n      }) => Number(newShow.id[newShow.indexer]) === Number(id[indexer]) && newShow.indexer === indexer);\n    });\n    vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"].set(state, 'shows', [...state.shows, ...newShows]);\n    console.debug(`Added ${shows.length} shows to store`);\n  },\n\n  [_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW_CONFIG\"]](state, {\n    show,\n    config\n  }) {\n    const existingShow = state.shows.find(({\n      id,\n      indexer\n    }) => Number(show.id[show.indexer]) === Number(id[indexer]));\n    existingShow.config = { ...existingShow.config,\n      ...config\n    };\n  },\n\n  currentShow(state, {\n    indexer,\n    id\n  }) {\n    state.currentShow.indexer = indexer;\n    state.currentShow.id = id;\n  },\n\n  setLoadingTotal(state, total) {\n    state.loading.total = total;\n  },\n\n  setLoadingCurrent(state, current) {\n    state.loading.current = current;\n  },\n\n  updateLoadingCurrent(state, current) {\n    state.loading.current += current;\n  },\n\n  setLoadingDisplay(state, display) {\n    state.loading.display = display;\n  },\n\n  setLoadingFinished(state, finished) {\n    state.loading.finished = finished;\n  },\n\n  [_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW_EPISODE\"]](state, {\n    show,\n    episodes\n  }) {\n    // Creating a new show object (from the state one) as we want to trigger a store update\n    const newShow = Object.assign({}, state.shows.find(({\n      id,\n      indexer\n    }) => Number(show.id[show.indexer]) === Number(id[indexer])));\n\n    if (!newShow.seasons) {\n      newShow.seasons = [];\n    } // Recreate an Array with season objects, with each season having an episodes array.\n    // This format is used by vue-good-table (displayShow).\n\n\n    episodes.forEach(episode => {\n      const existingSeason = newShow.seasons.find(season => season.season === episode.season);\n\n      if (existingSeason) {\n        const foundIndex = existingSeason.episodes.findIndex(element => element.slug === episode.slug);\n\n        if (foundIndex === -1) {\n          existingSeason.episodes.push(episode);\n        } else {\n          existingSeason.episodes.splice(foundIndex, 1, episode);\n        }\n      } else {\n        const newSeason = {\n          season: episode.season,\n          episodes: [],\n          html: false,\n          mode: 'span',\n          label: 1\n        };\n        newShow.seasons.push(newSeason);\n        newSeason.episodes.push(episode);\n      }\n    }); // Update state\n\n    const existingShow = state.shows.find(({\n      id,\n      indexer\n    }) => Number(show.id[show.indexer]) === Number(id[indexer]));\n    vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"].set(state.shows, state.shows.indexOf(existingShow), newShow);\n    console.log(`Storing episodes for show ${newShow.title} seasons: ${[...new Set(episodes.map(episode => episode.season))].join(', ')}`);\n  },\n\n  [_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW_SCENE_EXCEPTION\"]](state, {\n    show,\n    exception\n  }) {\n    // Get current show object\n    const currentShow = Object.assign({}, state.shows.find(({\n      id,\n      indexer\n    }) => Number(show.id[show.indexer]) === Number(id[indexer])));\n\n    if (currentShow.config.aliases.find(e => e.title === exception.title && e.season === exception.season)) {\n      console.warn(`Can't add exception ${exception.title} with season ${exception.season} to show ${currentShow.title} as it already exists.`);\n      return;\n    }\n\n    currentShow.config.aliases.push(exception);\n  },\n\n  [_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"REMOVE_SHOW_SCENE_EXCEPTION\"]](state, {\n    show,\n    exception\n  }) {\n    // Get current show object\n    const currentShow = Object.assign({}, state.shows.find(({\n      id,\n      indexer\n    }) => Number(show.id[show.indexer]) === Number(id[indexer])));\n\n    if (!currentShow.config.aliases.find(e => e.title === exception.title && e.season === exception.season)) {\n      console.warn(`Can't remove exception ${exception.title} with season ${exception.season} to show ${currentShow.title} as it does not exist.`);\n      return;\n    }\n\n    currentShow.config.aliases.splice(currentShow.config.aliases.indexOf(exception), 1);\n  }\n\n};\nconst getters = {\n  getShowById: state => {\n    /**\n     * Get a show from the loaded shows state, identified by show ID and indexer name.\n     *\n     * @param {ShowIdentifier} show Show identifiers.\n     * @returns {object|undefined} Show object or undefined if not found.\n     */\n    const getShowById = ({\n      id,\n      indexer\n    }) => state.shows.find(show => Number(show.id[indexer]) === Number(id));\n\n    return getShowById;\n  },\n  getShowByTitle: state => title => state.shows.find(show => show.title === title),\n  getSeason: state => ({\n    showSlug,\n    season\n  }) => {\n    const show = state.shows.find(show => show.id.slug === showSlug);\n    return show && show.seasons ? show.seasons[season] : undefined;\n  },\n  getEpisode: state => ({\n    showSlug,\n    season,\n    episode\n  }) => {\n    const show = state.shows.find(show => show.id.slug === showSlug);\n    return show && show.seasons && show.seasons.find(s => s.season === season) ? show.seasons.find(s => s.season === season).episodes.find(ep => ep.episode === episode) : undefined;\n  },\n  getCurrentShow: (state, getters, rootState) => {\n    return state.shows.find(show => Number(show.id[state.currentShow.indexer]) === Number(state.currentShow.id)) || rootState.defaults.show;\n  },\n  showsWithStats: (state, getters, rootState) => {\n    if (!state.shows) {\n      return [];\n    }\n\n    return state.shows.map(show => {\n      let showStats = rootState.stats.show.stats.find(stat => stat.indexerId === getters.indexerNameToId(show.indexer) && stat.seriesId === show.id[show.indexer]);\n      const newLine = '\\u000D';\n      let text = 'Unaired';\n      let title = '';\n\n      if (!showStats) {\n        showStats = {\n          epDownloaded: 0,\n          epSnatched: 0,\n          epTotal: 0,\n          seriesSize: 0\n        };\n      }\n\n      if (showStats.epTotal >= 1) {\n        text = showStats.epDownloaded;\n        title = `Downloaded: ${showStats.epDownloaded}`;\n\n        if (showStats.epSnatched) {\n          text += `+${showStats.epSnatched}`;\n          title += `${newLine}Snatched: ${showStats.epSnatched}`;\n        }\n\n        text += ` / ${showStats.epTotal}`;\n        title += `${newLine}Total: ${showStats.epTotal}`;\n      }\n\n      show.stats = {\n        episodes: {\n          total: showStats.epTotal,\n          snatched: showStats.epSnatched,\n          downloaded: showStats.epDownloaded,\n          size: showStats.seriesSize\n        },\n        tooltip: {\n          text,\n          title,\n          percentage: showStats.epDownloaded * 100 / (showStats.epTotal || 1)\n        }\n      };\n      return show;\n    });\n  }\n};\n/**\n * An object representing request parameters for getting a show from the API.\n *\n * @typedef {object} ShowGetParameters\n * @property {boolean} detailed Fetch detailed information? (e.g. scene/xem numbering)\n * @property {boolean} episodes Fetch seasons & episodes?\n */\n\nconst actions = {\n  /**\n   * Get show from API and commit it to the store.\n   *\n   * @param {*} context The store context.\n   * @param {ShowIdentifier&ShowGetParameters} parameters Request parameters.\n   * @returns {Promise} The API response.\n   */\n  getShow(context, {\n    indexer,\n    id,\n    detailed,\n    episodes\n  }) {\n    return new Promise((resolve, reject) => {\n      const {\n        commit\n      } = context;\n      const params = {};\n      let timeout = 30000;\n\n      if (detailed !== undefined) {\n        params.detailed = detailed;\n        timeout = 60000;\n        timeout = 60000;\n      }\n\n      if (episodes !== undefined) {\n        params.episodes = episodes;\n        timeout = 60000;\n      }\n\n      _api__WEBPACK_IMPORTED_MODULE_1__[\"api\"].get(`/series/${indexer}${id}`, {\n        params,\n        timeout\n      }).then(res => {\n        commit(_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW\"], res.data);\n        resolve(res.data);\n      }).catch(error => {\n        reject(error);\n      });\n    });\n  },\n\n  /**\n   * Get episdoes for a specified show from API and commit it to the store.\n   *\n   * @param {*} context - The store context.\n   * @param {ShowParameteres} parameters - Request parameters.\n   * @returns {Promise} The API response.\n   */\n  getEpisodes({\n    commit,\n    getters\n  }, {\n    indexer,\n    id,\n    season\n  }) {\n    return new Promise((resolve, reject) => {\n      const {\n        getShowById\n      } = getters;\n      const show = getShowById({\n        id,\n        indexer\n      });\n      const limit = 1000;\n      const params = {\n        limit\n      };\n\n      if (season !== undefined) {\n        params.season = season;\n      } // Get episodes\n\n\n      _api__WEBPACK_IMPORTED_MODULE_1__[\"api\"].get(`/series/${indexer}${id}/episodes`, {\n        params\n      }).then(response => {\n        commit(_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW_EPISODE\"], {\n          show,\n          episodes: response.data\n        });\n        resolve();\n      }).catch(error => {\n        console.log(`Could not retrieve a episodes for show ${indexer}${id}, error: ${error}`);\n        reject(error);\n      });\n    });\n  },\n\n  /**\n   * Get shows from API and commit them to the store.\n   *\n   * @param {*} context - The store context.\n   * @param {(ShowIdentifier&ShowGetParameters)[]} shows Shows to get. If not provided, gets the first 1k shows.\n   * @returns {undefined|Promise} undefined if `shows` was provided or the API response if not.\n   */\n  getShows(context, shows) {\n    const {\n      commit,\n      dispatch\n    } = context; // If no shows are provided get the first 1000\n\n    if (!shows) {\n      // Loading new shows, commit show loading information to state.\n      commit('setLoadingTotal', 0);\n      commit('setLoadingCurrent', 0);\n      commit('setLoadingDisplay', true);\n      const limit = 1000;\n      const page = 1;\n      const params = {\n        limit,\n        page\n      };\n      const pageRequests = []; // Get first page\n\n      pageRequests.push(_api__WEBPACK_IMPORTED_MODULE_1__[\"api\"].get('/series', {\n        params\n      }).then(response => {\n        commit('setLoadingTotal', Number(response.headers['x-pagination-count']));\n        const totalPages = Number(response.headers['x-pagination-total']);\n        commit(_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOWS\"], response.data);\n        commit('updateLoadingCurrent', response.data.length); // Optionally get additional pages\n\n        for (let page = 2; page <= totalPages; page++) {\n          const newPage = {\n            page\n          };\n          newPage.limit = params.limit;\n          pageRequests.push(_api__WEBPACK_IMPORTED_MODULE_1__[\"api\"].get('/series', {\n            params: newPage\n          }).then(response => {\n            commit(_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOWS\"], response.data);\n            commit('updateLoadingCurrent', response.data.length);\n          }));\n        }\n      }).catch(() => {\n        console.log('Could not retrieve a list of shows');\n      }));\n      return Promise.all(pageRequests);\n    }\n\n    return shows.forEach(show => dispatch('getShow', show));\n  },\n\n  setShow(context, {\n    indexer,\n    id,\n    data\n  }) {\n    // Update show, updated show will arrive over a WebSocket message\n    return _api__WEBPACK_IMPORTED_MODULE_1__[\"api\"].patch(`series/${indexer}${id}`, data);\n  },\n\n  updateShow(context, show) {\n    // Update local store\n    const {\n      commit\n    } = context;\n    return commit(_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW\"], show);\n  },\n\n  addSceneException(context, {\n    show,\n    exception\n  }) {\n    const {\n      commit\n    } = context;\n    commit(_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW_SCENE_EXCEPTION\"], {\n      show,\n      exception\n    });\n  },\n\n  removeSceneException(context, {\n    show,\n    exception\n  }) {\n    const {\n      commit\n    } = context;\n    commit(_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"REMOVE_SHOW_SCENE_EXCEPTION\"], {\n      show,\n      exception\n    });\n  },\n\n  setCurrentShow(context, {\n    indexer,\n    id\n  }) {\n    // Set current show\n    const {\n      commit\n    } = context;\n    return commit('currentShow', {\n      indexer,\n      id\n    });\n  },\n\n  setShowConfig(context, {\n    show,\n    config\n  }) {\n    const {\n      commit\n    } = context;\n    commit(_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW_CONFIG\"], {\n      show,\n      config\n    });\n  }\n\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  state,\n  mutations,\n  getters,\n  actions\n});\n\n//# sourceURL=webpack:///./src/store/modules/shows.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ \"./node_modules/vue/dist/vue.esm.js\");\n/* harmony import */ var _api__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../api */ \"./src/api.js\");\n/* harmony import */ var _mutation_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../mutation-types */ \"./src/store/mutation-types.js\");\n\n\n\n/**\n * @typedef {object} ShowIdentifier\n * @property {string} indexer The indexer name (e.g. `tvdb`)\n * @property {number} id The show ID on the indexer (e.g. `12345`)\n */\n\nconst state = {\n  shows: [],\n  currentShow: {\n    indexer: null,\n    id: null\n  },\n  loading: {\n    total: null,\n    current: null,\n    display: false,\n    finished: false\n  }\n};\nconst mutations = {\n  [_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW\"]](state, show) {\n    const existingShow = state.shows.find(({\n      id,\n      indexer\n    }) => Number(show.id[show.indexer]) === Number(id[indexer]));\n\n    if (!existingShow) {\n      console.debug(`Adding ${show.title || show.indexer + String(show.id)} as it wasn't found in the shows array`, show);\n      state.shows.push(show);\n      return;\n    } // Merge new show object over old one\n    // this allows detailed queries to update the record\n    // without the non-detailed removing the extra data\n\n\n    console.debug(`Found ${show.title || show.indexer + String(show.id)} in shows array attempting merge`);\n    const newShow = { ...existingShow,\n      ...show\n    }; // Update state\n\n    vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"].set(state.shows, state.shows.indexOf(existingShow), newShow);\n    console.debug(`Merged ${newShow.title || newShow.indexer + String(newShow.id)}`, newShow);\n  },\n\n  [_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOWS\"]](state, shows) {\n    // Quick check on duplicate shows.\n    const newShows = shows.filter(newShow => {\n      return !state.shows.find(({\n        id,\n        indexer\n      }) => Number(newShow.id[newShow.indexer]) === Number(id[indexer]) && newShow.indexer === indexer);\n    });\n    vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"].set(state, 'shows', [...state.shows, ...newShows]);\n    console.debug(`Added ${shows.length} shows to store`);\n  },\n\n  [_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW_CONFIG\"]](state, {\n    show,\n    config\n  }) {\n    const existingShow = state.shows.find(({\n      id,\n      indexer\n    }) => Number(show.id[show.indexer]) === Number(id[indexer]));\n    existingShow.config = { ...existingShow.config,\n      ...config\n    };\n  },\n\n  currentShow(state, {\n    indexer,\n    id\n  }) {\n    state.currentShow.indexer = indexer;\n    state.currentShow.id = id;\n  },\n\n  setLoadingTotal(state, total) {\n    state.loading.total = total;\n  },\n\n  setLoadingCurrent(state, current) {\n    state.loading.current = current;\n  },\n\n  updateLoadingCurrent(state, current) {\n    state.loading.current += current;\n  },\n\n  setLoadingDisplay(state, display) {\n    state.loading.display = display;\n  },\n\n  setLoadingFinished(state, finished) {\n    state.loading.finished = finished;\n  },\n\n  [_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW_EPISODE\"]](state, {\n    show,\n    episodes\n  }) {\n    // Creating a new show object (from the state one) as we want to trigger a store update\n    const newShow = Object.assign({}, state.shows.find(({\n      id,\n      indexer\n    }) => Number(show.id[show.indexer]) === Number(id[indexer])));\n\n    if (!newShow.seasons) {\n      newShow.seasons = [];\n    } // Recreate an Array with season objects, with each season having an episodes array.\n    // This format is used by vue-good-table (displayShow).\n\n\n    episodes.forEach(episode => {\n      const existingSeason = newShow.seasons.find(season => season.season === episode.season);\n\n      if (existingSeason) {\n        const foundIndex = existingSeason.episodes.findIndex(element => element.slug === episode.slug);\n\n        if (foundIndex === -1) {\n          existingSeason.episodes.push(episode);\n        } else {\n          existingSeason.episodes.splice(foundIndex, 1, episode);\n        }\n      } else {\n        const newSeason = {\n          season: episode.season,\n          episodes: [],\n          html: false,\n          mode: 'span',\n          label: 1\n        };\n        newShow.seasons.push(newSeason);\n        newSeason.episodes.push(episode);\n      }\n    }); // Update state\n\n    const existingShow = state.shows.find(({\n      id,\n      indexer\n    }) => Number(show.id[show.indexer]) === Number(id[indexer]));\n    vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"].set(state.shows, state.shows.indexOf(existingShow), newShow);\n    console.log(`Storing episodes for show ${newShow.title} seasons: ${[...new Set(episodes.map(episode => episode.season))].join(', ')}`);\n  },\n\n  [_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW_SCENE_EXCEPTION\"]](state, {\n    show,\n    exception\n  }) {\n    // Get current show object\n    const currentShow = Object.assign({}, state.shows.find(({\n      id,\n      indexer\n    }) => Number(show.id[show.indexer]) === Number(id[indexer])));\n\n    if (currentShow.config.aliases.find(e => e.title === exception.title && e.season === exception.season)) {\n      console.warn(`Can't add exception ${exception.title} with season ${exception.season} to show ${currentShow.title} as it already exists.`);\n      return;\n    }\n\n    currentShow.config.aliases.push(exception);\n  },\n\n  [_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"REMOVE_SHOW_SCENE_EXCEPTION\"]](state, {\n    show,\n    exception\n  }) {\n    // Get current show object\n    const currentShow = Object.assign({}, state.shows.find(({\n      id,\n      indexer\n    }) => Number(show.id[show.indexer]) === Number(id[indexer])));\n\n    if (!currentShow.config.aliases.find(e => e.title === exception.title && e.season === exception.season)) {\n      console.warn(`Can't remove exception ${exception.title} with season ${exception.season} to show ${currentShow.title} as it does not exist.`);\n      return;\n    }\n\n    currentShow.config.aliases.splice(currentShow.config.aliases.indexOf(exception), 1);\n  }\n\n};\nconst getters = {\n  getShowById: state => {\n    /**\n     * Get a show from the loaded shows state, identified by show ID and indexer name.\n     *\n     * @param {ShowIdentifier} show Show identifiers.\n     * @returns {object|undefined} Show object or undefined if not found.\n     */\n    const getShowById = ({\n      id,\n      indexer\n    }) => state.shows.find(show => Number(show.id[indexer]) === Number(id));\n\n    return getShowById;\n  },\n  getShowByTitle: state => title => state.shows.find(show => show.title === title),\n  getSeason: state => ({\n    showSlug,\n    season\n  }) => {\n    const show = state.shows.find(show => show.id.slug === showSlug);\n    return show && show.seasons ? show.seasons[season] : undefined;\n  },\n  getEpisode: state => ({\n    showSlug,\n    season,\n    episode\n  }) => {\n    const show = state.shows.find(show => show.id.slug === showSlug);\n    return show && show.seasons && show.seasons.find(s => s.season === season) ? show.seasons.find(s => s.season === season).episodes.find(ep => ep.episode === episode) : undefined;\n  },\n  getCurrentShow: (state, getters, rootState) => {\n    return state.shows.find(show => Number(show.id[state.currentShow.indexer]) === Number(state.currentShow.id)) || rootState.defaults.show;\n  },\n  showsWithStats: (state, getters, rootState) => {\n    if (!state.shows) {\n      return [];\n    }\n\n    return state.shows.map(show => {\n      let showStats = rootState.stats.show.stats.find(stat => stat.indexerId === getters.indexerNameToId(show.indexer) && stat.seriesId === show.id[show.indexer]);\n      const newLine = '\\u000D';\n      let text = 'Unaired';\n      let title = '';\n\n      if (!showStats) {\n        showStats = {\n          epDownloaded: 0,\n          epSnatched: 0,\n          epTotal: 0,\n          seriesSize: 0\n        };\n      }\n\n      if (showStats.epTotal >= 1) {\n        text = showStats.epDownloaded;\n        title = `Downloaded: ${showStats.epDownloaded}`;\n\n        if (showStats.epSnatched) {\n          text += `+${showStats.epSnatched}`;\n          title += `${newLine}Snatched: ${showStats.epSnatched}`;\n        }\n\n        text += ` / ${showStats.epTotal}`;\n        title += `${newLine}Total: ${showStats.epTotal}`;\n      }\n\n      show.stats = {\n        episodes: {\n          total: showStats.epTotal,\n          snatched: showStats.epSnatched,\n          downloaded: showStats.epDownloaded,\n          size: showStats.seriesSize\n        },\n        tooltip: {\n          text,\n          title,\n          percentage: showStats.epDownloaded * 100 / (showStats.epTotal || 1)\n        }\n      };\n      return show;\n    });\n  },\n  showsInLists: (state, getters, rootState) => {\n    const {\n      layout,\n      general\n    } = rootState.config;\n    const {\n      show\n    } = layout;\n    const {\n      showListOrder\n    } = show;\n    const {\n      rootDirs\n    } = general;\n    const {\n      selectedRootIndex,\n      local\n    } = layout;\n    const {\n      showFilterByName\n    } = local;\n    const {\n      showsWithStats\n    } = getters;\n    let shows = null; // Filter root dirs\n\n    shows = showsWithStats.filter(show => selectedRootIndex === -1 || show.config.location.includes(rootDirs.slice(1)[selectedRootIndex])); // Filter by text for the banner, simple and smallposter layouts.\n    // The Poster layout uses vue-isotope and this does not respond well to changes to the `list` property.\n\n    if (layout.home !== 'poster') {\n      shows = shows.filter(show => show.title.toLowerCase().includes(showFilterByName.toLowerCase()));\n    }\n\n    const categorizedShows = showListOrder.filter(listTitle => shows.filter(show => show.config.showLists.map(list => list.toLowerCase()).includes(listTitle.toLowerCase())).length > 0).map(listTitle => ({\n      listTitle,\n      shows: shows.filter(show => show.config.showLists.map(list => list.toLowerCase()).includes(listTitle.toLowerCase()))\n    })); // Check for shows that are not in any category anymore\n\n    const uncategorizedShows = shows.filter(show => {\n      return show.config.showLists.map(item => {\n        return showListOrder.map(list => list.toLowerCase()).includes(item.toLowerCase());\n      }).every(item => !item);\n    });\n\n    if (uncategorizedShows.length > 0) {\n      categorizedShows.push({\n        listTitle: 'uncategorized',\n        shows: uncategorizedShows\n      });\n    }\n\n    if (categorizedShows.length === 0 && uncategorizedShows.length === 0) {\n      categorizedShows.push({\n        listTitle: 'Series',\n        shows: []\n      });\n    }\n\n    return categorizedShows;\n  }\n};\n/**\n * An object representing request parameters for getting a show from the API.\n *\n * @typedef {object} ShowGetParameters\n * @property {boolean} detailed Fetch detailed information? (e.g. scene/xem numbering)\n * @property {boolean} episodes Fetch seasons & episodes?\n */\n\nconst actions = {\n  /**\n   * Get show from API and commit it to the store.\n   *\n   * @param {*} context The store context.\n   * @param {ShowIdentifier&ShowGetParameters} parameters Request parameters.\n   * @returns {Promise} The API response.\n   */\n  getShow(context, {\n    indexer,\n    id,\n    detailed,\n    episodes\n  }) {\n    return new Promise((resolve, reject) => {\n      const {\n        commit\n      } = context;\n      const params = {};\n      let timeout = 30000;\n\n      if (detailed !== undefined) {\n        params.detailed = detailed;\n        timeout = 60000;\n        timeout = 60000;\n      }\n\n      if (episodes !== undefined) {\n        params.episodes = episodes;\n        timeout = 60000;\n      }\n\n      _api__WEBPACK_IMPORTED_MODULE_1__[\"api\"].get(`/series/${indexer}${id}`, {\n        params,\n        timeout\n      }).then(res => {\n        commit(_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW\"], res.data);\n        resolve(res.data);\n      }).catch(error => {\n        reject(error);\n      });\n    });\n  },\n\n  /**\n   * Get episdoes for a specified show from API and commit it to the store.\n   *\n   * @param {*} context - The store context.\n   * @param {ShowParameteres} parameters - Request parameters.\n   * @returns {Promise} The API response.\n   */\n  getEpisodes({\n    commit,\n    getters\n  }, {\n    indexer,\n    id,\n    season\n  }) {\n    return new Promise((resolve, reject) => {\n      const {\n        getShowById\n      } = getters;\n      const show = getShowById({\n        id,\n        indexer\n      });\n      const limit = 1000;\n      const params = {\n        limit\n      };\n\n      if (season !== undefined) {\n        params.season = season;\n      } // Get episodes\n\n\n      _api__WEBPACK_IMPORTED_MODULE_1__[\"api\"].get(`/series/${indexer}${id}/episodes`, {\n        params\n      }).then(response => {\n        commit(_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW_EPISODE\"], {\n          show,\n          episodes: response.data\n        });\n        resolve();\n      }).catch(error => {\n        console.log(`Could not retrieve a episodes for show ${indexer}${id}, error: ${error}`);\n        reject(error);\n      });\n    });\n  },\n\n  /**\n   * Get shows from API and commit them to the store.\n   *\n   * @param {*} context - The store context.\n   * @param {(ShowIdentifier&ShowGetParameters)[]} shows Shows to get. If not provided, gets the first 1k shows.\n   * @returns {undefined|Promise} undefined if `shows` was provided or the API response if not.\n   */\n  getShows(context, shows) {\n    const {\n      commit,\n      dispatch\n    } = context; // If no shows are provided get the first 1000\n\n    if (!shows) {\n      // Loading new shows, commit show loading information to state.\n      commit('setLoadingTotal', 0);\n      commit('setLoadingCurrent', 0);\n      commit('setLoadingDisplay', true);\n      const limit = 1000;\n      const page = 1;\n      const params = {\n        limit,\n        page\n      };\n      const pageRequests = []; // Get first page\n\n      pageRequests.push(_api__WEBPACK_IMPORTED_MODULE_1__[\"api\"].get('/series', {\n        params\n      }).then(response => {\n        commit('setLoadingTotal', Number(response.headers['x-pagination-count']));\n        const totalPages = Number(response.headers['x-pagination-total']);\n        commit(_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOWS\"], response.data);\n        commit('updateLoadingCurrent', response.data.length); // Optionally get additional pages\n\n        for (let page = 2; page <= totalPages; page++) {\n          const newPage = {\n            page\n          };\n          newPage.limit = params.limit;\n          pageRequests.push(_api__WEBPACK_IMPORTED_MODULE_1__[\"api\"].get('/series', {\n            params: newPage\n          }).then(response => {\n            commit(_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOWS\"], response.data);\n            commit('updateLoadingCurrent', response.data.length);\n          }));\n        }\n      }).catch(() => {\n        console.log('Could not retrieve a list of shows');\n      }));\n      return Promise.all(pageRequests);\n    }\n\n    return shows.forEach(show => dispatch('getShow', show));\n  },\n\n  setShow(context, {\n    indexer,\n    id,\n    data\n  }) {\n    // Update show, updated show will arrive over a WebSocket message\n    return _api__WEBPACK_IMPORTED_MODULE_1__[\"api\"].patch(`series/${indexer}${id}`, data);\n  },\n\n  updateShow(context, show) {\n    // Update local store\n    const {\n      commit\n    } = context;\n    return commit(_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW\"], show);\n  },\n\n  addSceneException(context, {\n    show,\n    exception\n  }) {\n    const {\n      commit\n    } = context;\n    commit(_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW_SCENE_EXCEPTION\"], {\n      show,\n      exception\n    });\n  },\n\n  removeSceneException(context, {\n    show,\n    exception\n  }) {\n    const {\n      commit\n    } = context;\n    commit(_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"REMOVE_SHOW_SCENE_EXCEPTION\"], {\n      show,\n      exception\n    });\n  },\n\n  setCurrentShow(context, {\n    indexer,\n    id\n  }) {\n    // Set current show\n    const {\n      commit\n    } = context;\n    return commit('currentShow', {\n      indexer,\n      id\n    });\n  },\n\n  setShowConfig(context, {\n    show,\n    config\n  }) {\n    const {\n      commit\n    } = context;\n    commit(_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW_CONFIG\"], {\n      show,\n      config\n    });\n  }\n\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  state,\n  mutations,\n  getters,\n  actions\n});\n\n//# sourceURL=webpack:///./src/store/modules/shows.js?");
 
 /***/ }),
 
diff --git a/themes/light/assets/js/medusa-runtime.js b/themes/light/assets/js/medusa-runtime.js
index def78b6594..d41a4d67a2 100644
--- a/themes/light/assets/js/medusa-runtime.js
+++ b/themes/light/assets/js/medusa-runtime.js
@@ -464,7 +464,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(f
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _show_list__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./show-list */ \"./src/components/show-list/index.js\");\n/* harmony import */ var vue_nav_tabs_dist_vue_tabs_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue-nav-tabs/dist/vue-tabs.js */ \"./node_modules/vue-nav-tabs/dist/vue-tabs.js\");\n/* harmony import */ var vue_nav_tabs_dist_vue_tabs_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(vue_nav_tabs_dist_vue_tabs_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var vuedraggable__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! vuedraggable */ \"./node_modules/vuedraggable/dist/vuedraggable.common.js\");\n/* harmony import */ var vuedraggable__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(vuedraggable__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _backstretch_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./backstretch.vue */ \"./src/components/backstretch.vue\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: 'home',\n  components: {\n    Backstretch: _backstretch_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n    ShowList: _show_list__WEBPACK_IMPORTED_MODULE_1__[\"ShowList\"],\n    VueTabs: vue_nav_tabs_dist_vue_tabs_js__WEBPACK_IMPORTED_MODULE_2__[\"VueTabs\"],\n    VTab: vue_nav_tabs_dist_vue_tabs_js__WEBPACK_IMPORTED_MODULE_2__[\"VTab\"],\n    Draggable: (vuedraggable__WEBPACK_IMPORTED_MODULE_3___default())\n  },\n\n  data() {\n    return {\n      layoutOptions: [{\n        value: 'poster',\n        text: 'Poster'\n      }, {\n        value: 'small',\n        text: 'Small Poster'\n      }, {\n        value: 'banner',\n        text: 'Banner'\n      }, {\n        value: 'simple',\n        text: 'Simple'\n      }],\n      selectedRootDir: 0\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapState\"])({\n      config: state => state.config.general,\n      indexers: state => state.config.indexers,\n      // Renamed because of the computed property 'layout'.\n      stateLayout: state => state.config.layout,\n      stats: state => state.stats\n    }),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])({\n      showsWithStats: 'showsWithStats'\n    }),\n    layout: {\n      get() {\n        const {\n          stateLayout\n        } = this;\n        return stateLayout.home;\n      },\n\n      set(layout) {\n        const {\n          setLayout\n        } = this;\n        const page = 'home';\n        setLayout({\n          page,\n          layout\n        });\n      }\n\n    },\n    filterByName: {\n      get() {\n        const {\n          local\n        } = this.stateLayout;\n        const {\n          showFilterByName\n        } = local;\n        return showFilterByName;\n      },\n\n      set(value) {\n        const {\n          setLayoutLocal\n        } = this;\n        setLayoutLocal({\n          key: 'showFilterByName',\n          value\n        });\n      }\n\n    },\n    showList: {\n      get() {\n        const {\n          stateLayout\n        } = this;\n        const {\n          show\n        } = stateLayout;\n        return show.showListOrder;\n      },\n\n      set(value) {\n        const {\n          stateLayout,\n          setLayoutShow\n        } = this;\n        const mergedShowLayout = { ...stateLayout.show,\n          showListOrder: value.map(item => item.value)\n        };\n        setLayoutShow(mergedShowLayout);\n      }\n\n    },\n\n    showLists() {\n      const {\n        config,\n        filterByName,\n        indexers,\n        layout,\n        stateLayout,\n        showList,\n        showsWithStats\n      } = this;\n      const {\n        rootDirs\n      } = config;\n      const {\n        selectedRootIndex\n      } = stateLayout;\n\n      if (!indexers.indexers || showsWithStats.length === 0) {\n        return;\n      }\n\n      let shows = null; // Filter root dirs\n\n      shows = showsWithStats.filter(show => selectedRootIndex === -1 || show.config.location.includes(rootDirs.slice(1)[selectedRootIndex])); // Filter by text for the banner, simple and smallposter layouts.\n      // The Poster layout uses vue-isotope and this does not respond well to changes to the `list` property.\n\n      if (layout !== 'poster') {\n        shows = shows.filter(show => show.title.toLowerCase().includes(filterByName.toLowerCase()));\n      }\n\n      const categorizedShows = showList.filter(listTitle => {\n        return listTitle === 'series' || shows.filter(show => show.config.showLists.map(list => list.toLowerCase()).includes(listTitle.toLowerCase())).length > 0;\n      }).map(listTitle => ({\n        listTitle,\n        shows: shows.filter(show => show.config.showLists.map(list => list.toLowerCase()).includes(listTitle.toLowerCase()))\n      })); // Check for shows that are not in any category anymore\n\n      const uncategorizedShows = shows.filter(show => {\n        return show.config.showLists.map(item => {\n          return showList.map(list => list.toLowerCase()).includes(item.toLowerCase());\n        }).every(item => !item);\n      });\n\n      if (uncategorizedShows.length > 0) {\n        categorizedShows.push({\n          listTitle: 'uncategorized',\n          shows: uncategorizedShows\n        });\n      }\n\n      return categorizedShows;\n    },\n\n    selectedRootIndexOptions() {\n      const {\n        config\n      } = this;\n      const {\n        rootDirs\n      } = config;\n      return [...[{\n        value: -1,\n        text: 'All Folders'\n      }], ...rootDirs.slice(1).map((item, idx) => ({\n        text: item,\n        value: idx\n      }))];\n    }\n\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])({\n      setLayout: 'setLayout',\n      setConfig: 'setConfig',\n      setLayoutShow: 'setLayoutShow',\n      setStoreLayout: 'setStoreLayout',\n      setLayoutLocal: 'setLayoutLocal',\n      getShows: 'getShows',\n      getStats: 'getStats'\n    }),\n\n    async changePosterSortBy() {\n      // Patch new posterSOrtBy value\n      const {\n        $snotify,\n        posterSortby,\n        setPosterSortBy\n      } = this;\n\n      try {\n        await setPosterSortBy({\n          section: 'layout',\n          config: {\n            posterSortby\n          }\n        });\n      } catch (error) {\n        $snotify.error('Error while trying to change poster sort option', 'Error');\n      }\n    },\n\n    saveSelectedRootDir(value) {\n      const {\n        setStoreLayout\n      } = this;\n      setStoreLayout({\n        key: 'selectedRootIndex',\n        value\n      });\n    },\n\n    tabChange(tabIndex) {\n      const {\n        setLayoutLocal\n      } = this;\n      setLayoutLocal({\n        key: 'currentShowTab',\n        tabIndex\n      });\n    }\n\n  },\n\n  mounted() {\n    const {\n      getStats\n    } = this;\n    getStats('show');\n  }\n\n});\n\n//# sourceURL=webpack:///./src/components/home.vue?./node_modules/babel-loader/lib??ref--1!./node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./helpers */ \"./src/components/helpers/index.js\");\n/* harmony import */ var _show_list__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./show-list */ \"./src/components/show-list/index.js\");\n/* harmony import */ var vue_nav_tabs_dist_vue_tabs_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! vue-nav-tabs/dist/vue-tabs.js */ \"./node_modules/vue-nav-tabs/dist/vue-tabs.js\");\n/* harmony import */ var vue_nav_tabs_dist_vue_tabs_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(vue_nav_tabs_dist_vue_tabs_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var vuedraggable__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! vuedraggable */ \"./node_modules/vuedraggable/dist/vuedraggable.common.js\");\n/* harmony import */ var vuedraggable__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(vuedraggable__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _backstretch_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./backstretch.vue */ \"./src/components/backstretch.vue\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: 'home',\n  components: {\n    AppLink: _helpers__WEBPACK_IMPORTED_MODULE_1__[\"AppLink\"],\n    Backstretch: _backstretch_vue__WEBPACK_IMPORTED_MODULE_5__[\"default\"],\n    ShowList: _show_list__WEBPACK_IMPORTED_MODULE_2__[\"ShowList\"],\n    VueTabs: vue_nav_tabs_dist_vue_tabs_js__WEBPACK_IMPORTED_MODULE_3__[\"VueTabs\"],\n    VTab: vue_nav_tabs_dist_vue_tabs_js__WEBPACK_IMPORTED_MODULE_3__[\"VTab\"],\n    Draggable: (vuedraggable__WEBPACK_IMPORTED_MODULE_4___default())\n  },\n\n  data() {\n    return {\n      layoutOptions: [{\n        value: 'poster',\n        text: 'Poster'\n      }, {\n        value: 'small',\n        text: 'Small Poster'\n      }, {\n        value: 'banner',\n        text: 'Banner'\n      }, {\n        value: 'simple',\n        text: 'Simple'\n      }],\n      selectedRootDir: 0\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapState\"])({\n      config: state => state.config.general,\n      indexers: state => state.config.indexers,\n      // Renamed because of the computed property 'layout'.\n      stateLayout: state => state.config.layout,\n      stats: state => state.stats\n    }),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])({\n      showsWithStats: 'showsWithStats',\n      showsInLists: 'showsInLists'\n    }),\n    layout: {\n      get() {\n        const {\n          stateLayout\n        } = this;\n        return stateLayout.home;\n      },\n\n      set(layout) {\n        const {\n          setLayout\n        } = this;\n        const page = 'home';\n        setLayout({\n          page,\n          layout\n        });\n      }\n\n    },\n    filterByName: {\n      get() {\n        const {\n          local\n        } = this.stateLayout;\n        const {\n          showFilterByName\n        } = local;\n        return showFilterByName;\n      },\n\n      set(value) {\n        const {\n          setLayoutLocal\n        } = this;\n        setLayoutLocal({\n          key: 'showFilterByName',\n          value\n        });\n      }\n\n    },\n    showList: {\n      get() {\n        const {\n          stateLayout\n        } = this;\n        const {\n          show\n        } = stateLayout;\n        return show.showListOrder;\n      },\n\n      set(value) {\n        const {\n          stateLayout,\n          setLayoutShow\n        } = this;\n        const mergedShowLayout = { ...stateLayout.show,\n          showListOrder: value.map(item => item.value)\n        };\n        setLayoutShow(mergedShowLayout);\n      }\n\n    },\n\n    selectedRootIndexOptions() {\n      const {\n        config\n      } = this;\n      const {\n        rootDirs\n      } = config;\n      return [...[{\n        value: -1,\n        text: 'All Folders'\n      }], ...rootDirs.slice(1).map((item, idx) => ({\n        text: item,\n        value: idx\n      }))];\n    }\n\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])({\n      setLayout: 'setLayout',\n      setConfig: 'setConfig',\n      setLayoutShow: 'setLayoutShow',\n      setStoreLayout: 'setStoreLayout',\n      setLayoutLocal: 'setLayoutLocal',\n      getShows: 'getShows',\n      getStats: 'getStats'\n    }),\n\n    async changePosterSortBy() {\n      // Patch new posterSOrtBy value\n      const {\n        $snotify,\n        posterSortby,\n        setPosterSortBy\n      } = this;\n\n      try {\n        await setPosterSortBy({\n          section: 'layout',\n          config: {\n            posterSortby\n          }\n        });\n      } catch (error) {\n        $snotify.error('Error while trying to change poster sort option', 'Error');\n      }\n    },\n\n    saveSelectedRootDir(value) {\n      const {\n        setStoreLayout\n      } = this;\n      setStoreLayout({\n        key: 'selectedRootIndex',\n        value\n      });\n    },\n\n    tabChange(tabIndex) {\n      const {\n        setLayoutLocal\n      } = this;\n      setLayoutLocal({\n        key: 'currentShowTab',\n        tabIndex\n      });\n    }\n\n  },\n\n  mounted() {\n    const {\n      getStats\n    } = this;\n    getStats('show');\n  }\n\n});\n\n//# sourceURL=webpack:///./src/components/home.vue?./node_modules/babel-loader/lib??ref--1!./node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -596,7 +596,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _hel
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _banner_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./banner.vue */ \"./src/components/show-list/banner.vue\");\n/* harmony import */ var _simple_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./simple.vue */ \"./src/components/show-list/simple.vue\");\n/* harmony import */ var _poster_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./poster.vue */ \"./src/components/show-list/poster.vue\");\n/* harmony import */ var _smallposter_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./smallposter.vue */ \"./src/components/show-list/smallposter.vue\");\n/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../helpers */ \"./src/components/helpers/index.js\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: 'show-list',\n  components: {\n    AppLink: _helpers__WEBPACK_IMPORTED_MODULE_5__[\"AppLink\"],\n    Banner: _banner_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n    Simple: _simple_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n    Poster: _poster_vue__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n    PosterSizeSlider: _helpers__WEBPACK_IMPORTED_MODULE_5__[\"PosterSizeSlider\"],\n    Smallposter: _smallposter_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n    StateSwitch: _helpers__WEBPACK_IMPORTED_MODULE_5__[\"StateSwitch\"]\n  },\n  props: {\n    layout: {\n      validator: layout => [null, '', 'poster', 'banner', 'simple', 'small'].includes(layout),\n      required: true\n    },\n    shows: {\n      type: Array,\n      required: true\n    },\n    listTitle: {\n      type: String\n    },\n    header: {\n      type: Boolean\n    }\n  },\n\n  data() {\n    return {\n      postSortDirOptions: [{\n        value: '0',\n        text: 'Descending'\n      }, {\n        value: '1',\n        text: 'Ascending'\n      }],\n      posterSortByOptions: [{\n        text: 'Name',\n        value: 'name'\n      }, {\n        text: 'Next episode',\n        value: 'date'\n      }, {\n        text: 'Network',\n        value: 'network'\n      }, {\n        text: 'Progress',\n        value: 'progress'\n      }, {\n        text: 'Indexer',\n        value: 'indexer'\n      }]\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapState\"])({\n      stateLayout: state => state.config.layout,\n      showsLoading: state => state.shows.loading\n    }),\n\n    mappedLayout() {\n      const {\n        layout\n      } = this;\n\n      if (layout === 'small') {\n        return 'smallposter';\n      }\n\n      return layout;\n    },\n\n    posterUiSortBy: {\n      get() {\n        const {\n          stateLayout\n        } = this;\n        const {\n          posterSortby\n        } = stateLayout;\n        return posterSortby;\n      },\n\n      set(value) {\n        const {\n          setPosterSortBy\n        } = this;\n        setPosterSortBy({\n          value\n        });\n      }\n\n    },\n    posterUiSortDir: {\n      get() {\n        const {\n          stateLayout\n        } = this;\n        const {\n          posterSortdir\n        } = stateLayout;\n        return posterSortdir;\n      },\n\n      set(value) {\n        const {\n          setPosterSortDir\n        } = this;\n        setPosterSortDir({\n          value\n        });\n      }\n\n    }\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])({\n      setPosterSortBy: 'setPosterSortBy',\n      setPosterSortDir: 'setPosterSortDir'\n    })\n  }\n});\n\n//# sourceURL=webpack:///./src/components/show-list/index.vue?./node_modules/babel-loader/lib??ref--1!./node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _banner_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./banner.vue */ \"./src/components/show-list/banner.vue\");\n/* harmony import */ var _simple_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./simple.vue */ \"./src/components/show-list/simple.vue\");\n/* harmony import */ var _poster_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./poster.vue */ \"./src/components/show-list/poster.vue\");\n/* harmony import */ var _smallposter_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./smallposter.vue */ \"./src/components/show-list/smallposter.vue\");\n/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../helpers */ \"./src/components/helpers/index.js\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: 'show-list',\n  components: {\n    Banner: _banner_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n    Simple: _simple_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n    Poster: _poster_vue__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n    PosterSizeSlider: _helpers__WEBPACK_IMPORTED_MODULE_5__[\"PosterSizeSlider\"],\n    Smallposter: _smallposter_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n    StateSwitch: _helpers__WEBPACK_IMPORTED_MODULE_5__[\"StateSwitch\"]\n  },\n  props: {\n    layout: {\n      validator: layout => [null, '', 'poster', 'banner', 'simple', 'small'].includes(layout),\n      required: true\n    },\n    shows: {\n      type: Array,\n      required: true\n    },\n    listTitle: {\n      type: String\n    },\n    header: {\n      type: Boolean\n    }\n  },\n\n  data() {\n    return {\n      postSortDirOptions: [{\n        value: '0',\n        text: 'Descending'\n      }, {\n        value: '1',\n        text: 'Ascending'\n      }],\n      posterSortByOptions: [{\n        text: 'Name',\n        value: 'name'\n      }, {\n        text: 'Next episode',\n        value: 'date'\n      }, {\n        text: 'Network',\n        value: 'network'\n      }, {\n        text: 'Progress',\n        value: 'progress'\n      }, {\n        text: 'Indexer',\n        value: 'indexer'\n      }]\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapState\"])({\n      stateLayout: state => state.config.layout,\n      showsLoading: state => state.shows.loading\n    }),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])({\n      showsInLists: 'showsInLists'\n    }),\n\n    mappedLayout() {\n      const {\n        layout\n      } = this;\n\n      if (layout === 'small') {\n        return 'smallposter';\n      }\n\n      return layout;\n    },\n\n    posterUiSortBy: {\n      get() {\n        const {\n          stateLayout\n        } = this;\n        const {\n          posterSortby\n        } = stateLayout;\n        return posterSortby;\n      },\n\n      set(value) {\n        const {\n          setPosterSortBy\n        } = this;\n        setPosterSortBy({\n          value\n        });\n      }\n\n    },\n    posterUiSortDir: {\n      get() {\n        const {\n          stateLayout\n        } = this;\n        const {\n          posterSortdir\n        } = stateLayout;\n        return posterSortdir;\n      },\n\n      set(value) {\n        const {\n          setPosterSortDir\n        } = this;\n        setPosterSortDir({\n          value\n        });\n      }\n\n    }\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])({\n      setPosterSortBy: 'setPosterSortBy',\n      setPosterSortDir: 'setPosterSortDir'\n    })\n  }\n});\n\n//# sourceURL=webpack:///./src/components/show-list/index.vue?./node_modules/babel-loader/lib??ref--1!./node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -982,6 +982,17 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
 
 /***/ }),
 
+/***/ "./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js?!./src/components/schedule.vue?vue&type=style&index=0&lang=css&":
+/*!***********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib??vue-loader-options!./src/components/schedule.vue?vue&type=style&index=0&lang=css& ***!
+  \***********************************************************************************************************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \"\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n/* Also defined in style.css and dark.css, but i'm overwriting for light and dark, because the schedule table has coloring. */\\ntd.tvShow a {\\n    color: rgb(0, 0, 0);\\n    text-decoration: none;\\n}\\ntd.tvShow a:hover {\\n    cursor: pointer;\\n    color: rgb(66, 139, 202);\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack:///./src/components/schedule.vue?./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib??vue-loader-options");
+
+/***/ }),
+
 /***/ "./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js?!./src/components/show-header.vue?vue&type=style&index=0&id=2465ca06&scoped=true&lang=css&":
 /*!**************************************************************************************************************************************************************************************************************************************************!*\
   !*** ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib??vue-loader-options!./src/components/show-header.vue?vue&type=style&index=0&id=2465ca06&scoped=true&lang=css& ***!
@@ -1011,7 +1022,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \"\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n/** Use this as table styling for all table layouts */\\n.table-layout[data-v-3df39291] .vgt-table {\\n    width: 100%;\\n    margin-right: auto;\\n    margin-left: auto;\\n    text-align: left;\\n    border-spacing: 0;\\n}\\n.table-layout[data-v-3df39291] .vgt-table th,\\n.table-layout[data-v-3df39291] .vgt-table td {\\n    padding: 4px;\\n    vertical-align: middle;\\n}\\n\\n/* remove extra border from left edge */\\n.table-layout[data-v-3df39291] .vgt-table th:first-child,\\n.table-layout[data-v-3df39291] .vgt-table td:first-child {\\n    border-left: none;\\n}\\n.table-layout[data-v-3df39291] .vgt-table th {\\n    text-align: center;\\n    border-collapse: collapse;\\n    font-weight: normal;\\n}\\n.table-layout[data-v-3df39291] .vgt-table span.break-word {\\n    word-wrap: break-word;\\n}\\n.table-layout[data-v-3df39291] .vgt-table thead th.sorting.sorting-asc {\\n    background-position-x: right;\\n    background-position-y: bottom;\\n}\\n.table-layout[data-v-3df39291] .vgt-table thead th.sorting {\\n    background-repeat: no-repeat;\\n}\\n.table-layout[data-v-3df39291] .vgt-table thead th {\\n    padding: 4px;\\n    cursor: default;\\n}\\n.table-layout[data-v-3df39291] .vgt-table input.tablesorter-filter {\\n    width: 98%;\\n    height: auto;\\n    -webkit-box-sizing: border-box;\\n    -moz-box-sizing: border-box;\\n    box-sizing: border-box;\\n}\\n.table-layout[data-v-3df39291] .vgt-table tr.tablesorter-filter-row,\\n.table-layout[data-v-3df39291] .vgt-table tr.tablesorter-filter-row td {\\n    text-align: center;\\n}\\n\\n/* optional disabled input styling */\\n.table-layout[data-v-3df39291] .vgt-table input.tablesorter-filter-row .disabled {\\n    display: none;\\n}\\n.tablesorter-header-inner[data-v-3df39291] {\\n    padding: 0 2px;\\n    text-align: center;\\n}\\n.table-layout[data-v-3df39291] .vgt-table tfoot tr {\\n    text-align: center;\\n    border-collapse: collapse;\\n}\\n.table-layout[data-v-3df39291] .vgt-table tfoot a {\\n    text-decoration: none;\\n}\\n.table-layout[data-v-3df39291] .vgt-table th.vgt-row-header {\\n    text-align: left;\\n}\\n.table-layout[data-v-3df39291] .vgt-table .season-header {\\n    display: inline;\\n    margin-left: 5px;\\n}\\n.table-layout[data-v-3df39291] .vgt-table tr.spacer {\\n    height: 25px;\\n}\\n.table-layout[data-v-3df39291] .vgt-dropdown-menu {\\n    position: absolute;\\n    z-index: 1000;\\n    float: left;\\n    min-width: 160px;\\n    padding: 5px 0;\\n    margin: 2px 0 0;\\n    font-size: 14px;\\n    text-align: left;\\n    list-style: none;\\n    background-clip: padding-box;\\n    border-radius: 4px;\\n}\\n.table-layout[data-v-3df39291] .vgt-dropdown-menu > li > span {\\n    display: block;\\n    padding: 3px 20px;\\n    clear: both;\\n    font-weight: 400;\\n    line-height: 1.42857143;\\n    white-space: nowrap;\\n}\\n.table-layout[data-v-3df39291] .align-center {\\n    display: flex;\\n    justify-content: center;\\n}\\n.table-layout[data-v-3df39291] .indexer-image :not(:last-child) {\\n    margin-right: 5px;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack:///./src/components/show-list/index.vue?./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib??vue-loader-options");
+eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \"\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n/** Use this as table styling for all table layouts */\\n.table-layout[data-v-3df39291] .vgt-table {\\n    width: 100%;\\n    margin-right: auto;\\n    margin-left: auto;\\n    text-align: left;\\n    border-spacing: 0;\\n}\\n.table-layout[data-v-3df39291] .vgt-table th,\\n.table-layout[data-v-3df39291] .vgt-table td {\\n    padding: 4px;\\n    vertical-align: middle;\\n}\\n\\n/* remove extra border from left edge */\\n.table-layout[data-v-3df39291] .vgt-table th:first-child,\\n.table-layout[data-v-3df39291] .vgt-table td:first-child {\\n    border-left: none;\\n}\\n.table-layout[data-v-3df39291] .vgt-table th {\\n    text-align: center;\\n    border-collapse: collapse;\\n    font-weight: normal;\\n}\\n.table-layout[data-v-3df39291] .vgt-table span.break-word {\\n    word-wrap: break-word;\\n}\\n.table-layout[data-v-3df39291] .vgt-table thead th.sorting.sorting-asc {\\n    background-position-x: right;\\n    background-position-y: bottom;\\n}\\n.table-layout[data-v-3df39291] .vgt-table thead th.sorting {\\n    background-repeat: no-repeat;\\n}\\n.table-layout[data-v-3df39291] .vgt-table thead th {\\n    padding: 4px;\\n    cursor: default;\\n}\\n.table-layout[data-v-3df39291] .vgt-table input.tablesorter-filter {\\n    width: 98%;\\n    height: auto;\\n    -webkit-box-sizing: border-box;\\n    -moz-box-sizing: border-box;\\n    box-sizing: border-box;\\n}\\n.table-layout[data-v-3df39291] .vgt-table tr.tablesorter-filter-row,\\n.table-layout[data-v-3df39291] .vgt-table tr.tablesorter-filter-row td {\\n    text-align: center;\\n}\\n\\n/* optional disabled input styling */\\n.table-layout[data-v-3df39291] .vgt-table input.tablesorter-filter-row .disabled {\\n    display: none;\\n}\\n.tablesorter-header-inner[data-v-3df39291] {\\n    padding: 0 2px;\\n    text-align: center;\\n}\\n.table-layout[data-v-3df39291] .vgt-table tfoot tr {\\n    text-align: center;\\n    border-collapse: collapse;\\n}\\n.table-layout[data-v-3df39291] .vgt-table tfoot a {\\n    text-decoration: none;\\n}\\n.table-layout[data-v-3df39291] .vgt-table th.vgt-row-header {\\n    text-align: left;\\n}\\n.table-layout[data-v-3df39291] .vgt-table .season-header {\\n    display: inline;\\n    margin-left: 5px;\\n}\\n.table-layout[data-v-3df39291] .vgt-table tr.spacer {\\n    height: 25px;\\n}\\n.table-layout[data-v-3df39291] .vgt-dropdown-menu {\\n    position: absolute;\\n    z-index: 1000;\\n    float: left;\\n    min-width: 160px;\\n    padding: 5px 0;\\n    margin: 2px 0 0;\\n    font-size: 14px;\\n    text-align: left;\\n    list-style: none;\\n    background-clip: padding-box;\\n    border-radius: 4px;\\n}\\n.table-layout[data-v-3df39291] .vgt-dropdown-menu > li > span {\\n    display: block;\\n    padding: 3px 20px;\\n    clear: both;\\n    font-weight: 400;\\n    line-height: 1.42857143;\\n    white-space: nowrap;\\n}\\n.table-layout[data-v-3df39291] .align-center {\\n    display: flex;\\n    justify-content: center;\\n}\\n.table-layout[data-v-3df39291] .indexer-image :not(:last-child) {\\n    margin-right: 5px;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack:///./src/components/show-list/index.vue?./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -1499,7 +1510,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    { attrs: { id: \"home\" } },\n    [\n      [\"banner\", \"simple\", \"small\"].includes(_vm.layout)\n        ? _c(\"div\", { staticClass: \"row\" }, [\n            _c(\"div\", { staticClass: \"col-sm-12\" }, [\n              _c(\n                \"div\",\n                { staticClass: \"home-filter-option option-filter-name\" },\n                [\n                  _c(\"input\", {\n                    directives: [\n                      {\n                        name: \"model\",\n                        rawName: \"v-model\",\n                        value: _vm.filterByName,\n                        expression: \"filterByName\"\n                      }\n                    ],\n                    staticClass:\n                      \"form-control form-control-inline input-sm input200\",\n                    attrs: {\n                      id: \"filterShowName\",\n                      type: \"search\",\n                      placeholder: \"Filter Show Name\"\n                    },\n                    domProps: { value: _vm.filterByName },\n                    on: {\n                      input: function($event) {\n                        if ($event.target.composing) {\n                          return\n                        }\n                        _vm.filterByName = $event.target.value\n                      }\n                    }\n                  })\n                ]\n              )\n            ])\n          ])\n        : _vm._e(),\n      _vm._v(\" \"),\n      _c(\"div\", { staticClass: \"row\" }, [\n        _c(\"div\", { staticClass: \"col-sm-12\" }, [\n          _c(\n            \"div\",\n            {\n              staticClass: \"home-filter-option pull-left\",\n              attrs: { id: \"showRoot\" }\n            },\n            [\n              _c(\n                \"select\",\n                {\n                  staticClass: \"form-control form-control-inline input-sm\",\n                  attrs: { name: \"showRootDir\", id: \"showRootDir\" },\n                  domProps: { value: _vm.stateLayout.selectedRootIndex },\n                  on: {\n                    change: function($event) {\n                      _vm.setStoreLayout({\n                        key: \"selectedRootIndex\",\n                        value: Number($event.target.selectedOptions[0].value)\n                      })\n                    }\n                  }\n                },\n                _vm._l(_vm.selectedRootIndexOptions, function(option) {\n                  return _c(\n                    \"option\",\n                    {\n                      key: option.value,\n                      domProps: { value: String(option.value) }\n                    },\n                    [_vm._v(_vm._s(option.text))]\n                  )\n                }),\n                0\n              )\n            ]\n          ),\n          _vm._v(\" \"),\n          _c(\n            \"div\",\n            { staticClass: \"home-filter-option show-option-layout pull-right\" },\n            [\n              _c(\"span\", [_vm._v(\"Layout: \")]),\n              _vm._v(\" \"),\n              _c(\n                \"select\",\n                {\n                  directives: [\n                    {\n                      name: \"model\",\n                      rawName: \"v-model\",\n                      value: _vm.layout,\n                      expression: \"layout\"\n                    }\n                  ],\n                  staticClass:\n                    \"form-control form-control-inline input-sm show-layout\",\n                  attrs: { name: \"layout\" },\n                  on: {\n                    change: function($event) {\n                      var $$selectedVal = Array.prototype.filter\n                        .call($event.target.options, function(o) {\n                          return o.selected\n                        })\n                        .map(function(o) {\n                          var val = \"_value\" in o ? o._value : o.value\n                          return val\n                        })\n                      _vm.layout = $event.target.multiple\n                        ? $$selectedVal\n                        : $$selectedVal[0]\n                    }\n                  }\n                },\n                [\n                  _c(\"option\", { attrs: { value: \"poster\" } }, [\n                    _vm._v(\"Poster\")\n                  ]),\n                  _vm._v(\" \"),\n                  _c(\"option\", { attrs: { value: \"small\" } }, [\n                    _vm._v(\"Small Poster\")\n                  ]),\n                  _vm._v(\" \"),\n                  _c(\"option\", { attrs: { value: \"banner\" } }, [\n                    _vm._v(\"Banner\")\n                  ]),\n                  _vm._v(\" \"),\n                  _c(\"option\", { attrs: { value: \"simple\" } }, [\n                    _vm._v(\"Simple\")\n                  ])\n                ]\n              )\n            ]\n          )\n        ])\n      ]),\n      _vm._v(\" \"),\n      _c(\"div\", { staticClass: \"row\" }, [\n        _c(\n          \"div\",\n          { staticClass: \"col-md-12\" },\n          [\n            _vm.stateLayout.splitHomeInTabs\n              ? _c(\n                  \"div\",\n                  { attrs: { id: \"showTabs\" } },\n                  [\n                    _c(\n                      \"vue-tabs\",\n                      { on: { \"tab-change\": _vm.tabChange } },\n                      _vm._l(_vm.showLists, function(showList) {\n                        return _c(\n                          \"v-tab\",\n                          {\n                            key: showList.listTitle,\n                            attrs: { title: showList.listTitle }\n                          },\n                          [\n                            [\"banner\", \"simple\", \"small\", \"poster\"].includes(\n                              _vm.layout\n                            )\n                              ? [\n                                  _c(\n                                    \"show-list\",\n                                    _vm._b(\n                                      {\n                                        attrs: {\n                                          id:\n                                            showList.listTitle.toLowerCase() +\n                                            \"TabContent\"\n                                        }\n                                      },\n                                      \"show-list\",\n                                      {\n                                        listTitle: showList.listTitle,\n                                        layout: _vm.layout,\n                                        shows: showList.shows,\n                                        header: _vm.showLists.length > 1\n                                      },\n                                      false\n                                    )\n                                  )\n                                ]\n                              : _vm._e()\n                          ],\n                          2\n                        )\n                      }),\n                      1\n                    )\n                  ],\n                  1\n                )\n              : [\n                  [\"banner\", \"simple\", \"small\", \"poster\"].includes(_vm.layout)\n                    ? [\n                        _c(\n                          \"draggable\",\n                          {\n                            staticClass: \"list-group\",\n                            attrs: { tag: \"ul\", handle: \".move-show-list\" },\n                            model: {\n                              value: _vm.showList,\n                              callback: function($$v) {\n                                _vm.showList = $$v\n                              },\n                              expression: \"showList\"\n                            }\n                          },\n                          _vm._l(_vm.showLists, function(showList) {\n                            return _c(\n                              \"li\",\n                              { key: showList.listTitle },\n                              [\n                                _c(\n                                  \"show-list\",\n                                  _vm._b(\n                                    {},\n                                    \"show-list\",\n                                    {\n                                      listTitle: showList.listTitle,\n                                      layout: _vm.layout,\n                                      shows: showList.shows,\n                                      header: _vm.showLists.length > 1\n                                    },\n                                    false\n                                  )\n                                )\n                              ],\n                              1\n                            )\n                          }),\n                          0\n                        )\n                      ]\n                    : _vm._e()\n                ]\n          ],\n          2\n        )\n      ]),\n      _vm._v(\" \"),\n      _c(\"backstretch\", { attrs: { slug: _vm.config.randomShowSlug } })\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./src/components/home.vue?./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    { attrs: { id: \"home\" } },\n    [\n      [\"banner\", \"simple\", \"small\"].includes(_vm.layout)\n        ? _c(\"div\", { staticClass: \"row\" }, [\n            _c(\"div\", { staticClass: \"col-sm-12\" }, [\n              _c(\n                \"div\",\n                { staticClass: \"home-filter-option option-filter-name\" },\n                [\n                  _c(\"input\", {\n                    directives: [\n                      {\n                        name: \"model\",\n                        rawName: \"v-model\",\n                        value: _vm.filterByName,\n                        expression: \"filterByName\"\n                      }\n                    ],\n                    staticClass:\n                      \"form-control form-control-inline input-sm input200\",\n                    attrs: {\n                      id: \"filterShowName\",\n                      type: \"search\",\n                      placeholder: \"Filter Show Name\"\n                    },\n                    domProps: { value: _vm.filterByName },\n                    on: {\n                      input: function($event) {\n                        if ($event.target.composing) {\n                          return\n                        }\n                        _vm.filterByName = $event.target.value\n                      }\n                    }\n                  })\n                ]\n              )\n            ])\n          ])\n        : _vm._e(),\n      _vm._v(\" \"),\n      _c(\"div\", { staticClass: \"row\" }, [\n        _c(\"div\", { staticClass: \"col-sm-12\" }, [\n          _c(\n            \"div\",\n            {\n              staticClass: \"home-filter-option pull-left\",\n              attrs: { id: \"showRoot\" }\n            },\n            [\n              _c(\n                \"select\",\n                {\n                  staticClass: \"form-control form-control-inline input-sm\",\n                  attrs: { name: \"showRootDir\", id: \"showRootDir\" },\n                  domProps: { value: _vm.stateLayout.selectedRootIndex },\n                  on: {\n                    change: function($event) {\n                      _vm.setStoreLayout({\n                        key: \"selectedRootIndex\",\n                        value: Number($event.target.selectedOptions[0].value)\n                      })\n                    }\n                  }\n                },\n                _vm._l(_vm.selectedRootIndexOptions, function(option) {\n                  return _c(\n                    \"option\",\n                    {\n                      key: option.value,\n                      domProps: { value: String(option.value) }\n                    },\n                    [_vm._v(_vm._s(option.text))]\n                  )\n                }),\n                0\n              )\n            ]\n          ),\n          _vm._v(\" \"),\n          _c(\n            \"div\",\n            { staticClass: \"home-filter-option show-option-layout pull-right\" },\n            [\n              _c(\"span\", [_vm._v(\"Layout: \")]),\n              _vm._v(\" \"),\n              _c(\n                \"select\",\n                {\n                  directives: [\n                    {\n                      name: \"model\",\n                      rawName: \"v-model\",\n                      value: _vm.layout,\n                      expression: \"layout\"\n                    }\n                  ],\n                  staticClass:\n                    \"form-control form-control-inline input-sm show-layout\",\n                  attrs: { name: \"layout\" },\n                  on: {\n                    change: function($event) {\n                      var $$selectedVal = Array.prototype.filter\n                        .call($event.target.options, function(o) {\n                          return o.selected\n                        })\n                        .map(function(o) {\n                          var val = \"_value\" in o ? o._value : o.value\n                          return val\n                        })\n                      _vm.layout = $event.target.multiple\n                        ? $$selectedVal\n                        : $$selectedVal[0]\n                    }\n                  }\n                },\n                [\n                  _c(\"option\", { attrs: { value: \"poster\" } }, [\n                    _vm._v(\"Poster\")\n                  ]),\n                  _vm._v(\" \"),\n                  _c(\"option\", { attrs: { value: \"small\" } }, [\n                    _vm._v(\"Small Poster\")\n                  ]),\n                  _vm._v(\" \"),\n                  _c(\"option\", { attrs: { value: \"banner\" } }, [\n                    _vm._v(\"Banner\")\n                  ]),\n                  _vm._v(\" \"),\n                  _c(\"option\", { attrs: { value: \"simple\" } }, [\n                    _vm._v(\"Simple\")\n                  ])\n                ]\n              )\n            ]\n          )\n        ])\n      ]),\n      _vm._v(\" \"),\n      _c(\"div\", { staticClass: \"row\" }, [\n        _c(\n          \"div\",\n          { staticClass: \"col-md-12\" },\n          [\n            _vm.stateLayout.splitHomeInTabs\n              ? _c(\n                  \"div\",\n                  { attrs: { id: \"showTabs\" } },\n                  [\n                    _c(\n                      \"vue-tabs\",\n                      { on: { \"tab-change\": _vm.tabChange } },\n                      _vm._l(_vm.showsInLists, function(showInList) {\n                        return _c(\n                          \"v-tab\",\n                          {\n                            key: showInList.listTitle,\n                            attrs: { title: showInList.listTitle }\n                          },\n                          [\n                            [\"banner\", \"simple\", \"small\", \"poster\"].includes(\n                              _vm.layout\n                            )\n                              ? [\n                                  _c(\n                                    \"show-list\",\n                                    _vm._b(\n                                      {\n                                        attrs: {\n                                          id:\n                                            showInList.listTitle.toLowerCase() +\n                                            \"TabContent\"\n                                        }\n                                      },\n                                      \"show-list\",\n                                      {\n                                        listTitle: showInList.listTitle,\n                                        layout: _vm.layout,\n                                        shows: showInList.shows,\n                                        header: showInList.length > 1\n                                      },\n                                      false\n                                    )\n                                  )\n                                ]\n                              : _vm._e()\n                          ],\n                          2\n                        )\n                      }),\n                      1\n                    )\n                  ],\n                  1\n                )\n              : [\n                  [\"banner\", \"simple\", \"small\", \"poster\"].includes(_vm.layout)\n                    ? [\n                        _c(\n                          \"draggable\",\n                          {\n                            staticClass: \"list-group\",\n                            attrs: { tag: \"ul\", handle: \".move-show-list\" },\n                            model: {\n                              value: _vm.showList,\n                              callback: function($$v) {\n                                _vm.showList = $$v\n                              },\n                              expression: \"showList\"\n                            }\n                          },\n                          _vm._l(_vm.showsInLists, function(showInList) {\n                            return _c(\n                              \"li\",\n                              { key: showInList.listTitle },\n                              [\n                                _c(\n                                  \"show-list\",\n                                  _vm._b(\n                                    {},\n                                    \"show-list\",\n                                    {\n                                      listTitle: showInList.listTitle,\n                                      layout: _vm.layout,\n                                      shows: showInList.shows,\n                                      header: showInList.length > 1\n                                    },\n                                    false\n                                  )\n                                )\n                              ],\n                              1\n                            )\n                          }),\n                          0\n                        )\n                      ]\n                    : _vm._e()\n                ],\n            _vm._v(\" \"),\n            _vm.showsInLists &&\n            _vm.showsInLists.filter(function(list) {\n              return list.shows.length > 0\n            }).length === 0\n              ? _c(\n                  \"span\",\n                  [\n                    _vm._v(\"Please add a show \"),\n                    _c(\"app-link\", { attrs: { href: \"addShows\" } }, [\n                      _vm._v(\"here\")\n                    ]),\n                    _vm._v(\" to get started\")\n                  ],\n                  1\n                )\n              : _vm._e()\n          ],\n          2\n        )\n      ]),\n      _vm._v(\" \"),\n      _c(\"backstretch\", { attrs: { slug: _vm.config.randomShowSlug } })\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./src/components/home.vue?./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -1607,7 +1618,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", [\n    !_vm.stateLayout.splitHomeInTabs\n      ? _c(\"div\", { staticClass: \"showListTitle listTitle\" }, [\n          _vm._m(0),\n          _vm._v(\" \"),\n          _c(\"h2\", { staticClass: \"header\" }, [_vm._v(_vm._s(_vm.listTitle))])\n        ])\n      : _vm._e(),\n    _vm._v(\" \"),\n    _vm.layout === \"poster\"\n      ? _c(\"div\", { staticClass: \"row poster-ui-controls\" }, [\n          _c(\n            \"div\",\n            { staticClass: \"col-lg-12\" },\n            [\n              _c(\"div\", { staticClass: \"show-option\" }, [\n                _c(\n                  \"select\",\n                  {\n                    directives: [\n                      {\n                        name: \"model\",\n                        rawName: \"v-model\",\n                        value: _vm.posterUiSortDir,\n                        expression: \"posterUiSortDir\"\n                      }\n                    ],\n                    staticClass: \"form-control form-control-inline input-sm\",\n                    attrs: {\n                      id: \"postersortdirection\",\n                      placeholder: \"Direction\"\n                    },\n                    on: {\n                      change: function($event) {\n                        var $$selectedVal = Array.prototype.filter\n                          .call($event.target.options, function(o) {\n                            return o.selected\n                          })\n                          .map(function(o) {\n                            var val = \"_value\" in o ? o._value : o.value\n                            return val\n                          })\n                        _vm.posterUiSortDir = $event.target.multiple\n                          ? $$selectedVal\n                          : $$selectedVal[0]\n                      }\n                    }\n                  },\n                  [\n                    _c(\"option\", { domProps: { value: 1 } }, [\n                      _vm._v(\"Ascending\")\n                    ]),\n                    _vm._v(\" \"),\n                    _c(\"option\", { domProps: { value: 0 } }, [\n                      _vm._v(\"Descending\")\n                    ])\n                  ]\n                )\n              ]),\n              _vm._v(\" \"),\n              _c(\"div\", { staticClass: \"show-option pull-right\" }, [\n                _c(\n                  \"select\",\n                  {\n                    directives: [\n                      {\n                        name: \"model\",\n                        rawName: \"v-model\",\n                        value: _vm.posterUiSortBy,\n                        expression: \"posterUiSortBy\"\n                      }\n                    ],\n                    staticClass: \"form-control form-control-inline input-sm\",\n                    attrs: { id: \"postersort\", placeholder: \"Sort By\" },\n                    on: {\n                      change: function($event) {\n                        var $$selectedVal = Array.prototype.filter\n                          .call($event.target.options, function(o) {\n                            return o.selected\n                          })\n                          .map(function(o) {\n                            var val = \"_value\" in o ? o._value : o.value\n                            return val\n                          })\n                        _vm.posterUiSortBy = $event.target.multiple\n                          ? $$selectedVal\n                          : $$selectedVal[0]\n                      }\n                    }\n                  },\n                  _vm._l(_vm.posterSortByOptions, function(option) {\n                    return _c(\n                      \"option\",\n                      { key: option.value, domProps: { value: option.value } },\n                      [\n                        _vm._v(\n                          \"\\n                        \" +\n                            _vm._s(option.text) +\n                            \"\\n                    \"\n                        )\n                      ]\n                    )\n                  }),\n                  0\n                )\n              ]),\n              _vm._v(\" \"),\n              _c(\"poster-size-slider\")\n            ],\n            1\n          )\n        ])\n      : _vm._e(),\n    _vm._v(\" \"),\n    !this.showsLoading.finished && _vm.shows.length === 0\n      ? _c(\n          \"div\",\n          [\n            _c(\"state-switch\", {\n              attrs: { state: \"loading\", theme: _vm.stateLayout.themeName }\n            }),\n            _vm._v(\" \"),\n            _c(\"span\", [_vm._v(\"Loading\")])\n          ],\n          1\n        )\n      : _vm.shows.length >= 1\n      ? _c(\n          \"div\",\n          {\n            class: [\n              [\"simple\", \"small\", \"banner\"].includes(_vm.layout)\n                ? \"table-layout\"\n                : \"\"\n            ]\n          },\n          [\n            _c(\n              _vm.mappedLayout,\n              _vm._b({ tag: \"component\" }, \"component\", _vm.$props, false)\n            )\n          ],\n          1\n        )\n      : _c(\n          \"span\",\n          [\n            _vm._v(\"Please add a show \"),\n            _c(\"app-link\", { attrs: { href: \"addShows\" } }, [_vm._v(\"here\")]),\n            _vm._v(\" to get started\")\n          ],\n          1\n        )\n  ])\n}\nvar staticRenderFns = [\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\n      \"button\",\n      {\n        staticClass: \"nav-show-list move-show-list\",\n        attrs: { type: \"button\" }\n      },\n      [\n        _c(\"span\", { staticClass: \"icon-bar\" }),\n        _vm._v(\" \"),\n        _c(\"span\", { staticClass: \"icon-bar\" }),\n        _vm._v(\" \"),\n        _c(\"span\", { staticClass: \"icon-bar\" })\n      ]\n    )\n  }\n]\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./src/components/show-list/index.vue?./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", [\n    !_vm.stateLayout.splitHomeInTabs &&\n    _vm.showsInLists && _vm.showsInLists.length > 1\n      ? _c(\"div\", { staticClass: \"showListTitle listTitle\" }, [\n          _vm._m(0),\n          _vm._v(\" \"),\n          _c(\"h2\", { staticClass: \"header\" }, [_vm._v(_vm._s(_vm.listTitle))])\n        ])\n      : _vm._e(),\n    _vm._v(\" \"),\n    _vm.layout === \"poster\"\n      ? _c(\"div\", { staticClass: \"row poster-ui-controls\" }, [\n          _c(\n            \"div\",\n            { staticClass: \"col-lg-12\" },\n            [\n              _c(\"div\", { staticClass: \"show-option\" }, [\n                _c(\n                  \"select\",\n                  {\n                    directives: [\n                      {\n                        name: \"model\",\n                        rawName: \"v-model\",\n                        value: _vm.posterUiSortDir,\n                        expression: \"posterUiSortDir\"\n                      }\n                    ],\n                    staticClass: \"form-control form-control-inline input-sm\",\n                    attrs: {\n                      id: \"postersortdirection\",\n                      placeholder: \"Direction\"\n                    },\n                    on: {\n                      change: function($event) {\n                        var $$selectedVal = Array.prototype.filter\n                          .call($event.target.options, function(o) {\n                            return o.selected\n                          })\n                          .map(function(o) {\n                            var val = \"_value\" in o ? o._value : o.value\n                            return val\n                          })\n                        _vm.posterUiSortDir = $event.target.multiple\n                          ? $$selectedVal\n                          : $$selectedVal[0]\n                      }\n                    }\n                  },\n                  [\n                    _c(\"option\", { domProps: { value: 1 } }, [\n                      _vm._v(\"Ascending\")\n                    ]),\n                    _vm._v(\" \"),\n                    _c(\"option\", { domProps: { value: 0 } }, [\n                      _vm._v(\"Descending\")\n                    ])\n                  ]\n                )\n              ]),\n              _vm._v(\" \"),\n              _c(\"div\", { staticClass: \"show-option pull-right\" }, [\n                _c(\n                  \"select\",\n                  {\n                    directives: [\n                      {\n                        name: \"model\",\n                        rawName: \"v-model\",\n                        value: _vm.posterUiSortBy,\n                        expression: \"posterUiSortBy\"\n                      }\n                    ],\n                    staticClass: \"form-control form-control-inline input-sm\",\n                    attrs: { id: \"postersort\", placeholder: \"Sort By\" },\n                    on: {\n                      change: function($event) {\n                        var $$selectedVal = Array.prototype.filter\n                          .call($event.target.options, function(o) {\n                            return o.selected\n                          })\n                          .map(function(o) {\n                            var val = \"_value\" in o ? o._value : o.value\n                            return val\n                          })\n                        _vm.posterUiSortBy = $event.target.multiple\n                          ? $$selectedVal\n                          : $$selectedVal[0]\n                      }\n                    }\n                  },\n                  _vm._l(_vm.posterSortByOptions, function(option) {\n                    return _c(\n                      \"option\",\n                      { key: option.value, domProps: { value: option.value } },\n                      [\n                        _vm._v(\n                          \"\\n                        \" +\n                            _vm._s(option.text) +\n                            \"\\n                    \"\n                        )\n                      ]\n                    )\n                  }),\n                  0\n                )\n              ]),\n              _vm._v(\" \"),\n              _c(\"poster-size-slider\")\n            ],\n            1\n          )\n        ])\n      : _vm._e(),\n    _vm._v(\" \"),\n    !this.showsLoading.finished && _vm.shows.length === 0\n      ? _c(\n          \"div\",\n          [\n            _c(\"state-switch\", {\n              attrs: { state: \"loading\", theme: _vm.stateLayout.themeName }\n            }),\n            _vm._v(\" \"),\n            _c(\"span\", [_vm._v(\"Loading\")])\n          ],\n          1\n        )\n      : _vm.shows.length >= 1\n      ? _c(\n          \"div\",\n          {\n            class: [\n              [\"simple\", \"small\", \"banner\"].includes(_vm.layout)\n                ? \"table-layout\"\n                : \"\"\n            ]\n          },\n          [\n            _c(\n              _vm.mappedLayout,\n              _vm._b({ tag: \"component\" }, \"component\", _vm.$props, false)\n            )\n          ],\n          1\n        )\n      : _vm._e()\n  ])\n}\nvar staticRenderFns = [\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\n      \"button\",\n      {\n        staticClass: \"nav-show-list move-show-list\",\n        attrs: { type: \"button\" }\n      },\n      [\n        _c(\"span\", { staticClass: \"icon-bar\" }),\n        _vm._v(\" \"),\n        _c(\"span\", { staticClass: \"icon-bar\" }),\n        _vm._v(\" \"),\n        _c(\"span\", { staticClass: \"icon-bar\" })\n      ]\n    )\n  }\n]\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./src/components/show-list/index.vue?./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -1981,6 +1992,17 @@ eval("// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// lo
 
 /***/ }),
 
+/***/ "./node_modules/vue-style-loader/index.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js?!./src/components/schedule.vue?vue&type=style&index=0&lang=css&":
+/*!*******************************************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-style-loader!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib??vue-loader-options!./src/components/schedule.vue?vue&type=style&index=0&lang=css& ***!
+  \*******************************************************************************************************************************************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+eval("// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = __webpack_require__(/*! !../../node_modules/css-loader/dist/cjs.js!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/vue-loader/lib??vue-loader-options!./schedule.vue?vue&type=style&index=0&lang=css& */ \"./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js?!./src/components/schedule.vue?vue&type=style&index=0&lang=css&\");\nif(typeof content === 'string') content = [[module.i, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar add = __webpack_require__(/*! ../../node_modules/vue-style-loader/lib/addStylesClient.js */ \"./node_modules/vue-style-loader/lib/addStylesClient.js\").default\nvar update = add(\"072056ea\", content, false, {});\n// Hot Module Replacement\nif(false) {}\n\n//# sourceURL=webpack:///./src/components/schedule.vue?./node_modules/vue-style-loader!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib??vue-loader-options");
+
+/***/ }),
+
 /***/ "./node_modules/vue-style-loader/index.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js?!./src/components/show-header.vue?vue&type=style&index=0&id=2465ca06&scoped=true&lang=css&":
 /*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
   !*** ./node_modules/vue-style-loader!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib??vue-loader-options!./src/components/show-header.vue?vue&type=style&index=0&id=2465ca06&scoped=true&lang=css& ***!
@@ -4010,7 +4032,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _nod
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _schedule_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./schedule.vue?vue&type=script&lang=js& */ \"./src/components/schedule.vue?vue&type=script&lang=js&\");\n/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ \"./node_modules/vue-loader/lib/runtime/componentNormalizer.js\");\nvar render, staticRenderFns\n\n\n\n\n/* normalize component */\n\nvar component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(\n  _schedule_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (false) { var api; }\ncomponent.options.__file = \"src/components/schedule.vue\"\n/* harmony default export */ __webpack_exports__[\"default\"] = (component.exports);\n\n//# sourceURL=webpack:///./src/components/schedule.vue?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _schedule_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./schedule.vue?vue&type=script&lang=js& */ \"./src/components/schedule.vue?vue&type=script&lang=js&\");\n/* empty/unused harmony star reexport *//* harmony import */ var _schedule_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./schedule.vue?vue&type=style&index=0&lang=css& */ \"./src/components/schedule.vue?vue&type=style&index=0&lang=css&\");\n/* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ \"./node_modules/vue-loader/lib/runtime/componentNormalizer.js\");\nvar render, staticRenderFns\n\n\n\n\n\n/* normalize component */\n\nvar component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(\n  _schedule_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (false) { var api; }\ncomponent.options.__file = \"src/components/schedule.vue\"\n/* harmony default export */ __webpack_exports__[\"default\"] = (component.exports);\n\n//# sourceURL=webpack:///./src/components/schedule.vue?");
 
 /***/ }),
 
@@ -4026,6 +4048,18 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _nod
 
 /***/ }),
 
+/***/ "./src/components/schedule.vue?vue&type=style&index=0&lang=css&":
+/*!**********************************************************************!*\
+  !*** ./src/components/schedule.vue?vue&type=style&index=0&lang=css& ***!
+  \**********************************************************************/
+/*! no static exports found */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _node_modules_vue_style_loader_index_js_node_modules_css_loader_dist_cjs_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_vue_loader_lib_index_js_vue_loader_options_schedule_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../node_modules/vue-style-loader!../../node_modules/css-loader/dist/cjs.js!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/vue-loader/lib??vue-loader-options!./schedule.vue?vue&type=style&index=0&lang=css& */ \"./node_modules/vue-style-loader/index.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js?!./src/components/schedule.vue?vue&type=style&index=0&lang=css&\");\n/* harmony import */ var _node_modules_vue_style_loader_index_js_node_modules_css_loader_dist_cjs_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_vue_loader_lib_index_js_vue_loader_options_schedule_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_node_modules_css_loader_dist_cjs_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_vue_loader_lib_index_js_vue_loader_options_schedule_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__);\n/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_vue_style_loader_index_js_node_modules_css_loader_dist_cjs_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_vue_loader_lib_index_js_vue_loader_options_schedule_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__) if(__WEBPACK_IMPORT_KEY__ !== 'default') (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_vue_style_loader_index_js_node_modules_css_loader_dist_cjs_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_vue_loader_lib_index_js_vue_loader_options_schedule_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));\n /* harmony default export */ __webpack_exports__[\"default\"] = (_node_modules_vue_style_loader_index_js_node_modules_css_loader_dist_cjs_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_vue_loader_lib_index_js_vue_loader_options_schedule_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0___default.a); \n\n//# sourceURL=webpack:///./src/components/schedule.vue?");
+
+/***/ }),
+
 /***/ "./src/components/show-header.vue":
 /*!****************************************!*\
   !*** ./src/components/show-header.vue ***!
@@ -5138,7 +5172,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vue_
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ \"./node_modules/vue/dist/vue.esm.js\");\n/* harmony import */ var _api__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../api */ \"./src/api.js\");\n/* harmony import */ var _mutation_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../mutation-types */ \"./src/store/mutation-types.js\");\n\n\n\n/**\n * @typedef {object} ShowIdentifier\n * @property {string} indexer The indexer name (e.g. `tvdb`)\n * @property {number} id The show ID on the indexer (e.g. `12345`)\n */\n\nconst state = {\n  shows: [],\n  currentShow: {\n    indexer: null,\n    id: null\n  },\n  loading: {\n    total: null,\n    current: null,\n    display: false,\n    finished: false\n  }\n};\nconst mutations = {\n  [_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW\"]](state, show) {\n    const existingShow = state.shows.find(({\n      id,\n      indexer\n    }) => Number(show.id[show.indexer]) === Number(id[indexer]));\n\n    if (!existingShow) {\n      console.debug(`Adding ${show.title || show.indexer + String(show.id)} as it wasn't found in the shows array`, show);\n      state.shows.push(show);\n      return;\n    } // Merge new show object over old one\n    // this allows detailed queries to update the record\n    // without the non-detailed removing the extra data\n\n\n    console.debug(`Found ${show.title || show.indexer + String(show.id)} in shows array attempting merge`);\n    const newShow = { ...existingShow,\n      ...show\n    }; // Update state\n\n    vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"].set(state.shows, state.shows.indexOf(existingShow), newShow);\n    console.debug(`Merged ${newShow.title || newShow.indexer + String(newShow.id)}`, newShow);\n  },\n\n  [_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOWS\"]](state, shows) {\n    // Quick check on duplicate shows.\n    const newShows = shows.filter(newShow => {\n      return !state.shows.find(({\n        id,\n        indexer\n      }) => Number(newShow.id[newShow.indexer]) === Number(id[indexer]) && newShow.indexer === indexer);\n    });\n    vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"].set(state, 'shows', [...state.shows, ...newShows]);\n    console.debug(`Added ${shows.length} shows to store`);\n  },\n\n  [_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW_CONFIG\"]](state, {\n    show,\n    config\n  }) {\n    const existingShow = state.shows.find(({\n      id,\n      indexer\n    }) => Number(show.id[show.indexer]) === Number(id[indexer]));\n    existingShow.config = { ...existingShow.config,\n      ...config\n    };\n  },\n\n  currentShow(state, {\n    indexer,\n    id\n  }) {\n    state.currentShow.indexer = indexer;\n    state.currentShow.id = id;\n  },\n\n  setLoadingTotal(state, total) {\n    state.loading.total = total;\n  },\n\n  setLoadingCurrent(state, current) {\n    state.loading.current = current;\n  },\n\n  updateLoadingCurrent(state, current) {\n    state.loading.current += current;\n  },\n\n  setLoadingDisplay(state, display) {\n    state.loading.display = display;\n  },\n\n  setLoadingFinished(state, finished) {\n    state.loading.finished = finished;\n  },\n\n  [_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW_EPISODE\"]](state, {\n    show,\n    episodes\n  }) {\n    // Creating a new show object (from the state one) as we want to trigger a store update\n    const newShow = Object.assign({}, state.shows.find(({\n      id,\n      indexer\n    }) => Number(show.id[show.indexer]) === Number(id[indexer])));\n\n    if (!newShow.seasons) {\n      newShow.seasons = [];\n    } // Recreate an Array with season objects, with each season having an episodes array.\n    // This format is used by vue-good-table (displayShow).\n\n\n    episodes.forEach(episode => {\n      const existingSeason = newShow.seasons.find(season => season.season === episode.season);\n\n      if (existingSeason) {\n        const foundIndex = existingSeason.episodes.findIndex(element => element.slug === episode.slug);\n\n        if (foundIndex === -1) {\n          existingSeason.episodes.push(episode);\n        } else {\n          existingSeason.episodes.splice(foundIndex, 1, episode);\n        }\n      } else {\n        const newSeason = {\n          season: episode.season,\n          episodes: [],\n          html: false,\n          mode: 'span',\n          label: 1\n        };\n        newShow.seasons.push(newSeason);\n        newSeason.episodes.push(episode);\n      }\n    }); // Update state\n\n    const existingShow = state.shows.find(({\n      id,\n      indexer\n    }) => Number(show.id[show.indexer]) === Number(id[indexer]));\n    vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"].set(state.shows, state.shows.indexOf(existingShow), newShow);\n    console.log(`Storing episodes for show ${newShow.title} seasons: ${[...new Set(episodes.map(episode => episode.season))].join(', ')}`);\n  },\n\n  [_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW_SCENE_EXCEPTION\"]](state, {\n    show,\n    exception\n  }) {\n    // Get current show object\n    const currentShow = Object.assign({}, state.shows.find(({\n      id,\n      indexer\n    }) => Number(show.id[show.indexer]) === Number(id[indexer])));\n\n    if (currentShow.config.aliases.find(e => e.title === exception.title && e.season === exception.season)) {\n      console.warn(`Can't add exception ${exception.title} with season ${exception.season} to show ${currentShow.title} as it already exists.`);\n      return;\n    }\n\n    currentShow.config.aliases.push(exception);\n  },\n\n  [_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"REMOVE_SHOW_SCENE_EXCEPTION\"]](state, {\n    show,\n    exception\n  }) {\n    // Get current show object\n    const currentShow = Object.assign({}, state.shows.find(({\n      id,\n      indexer\n    }) => Number(show.id[show.indexer]) === Number(id[indexer])));\n\n    if (!currentShow.config.aliases.find(e => e.title === exception.title && e.season === exception.season)) {\n      console.warn(`Can't remove exception ${exception.title} with season ${exception.season} to show ${currentShow.title} as it does not exist.`);\n      return;\n    }\n\n    currentShow.config.aliases.splice(currentShow.config.aliases.indexOf(exception), 1);\n  }\n\n};\nconst getters = {\n  getShowById: state => {\n    /**\n     * Get a show from the loaded shows state, identified by show ID and indexer name.\n     *\n     * @param {ShowIdentifier} show Show identifiers.\n     * @returns {object|undefined} Show object or undefined if not found.\n     */\n    const getShowById = ({\n      id,\n      indexer\n    }) => state.shows.find(show => Number(show.id[indexer]) === Number(id));\n\n    return getShowById;\n  },\n  getShowByTitle: state => title => state.shows.find(show => show.title === title),\n  getSeason: state => ({\n    showSlug,\n    season\n  }) => {\n    const show = state.shows.find(show => show.id.slug === showSlug);\n    return show && show.seasons ? show.seasons[season] : undefined;\n  },\n  getEpisode: state => ({\n    showSlug,\n    season,\n    episode\n  }) => {\n    const show = state.shows.find(show => show.id.slug === showSlug);\n    return show && show.seasons && show.seasons.find(s => s.season === season) ? show.seasons.find(s => s.season === season).episodes.find(ep => ep.episode === episode) : undefined;\n  },\n  getCurrentShow: (state, getters, rootState) => {\n    return state.shows.find(show => Number(show.id[state.currentShow.indexer]) === Number(state.currentShow.id)) || rootState.defaults.show;\n  },\n  showsWithStats: (state, getters, rootState) => {\n    if (!state.shows) {\n      return [];\n    }\n\n    return state.shows.map(show => {\n      let showStats = rootState.stats.show.stats.find(stat => stat.indexerId === getters.indexerNameToId(show.indexer) && stat.seriesId === show.id[show.indexer]);\n      const newLine = '\\u000D';\n      let text = 'Unaired';\n      let title = '';\n\n      if (!showStats) {\n        showStats = {\n          epDownloaded: 0,\n          epSnatched: 0,\n          epTotal: 0,\n          seriesSize: 0\n        };\n      }\n\n      if (showStats.epTotal >= 1) {\n        text = showStats.epDownloaded;\n        title = `Downloaded: ${showStats.epDownloaded}`;\n\n        if (showStats.epSnatched) {\n          text += `+${showStats.epSnatched}`;\n          title += `${newLine}Snatched: ${showStats.epSnatched}`;\n        }\n\n        text += ` / ${showStats.epTotal}`;\n        title += `${newLine}Total: ${showStats.epTotal}`;\n      }\n\n      show.stats = {\n        episodes: {\n          total: showStats.epTotal,\n          snatched: showStats.epSnatched,\n          downloaded: showStats.epDownloaded,\n          size: showStats.seriesSize\n        },\n        tooltip: {\n          text,\n          title,\n          percentage: showStats.epDownloaded * 100 / (showStats.epTotal || 1)\n        }\n      };\n      return show;\n    });\n  }\n};\n/**\n * An object representing request parameters for getting a show from the API.\n *\n * @typedef {object} ShowGetParameters\n * @property {boolean} detailed Fetch detailed information? (e.g. scene/xem numbering)\n * @property {boolean} episodes Fetch seasons & episodes?\n */\n\nconst actions = {\n  /**\n   * Get show from API and commit it to the store.\n   *\n   * @param {*} context The store context.\n   * @param {ShowIdentifier&ShowGetParameters} parameters Request parameters.\n   * @returns {Promise} The API response.\n   */\n  getShow(context, {\n    indexer,\n    id,\n    detailed,\n    episodes\n  }) {\n    return new Promise((resolve, reject) => {\n      const {\n        commit\n      } = context;\n      const params = {};\n      let timeout = 30000;\n\n      if (detailed !== undefined) {\n        params.detailed = detailed;\n        timeout = 60000;\n        timeout = 60000;\n      }\n\n      if (episodes !== undefined) {\n        params.episodes = episodes;\n        timeout = 60000;\n      }\n\n      _api__WEBPACK_IMPORTED_MODULE_1__[\"api\"].get(`/series/${indexer}${id}`, {\n        params,\n        timeout\n      }).then(res => {\n        commit(_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW\"], res.data);\n        resolve(res.data);\n      }).catch(error => {\n        reject(error);\n      });\n    });\n  },\n\n  /**\n   * Get episdoes for a specified show from API and commit it to the store.\n   *\n   * @param {*} context - The store context.\n   * @param {ShowParameteres} parameters - Request parameters.\n   * @returns {Promise} The API response.\n   */\n  getEpisodes({\n    commit,\n    getters\n  }, {\n    indexer,\n    id,\n    season\n  }) {\n    return new Promise((resolve, reject) => {\n      const {\n        getShowById\n      } = getters;\n      const show = getShowById({\n        id,\n        indexer\n      });\n      const limit = 1000;\n      const params = {\n        limit\n      };\n\n      if (season !== undefined) {\n        params.season = season;\n      } // Get episodes\n\n\n      _api__WEBPACK_IMPORTED_MODULE_1__[\"api\"].get(`/series/${indexer}${id}/episodes`, {\n        params\n      }).then(response => {\n        commit(_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW_EPISODE\"], {\n          show,\n          episodes: response.data\n        });\n        resolve();\n      }).catch(error => {\n        console.log(`Could not retrieve a episodes for show ${indexer}${id}, error: ${error}`);\n        reject(error);\n      });\n    });\n  },\n\n  /**\n   * Get shows from API and commit them to the store.\n   *\n   * @param {*} context - The store context.\n   * @param {(ShowIdentifier&ShowGetParameters)[]} shows Shows to get. If not provided, gets the first 1k shows.\n   * @returns {undefined|Promise} undefined if `shows` was provided or the API response if not.\n   */\n  getShows(context, shows) {\n    const {\n      commit,\n      dispatch\n    } = context; // If no shows are provided get the first 1000\n\n    if (!shows) {\n      // Loading new shows, commit show loading information to state.\n      commit('setLoadingTotal', 0);\n      commit('setLoadingCurrent', 0);\n      commit('setLoadingDisplay', true);\n      const limit = 1000;\n      const page = 1;\n      const params = {\n        limit,\n        page\n      };\n      const pageRequests = []; // Get first page\n\n      pageRequests.push(_api__WEBPACK_IMPORTED_MODULE_1__[\"api\"].get('/series', {\n        params\n      }).then(response => {\n        commit('setLoadingTotal', Number(response.headers['x-pagination-count']));\n        const totalPages = Number(response.headers['x-pagination-total']);\n        commit(_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOWS\"], response.data);\n        commit('updateLoadingCurrent', response.data.length); // Optionally get additional pages\n\n        for (let page = 2; page <= totalPages; page++) {\n          const newPage = {\n            page\n          };\n          newPage.limit = params.limit;\n          pageRequests.push(_api__WEBPACK_IMPORTED_MODULE_1__[\"api\"].get('/series', {\n            params: newPage\n          }).then(response => {\n            commit(_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOWS\"], response.data);\n            commit('updateLoadingCurrent', response.data.length);\n          }));\n        }\n      }).catch(() => {\n        console.log('Could not retrieve a list of shows');\n      }));\n      return Promise.all(pageRequests);\n    }\n\n    return shows.forEach(show => dispatch('getShow', show));\n  },\n\n  setShow(context, {\n    indexer,\n    id,\n    data\n  }) {\n    // Update show, updated show will arrive over a WebSocket message\n    return _api__WEBPACK_IMPORTED_MODULE_1__[\"api\"].patch(`series/${indexer}${id}`, data);\n  },\n\n  updateShow(context, show) {\n    // Update local store\n    const {\n      commit\n    } = context;\n    return commit(_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW\"], show);\n  },\n\n  addSceneException(context, {\n    show,\n    exception\n  }) {\n    const {\n      commit\n    } = context;\n    commit(_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW_SCENE_EXCEPTION\"], {\n      show,\n      exception\n    });\n  },\n\n  removeSceneException(context, {\n    show,\n    exception\n  }) {\n    const {\n      commit\n    } = context;\n    commit(_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"REMOVE_SHOW_SCENE_EXCEPTION\"], {\n      show,\n      exception\n    });\n  },\n\n  setCurrentShow(context, {\n    indexer,\n    id\n  }) {\n    // Set current show\n    const {\n      commit\n    } = context;\n    return commit('currentShow', {\n      indexer,\n      id\n    });\n  },\n\n  setShowConfig(context, {\n    show,\n    config\n  }) {\n    const {\n      commit\n    } = context;\n    commit(_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW_CONFIG\"], {\n      show,\n      config\n    });\n  }\n\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  state,\n  mutations,\n  getters,\n  actions\n});\n\n//# sourceURL=webpack:///./src/store/modules/shows.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ \"./node_modules/vue/dist/vue.esm.js\");\n/* harmony import */ var _api__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../api */ \"./src/api.js\");\n/* harmony import */ var _mutation_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../mutation-types */ \"./src/store/mutation-types.js\");\n\n\n\n/**\n * @typedef {object} ShowIdentifier\n * @property {string} indexer The indexer name (e.g. `tvdb`)\n * @property {number} id The show ID on the indexer (e.g. `12345`)\n */\n\nconst state = {\n  shows: [],\n  currentShow: {\n    indexer: null,\n    id: null\n  },\n  loading: {\n    total: null,\n    current: null,\n    display: false,\n    finished: false\n  }\n};\nconst mutations = {\n  [_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW\"]](state, show) {\n    const existingShow = state.shows.find(({\n      id,\n      indexer\n    }) => Number(show.id[show.indexer]) === Number(id[indexer]));\n\n    if (!existingShow) {\n      console.debug(`Adding ${show.title || show.indexer + String(show.id)} as it wasn't found in the shows array`, show);\n      state.shows.push(show);\n      return;\n    } // Merge new show object over old one\n    // this allows detailed queries to update the record\n    // without the non-detailed removing the extra data\n\n\n    console.debug(`Found ${show.title || show.indexer + String(show.id)} in shows array attempting merge`);\n    const newShow = { ...existingShow,\n      ...show\n    }; // Update state\n\n    vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"].set(state.shows, state.shows.indexOf(existingShow), newShow);\n    console.debug(`Merged ${newShow.title || newShow.indexer + String(newShow.id)}`, newShow);\n  },\n\n  [_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOWS\"]](state, shows) {\n    // Quick check on duplicate shows.\n    const newShows = shows.filter(newShow => {\n      return !state.shows.find(({\n        id,\n        indexer\n      }) => Number(newShow.id[newShow.indexer]) === Number(id[indexer]) && newShow.indexer === indexer);\n    });\n    vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"].set(state, 'shows', [...state.shows, ...newShows]);\n    console.debug(`Added ${shows.length} shows to store`);\n  },\n\n  [_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW_CONFIG\"]](state, {\n    show,\n    config\n  }) {\n    const existingShow = state.shows.find(({\n      id,\n      indexer\n    }) => Number(show.id[show.indexer]) === Number(id[indexer]));\n    existingShow.config = { ...existingShow.config,\n      ...config\n    };\n  },\n\n  currentShow(state, {\n    indexer,\n    id\n  }) {\n    state.currentShow.indexer = indexer;\n    state.currentShow.id = id;\n  },\n\n  setLoadingTotal(state, total) {\n    state.loading.total = total;\n  },\n\n  setLoadingCurrent(state, current) {\n    state.loading.current = current;\n  },\n\n  updateLoadingCurrent(state, current) {\n    state.loading.current += current;\n  },\n\n  setLoadingDisplay(state, display) {\n    state.loading.display = display;\n  },\n\n  setLoadingFinished(state, finished) {\n    state.loading.finished = finished;\n  },\n\n  [_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW_EPISODE\"]](state, {\n    show,\n    episodes\n  }) {\n    // Creating a new show object (from the state one) as we want to trigger a store update\n    const newShow = Object.assign({}, state.shows.find(({\n      id,\n      indexer\n    }) => Number(show.id[show.indexer]) === Number(id[indexer])));\n\n    if (!newShow.seasons) {\n      newShow.seasons = [];\n    } // Recreate an Array with season objects, with each season having an episodes array.\n    // This format is used by vue-good-table (displayShow).\n\n\n    episodes.forEach(episode => {\n      const existingSeason = newShow.seasons.find(season => season.season === episode.season);\n\n      if (existingSeason) {\n        const foundIndex = existingSeason.episodes.findIndex(element => element.slug === episode.slug);\n\n        if (foundIndex === -1) {\n          existingSeason.episodes.push(episode);\n        } else {\n          existingSeason.episodes.splice(foundIndex, 1, episode);\n        }\n      } else {\n        const newSeason = {\n          season: episode.season,\n          episodes: [],\n          html: false,\n          mode: 'span',\n          label: 1\n        };\n        newShow.seasons.push(newSeason);\n        newSeason.episodes.push(episode);\n      }\n    }); // Update state\n\n    const existingShow = state.shows.find(({\n      id,\n      indexer\n    }) => Number(show.id[show.indexer]) === Number(id[indexer]));\n    vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"].set(state.shows, state.shows.indexOf(existingShow), newShow);\n    console.log(`Storing episodes for show ${newShow.title} seasons: ${[...new Set(episodes.map(episode => episode.season))].join(', ')}`);\n  },\n\n  [_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW_SCENE_EXCEPTION\"]](state, {\n    show,\n    exception\n  }) {\n    // Get current show object\n    const currentShow = Object.assign({}, state.shows.find(({\n      id,\n      indexer\n    }) => Number(show.id[show.indexer]) === Number(id[indexer])));\n\n    if (currentShow.config.aliases.find(e => e.title === exception.title && e.season === exception.season)) {\n      console.warn(`Can't add exception ${exception.title} with season ${exception.season} to show ${currentShow.title} as it already exists.`);\n      return;\n    }\n\n    currentShow.config.aliases.push(exception);\n  },\n\n  [_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"REMOVE_SHOW_SCENE_EXCEPTION\"]](state, {\n    show,\n    exception\n  }) {\n    // Get current show object\n    const currentShow = Object.assign({}, state.shows.find(({\n      id,\n      indexer\n    }) => Number(show.id[show.indexer]) === Number(id[indexer])));\n\n    if (!currentShow.config.aliases.find(e => e.title === exception.title && e.season === exception.season)) {\n      console.warn(`Can't remove exception ${exception.title} with season ${exception.season} to show ${currentShow.title} as it does not exist.`);\n      return;\n    }\n\n    currentShow.config.aliases.splice(currentShow.config.aliases.indexOf(exception), 1);\n  }\n\n};\nconst getters = {\n  getShowById: state => {\n    /**\n     * Get a show from the loaded shows state, identified by show ID and indexer name.\n     *\n     * @param {ShowIdentifier} show Show identifiers.\n     * @returns {object|undefined} Show object or undefined if not found.\n     */\n    const getShowById = ({\n      id,\n      indexer\n    }) => state.shows.find(show => Number(show.id[indexer]) === Number(id));\n\n    return getShowById;\n  },\n  getShowByTitle: state => title => state.shows.find(show => show.title === title),\n  getSeason: state => ({\n    showSlug,\n    season\n  }) => {\n    const show = state.shows.find(show => show.id.slug === showSlug);\n    return show && show.seasons ? show.seasons[season] : undefined;\n  },\n  getEpisode: state => ({\n    showSlug,\n    season,\n    episode\n  }) => {\n    const show = state.shows.find(show => show.id.slug === showSlug);\n    return show && show.seasons && show.seasons.find(s => s.season === season) ? show.seasons.find(s => s.season === season).episodes.find(ep => ep.episode === episode) : undefined;\n  },\n  getCurrentShow: (state, getters, rootState) => {\n    return state.shows.find(show => Number(show.id[state.currentShow.indexer]) === Number(state.currentShow.id)) || rootState.defaults.show;\n  },\n  showsWithStats: (state, getters, rootState) => {\n    if (!state.shows) {\n      return [];\n    }\n\n    return state.shows.map(show => {\n      let showStats = rootState.stats.show.stats.find(stat => stat.indexerId === getters.indexerNameToId(show.indexer) && stat.seriesId === show.id[show.indexer]);\n      const newLine = '\\u000D';\n      let text = 'Unaired';\n      let title = '';\n\n      if (!showStats) {\n        showStats = {\n          epDownloaded: 0,\n          epSnatched: 0,\n          epTotal: 0,\n          seriesSize: 0\n        };\n      }\n\n      if (showStats.epTotal >= 1) {\n        text = showStats.epDownloaded;\n        title = `Downloaded: ${showStats.epDownloaded}`;\n\n        if (showStats.epSnatched) {\n          text += `+${showStats.epSnatched}`;\n          title += `${newLine}Snatched: ${showStats.epSnatched}`;\n        }\n\n        text += ` / ${showStats.epTotal}`;\n        title += `${newLine}Total: ${showStats.epTotal}`;\n      }\n\n      show.stats = {\n        episodes: {\n          total: showStats.epTotal,\n          snatched: showStats.epSnatched,\n          downloaded: showStats.epDownloaded,\n          size: showStats.seriesSize\n        },\n        tooltip: {\n          text,\n          title,\n          percentage: showStats.epDownloaded * 100 / (showStats.epTotal || 1)\n        }\n      };\n      return show;\n    });\n  },\n  showsInLists: (state, getters, rootState) => {\n    const {\n      layout,\n      general\n    } = rootState.config;\n    const {\n      show\n    } = layout;\n    const {\n      showListOrder\n    } = show;\n    const {\n      rootDirs\n    } = general;\n    const {\n      selectedRootIndex,\n      local\n    } = layout;\n    const {\n      showFilterByName\n    } = local;\n    const {\n      showsWithStats\n    } = getters;\n    let shows = null; // Filter root dirs\n\n    shows = showsWithStats.filter(show => selectedRootIndex === -1 || show.config.location.includes(rootDirs.slice(1)[selectedRootIndex])); // Filter by text for the banner, simple and smallposter layouts.\n    // The Poster layout uses vue-isotope and this does not respond well to changes to the `list` property.\n\n    if (layout.home !== 'poster') {\n      shows = shows.filter(show => show.title.toLowerCase().includes(showFilterByName.toLowerCase()));\n    }\n\n    const categorizedShows = showListOrder.filter(listTitle => shows.filter(show => show.config.showLists.map(list => list.toLowerCase()).includes(listTitle.toLowerCase())).length > 0).map(listTitle => ({\n      listTitle,\n      shows: shows.filter(show => show.config.showLists.map(list => list.toLowerCase()).includes(listTitle.toLowerCase()))\n    })); // Check for shows that are not in any category anymore\n\n    const uncategorizedShows = shows.filter(show => {\n      return show.config.showLists.map(item => {\n        return showListOrder.map(list => list.toLowerCase()).includes(item.toLowerCase());\n      }).every(item => !item);\n    });\n\n    if (uncategorizedShows.length > 0) {\n      categorizedShows.push({\n        listTitle: 'uncategorized',\n        shows: uncategorizedShows\n      });\n    }\n\n    if (categorizedShows.length === 0 && uncategorizedShows.length === 0) {\n      categorizedShows.push({\n        listTitle: 'Series',\n        shows: []\n      });\n    }\n\n    return categorizedShows;\n  }\n};\n/**\n * An object representing request parameters for getting a show from the API.\n *\n * @typedef {object} ShowGetParameters\n * @property {boolean} detailed Fetch detailed information? (e.g. scene/xem numbering)\n * @property {boolean} episodes Fetch seasons & episodes?\n */\n\nconst actions = {\n  /**\n   * Get show from API and commit it to the store.\n   *\n   * @param {*} context The store context.\n   * @param {ShowIdentifier&ShowGetParameters} parameters Request parameters.\n   * @returns {Promise} The API response.\n   */\n  getShow(context, {\n    indexer,\n    id,\n    detailed,\n    episodes\n  }) {\n    return new Promise((resolve, reject) => {\n      const {\n        commit\n      } = context;\n      const params = {};\n      let timeout = 30000;\n\n      if (detailed !== undefined) {\n        params.detailed = detailed;\n        timeout = 60000;\n        timeout = 60000;\n      }\n\n      if (episodes !== undefined) {\n        params.episodes = episodes;\n        timeout = 60000;\n      }\n\n      _api__WEBPACK_IMPORTED_MODULE_1__[\"api\"].get(`/series/${indexer}${id}`, {\n        params,\n        timeout\n      }).then(res => {\n        commit(_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW\"], res.data);\n        resolve(res.data);\n      }).catch(error => {\n        reject(error);\n      });\n    });\n  },\n\n  /**\n   * Get episdoes for a specified show from API and commit it to the store.\n   *\n   * @param {*} context - The store context.\n   * @param {ShowParameteres} parameters - Request parameters.\n   * @returns {Promise} The API response.\n   */\n  getEpisodes({\n    commit,\n    getters\n  }, {\n    indexer,\n    id,\n    season\n  }) {\n    return new Promise((resolve, reject) => {\n      const {\n        getShowById\n      } = getters;\n      const show = getShowById({\n        id,\n        indexer\n      });\n      const limit = 1000;\n      const params = {\n        limit\n      };\n\n      if (season !== undefined) {\n        params.season = season;\n      } // Get episodes\n\n\n      _api__WEBPACK_IMPORTED_MODULE_1__[\"api\"].get(`/series/${indexer}${id}/episodes`, {\n        params\n      }).then(response => {\n        commit(_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW_EPISODE\"], {\n          show,\n          episodes: response.data\n        });\n        resolve();\n      }).catch(error => {\n        console.log(`Could not retrieve a episodes for show ${indexer}${id}, error: ${error}`);\n        reject(error);\n      });\n    });\n  },\n\n  /**\n   * Get shows from API and commit them to the store.\n   *\n   * @param {*} context - The store context.\n   * @param {(ShowIdentifier&ShowGetParameters)[]} shows Shows to get. If not provided, gets the first 1k shows.\n   * @returns {undefined|Promise} undefined if `shows` was provided or the API response if not.\n   */\n  getShows(context, shows) {\n    const {\n      commit,\n      dispatch\n    } = context; // If no shows are provided get the first 1000\n\n    if (!shows) {\n      // Loading new shows, commit show loading information to state.\n      commit('setLoadingTotal', 0);\n      commit('setLoadingCurrent', 0);\n      commit('setLoadingDisplay', true);\n      const limit = 1000;\n      const page = 1;\n      const params = {\n        limit,\n        page\n      };\n      const pageRequests = []; // Get first page\n\n      pageRequests.push(_api__WEBPACK_IMPORTED_MODULE_1__[\"api\"].get('/series', {\n        params\n      }).then(response => {\n        commit('setLoadingTotal', Number(response.headers['x-pagination-count']));\n        const totalPages = Number(response.headers['x-pagination-total']);\n        commit(_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOWS\"], response.data);\n        commit('updateLoadingCurrent', response.data.length); // Optionally get additional pages\n\n        for (let page = 2; page <= totalPages; page++) {\n          const newPage = {\n            page\n          };\n          newPage.limit = params.limit;\n          pageRequests.push(_api__WEBPACK_IMPORTED_MODULE_1__[\"api\"].get('/series', {\n            params: newPage\n          }).then(response => {\n            commit(_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOWS\"], response.data);\n            commit('updateLoadingCurrent', response.data.length);\n          }));\n        }\n      }).catch(() => {\n        console.log('Could not retrieve a list of shows');\n      }));\n      return Promise.all(pageRequests);\n    }\n\n    return shows.forEach(show => dispatch('getShow', show));\n  },\n\n  setShow(context, {\n    indexer,\n    id,\n    data\n  }) {\n    // Update show, updated show will arrive over a WebSocket message\n    return _api__WEBPACK_IMPORTED_MODULE_1__[\"api\"].patch(`series/${indexer}${id}`, data);\n  },\n\n  updateShow(context, show) {\n    // Update local store\n    const {\n      commit\n    } = context;\n    return commit(_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW\"], show);\n  },\n\n  addSceneException(context, {\n    show,\n    exception\n  }) {\n    const {\n      commit\n    } = context;\n    commit(_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW_SCENE_EXCEPTION\"], {\n      show,\n      exception\n    });\n  },\n\n  removeSceneException(context, {\n    show,\n    exception\n  }) {\n    const {\n      commit\n    } = context;\n    commit(_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"REMOVE_SHOW_SCENE_EXCEPTION\"], {\n      show,\n      exception\n    });\n  },\n\n  setCurrentShow(context, {\n    indexer,\n    id\n  }) {\n    // Set current show\n    const {\n      commit\n    } = context;\n    return commit('currentShow', {\n      indexer,\n      id\n    });\n  },\n\n  setShowConfig(context, {\n    show,\n    config\n  }) {\n    const {\n      commit\n    } = context;\n    commit(_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW_CONFIG\"], {\n      show,\n      config\n    });\n  }\n\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  state,\n  mutations,\n  getters,\n  actions\n});\n\n//# sourceURL=webpack:///./src/store/modules/shows.js?");
 
 /***/ }),