From e9704ecd6f031282d910f44e3291a9a0bb40efa2 Mon Sep 17 00:00:00 2001
From: p0ps <p0psicles@users.noreply.github.com>
Date: Thu, 3 Sep 2020 20:01:47 +0200
Subject: [PATCH] Fix show-selector.vue using the correct show lists. (#8426)

* Fix show-selector.vue using the correct show lists.

* Fix sorting in show-selector.vue

* Don't display current opened show in show history list.

* Fix jest snapshot tests for show-selector.spec.js

* Fix jest test for app-header.spec.js

* * Fix jest test for app-header.spec.js
You want to mock a route? Don't.
Just use computed.

* Remove useless import
---
 .../slim/src/components/app-header.vue        |  27 +-
 .../src/components/helpers/show-selector.vue  |  79 +--
 .../slim/src/components/show-list/index.vue   |   3 -
 .../slim/test/__fixtures__/show-lists.json    | 659 ++++++++++++++++++
 .../slim/test/__fixtures__/shows.json         | 443 +++++++++++-
 .../__snapshots__/app-header.spec.js.snap     |  12 -
 .../__snapshots__/show-selector.spec.js.snap  | 245 +++++--
 .../slim/test/specs/app-header.spec.js        |  11 +-
 .../slim/test/specs/show-selector.spec.js     |  43 +-
 themes/dark/assets/js/medusa-runtime.js       |  12 +-
 themes/light/assets/js/medusa-runtime.js      |  12 +-
 11 files changed, 1382 insertions(+), 164 deletions(-)
 create mode 100644 themes-default/slim/test/__fixtures__/show-lists.json

diff --git a/themes-default/slim/src/components/app-header.vue b/themes-default/slim/src/components/app-header.vue
index 5c812cb0c7..3dcee438ed 100644
--- a/themes-default/slim/src/components/app-header.vue
+++ b/themes-default/slim/src/components/app-header.vue
@@ -123,14 +123,29 @@ export default {
             username: state => state.auth.user.username,
             warningLevel: state => state.config.general.logs.loggingLevels.warning
         }),
+        /**
+         * Moved into a computed, so it's easier to mock in Jest.
+         * @returns {Object} - Route name and query.
+         */
+        currentShowRoute() {
+            const { $route } = this;
+            return {
+                name: $route.name,
+                query: $route.query
+            };
+        },
         recentShows() {
-            const { config } = this;
+            const { config, currentShowRoute } = this;
             const { recentShows } = config;
-            return recentShows.map(show => {
-                const { name, indexerName, showId } = show;
-                const link = `home/displayShow?indexername=${indexerName}&seriesid=${showId}`;
-                return { name, link };
-            });
+
+            const showAlreadyActive = show => !currentShowRoute.name === 'show' || !(show.indexerName === currentShowRoute.query.indexername && show.showId === Number(currentShowRoute.query.seriesid));
+
+            return recentShows.filter(showAlreadyActive)
+                .map(show => {
+                    const { name, indexerName, showId } = show;
+                    const link = `home/displayShow?indexername=${indexerName}&seriesid=${showId}`;
+                    return { name, link };
+                });
         },
         topMenu() {
             return this.$route.meta.topMenu;
diff --git a/themes-default/slim/src/components/helpers/show-selector.vue b/themes-default/slim/src/components/helpers/show-selector.vue
index 470a6cb44d..dbe4c51975 100644
--- a/themes-default/slim/src/components/helpers/show-selector.vue
+++ b/themes-default/slim/src/components/helpers/show-selector.vue
@@ -5,21 +5,24 @@
                 <option>Loading...</option>
             </select>
             <select v-else v-model="selectedShowSlug" :class="selectClass" @change="$emit('change', selectedShowSlug)">
+                <!-- placeholder -->
                 <option v-if="placeholder" :value="placeholder" disabled :selected="!selectedShowSlug" hidden>{{placeholder}}</option>
-                <template v-if="whichList === -1">
-                    <optgroup v-for="curShowList in showLists" :key="curShowList.type" :label="curShowList.type">
-                        <option v-for="show in curShowList.shows" :key="show.id.slug" :value="show.id.slug">{{show.title}}</option>
+                <!-- If there are multiple show lists -->
+                <template v-if="sortedLists && sortedLists.length > 1">
+                    <optgroup v-for="list in sortedLists" :key="list.listTitle" :label="list.listTitle">
+                        <option v-for="show in list.shows" :key="show.id.slug" :value="show.id.slug">{{show.title}}</option>
                     </optgroup>
                 </template>
+                <!-- If there is one list -->
                 <template v-else>
-                    <option v-for="show in showLists[whichList].shows" :key="show.id.slug" :value="show.id.slug">{{show.title}}</option>
+                    <option v-for="show in sortedLists[0].shows" :key="show.id.slug" :value="show.id.slug">{{show.title}}</option>
                 </template>
             </select>
         </div> <!-- end of select-show-group -->
     </div> <!-- end of container -->
 </template>
 <script>
-import { mapState } from 'vuex';
+import { mapGetters, mapState } from 'vuex';
 
 export default {
     name: 'show-selector',
@@ -46,51 +49,33 @@ export default {
             layout: state => state.config.layout,
             shows: state => state.shows.shows
         }),
-        showLists() {
-            const { layout, shows } = this;
-            const { animeSplitHome, sortArticle } = layout;
-            const lists = [
-                { type: 'Shows', shows: [] },
-                { type: 'Anime', shows: [] }
-            ];
+        ...mapGetters({
+            showsInLists: 'showsInLists'
+        }),
+        sortedLists() {
+            const { layout, showsInLists } = this;
+            const { sortArticle } = layout;
 
-            // We're still loading
-            if (shows.length === 0) {
-                return;
-            }
+            const sortedShows = [...showsInLists];
 
-            shows.forEach(show => {
-                const type = Number(animeSplitHome && show.config.anime);
-                lists[type].shows.push(show);
-            });
+            const sortKey = title => (sortArticle ? title.replace(/^((?:the|a|an)\s)/i, '') : title).toLowerCase();
+            const sortFn = (showA, showB) => {
+                const titleA = sortKey(showA.title);
+                const titleB = sortKey(showB.title);
+                if (titleA < titleB) {
+                    return -1;
+                }
+                if (titleA > titleB) {
+                    return 1;
+                }
+                return 0;
+            };
 
-            const sortKey = title => (sortArticle ? title : title.replace(/^((?:the|a|an)\s)/i, '')).toLowerCase();
-            lists.forEach(list => {
-                list.shows.sort((showA, showB) => {
-                    const titleA = sortKey(showA.title);
-                    const titleB = sortKey(showB.title);
-                    if (titleA < titleB) {
-                        return -1;
-                    }
-                    if (titleA > titleB) {
-                        return 1;
-                    }
-                    return 0;
-                });
+            sortedShows.forEach(list => {
+                list.shows.sort(sortFn);
             });
-            return lists;
-        },
-        whichList() {
-            const { showLists } = this;
-            const shows = showLists[0].shows.length !== 0;
-            const anime = showLists[1].shows.length !== 0;
-            if (shows && anime) {
-                return -1;
-            }
-            if (anime) {
-                return 1;
-            }
-            return 0;
+
+            return sortedShows;
         },
         showForRoutes() {
             const { $route } = this;
@@ -114,7 +99,7 @@ export default {
             const indexerName = selectedShow.indexer;
             const seriesId = selectedShow.id[indexerName];
 
-            // TODO: Make sure the correct show, has been set as current show.
+            // Make sure the correct show, has been set as current show.
             console.debug(`Setting current show to ${selectedShow.title}`);
             $store.commit('currentShow', {
                 indexer: indexerName,
diff --git a/themes-default/slim/src/components/show-list/index.vue b/themes-default/slim/src/components/show-list/index.vue
index bfc2c67b94..95482664a2 100644
--- a/themes-default/slim/src/components/show-list/index.vue
+++ b/themes-default/slim/src/components/show-list/index.vue
@@ -44,9 +44,6 @@
         <template v-else-if="shows.length >= 1">
             <component :class="[['simple', 'small', 'banner'].includes(layout) ? 'table-layout' : '']" :is="mappedLayout" v-bind="$props" />
         </template>
-
-        <!-- No Shows added -->
-        <span v-else>Please add a show <app-link href="addShows">here</app-link> to get started</span>
     </div>
 </template>
 <script>
diff --git a/themes-default/slim/test/__fixtures__/show-lists.json b/themes-default/slim/test/__fixtures__/show-lists.json
new file mode 100644
index 0000000000..a22728c21a
--- /dev/null
+++ b/themes-default/slim/test/__fixtures__/show-lists.json
@@ -0,0 +1,659 @@
+[
+    {
+        "listTitle": "Series",
+        "shows": [
+            {
+                "status": "Ended",
+                "rating": {
+                    "imdb": {
+                        "rating": "9.3",
+                        "votes": 9942
+                    }
+                },
+                "genres": [
+                    "Documentary"
+                ],
+                "showType": "series",
+                "network": "BBC One",
+                "language": "en",
+                "title": "Blue Planet II",
+                "akas": {},
+                "classification": "",
+                "plot": "World-renowned naturalist Sir David Attenborough returns to present this landmark seven-part series about our planet’s oceans. Blue Planet II explores the latest frontiers of scientific discovery, from icy-white polar seas to vibrant blues of the coral atolls, from the storm-tossed green Atlantic coastline to the black depths of the alien deep.",
+                "indexer": "tvdb",
+                "countries": [
+                    "UNITED KINGDOM"
+                ],
+                "cache": {
+                    "poster": "/config/cache/images/tvdb/330942.poster.jpg",
+                    "banner": "/config/cache/images/tvdb/330942.poster.jpg"
+                },
+                "airs": "Sunday 8:00 PM",
+                "nextAirDate": null,
+                "year": {
+                    "start": 2017
+                },
+                "config": {
+                    "qualities": {
+                        "preferred": [
+                            32,
+                            128,
+                            512
+                        ],
+                        "allowed": [
+                            8,
+                            64,
+                            256
+                        ]
+                    },
+                    "defaultEpisodeStatus": "Wanted",
+                    "dvdOrder": false,
+                    "seasonFolders": true,
+                    "scene": false,
+                    "sports": false,
+                    "paused": false,
+                    "location": "/mnt/user/TV Shows/Blue Planet II",
+                    "airByDate": false,
+                    "release": {
+                        "ignoredWords": [],
+                        "requiredWords": []
+                    },
+                    "aliases": [
+                        {
+                            "season": -1,
+                            "title": "Blue Planet duex"
+                        },
+                        {
+                            "season": 2,
+                            "title": "Blue planet II second season"
+                        }
+                    ],
+                    "subtitlesEnabled": true,
+                    "anime": false
+                },
+                "countryCodes": [
+                    "gb"
+                ],
+                "runtime": 60,
+                "type": "Scripted",
+                "id": {
+                    "tvdb": 330942,
+                    "imdb": "tt6769208",
+                    "slug": "tvdb330942"
+                }
+            },
+            {
+                "status": "Ended",
+                "rating": {},
+                "genres": [
+                    "Comedy",
+                    "Family"
+                ],
+                "showType": "series",
+                "network": "FOX (US)",
+                "language": "en",
+                "title": "That '70s Show",
+                "akas": {},
+                "classification": null,
+                "plot": "Set in the Wisconsin suburbs of the United States, Eric Forman lives under the authority of his parents, Red and Kitty. Next door is his girlfriend/neighbor, Donna Pinciotti and her parents Bob and Midge. The rest of the gang includes Jackie, and her sometimes boyfriend, Kelso, Hyde, a conspiracy theorist and Fez, a foreign exchange student. The gang mostly likes to spend their time in Eric's basement, pondering their lives, parents, and their futures, while getting into many funny mishaps and adventures in their teenage lives along the way.",
+                "indexer": "tvdb",
+                "countries": [],
+                "cache": {
+                    "poster": "/config/cache/images/tvdb/73787.poster.jpg",
+                    "banner": "/config/cache/images/tvdb/73787.poster.jpg"
+                },
+                "airs": "Thursday 8:00 PM",
+                "nextAirDate": null,
+                "year": {
+                    "start": 1998
+                },
+                "config": {
+                    "qualities": {
+                        "preferred": [
+                            32,
+                            128,
+                            512
+                        ],
+                        "allowed": [
+                            8,
+                            64,
+                            256
+                        ]
+                    },
+                    "defaultEpisodeStatus": "Skipped",
+                    "dvdOrder": false,
+                    "seasonFolders": true,
+                    "scene": false,
+                    "sports": false,
+                    "paused": false,
+                    "location": "/mnt/user/TV Shows/That '70s Show",
+                    "airByDate": false,
+                    "release": {
+                        "ignoredWords": [],
+                        "requiredWords": []
+                    },
+                    "aliases": [],
+                    "subtitlesEnabled": true,
+                    "anime": false
+                },
+                "countryCodes": [],
+                "runtime": 25,
+                "type": "Scripted",
+                "id": {
+                    "tvdb": 73787,
+                    "imdb": "tt0165598",
+                    "slug": "tvdb73787"
+                }
+            },
+            {
+                "status": "Ended",
+                "rating": {
+                    "imdb": {
+                        "rating": "8.5",
+                        "votes": 44981
+                    }
+                },
+                "genres": [
+                    "Comedy"
+                ],
+                "showType": "series",
+                "network": "Channel 4",
+                "language": "en",
+                "title": "Black Books",
+                "akas": {},
+                "classification": "TV-PG",
+                "plot": "Black Books is a second-hand bookshop in London run by an Irishman named Bernard Black. He is probably the planet's worst-suited person to run such an establishment: he makes no effort to sell, closes at strange hours on a whim, is in a perpetual alcoholic stupor, abhors his customers (sometimes physically abusing them) and is often comatose at his desk. Help comes in the lumpy shape of Manny Bianco, a hairy, bumbling individual who (almost by osmosis) becomes Bernard's assistant. Manny is not exactly great at the job either but he is a million times better than Bernard. Next door is Fran, an anxious, frustrated woman who runs a sort of new-age shop selling the most unlikely bits of arty junk. Fran is friends with Bernard and, through him, with Manny; together the trio become embroiled in escapades that are sometimes extreme or violent or fantastically ludicrous, and always bizarre.",
+                "indexer": "tvdb",
+                "countries": [
+                    "UNITED KINGDOM"
+                ],
+                "cache": {
+                    "poster": "/config/cache/images/tvdb/76924.poster.jpg",
+                    "banner": "/config/cache/images/tvdb/76924.poster.jpg"
+                },
+                "airs": "",
+                "nextAirDate": null,
+                "year": {
+                    "start": 2000
+                },
+                "config": {
+                    "qualities": {
+                        "preferred": [
+                            32,
+                            128,
+                            512
+                        ],
+                        "allowed": [
+                            8,
+                            64,
+                            256
+                        ]
+                    },
+                    "defaultEpisodeStatus": "Skipped",
+                    "dvdOrder": false,
+                    "seasonFolders": true,
+                    "scene": false,
+                    "sports": false,
+                    "paused": false,
+                    "location": "/mnt/user/TV Shows/Black Books",
+                    "airByDate": false,
+                    "release": {
+                        "ignoredWords": [],
+                        "requiredWords": []
+                    },
+                    "aliases": [],
+                    "subtitlesEnabled": true,
+                    "anime": false
+                },
+                "countryCodes": [
+                    "gb"
+                ],
+                "runtime": 25,
+                "type": "Scripted",
+                "id": {
+                    "tvdb": 76924,
+                    "imdb": "tt0262150",
+                    "slug": "tvdb76924"
+                }
+            }
+        ]
+    },
+    {
+        "listTitle": "Anime",
+        "shows": [
+            {
+                "id": {
+                    "tvdb": 313867,
+                    "imdb": "tt6104656",
+                    "slug": "tvdb313867",
+                    "trakt": 108865
+                },
+                "title": "Izetta, The Last Witch",
+                "indexer": "tvdb",
+                "network": "AT-X",
+                "type": "Scripted",
+                "status": "Ended",
+                "seasonCount": [
+                    {
+                        "season": 1,
+                        "episodeCount": 12
+                    }
+                ],
+                "airs": "Saturday 23:00",
+                "airsFormatValid": true,
+                "language": "en",
+                "showType": "anime",
+                "imdbInfo": {
+                    "imdbInfoId": 68,
+                    "indexer": 1,
+                    "indexerId": 313867,
+                    "imdbId": "tt6104656",
+                    "title": "Shumatsu no Izetta",
+                    "year": 2016,
+                    "akas": "",
+                    "runtimes": "",
+                    "genres": "Animation|Action|Fantasy",
+                    "countries": "",
+                    "countryCodes": "",
+                    "certificates": "",
+                    "rating": "6.6",
+                    "votes": 239,
+                    "lastUpdate": 737260,
+                    "plot": ""
+                },
+                "year": {
+                    "start": 2016
+                },
+                "prevAirDate": "2016-12-17T15:00:00+01:00",
+                "nextAirDate": null,
+                "lastUpdate": "2019-07-20",
+                "runtime": 25,
+                "genres": [
+                    "Fantasy",
+                    "Animation",
+                    "Action"
+                ],
+                "rating": {
+                    "imdb": {
+                        "rating": "6.6",
+                        "votes": 239
+                    }
+                },
+                "classification": "",
+                "cache": {
+                    "poster": "/data/medusa/cache/images/tvdb/313867.poster.jpg",
+                    "banner": "/data/medusa/cache/images/tvdb/313867.banner.jpg"
+                },
+                "countries": [],
+                "countryCodes": [],
+                "plot": "\"If I am promised to the princess, then I will fight for her sake.\"\r\n\r\nIn 1939 C.E., the imperialist nation of Germania invaded a neighboring country. All at once, the conflict spread throughout Europe, and the era was dragged into the spiral of a great war.\r\n\r\nThen, in 1940, Germania's attack turned towards the Principality of Elystadt, a small Alps country abundant with beautiful water and greenery.",
+                "config": {
+                    "location": "/Anime/Izetta, The Last Witch",
+                    "locationValid": false,
+                    "qualities": {
+                        "allowed": [
+                            8,
+                            32,
+                            64,
+                            128,
+                            256,
+                            512
+                        ],
+                        "preferred": []
+                    },
+                    "paused": false,
+                    "airByDate": false,
+                    "subtitlesEnabled": false,
+                    "dvdOrder": false,
+                    "seasonFolders": true,
+                    "anime": true,
+                    "scene": false,
+                    "sports": false,
+                    "defaultEpisodeStatus": "Wanted",
+                    "aliases": [
+                        {
+                            "season": -1,
+                            "title": "Shuumatsu no Izetta",
+                            "custom": false
+                        }
+                    ],
+                    "release": {
+                        "ignoredWords": [],
+                        "requiredWords": [],
+                        "ignoredWordsExclude": false,
+                        "requiredWordsExclude": false,
+                        "blacklist": [],
+                        "whitelist": []
+                    },
+                    "airdateOffset": 0,
+                    "showLists": [
+                        "anime"
+                    ]
+                },
+                "xemNumbering": [],
+                "sceneAbsoluteNumbering": [],
+                "xemAbsoluteNumbering": [],
+                "sceneNumbering": [],
+                "size": -1,
+                "showQueueStatus": [
+                    {
+                        "action": "isBeingAdded",
+                        "active": false,
+                        "message": "This show is in the process of being downloaded - the info below is incomplete"
+                    },
+                    {
+                        "action": "isBeingUpdated",
+                        "active": false,
+                        "message": "The information on this page is in the process of being updated"
+                    },
+                    {
+                        "action": "isBeingRefreshed",
+                        "active": false,
+                        "message": "The episodes below are currently being refreshed from disk"
+                    },
+                    {
+                        "action": "isBeingSubtitled",
+                        "active": false,
+                        "message": "Currently downloading subtitles for this show"
+                    },
+                    {
+                        "action": "isInRefreshQueue",
+                        "active": false,
+                        "message": "This show is queued to be refreshed"
+                    },
+                    {
+                        "action": "isInUpdateQueue",
+                        "active": false,
+                        "message": "This show is queued and awaiting an update"
+                    },
+                    {
+                        "action": "isInSubtitleQueue",
+                        "active": false,
+                        "message": "This show is queued and awaiting subtitles download"
+                    }
+                ]
+            },
+            {
+                "id": {
+                    "tvdb": 360438,
+                    "imdb": "tt10256918",
+                    "slug": "tvdb360438",
+                    "trakt": 144796
+                },
+                "title": "A Certain Scientific Accelerator",
+                "indexer": "tvdb",
+                "network": "AT-X",
+                "type": "Scripted",
+                "status": "Ended",
+                "seasonCount": [
+                    {
+                        "season": 1,
+                        "episodeCount": 12
+                    }
+                ],
+                "airs": "Friday 10:00 PM",
+                "airsFormatValid": true,
+                "language": "en",
+                "showType": "anime",
+                "imdbInfo": {
+                    "imdbInfoId": 185,
+                    "indexer": 1,
+                    "indexerId": 360438,
+                    "imdbId": "tt10256918",
+                    "title": "Toaru Kagaku no Akuserareta",
+                    "year": 2019,
+                    "akas": "",
+                    "runtimes": 24,
+                    "genres": "Animation|Action|Comedy|Drama|Fantasy|Sci-Fi",
+                    "countries": "JAPAN",
+                    "countryCodes": "jp",
+                    "certificates": "",
+                    "rating": "7.2",
+                    "votes": 142,
+                    "lastUpdate": 737510,
+                    "plot": ""
+                },
+                "year": {
+                    "start": 2019
+                },
+                "prevAirDate": "2019-09-27T15:00:00+02:00",
+                "nextAirDate": null,
+                "lastUpdate": "2020-03-26",
+                "runtime": 24,
+                "genres": [
+                    "Comedy",
+                    "Fantasy",
+                    "Science Fiction",
+                    "Animation",
+                    "Drama",
+                    "Anime",
+                    "Action",
+                    "Science-Fiction"
+                ],
+                "rating": {
+                    "imdb": {
+                        "rating": "7.2",
+                        "votes": 142
+                    }
+                },
+                "classification": "",
+                "cache": {
+                    "poster": "/data/medusa/cache/images/tvdb/360438.poster.jpg",
+                    "banner": "/data/medusa/cache/images/tvdb/360438.banner.jpg"
+                },
+                "countries": [
+                    "JAPAN"
+                ],
+                "countryCodes": [
+                    "jp"
+                ],
+                "plot": "The espers of Academy City are classified into six levels, where \"Level 0\" lacks power while \"Level 5\" possesses an overwhelming amount. Of the several million espers residing in Academy City, only seven of them have attained Level 5, and ranked highest among them is the one known as Accelerator.\r\n\r\nToaru Kagaku no Accelerator focuses on the strongest Level 5 after he protects the cheerful Last Order at the price of much of his power. Recovering at the hospital, Accelerator has led a relatively quiet life until he ends up saving the life of Estelle Rosenthal, a mysterious girl carrying a photo of Last Order. Unfortunately, Accelerator now finds himself dragged into a new conflict in the form of a sinister organization called Disciplinary Action which plots to use Last Order for a dangerous mission. Now that they have set their plan into motion and are in pursuit of the young girl, it's up to the world's most powerful esper and his newfound companion to protect Last Order and defend Academy City in the process.",
+                "config": {
+                    "location": "/Anime/A Certain Scientific Accelerator",
+                    "locationValid": false,
+                    "qualities": {
+                        "allowed": [
+                            8,
+                            32,
+                            64,
+                            128,
+                            256,
+                            512
+                        ],
+                        "preferred": []
+                    },
+                    "paused": false,
+                    "airByDate": false,
+                    "subtitlesEnabled": false,
+                    "dvdOrder": false,
+                    "seasonFolders": true,
+                    "anime": true,
+                    "scene": false,
+                    "sports": false,
+                    "defaultEpisodeStatus": "Wanted",
+                    "aliases": [
+                        {
+                            "season": 1,
+                            "title": "Toaru Kagaku no Accelerator",
+                            "custom": false
+                        }
+                    ],
+                    "release": {
+                        "ignoredWords": [],
+                        "requiredWords": [],
+                        "ignoredWordsExclude": false,
+                        "requiredWordsExclude": false,
+                        "blacklist": [],
+                        "whitelist": [
+                            "HorribleSubs"
+                        ]
+                    },
+                    "airdateOffset": 0,
+                    "showLists": [
+                        "anime"
+                    ]
+                },
+                "xemNumbering": [],
+                "sceneAbsoluteNumbering": [],
+                "xemAbsoluteNumbering": [],
+                "sceneNumbering": []
+            },
+            {
+                "id": {
+                    "tvdb": 300835,
+                    "imdb": "tt5537534",
+                    "slug": "tvdb300835",
+                    "trakt": 102203
+                },
+                "title": "Ajin",
+                "indexer": "tvdb",
+                "network": "Tokyo Broadcasting System",
+                "type": "Scripted",
+                "status": "Ended",
+                "seasonCount": [
+                    {
+                        "season": 0,
+                        "episodeCount": 7
+                    },
+                    {
+                        "season": 1,
+                        "episodeCount": 13
+                    },
+                    {
+                        "season": 2,
+                        "episodeCount": 13
+                    }
+                ],
+                "airs": "Saturday 02:25",
+                "airsFormatValid": true,
+                "language": "en",
+                "showType": "anime",
+                "imdbInfo": {
+                    "imdbInfoId": 53,
+                    "indexer": 1,
+                    "indexerId": 300835,
+                    "imdbId": "tt5537534",
+                    "title": "Ajin",
+                    "year": 2016,
+                    "akas": "",
+                    "runtimes": 24,
+                    "genres": "Animation|Action|Adventure|Drama|Fantasy|Horror|Mystery|Sci-Fi|Thriller",
+                    "countries": "JAPAN",
+                    "countryCodes": "jp",
+                    "certificates": "",
+                    "rating": "7.7",
+                    "votes": 4438,
+                    "lastUpdate": 737416,
+                    "plot": "A high school student discovers he is an Ajin, a demi-human being. He ends up a fugitive on the run because of his powers."
+                },
+                "year": {
+                    "start": 2016
+                },
+                "prevAirDate": "2017-09-29T19:25:00+02:00",
+                "nextAirDate": null,
+                "lastUpdate": "2019-12-23",
+                "runtime": 24,
+                "genres": [
+                    "Thriller",
+                    "Fantasy",
+                    "Mystery",
+                    "Adventure",
+                    "Animation",
+                    "Suspense",
+                    "Horror",
+                    "Drama",
+                    "Anime",
+                    "Action",
+                    "Science-Fiction"
+                ],
+                "rating": {
+                    "imdb": {
+                        "rating": "7.7",
+                        "votes": 4438
+                    }
+                },
+                "classification": "",
+                "cache": {
+                    "poster": "/data/medusa/cache/images/tvdb/300835.poster.jpg",
+                    "banner": "/data/medusa/cache/images/tvdb/300835.banner.jpg"
+                },
+                "countries": [
+                    "JAPAN"
+                ],
+                "countryCodes": [
+                    "jp"
+                ],
+                "plot": "Mysterious immortal humans known as \"Ajin\" first appeared 17 years ago in Africa. Upon their discovery, they were labeled as a threat to mankind, as they might use their powers for evil and were incapable of being destroyed. Since then, whenever an Ajin is found within society, they are to be arrested and taken into custody immediately.\r\n\r\nStudying hard to become a doctor, Kei Nagai is a high schooler who knows very little about Ajin, only having seen them appear in the news every now and then. Students are taught that these creatures are not considered to be human, but Kei doesn't pay much attention in class. As a result, his perilously little grasp on this subject proves to be completely irrelevant when he survives an accident that was supposed to claim his life, signaling his rebirth as an Ajin and the start of his days of torment. However, as he finds himself alone on the run from the entire world, Kei soon realizes that more of his species may be a lot closer than he thinks.",
+                "config": {
+                    "location": "/Anime/Ajin",
+                    "locationValid": false,
+                    "qualities": {
+                        "allowed": [
+                            8,
+                            32,
+                            64,
+                            128,
+                            256,
+                            512
+                        ],
+                        "preferred": []
+                    },
+                    "paused": false,
+                    "airByDate": false,
+                    "subtitlesEnabled": false,
+                    "dvdOrder": false,
+                    "seasonFolders": true,
+                    "anime": true,
+                    "scene": false,
+                    "sports": false,
+                    "defaultEpisodeStatus": "Wanted",
+                    "aliases": [
+                        {
+                            "season": -1,
+                            "title": "Ajin - Demi-Human",
+                            "custom": false
+                        },
+                        {
+                            "season": -1,
+                            "title": "Ajin: Demi-Human",
+                            "custom": false
+                        },
+                        {
+                            "season": 2,
+                            "title": "Ajin Season 2",
+                            "custom": false
+                        },
+                        {
+                            "season": 2,
+                            "title": "Ajin Second Season",
+                            "custom": false
+                        },
+                        {
+                            "season": -1,
+                            "title": "Ajin (2016)",
+                            "custom": false
+                        }
+                    ],
+                    "release": {
+                        "ignoredWords": [
+                            "Raw"
+                        ],
+                        "requiredWords": [],
+                        "ignoredWordsExclude": false,
+                        "requiredWordsExclude": false,
+                        "blacklist": [],
+                        "whitelist": []
+                    },
+                    "airdateOffset": 0,
+                    "showLists": [
+                        "anime"
+                    ]
+                },
+                "xemNumbering": [],
+                "sceneAbsoluteNumbering": [],
+                "xemAbsoluteNumbering": [],
+                "sceneNumbering": []
+            }
+        ]
+    }
+]
diff --git a/themes-default/slim/test/__fixtures__/shows.json b/themes-default/slim/test/__fixtures__/shows.json
index 61bd6fead8..9b1484688e 100644
--- a/themes-default/slim/test/__fixtures__/shows.json
+++ b/themes-default/slim/test/__fixtures__/shows.json
@@ -57,8 +57,14 @@
                     "requiredWords": []
                 },
                 "aliases": [
-                    {"season": -1, "title": "Blue Planet duex"},
-                    {"season": 2, "title": "Blue planet II second season"}
+                    {
+                        "season": -1,
+                        "title": "Blue Planet duex"
+                    },
+                    {
+                        "season": 2,
+                        "title": "Blue planet II second season"
+                    }
                 ],
                 "subtitlesEnabled": true,
                 "anime": false
@@ -207,6 +213,439 @@
                 "imdb": "tt0262150",
                 "slug": "tvdb76924"
             }
+        },
+        {
+            "id": {
+                "tvdb": 313867,
+                "imdb": "tt6104656",
+                "slug": "tvdb313867",
+                "trakt": 108865
+            },
+            "title": "Izetta, The Last Witch",
+            "indexer": "tvdb",
+            "network": "AT-X",
+            "type": "Scripted",
+            "status": "Ended",
+            "seasonCount": [
+                {
+                    "season": 1,
+                    "episodeCount": 12
+                }
+            ],
+            "airs": "Saturday 23:00",
+            "airsFormatValid": true,
+            "language": "en",
+            "showType": "anime",
+            "imdbInfo": {
+                "imdbInfoId": 68,
+                "indexer": 1,
+                "indexerId": 313867,
+                "imdbId": "tt6104656",
+                "title": "Shumatsu no Izetta",
+                "year": 2016,
+                "akas": "",
+                "runtimes": "",
+                "genres": "Animation|Action|Fantasy",
+                "countries": "",
+                "countryCodes": "",
+                "certificates": "",
+                "rating": "6.6",
+                "votes": 239,
+                "lastUpdate": 737260,
+                "plot": ""
+            },
+            "year": {
+                "start": 2016
+            },
+            "prevAirDate": "2016-12-17T15:00:00+01:00",
+            "nextAirDate": null,
+            "lastUpdate": "2019-07-20",
+            "runtime": 25,
+            "genres": [
+                "Fantasy",
+                "Animation",
+                "Action"
+            ],
+            "rating": {
+                "imdb": {
+                    "rating": "6.6",
+                    "votes": 239
+                }
+            },
+            "classification": "",
+            "cache": {
+                "poster": "/data/medusa/cache/images/tvdb/313867.poster.jpg",
+                "banner": "/data/medusa/cache/images/tvdb/313867.banner.jpg"
+            },
+            "countries": [],
+            "countryCodes": [],
+            "plot": "\"If I am promised to the princess, then I will fight for her sake.\"\r\n\r\nIn 1939 C.E., the imperialist nation of Germania invaded a neighboring country. All at once, the conflict spread throughout Europe, and the era was dragged into the spiral of a great war.\r\n\r\nThen, in 1940, Germania's attack turned towards the Principality of Elystadt, a small Alps country abundant with beautiful water and greenery.",
+            "config": {
+                "location": "/Anime/Izetta, The Last Witch",
+                "locationValid": false,
+                "qualities": {
+                    "allowed": [
+                        8,
+                        32,
+                        64,
+                        128,
+                        256,
+                        512
+                    ],
+                    "preferred": []
+                },
+                "paused": false,
+                "airByDate": false,
+                "subtitlesEnabled": false,
+                "dvdOrder": false,
+                "seasonFolders": true,
+                "anime": true,
+                "scene": false,
+                "sports": false,
+                "defaultEpisodeStatus": "Wanted",
+                "aliases": [
+                    {
+                        "season": -1,
+                        "title": "Shuumatsu no Izetta",
+                        "custom": false
+                    }
+                ],
+                "release": {
+                    "ignoredWords": [],
+                    "requiredWords": [],
+                    "ignoredWordsExclude": false,
+                    "requiredWordsExclude": false,
+                    "blacklist": [],
+                    "whitelist": []
+                },
+                "airdateOffset": 0,
+                "showLists": [
+                    "anime"
+                ]
+            },
+            "xemNumbering": [],
+            "sceneAbsoluteNumbering": [],
+            "xemAbsoluteNumbering": [],
+            "sceneNumbering": [],
+            "size": -1,
+            "showQueueStatus": [
+                {
+                    "action": "isBeingAdded",
+                    "active": false,
+                    "message": "This show is in the process of being downloaded - the info below is incomplete"
+                },
+                {
+                    "action": "isBeingUpdated",
+                    "active": false,
+                    "message": "The information on this page is in the process of being updated"
+                },
+                {
+                    "action": "isBeingRefreshed",
+                    "active": false,
+                    "message": "The episodes below are currently being refreshed from disk"
+                },
+                {
+                    "action": "isBeingSubtitled",
+                    "active": false,
+                    "message": "Currently downloading subtitles for this show"
+                },
+                {
+                    "action": "isInRefreshQueue",
+                    "active": false,
+                    "message": "This show is queued to be refreshed"
+                },
+                {
+                    "action": "isInUpdateQueue",
+                    "active": false,
+                    "message": "This show is queued and awaiting an update"
+                },
+                {
+                    "action": "isInSubtitleQueue",
+                    "active": false,
+                    "message": "This show is queued and awaiting subtitles download"
+                }
+            ]
+        },
+        {
+            "id": {
+                "tvdb": 360438,
+                "imdb": "tt10256918",
+                "slug": "tvdb360438",
+                "trakt": 144796
+            },
+            "title": "A Certain Scientific Accelerator",
+            "indexer": "tvdb",
+            "network": "AT-X",
+            "type": "Scripted",
+            "status": "Ended",
+            "seasonCount": [
+                {
+                    "season": 1,
+                    "episodeCount": 12
+                }
+            ],
+            "airs": "Friday 10:00 PM",
+            "airsFormatValid": true,
+            "language": "en",
+            "showType": "anime",
+            "imdbInfo": {
+                "imdbInfoId": 185,
+                "indexer": 1,
+                "indexerId": 360438,
+                "imdbId": "tt10256918",
+                "title": "Toaru Kagaku no Akuserareta",
+                "year": 2019,
+                "akas": "",
+                "runtimes": 24,
+                "genres": "Animation|Action|Comedy|Drama|Fantasy|Sci-Fi",
+                "countries": "JAPAN",
+                "countryCodes": "jp",
+                "certificates": "",
+                "rating": "7.2",
+                "votes": 142,
+                "lastUpdate": 737510,
+                "plot": ""
+            },
+            "year": {
+                "start": 2019
+            },
+            "prevAirDate": "2019-09-27T15:00:00+02:00",
+            "nextAirDate": null,
+            "lastUpdate": "2020-03-26",
+            "runtime": 24,
+            "genres": [
+                "Comedy",
+                "Fantasy",
+                "Science Fiction",
+                "Animation",
+                "Drama",
+                "Anime",
+                "Action",
+                "Science-Fiction"
+            ],
+            "rating": {
+                "imdb": {
+                    "rating": "7.2",
+                    "votes": 142
+                }
+            },
+            "classification": "",
+            "cache": {
+                "poster": "/data/medusa/cache/images/tvdb/360438.poster.jpg",
+                "banner": "/data/medusa/cache/images/tvdb/360438.banner.jpg"
+            },
+            "countries": [
+                "JAPAN"
+            ],
+            "countryCodes": [
+                "jp"
+            ],
+            "plot": "The espers of Academy City are classified into six levels, where \"Level 0\" lacks power while \"Level 5\" possesses an overwhelming amount. Of the several million espers residing in Academy City, only seven of them have attained Level 5, and ranked highest among them is the one known as Accelerator.\r\n\r\nToaru Kagaku no Accelerator focuses on the strongest Level 5 after he protects the cheerful Last Order at the price of much of his power. Recovering at the hospital, Accelerator has led a relatively quiet life until he ends up saving the life of Estelle Rosenthal, a mysterious girl carrying a photo of Last Order. Unfortunately, Accelerator now finds himself dragged into a new conflict in the form of a sinister organization called Disciplinary Action which plots to use Last Order for a dangerous mission. Now that they have set their plan into motion and are in pursuit of the young girl, it's up to the world's most powerful esper and his newfound companion to protect Last Order and defend Academy City in the process.",
+            "config": {
+                "location": "/Anime/A Certain Scientific Accelerator",
+                "locationValid": false,
+                "qualities": {
+                    "allowed": [
+                        8,
+                        32,
+                        64,
+                        128,
+                        256,
+                        512
+                    ],
+                    "preferred": []
+                },
+                "paused": false,
+                "airByDate": false,
+                "subtitlesEnabled": false,
+                "dvdOrder": false,
+                "seasonFolders": true,
+                "anime": true,
+                "scene": false,
+                "sports": false,
+                "defaultEpisodeStatus": "Wanted",
+                "aliases": [
+                    {
+                        "season": 1,
+                        "title": "Toaru Kagaku no Accelerator",
+                        "custom": false
+                    }
+                ],
+                "release": {
+                    "ignoredWords": [],
+                    "requiredWords": [],
+                    "ignoredWordsExclude": false,
+                    "requiredWordsExclude": false,
+                    "blacklist": [],
+                    "whitelist": [
+                        "HorribleSubs"
+                    ]
+                },
+                "airdateOffset": 0,
+                "showLists": [
+                    "anime"
+                ]
+            },
+            "xemNumbering": [],
+            "sceneAbsoluteNumbering": [],
+            "xemAbsoluteNumbering": [],
+            "sceneNumbering": []
+        },
+        {
+            "id": {
+                "tvdb": 300835,
+                "imdb": "tt5537534",
+                "slug": "tvdb300835",
+                "trakt": 102203
+            },
+            "title": "Ajin",
+            "indexer": "tvdb",
+            "network": "Tokyo Broadcasting System",
+            "type": "Scripted",
+            "status": "Ended",
+            "seasonCount": [
+                {
+                    "season": 0,
+                    "episodeCount": 7
+                },
+                {
+                    "season": 1,
+                    "episodeCount": 13
+                },
+                {
+                    "season": 2,
+                    "episodeCount": 13
+                }
+            ],
+            "airs": "Saturday 02:25",
+            "airsFormatValid": true,
+            "language": "en",
+            "showType": "anime",
+            "imdbInfo": {
+                "imdbInfoId": 53,
+                "indexer": 1,
+                "indexerId": 300835,
+                "imdbId": "tt5537534",
+                "title": "Ajin",
+                "year": 2016,
+                "akas": "",
+                "runtimes": 24,
+                "genres": "Animation|Action|Adventure|Drama|Fantasy|Horror|Mystery|Sci-Fi|Thriller",
+                "countries": "JAPAN",
+                "countryCodes": "jp",
+                "certificates": "",
+                "rating": "7.7",
+                "votes": 4438,
+                "lastUpdate": 737416,
+                "plot": "A high school student discovers he is an Ajin, a demi-human being. He ends up a fugitive on the run because of his powers."
+            },
+            "year": {
+                "start": 2016
+            },
+            "prevAirDate": "2017-09-29T19:25:00+02:00",
+            "nextAirDate": null,
+            "lastUpdate": "2019-12-23",
+            "runtime": 24,
+            "genres": [
+                "Thriller",
+                "Fantasy",
+                "Mystery",
+                "Adventure",
+                "Animation",
+                "Suspense",
+                "Horror",
+                "Drama",
+                "Anime",
+                "Action",
+                "Science-Fiction"
+            ],
+            "rating": {
+                "imdb": {
+                    "rating": "7.7",
+                    "votes": 4438
+                }
+            },
+            "classification": "",
+            "cache": {
+                "poster": "/data/medusa/cache/images/tvdb/300835.poster.jpg",
+                "banner": "/data/medusa/cache/images/tvdb/300835.banner.jpg"
+            },
+            "countries": [
+                "JAPAN"
+            ],
+            "countryCodes": [
+                "jp"
+            ],
+            "plot": "Mysterious immortal humans known as \"Ajin\" first appeared 17 years ago in Africa. Upon their discovery, they were labeled as a threat to mankind, as they might use their powers for evil and were incapable of being destroyed. Since then, whenever an Ajin is found within society, they are to be arrested and taken into custody immediately.\r\n\r\nStudying hard to become a doctor, Kei Nagai is a high schooler who knows very little about Ajin, only having seen them appear in the news every now and then. Students are taught that these creatures are not considered to be human, but Kei doesn't pay much attention in class. As a result, his perilously little grasp on this subject proves to be completely irrelevant when he survives an accident that was supposed to claim his life, signaling his rebirth as an Ajin and the start of his days of torment. However, as he finds himself alone on the run from the entire world, Kei soon realizes that more of his species may be a lot closer than he thinks.",
+            "config": {
+                "location": "/Anime/Ajin",
+                "locationValid": false,
+                "qualities": {
+                    "allowed": [
+                        8,
+                        32,
+                        64,
+                        128,
+                        256,
+                        512
+                    ],
+                    "preferred": []
+                },
+                "paused": false,
+                "airByDate": false,
+                "subtitlesEnabled": false,
+                "dvdOrder": false,
+                "seasonFolders": true,
+                "anime": true,
+                "scene": false,
+                "sports": false,
+                "defaultEpisodeStatus": "Wanted",
+                "aliases": [
+                    {
+                        "season": -1,
+                        "title": "Ajin - Demi-Human",
+                        "custom": false
+                    },
+                    {
+                        "season": -1,
+                        "title": "Ajin: Demi-Human",
+                        "custom": false
+                    },
+                    {
+                        "season": 2,
+                        "title": "Ajin Season 2",
+                        "custom": false
+                    },
+                    {
+                        "season": 2,
+                        "title": "Ajin Second Season",
+                        "custom": false
+                    },
+                    {
+                        "season": -1,
+                        "title": "Ajin (2016)",
+                        "custom": false
+                    }
+                ],
+                "release": {
+                    "ignoredWords": [
+                        "Raw"
+                    ],
+                    "requiredWords": [],
+                    "ignoredWordsExclude": false,
+                    "requiredWordsExclude": false,
+                    "blacklist": [],
+                    "whitelist": []
+                },
+                "airdateOffset": 0,
+                "showLists": [
+                    "anime"
+                ]
+            },
+            "xemNumbering": [],
+            "sceneAbsoluteNumbering": [],
+            "xemAbsoluteNumbering": [],
+            "sceneNumbering": []
         }
     ]
 }
diff --git a/themes-default/slim/test/specs/__snapshots__/app-header.spec.js.snap b/themes-default/slim/test/specs/__snapshots__/app-header.spec.js.snap
index bc1f560573..981fe22acc 100644
--- a/themes-default/slim/test/specs/__snapshots__/app-header.spec.js.snap
+++ b/themes-default/slim/test/specs/__snapshots__/app-header.spec.js.snap
@@ -141,18 +141,6 @@ exports[`AppHeader.test.js renders 1`] = `
               role="separator"
             />
              
-            <li>
-              <app-link-stub
-                href="home/displayShow?indexername=tvdb&seriesid=253463"
-                placeholder="indexer-to-name"
-              >
-                <i
-                  class="menu-icon-addshow"
-                />
-                 Black Mirror
-                            
-              </app-link-stub>
-            </li>
             <li>
               <app-link-stub
                 href="home/displayShow?indexername=tvdb&seriesid=80379"
diff --git a/themes-default/slim/test/specs/__snapshots__/show-selector.spec.js.snap b/themes-default/slim/test/specs/__snapshots__/show-selector.spec.js.snap
index b8e58b0920..08d1127ba9 100644
--- a/themes-default/slim/test/specs/__snapshots__/show-selector.spec.js.snap
+++ b/themes-default/slim/test/specs/__snapshots__/show-selector.spec.js.snap
@@ -37,21 +37,44 @@ exports[`ShowSelector.test.js renders with articles(The|A|An) ignored in /home/d
         -- Select a Show --
       </option>
        
-      <option
-        value="tvdb76924"
+      <optgroup
+        label="Series"
       >
-        Black Books
-      </option>
-      <option
-        value="tvdb330942"
+        <option
+          value="tvdb76924"
+        >
+          Black Books
+        </option>
+        <option
+          value="tvdb330942"
+        >
+          Blue Planet II
+        </option>
+        <option
+          value="tvdb73787"
+        >
+          That '70s Show
+        </option>
+      </optgroup>
+      <optgroup
+        label="Anime"
       >
-        Blue Planet II
-      </option>
-      <option
-        value="tvdb73787"
-      >
-        That '70s Show
-      </option>
+        <option
+          value="tvdb360438"
+        >
+          A Certain Scientific Accelerator
+        </option>
+        <option
+          value="tvdb300835"
+        >
+          Ajin
+        </option>
+        <option
+          value="tvdb313867"
+        >
+          Izetta, The Last Witch
+        </option>
+      </optgroup>
     </select>
   </div>
 </div>
@@ -75,21 +98,44 @@ exports[`ShowSelector.test.js renders with shows in /home/displayShow 1`] = `
         -- Select a Show --
       </option>
        
-      <option
-        value="tvdb76924"
-      >
-        Black Books
-      </option>
-      <option
-        value="tvdb330942"
+      <optgroup
+        label="Series"
       >
-        Blue Planet II
-      </option>
-      <option
-        value="tvdb73787"
+        <option
+          value="tvdb76924"
+        >
+          Black Books
+        </option>
+        <option
+          value="tvdb330942"
+        >
+          Blue Planet II
+        </option>
+        <option
+          value="tvdb73787"
+        >
+          That '70s Show
+        </option>
+      </optgroup>
+      <optgroup
+        label="Anime"
       >
-        That '70s Show
-      </option>
+        <option
+          value="tvdb300835"
+        >
+          Ajin
+        </option>
+        <option
+          value="tvdb360438"
+        >
+          A Certain Scientific Accelerator
+        </option>
+        <option
+          value="tvdb313867"
+        >
+          Izetta, The Last Witch
+        </option>
+      </optgroup>
     </select>
   </div>
 </div>
@@ -113,21 +159,44 @@ exports[`ShowSelector.test.js renders with shows in /home/editShow 1`] = `
         -- Select a Show --
       </option>
        
-      <option
-        value="tvdb76924"
+      <optgroup
+        label="Series"
       >
-        Black Books
-      </option>
-      <option
-        value="tvdb330942"
+        <option
+          value="tvdb76924"
+        >
+          Black Books
+        </option>
+        <option
+          value="tvdb330942"
+        >
+          Blue Planet II
+        </option>
+        <option
+          value="tvdb73787"
+        >
+          That '70s Show
+        </option>
+      </optgroup>
+      <optgroup
+        label="Anime"
       >
-        Blue Planet II
-      </option>
-      <option
-        value="tvdb73787"
-      >
-        That '70s Show
-      </option>
+        <option
+          value="tvdb300835"
+        >
+          Ajin
+        </option>
+        <option
+          value="tvdb360438"
+        >
+          A Certain Scientific Accelerator
+        </option>
+        <option
+          value="tvdb313867"
+        >
+          Izetta, The Last Witch
+        </option>
+      </optgroup>
     </select>
   </div>
 </div>
@@ -151,21 +220,44 @@ exports[`ShowSelector.test.js renders with split sections in /home/displayShow 1
         -- Select a Show --
       </option>
        
-      <option
-        value="tvdb76924"
+      <optgroup
+        label="Series"
       >
-        Black Books
-      </option>
-      <option
-        value="tvdb330942"
-      >
-        Blue Planet II
-      </option>
-      <option
-        value="tvdb73787"
+        <option
+          value="tvdb76924"
+        >
+          Black Books
+        </option>
+        <option
+          value="tvdb330942"
+        >
+          Blue Planet II
+        </option>
+        <option
+          value="tvdb73787"
+        >
+          That '70s Show
+        </option>
+      </optgroup>
+      <optgroup
+        label="Anime"
       >
-        That '70s Show
-      </option>
+        <option
+          value="tvdb300835"
+        >
+          Ajin
+        </option>
+        <option
+          value="tvdb360438"
+        >
+          A Certain Scientific Accelerator
+        </option>
+        <option
+          value="tvdb313867"
+        >
+          Izetta, The Last Witch
+        </option>
+      </optgroup>
     </select>
   </div>
 </div>
@@ -183,21 +275,44 @@ exports[`ShowSelector.test.js renders without placeholder in /home/displayShow 1
     >
       <!---->
        
-      <option
-        value="tvdb76924"
-      >
-        Black Books
-      </option>
-      <option
-        value="tvdb330942"
+      <optgroup
+        label="Series"
       >
-        Blue Planet II
-      </option>
-      <option
-        value="tvdb73787"
+        <option
+          value="tvdb76924"
+        >
+          Black Books
+        </option>
+        <option
+          value="tvdb330942"
+        >
+          Blue Planet II
+        </option>
+        <option
+          value="tvdb73787"
+        >
+          That '70s Show
+        </option>
+      </optgroup>
+      <optgroup
+        label="Anime"
       >
-        That '70s Show
-      </option>
+        <option
+          value="tvdb300835"
+        >
+          Ajin
+        </option>
+        <option
+          value="tvdb360438"
+        >
+          A Certain Scientific Accelerator
+        </option>
+        <option
+          value="tvdb313867"
+        >
+          Izetta, The Last Witch
+        </option>
+      </optgroup>
     </select>
   </div>
 </div>
diff --git a/themes-default/slim/test/specs/app-header.spec.js b/themes-default/slim/test/specs/app-header.spec.js
index 7c28d6dd8f..21431a3272 100644
--- a/themes-default/slim/test/specs/app-header.spec.js
+++ b/themes-default/slim/test/specs/app-header.spec.js
@@ -1,5 +1,4 @@
 import Vuex, { Store } from 'vuex';
-import VueRouter from 'vue-router';
 import { createLocalVue, shallowMount } from '@vue/test-utils';
 import { AppHeader } from '../../src/components';
 import fixtures from '../__fixtures__/common';
@@ -11,7 +10,6 @@ describe('AppHeader.test.js', () => {
     beforeEach(() => {
         localVue = createLocalVue();
         localVue.use(Vuex);
-        localVue.use(VueRouter);
 
         const { state } = fixtures;
         store = new Store({ state });
@@ -24,6 +22,15 @@ describe('AppHeader.test.js', () => {
             computed: {
                 topMenu() {
                     return 'home';
+                },
+                currentShowRoute() {
+                    return {
+                        name: 'show',
+                        query: {
+                            indexername: 'tvdb',
+                            seriesid: 253463
+                        }
+                    };
                 }
             }
         });
diff --git a/themes-default/slim/test/specs/show-selector.spec.js b/themes-default/slim/test/specs/show-selector.spec.js
index ce6e92e986..a049cddde1 100644
--- a/themes-default/slim/test/specs/show-selector.spec.js
+++ b/themes-default/slim/test/specs/show-selector.spec.js
@@ -4,6 +4,7 @@ import { createLocalVue, shallowMount } from '@vue/test-utils';
 import { ShowSelector } from '../../src/components';
 import fixtures from '../__fixtures__/common';
 import { shows } from '../__fixtures__/shows';
+import showLists from '../__fixtures__/show-lists';
 
 describe('ShowSelector.test.js', () => {
     let localVue;
@@ -42,13 +43,15 @@ describe('ShowSelector.test.js', () => {
         const wrapper = shallowMount(ShowSelector, {
             localVue,
             computed: {
+                showsInLists() {
+                    return [];
+                },
                 shows() {
                     return [];
                 },
-                config() {
+                layout() {
                     return {
-                        animeSplitHome: false,
-                        sortArticle: 'asc'
+                        sortArticle: true
                     };
                 }
             },
@@ -63,12 +66,14 @@ describe('ShowSelector.test.js', () => {
         const wrapper = shallowMount(ShowSelector, {
             localVue,
             computed: {
+                showsInLists() {
+                    return showLists;
+                },
                 shows() {
                     return shows;
                 },
-                config() {
+                layout() {
                     return {
-                        animeSplitHome: false,
                         sortArticle: true
                     };
                 }
@@ -87,12 +92,14 @@ describe('ShowSelector.test.js', () => {
         const wrapper = shallowMount(ShowSelector, {
             localVue,
             computed: {
+                showsInLists() {
+                    return showLists;
+                },
                 shows() {
                     return shows;
                 },
-                config() {
+                layout() {
                     return {
-                        animeSplitHome: false,
                         sortArticle: false
                     };
                 }
@@ -111,13 +118,15 @@ describe('ShowSelector.test.js', () => {
         const wrapper = shallowMount(ShowSelector, {
             localVue,
             computed: {
+                showsInLists() {
+                    return showLists;
+                },
                 shows() {
                     return shows;
                 },
-                config() {
+                layout() {
                     return {
-                        animeSplitHome: false,
-                        sortArticle: 'asc'
+                        sortArticle: true
                     };
                 }
             },
@@ -135,13 +144,15 @@ describe('ShowSelector.test.js', () => {
         const wrapper = shallowMount(ShowSelector, {
             localVue,
             computed: {
+                showsInLists() {
+                    return showLists;
+                },
                 shows() {
                     return shows;
                 },
-                config() {
+                layout() {
                     return {
-                        animeSplitHome: false,
-                        sortArticle: 'asc'
+                        sortArticle: true
                     };
                 }
             },
@@ -158,12 +169,14 @@ describe('ShowSelector.test.js', () => {
         const wrapper = shallowMount(ShowSelector, {
             localVue,
             computed: {
+                showsInLists() {
+                    return showLists;
+                },
                 shows() {
                     return shows;
                 },
-                config() {
+                layout() {
                     return {
-                        animeSplitHome: false,
                         sortArticle: true
                     };
                 }
diff --git a/themes/dark/assets/js/medusa-runtime.js b/themes/dark/assets/js/medusa-runtime.js
index 6e6bdb210e..06024ad932 100644
--- a/themes/dark/assets/js/medusa-runtime.js
+++ b/themes/dark/assets/js/medusa-runtime.js
@@ -68,7 +68,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function($) {/* 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//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\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: 'app-header',\n  components: {\n    AppLink: _helpers__WEBPACK_IMPORTED_MODULE_1__[\"AppLink\"]\n  },\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapState\"])({\n      config: state => state.config.general,\n      clients: state => state.config.clients,\n      notifiers: state => state.config.notifiers,\n      postprocessing: state => state.config.postprocessing,\n      search: state => state.config.search,\n      system: state => state.config.system,\n      isAuthenticated: state => state.auth.isAuthenticated,\n      username: state => state.auth.user.username,\n      warningLevel: state => state.config.general.logs.loggingLevels.warning\n    }),\n\n    recentShows() {\n      const {\n        config\n      } = this;\n      const {\n        recentShows\n      } = config;\n      return recentShows.map(show => {\n        const {\n          name,\n          indexerName,\n          showId\n        } = show;\n        const link = `home/displayShow?indexername=${indexerName}&seriesid=${showId}`;\n        return {\n          name,\n          link\n        };\n      });\n    },\n\n    topMenu() {\n      return this.$route.meta.topMenu;\n    },\n\n    toolsBadgeCount() {\n      const {\n        config\n      } = this;\n      const {\n        system\n      } = this;\n      const {\n        logs\n      } = config;\n      const {\n        news\n      } = system;\n      return logs.numErrors + logs.numWarnings + news.unread;\n    },\n\n    toolsBadgeClass() {\n      const {\n        config\n      } = this;\n      const {\n        logs\n      } = config;\n\n      if (logs.numErrors > 0) {\n        return ' btn-danger';\n      }\n\n      if (logs.numWarnings > 0) {\n        return ' btn-warning';\n      }\n\n      return '';\n    },\n\n    linkVisible() {\n      const {\n        clients,\n        config,\n        notifiers,\n        postprocessing,\n        search\n      } = this;\n      const {\n        subtitles\n      } = config;\n      const {\n        general\n      } = search;\n      const {\n        kodi,\n        plex,\n        emby\n      } = notifiers;\n      return {\n        plex: plex.server.enabled && plex.server.host.length !== 0,\n        kodi: kodi.enabled && kodi.host.length !== 0,\n\n        /* @TODO: Originally there was a check to make sure the API key\n           was configured for Emby: ` app.EMBY_APIKEY != '' ` */\n        emby: emby.enabled && emby.host,\n        manageTorrents: clients.torrents.enabled && clients.torrents.method !== 'blackhole',\n        failedDownloads: general.failedDownloads.enabled,\n        subtitleMissed: subtitles.enabled,\n        subtitleMissedPP: postprocessing.postponeIfNoSubs\n      };\n    }\n\n  },\n\n  mounted() {\n    const {\n      $el\n    } = this; // Auto close menus when clicking a RouterLink\n\n    $el.clickCloseMenus = event => {\n      const {\n        target\n      } = event;\n\n      if (target.matches('#main_nav a.router-link, #main_nav a.router-link *')) {\n        const dropdown = target.closest('.dropdown');\n        dropdown.querySelector('.dropdown-toggle').setAttribute('aria-expanded', false);\n        dropdown.querySelector('.dropdown-menu').style.display = 'none'; // Also collapse the main nav if it's open\n\n        $('#main_nav').collapse('hide');\n      }\n    };\n\n    $el.addEventListener('click', $el.clickCloseMenus, {\n      passive: true\n    }); // Hover Dropdown for Nav\n\n    $($el).on({\n      mouseenter(event) {\n        const $target = $(event.currentTarget);\n        $target.find('.dropdown-menu').stop(true, true).delay(200).fadeIn(500, () => {\n          $target.find('.dropdown-toggle').attr('aria-expanded', 'true');\n        });\n      },\n\n      mouseleave(event) {\n        const $target = $(event.currentTarget);\n        $target.find('.dropdown-toggle').attr('aria-expanded', 'false');\n        $target.find('.dropdown-menu').stop(true, true).delay(200).fadeOut(500);\n      }\n\n    }, 'ul.nav li.dropdown'); // @TODO Replace this with a real touchscreen check\n    // hack alert: if we don't have a touchscreen, and we are already hovering the mouse, then click should link instead of toggle\n\n    if ((navigator.maxTouchPoints || 0) < 2) {\n      $($el).on('click', '.dropdown-toggle', event => {\n        const $target = $(event.currentTarget);\n\n        if ($target.attr('aria-expanded') === 'true') {\n          window.location.href = $target.attr('href');\n        }\n      });\n    }\n  },\n\n  destroyed() {\n    // Revert `mounted()`\n    const {\n      $el\n    } = this; // Auto close menus when clicking a RouterLink\n\n    $el.removeEventListener('click', $el.clickCloseMenus); // Hover Dropdown for Nav\n\n    $($el).off('mouseenter mouseleave', 'ul.nav li.dropdown'); // @TODO Replace this with a real touchscreen check\n    // hack alert: if we don't have a touchscreen, and we are already hovering the mouse, then click should link instead of toggle\n\n    if ((navigator.maxTouchPoints || 0) < 2) {\n      $($el).off('click', '.dropdown-toggle');\n    }\n  },\n\n  methods: {\n    confirmDialog(event, action) {\n      const options = {\n        confirmButton: 'Yes',\n        cancelButton: 'Cancel',\n        dialogClass: 'modal-dialog',\n        post: false,\n        button: $(event.currentTarget),\n\n        confirm($element) {\n          window.location.href = $element[0].href;\n        }\n\n      };\n\n      if (action === 'restart') {\n        options.title = 'Restart';\n        options.text = 'Are you sure you want to restart Medusa?';\n      } else if (action === 'shutdown') {\n        options.title = 'Shutdown';\n        options.text = 'Are you sure you want to shutdown Medusa?';\n      } else if (action === 'logout') {\n        options.title = 'Logout';\n        options.text = 'Are you sure you want to logout from Medusa?';\n      } else {\n        return;\n      }\n\n      $.confirm(options, event);\n    }\n\n  }\n});\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! jquery */ \"./node_modules/jquery/dist/jquery.js\")))\n\n//# sourceURL=webpack:///./src/components/app-header.vue?./node_modules/babel-loader/lib??ref--1!./node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function($) {/* 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//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\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: 'app-header',\n  components: {\n    AppLink: _helpers__WEBPACK_IMPORTED_MODULE_1__[\"AppLink\"]\n  },\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapState\"])({\n      config: state => state.config.general,\n      clients: state => state.config.clients,\n      notifiers: state => state.config.notifiers,\n      postprocessing: state => state.config.postprocessing,\n      search: state => state.config.search,\n      system: state => state.config.system,\n      isAuthenticated: state => state.auth.isAuthenticated,\n      username: state => state.auth.user.username,\n      warningLevel: state => state.config.general.logs.loggingLevels.warning\n    }),\n\n    /**\n     * Moved into a computed, so it's easier to mock in Jest.\n     * @returns {Object} - Route name and query.\n     */\n    currentShowRoute() {\n      const {\n        $route\n      } = this;\n      return {\n        name: $route.name,\n        query: $route.query\n      };\n    },\n\n    recentShows() {\n      const {\n        config,\n        currentShowRoute\n      } = this;\n      const {\n        recentShows\n      } = config;\n\n      const showAlreadyActive = show => !currentShowRoute.name === 'show' || !(show.indexerName === currentShowRoute.query.indexername && show.showId === Number(currentShowRoute.query.seriesid));\n\n      return recentShows.filter(showAlreadyActive).map(show => {\n        const {\n          name,\n          indexerName,\n          showId\n        } = show;\n        const link = `home/displayShow?indexername=${indexerName}&seriesid=${showId}`;\n        return {\n          name,\n          link\n        };\n      });\n    },\n\n    topMenu() {\n      return this.$route.meta.topMenu;\n    },\n\n    toolsBadgeCount() {\n      const {\n        config\n      } = this;\n      const {\n        system\n      } = this;\n      const {\n        logs\n      } = config;\n      const {\n        news\n      } = system;\n      return logs.numErrors + logs.numWarnings + news.unread;\n    },\n\n    toolsBadgeClass() {\n      const {\n        config\n      } = this;\n      const {\n        logs\n      } = config;\n\n      if (logs.numErrors > 0) {\n        return ' btn-danger';\n      }\n\n      if (logs.numWarnings > 0) {\n        return ' btn-warning';\n      }\n\n      return '';\n    },\n\n    linkVisible() {\n      const {\n        clients,\n        config,\n        notifiers,\n        postprocessing,\n        search\n      } = this;\n      const {\n        subtitles\n      } = config;\n      const {\n        general\n      } = search;\n      const {\n        kodi,\n        plex,\n        emby\n      } = notifiers;\n      return {\n        plex: plex.server.enabled && plex.server.host.length !== 0,\n        kodi: kodi.enabled && kodi.host.length !== 0,\n\n        /* @TODO: Originally there was a check to make sure the API key\n           was configured for Emby: ` app.EMBY_APIKEY != '' ` */\n        emby: emby.enabled && emby.host,\n        manageTorrents: clients.torrents.enabled && clients.torrents.method !== 'blackhole',\n        failedDownloads: general.failedDownloads.enabled,\n        subtitleMissed: subtitles.enabled,\n        subtitleMissedPP: postprocessing.postponeIfNoSubs\n      };\n    }\n\n  },\n\n  mounted() {\n    const {\n      $el\n    } = this; // Auto close menus when clicking a RouterLink\n\n    $el.clickCloseMenus = event => {\n      const {\n        target\n      } = event;\n\n      if (target.matches('#main_nav a.router-link, #main_nav a.router-link *')) {\n        const dropdown = target.closest('.dropdown');\n        dropdown.querySelector('.dropdown-toggle').setAttribute('aria-expanded', false);\n        dropdown.querySelector('.dropdown-menu').style.display = 'none'; // Also collapse the main nav if it's open\n\n        $('#main_nav').collapse('hide');\n      }\n    };\n\n    $el.addEventListener('click', $el.clickCloseMenus, {\n      passive: true\n    }); // Hover Dropdown for Nav\n\n    $($el).on({\n      mouseenter(event) {\n        const $target = $(event.currentTarget);\n        $target.find('.dropdown-menu').stop(true, true).delay(200).fadeIn(500, () => {\n          $target.find('.dropdown-toggle').attr('aria-expanded', 'true');\n        });\n      },\n\n      mouseleave(event) {\n        const $target = $(event.currentTarget);\n        $target.find('.dropdown-toggle').attr('aria-expanded', 'false');\n        $target.find('.dropdown-menu').stop(true, true).delay(200).fadeOut(500);\n      }\n\n    }, 'ul.nav li.dropdown'); // @TODO Replace this with a real touchscreen check\n    // hack alert: if we don't have a touchscreen, and we are already hovering the mouse, then click should link instead of toggle\n\n    if ((navigator.maxTouchPoints || 0) < 2) {\n      $($el).on('click', '.dropdown-toggle', event => {\n        const $target = $(event.currentTarget);\n\n        if ($target.attr('aria-expanded') === 'true') {\n          window.location.href = $target.attr('href');\n        }\n      });\n    }\n  },\n\n  destroyed() {\n    // Revert `mounted()`\n    const {\n      $el\n    } = this; // Auto close menus when clicking a RouterLink\n\n    $el.removeEventListener('click', $el.clickCloseMenus); // Hover Dropdown for Nav\n\n    $($el).off('mouseenter mouseleave', 'ul.nav li.dropdown'); // @TODO Replace this with a real touchscreen check\n    // hack alert: if we don't have a touchscreen, and we are already hovering the mouse, then click should link instead of toggle\n\n    if ((navigator.maxTouchPoints || 0) < 2) {\n      $($el).off('click', '.dropdown-toggle');\n    }\n  },\n\n  methods: {\n    confirmDialog(event, action) {\n      const options = {\n        confirmButton: 'Yes',\n        cancelButton: 'Cancel',\n        dialogClass: 'modal-dialog',\n        post: false,\n        button: $(event.currentTarget),\n\n        confirm($element) {\n          window.location.href = $element[0].href;\n        }\n\n      };\n\n      if (action === 'restart') {\n        options.title = 'Restart';\n        options.text = 'Are you sure you want to restart Medusa?';\n      } else if (action === 'shutdown') {\n        options.title = 'Shutdown';\n        options.text = 'Are you sure you want to shutdown Medusa?';\n      } else if (action === 'logout') {\n        options.title = 'Logout';\n        options.text = 'Are you sure you want to logout from Medusa?';\n      } else {\n        return;\n      }\n\n      $.confirm(options, event);\n    }\n\n  }\n});\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! jquery */ \"./node_modules/jquery/dist/jquery.js\")))\n\n//# sourceURL=webpack:///./src/components/app-header.vue?./node_modules/babel-loader/lib??ref--1!./node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -416,7 +416,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n//\n//\n//\n//\n//\n//\n//\n/
 /***/ (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//\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-selector',\n  props: {\n    showSlug: String,\n    followSelection: {\n      type: Boolean,\n      default: false\n    },\n    placeholder: String,\n    selectClass: {\n      type: String,\n      default: 'select-show form-control input-sm-custom'\n    }\n  },\n\n  data() {\n    const selectedShowSlug = this.showSlug || this.placeholder;\n    return {\n      selectedShowSlug\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapState\"])({\n      layout: state => state.config.layout,\n      shows: state => state.shows.shows\n    }),\n\n    showLists() {\n      const {\n        layout,\n        shows\n      } = this;\n      const {\n        animeSplitHome,\n        sortArticle\n      } = layout;\n      const lists = [{\n        type: 'Shows',\n        shows: []\n      }, {\n        type: 'Anime',\n        shows: []\n      }]; // We're still loading\n\n      if (shows.length === 0) {\n        return;\n      }\n\n      shows.forEach(show => {\n        const type = Number(animeSplitHome && show.config.anime);\n        lists[type].shows.push(show);\n      });\n\n      const sortKey = title => (sortArticle ? title : title.replace(/^((?:the|a|an)\\s)/i, '')).toLowerCase();\n\n      lists.forEach(list => {\n        list.shows.sort((showA, showB) => {\n          const titleA = sortKey(showA.title);\n          const titleB = sortKey(showB.title);\n\n          if (titleA < titleB) {\n            return -1;\n          }\n\n          if (titleA > titleB) {\n            return 1;\n          }\n\n          return 0;\n        });\n      });\n      return lists;\n    },\n\n    whichList() {\n      const {\n        showLists\n      } = this;\n      const shows = showLists[0].shows.length !== 0;\n      const anime = showLists[1].shows.length !== 0;\n\n      if (shows && anime) {\n        return -1;\n      }\n\n      if (anime) {\n        return 1;\n      }\n\n      return 0;\n    },\n\n    showForRoutes() {\n      const {\n        $route\n      } = this;\n      return ['show', 'editShow'].includes($route.name);\n    }\n\n  },\n  watch: {\n    showSlug(newSlug) {\n      this.selectedShowSlug = newSlug;\n    },\n\n    selectedShowSlug(newSlug) {\n      if (!this.followSelection) {\n        return;\n      }\n\n      const {\n        $store,\n        shows\n      } = this;\n      const selectedShow = shows.find(show => show.id.slug === newSlug);\n\n      if (!selectedShow) {\n        return;\n      }\n\n      const indexerName = selectedShow.indexer;\n      const seriesId = selectedShow.id[indexerName]; // TODO: Make sure the correct show, has been set as current show.\n\n      console.debug(`Setting current show to ${selectedShow.title}`);\n      $store.commit('currentShow', {\n        indexer: indexerName,\n        id: seriesId\n      }); // To make it complete, make sure to switch route.\n\n      this.$router.push({\n        query: {\n          indexername: indexerName,\n          seriesid: String(seriesId)\n        }\n      });\n    }\n\n  }\n});\n\n//# sourceURL=webpack:///./src/components/helpers/show-selector.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//\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-selector',\n  props: {\n    showSlug: String,\n    followSelection: {\n      type: Boolean,\n      default: false\n    },\n    placeholder: String,\n    selectClass: {\n      type: String,\n      default: 'select-show form-control input-sm-custom'\n    }\n  },\n\n  data() {\n    const selectedShowSlug = this.showSlug || this.placeholder;\n    return {\n      selectedShowSlug\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapState\"])({\n      layout: state => state.config.layout,\n      shows: state => state.shows.shows\n    }),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])({\n      showsInLists: 'showsInLists'\n    }),\n\n    sortedLists() {\n      const {\n        layout,\n        showsInLists\n      } = this;\n      const {\n        sortArticle\n      } = layout;\n      const sortedShows = [...showsInLists];\n\n      const sortKey = title => (sortArticle ? title.replace(/^((?:the|a|an)\\s)/i, '') : title).toLowerCase();\n\n      const sortFn = (showA, showB) => {\n        const titleA = sortKey(showA.title);\n        const titleB = sortKey(showB.title);\n\n        if (titleA < titleB) {\n          return -1;\n        }\n\n        if (titleA > titleB) {\n          return 1;\n        }\n\n        return 0;\n      };\n\n      sortedShows.forEach(list => {\n        list.shows.sort(sortFn);\n      });\n      return sortedShows;\n    },\n\n    showForRoutes() {\n      const {\n        $route\n      } = this;\n      return ['show', 'editShow'].includes($route.name);\n    }\n\n  },\n  watch: {\n    showSlug(newSlug) {\n      this.selectedShowSlug = newSlug;\n    },\n\n    selectedShowSlug(newSlug) {\n      if (!this.followSelection) {\n        return;\n      }\n\n      const {\n        $store,\n        shows\n      } = this;\n      const selectedShow = shows.find(show => show.id.slug === newSlug);\n\n      if (!selectedShow) {\n        return;\n      }\n\n      const indexerName = selectedShow.indexer;\n      const seriesId = selectedShow.id[indexerName]; // Make sure the correct show, has been set as current show.\n\n      console.debug(`Setting current show to ${selectedShow.title}`);\n      $store.commit('currentShow', {\n        indexer: indexerName,\n        id: seriesId\n      }); // To make it complete, make sure to switch route.\n\n      this.$router.push({\n        query: {\n          indexername: indexerName,\n          seriesid: String(seriesId)\n        }\n      });\n    }\n\n  }\n});\n\n//# sourceURL=webpack:///./src/components/helpers/show-selector.vue?./node_modules/babel-loader/lib??ref--1!./node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -608,7 +608,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\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    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])({\n      showsInLists: 'showsInLists'\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\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      setLayoutLocal: 'setLayoutLocal'\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\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    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])({\n      showsInLists: 'showsInLists'\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\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      setLayoutLocal: 'setLayoutLocal'\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");
 
 /***/ }),
 
@@ -1034,7 +1034,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\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n/* Configure the show-list-title for in the poster layout. */\\n.show-list-title[data-v-3df39291] {\\n    display: flex;\\n    float: left;\\n    margin-top: 6px;\\n}\\nbutton.nav-show-list[data-v-3df39291] {\\n    height: 20px;\\n}\\n.show-list-title > h3[data-v-3df39291] {\\n    margin: 0;\\n}\\n\\n/* Configure the show-list-title for in the table layouts. */\\n.table-layout[data-v-3df39291] .show-list-title {\\n    display: flex;\\n    float: left;\\n}\\n.table-layout[data-v-3df39291] button.nav-show-list {\\n    height: 20px;\\n}\\n.table-layout[data-v-3df39291] .show-list-title > h3 {\\n    margin: 0;\\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 {\\n    float: right;\\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] .indexer-image :not(:last-child) {\\n    margin-right: 5px;\\n}\\n.table-layout[data-v-3df39291] .vgt-input {\\n    width: 100%;\\n}\\n.table-layout[data-v-3df39291] .vgt-select {\\n    margin-top: -1px;\\n}\\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\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n/* Configure the show-list-title for in the poster layout. */\\n.show-list-title[data-v-3df39291] {\\n    display: flex;\\n    float: left;\\n    margin-top: 6px;\\n}\\nbutton.nav-show-list[data-v-3df39291] {\\n    height: 20px;\\n}\\n.show-list-title > h3[data-v-3df39291] {\\n    margin: 0;\\n}\\n\\n/* Configure the show-list-title for in the table layouts. */\\n.table-layout[data-v-3df39291] .show-list-title {\\n    display: flex;\\n    float: left;\\n}\\n.table-layout[data-v-3df39291] button.nav-show-list {\\n    height: 20px;\\n}\\n.table-layout[data-v-3df39291] .show-list-title > h3 {\\n    margin: 0;\\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 {\\n    float: right;\\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] .indexer-image :not(:last-child) {\\n    margin-right: 5px;\\n}\\n.table-layout[data-v-3df39291] .vgt-input {\\n    width: 100%;\\n}\\n.table-layout[data-v-3df39291] .vgt-select {\\n    margin-top: -1px;\\n}\\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");
 
 /***/ }),
 
@@ -1497,7 +1497,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 _vm.showForRoutes\n    ? _c(\"div\", { staticClass: \"show-selector form-inline hidden-print\" }, [\n        _c(\n          \"div\",\n          { staticClass: \"select-show-group pull-left top-5 bottom-5\" },\n          [\n            _vm.shows.length === 0\n              ? _c(\n                  \"select\",\n                  { class: _vm.selectClass, attrs: { disabled: \"\" } },\n                  [_c(\"option\", [_vm._v(\"Loading...\")])]\n                )\n              : _c(\n                  \"select\",\n                  {\n                    directives: [\n                      {\n                        name: \"model\",\n                        rawName: \"v-model\",\n                        value: _vm.selectedShowSlug,\n                        expression: \"selectedShowSlug\"\n                      }\n                    ],\n                    class: _vm.selectClass,\n                    on: {\n                      change: [\n                        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.selectedShowSlug = $event.target.multiple\n                            ? $$selectedVal\n                            : $$selectedVal[0]\n                        },\n                        function($event) {\n                          return _vm.$emit(\"change\", _vm.selectedShowSlug)\n                        }\n                      ]\n                    }\n                  },\n                  [\n                    _vm.placeholder\n                      ? _c(\n                          \"option\",\n                          {\n                            attrs: { disabled: \"\", hidden: \"\" },\n                            domProps: {\n                              value: _vm.placeholder,\n                              selected: !_vm.selectedShowSlug\n                            }\n                          },\n                          [_vm._v(_vm._s(_vm.placeholder))]\n                        )\n                      : _vm._e(),\n                    _vm._v(\" \"),\n                    _vm.whichList === -1\n                      ? _vm._l(_vm.showLists, function(curShowList) {\n                          return _c(\n                            \"optgroup\",\n                            {\n                              key: curShowList.type,\n                              attrs: { label: curShowList.type }\n                            },\n                            _vm._l(curShowList.shows, function(show) {\n                              return _c(\n                                \"option\",\n                                {\n                                  key: show.id.slug,\n                                  domProps: { value: show.id.slug }\n                                },\n                                [_vm._v(_vm._s(show.title))]\n                              )\n                            }),\n                            0\n                          )\n                        })\n                      : _vm._l(_vm.showLists[_vm.whichList].shows, function(\n                          show\n                        ) {\n                          return _c(\n                            \"option\",\n                            {\n                              key: show.id.slug,\n                              domProps: { value: show.id.slug }\n                            },\n                            [_vm._v(_vm._s(show.title))]\n                          )\n                        })\n                  ],\n                  2\n                )\n          ]\n        )\n      ])\n    : _vm._e()\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./src/components/helpers/show-selector.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 _vm.showForRoutes\n    ? _c(\"div\", { staticClass: \"show-selector form-inline hidden-print\" }, [\n        _c(\n          \"div\",\n          { staticClass: \"select-show-group pull-left top-5 bottom-5\" },\n          [\n            _vm.shows.length === 0\n              ? _c(\n                  \"select\",\n                  { class: _vm.selectClass, attrs: { disabled: \"\" } },\n                  [_c(\"option\", [_vm._v(\"Loading...\")])]\n                )\n              : _c(\n                  \"select\",\n                  {\n                    directives: [\n                      {\n                        name: \"model\",\n                        rawName: \"v-model\",\n                        value: _vm.selectedShowSlug,\n                        expression: \"selectedShowSlug\"\n                      }\n                    ],\n                    class: _vm.selectClass,\n                    on: {\n                      change: [\n                        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.selectedShowSlug = $event.target.multiple\n                            ? $$selectedVal\n                            : $$selectedVal[0]\n                        },\n                        function($event) {\n                          return _vm.$emit(\"change\", _vm.selectedShowSlug)\n                        }\n                      ]\n                    }\n                  },\n                  [\n                    _vm.placeholder\n                      ? _c(\n                          \"option\",\n                          {\n                            attrs: { disabled: \"\", hidden: \"\" },\n                            domProps: {\n                              value: _vm.placeholder,\n                              selected: !_vm.selectedShowSlug\n                            }\n                          },\n                          [_vm._v(_vm._s(_vm.placeholder))]\n                        )\n                      : _vm._e(),\n                    _vm._v(\" \"),\n                    _vm.sortedLists && _vm.sortedLists.length > 1\n                      ? _vm._l(_vm.sortedLists, function(list) {\n                          return _c(\n                            \"optgroup\",\n                            {\n                              key: list.listTitle,\n                              attrs: { label: list.listTitle }\n                            },\n                            _vm._l(list.shows, function(show) {\n                              return _c(\n                                \"option\",\n                                {\n                                  key: show.id.slug,\n                                  domProps: { value: show.id.slug }\n                                },\n                                [_vm._v(_vm._s(show.title))]\n                              )\n                            }),\n                            0\n                          )\n                        })\n                      : _vm._l(_vm.sortedLists[0].shows, function(show) {\n                          return _c(\n                            \"option\",\n                            {\n                              key: show.id.slug,\n                              domProps: { value: show.id.slug }\n                            },\n                            [_vm._v(_vm._s(show.title))]\n                          )\n                        })\n                  ],\n                  2\n                )\n          ]\n        )\n      ])\n    : _vm._e()\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./src/components/helpers/show-selector.vue?./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -1653,7 +1653,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    [\n      _vm.layout === \"poster\"\n        ? _c(\"div\", { staticClass: \"row poster-ui-controls\" }, [\n            !_vm.stateLayout.splitHomeInTabs &&\n            _vm.showsInLists && _vm.showsInLists.length > 1\n              ? _c(\"div\", { staticClass: \"show-list-title listTitle\" }, [\n                  _vm._m(0),\n                  _vm._v(\" \"),\n                  _c(\"h3\", { staticClass: \"header\" }, [\n                    _vm._v(_vm._s(_vm.listTitle))\n                  ])\n                ])\n              : _vm._e(),\n            _vm._v(\" \"),\n            _c(\n              \"div\",\n              { staticClass: \"col-lg-12\" },\n              [\n                _c(\"div\", { staticClass: \"show-option\" }, [\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: { type: \"search\", placeholder: \"Filter Show Name\" },\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                _vm._v(\" \"),\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                        {\n                          key: option.value,\n                          domProps: { value: option.value }\n                        },\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        ? [\n            _c(\"state-switch\", {\n              attrs: { state: \"loading\", theme: _vm.stateLayout.themeName }\n            }),\n            _vm._v(\" \"),\n            _c(\"span\", [_vm._v(\"Loading\")])\n          ]\n        : _vm.shows.length >= 1\n        ? [\n            _c(\n              _vm.mappedLayout,\n              _vm._b(\n                {\n                  tag: \"component\",\n                  class: [\n                    [\"simple\", \"small\", \"banner\"].includes(_vm.layout)\n                      ? \"table-layout\"\n                      : \"\"\n                  ]\n                },\n                \"component\",\n                _vm.$props,\n                false\n              )\n            )\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    2\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(\n    \"div\",\n    [\n      _vm.layout === \"poster\"\n        ? _c(\"div\", { staticClass: \"row poster-ui-controls\" }, [\n            !_vm.stateLayout.splitHomeInTabs &&\n            _vm.showsInLists && _vm.showsInLists.length > 1\n              ? _c(\"div\", { staticClass: \"show-list-title listTitle\" }, [\n                  _vm._m(0),\n                  _vm._v(\" \"),\n                  _c(\"h3\", { staticClass: \"header\" }, [\n                    _vm._v(_vm._s(_vm.listTitle))\n                  ])\n                ])\n              : _vm._e(),\n            _vm._v(\" \"),\n            _c(\n              \"div\",\n              { staticClass: \"col-lg-12\" },\n              [\n                _c(\"div\", { staticClass: \"show-option\" }, [\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: { type: \"search\", placeholder: \"Filter Show Name\" },\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                _vm._v(\" \"),\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                        {\n                          key: option.value,\n                          domProps: { value: option.value }\n                        },\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        ? [\n            _c(\"state-switch\", {\n              attrs: { state: \"loading\", theme: _vm.stateLayout.themeName }\n            }),\n            _vm._v(\" \"),\n            _c(\"span\", [_vm._v(\"Loading\")])\n          ]\n        : _vm.shows.length >= 1\n        ? [\n            _c(\n              _vm.mappedLayout,\n              _vm._b(\n                {\n                  tag: \"component\",\n                  class: [\n                    [\"simple\", \"small\", \"banner\"].includes(_vm.layout)\n                      ? \"table-layout\"\n                      : \"\"\n                  ]\n                },\n                \"component\",\n                _vm.$props,\n                false\n              )\n            )\n          ]\n        : _vm._e()\n    ],\n    2\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");
 
 /***/ }),
 
diff --git a/themes/light/assets/js/medusa-runtime.js b/themes/light/assets/js/medusa-runtime.js
index 6e6bdb210e..06024ad932 100644
--- a/themes/light/assets/js/medusa-runtime.js
+++ b/themes/light/assets/js/medusa-runtime.js
@@ -68,7 +68,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function($) {/* 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//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\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: 'app-header',\n  components: {\n    AppLink: _helpers__WEBPACK_IMPORTED_MODULE_1__[\"AppLink\"]\n  },\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapState\"])({\n      config: state => state.config.general,\n      clients: state => state.config.clients,\n      notifiers: state => state.config.notifiers,\n      postprocessing: state => state.config.postprocessing,\n      search: state => state.config.search,\n      system: state => state.config.system,\n      isAuthenticated: state => state.auth.isAuthenticated,\n      username: state => state.auth.user.username,\n      warningLevel: state => state.config.general.logs.loggingLevels.warning\n    }),\n\n    recentShows() {\n      const {\n        config\n      } = this;\n      const {\n        recentShows\n      } = config;\n      return recentShows.map(show => {\n        const {\n          name,\n          indexerName,\n          showId\n        } = show;\n        const link = `home/displayShow?indexername=${indexerName}&seriesid=${showId}`;\n        return {\n          name,\n          link\n        };\n      });\n    },\n\n    topMenu() {\n      return this.$route.meta.topMenu;\n    },\n\n    toolsBadgeCount() {\n      const {\n        config\n      } = this;\n      const {\n        system\n      } = this;\n      const {\n        logs\n      } = config;\n      const {\n        news\n      } = system;\n      return logs.numErrors + logs.numWarnings + news.unread;\n    },\n\n    toolsBadgeClass() {\n      const {\n        config\n      } = this;\n      const {\n        logs\n      } = config;\n\n      if (logs.numErrors > 0) {\n        return ' btn-danger';\n      }\n\n      if (logs.numWarnings > 0) {\n        return ' btn-warning';\n      }\n\n      return '';\n    },\n\n    linkVisible() {\n      const {\n        clients,\n        config,\n        notifiers,\n        postprocessing,\n        search\n      } = this;\n      const {\n        subtitles\n      } = config;\n      const {\n        general\n      } = search;\n      const {\n        kodi,\n        plex,\n        emby\n      } = notifiers;\n      return {\n        plex: plex.server.enabled && plex.server.host.length !== 0,\n        kodi: kodi.enabled && kodi.host.length !== 0,\n\n        /* @TODO: Originally there was a check to make sure the API key\n           was configured for Emby: ` app.EMBY_APIKEY != '' ` */\n        emby: emby.enabled && emby.host,\n        manageTorrents: clients.torrents.enabled && clients.torrents.method !== 'blackhole',\n        failedDownloads: general.failedDownloads.enabled,\n        subtitleMissed: subtitles.enabled,\n        subtitleMissedPP: postprocessing.postponeIfNoSubs\n      };\n    }\n\n  },\n\n  mounted() {\n    const {\n      $el\n    } = this; // Auto close menus when clicking a RouterLink\n\n    $el.clickCloseMenus = event => {\n      const {\n        target\n      } = event;\n\n      if (target.matches('#main_nav a.router-link, #main_nav a.router-link *')) {\n        const dropdown = target.closest('.dropdown');\n        dropdown.querySelector('.dropdown-toggle').setAttribute('aria-expanded', false);\n        dropdown.querySelector('.dropdown-menu').style.display = 'none'; // Also collapse the main nav if it's open\n\n        $('#main_nav').collapse('hide');\n      }\n    };\n\n    $el.addEventListener('click', $el.clickCloseMenus, {\n      passive: true\n    }); // Hover Dropdown for Nav\n\n    $($el).on({\n      mouseenter(event) {\n        const $target = $(event.currentTarget);\n        $target.find('.dropdown-menu').stop(true, true).delay(200).fadeIn(500, () => {\n          $target.find('.dropdown-toggle').attr('aria-expanded', 'true');\n        });\n      },\n\n      mouseleave(event) {\n        const $target = $(event.currentTarget);\n        $target.find('.dropdown-toggle').attr('aria-expanded', 'false');\n        $target.find('.dropdown-menu').stop(true, true).delay(200).fadeOut(500);\n      }\n\n    }, 'ul.nav li.dropdown'); // @TODO Replace this with a real touchscreen check\n    // hack alert: if we don't have a touchscreen, and we are already hovering the mouse, then click should link instead of toggle\n\n    if ((navigator.maxTouchPoints || 0) < 2) {\n      $($el).on('click', '.dropdown-toggle', event => {\n        const $target = $(event.currentTarget);\n\n        if ($target.attr('aria-expanded') === 'true') {\n          window.location.href = $target.attr('href');\n        }\n      });\n    }\n  },\n\n  destroyed() {\n    // Revert `mounted()`\n    const {\n      $el\n    } = this; // Auto close menus when clicking a RouterLink\n\n    $el.removeEventListener('click', $el.clickCloseMenus); // Hover Dropdown for Nav\n\n    $($el).off('mouseenter mouseleave', 'ul.nav li.dropdown'); // @TODO Replace this with a real touchscreen check\n    // hack alert: if we don't have a touchscreen, and we are already hovering the mouse, then click should link instead of toggle\n\n    if ((navigator.maxTouchPoints || 0) < 2) {\n      $($el).off('click', '.dropdown-toggle');\n    }\n  },\n\n  methods: {\n    confirmDialog(event, action) {\n      const options = {\n        confirmButton: 'Yes',\n        cancelButton: 'Cancel',\n        dialogClass: 'modal-dialog',\n        post: false,\n        button: $(event.currentTarget),\n\n        confirm($element) {\n          window.location.href = $element[0].href;\n        }\n\n      };\n\n      if (action === 'restart') {\n        options.title = 'Restart';\n        options.text = 'Are you sure you want to restart Medusa?';\n      } else if (action === 'shutdown') {\n        options.title = 'Shutdown';\n        options.text = 'Are you sure you want to shutdown Medusa?';\n      } else if (action === 'logout') {\n        options.title = 'Logout';\n        options.text = 'Are you sure you want to logout from Medusa?';\n      } else {\n        return;\n      }\n\n      $.confirm(options, event);\n    }\n\n  }\n});\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! jquery */ \"./node_modules/jquery/dist/jquery.js\")))\n\n//# sourceURL=webpack:///./src/components/app-header.vue?./node_modules/babel-loader/lib??ref--1!./node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function($) {/* 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//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\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: 'app-header',\n  components: {\n    AppLink: _helpers__WEBPACK_IMPORTED_MODULE_1__[\"AppLink\"]\n  },\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapState\"])({\n      config: state => state.config.general,\n      clients: state => state.config.clients,\n      notifiers: state => state.config.notifiers,\n      postprocessing: state => state.config.postprocessing,\n      search: state => state.config.search,\n      system: state => state.config.system,\n      isAuthenticated: state => state.auth.isAuthenticated,\n      username: state => state.auth.user.username,\n      warningLevel: state => state.config.general.logs.loggingLevels.warning\n    }),\n\n    /**\n     * Moved into a computed, so it's easier to mock in Jest.\n     * @returns {Object} - Route name and query.\n     */\n    currentShowRoute() {\n      const {\n        $route\n      } = this;\n      return {\n        name: $route.name,\n        query: $route.query\n      };\n    },\n\n    recentShows() {\n      const {\n        config,\n        currentShowRoute\n      } = this;\n      const {\n        recentShows\n      } = config;\n\n      const showAlreadyActive = show => !currentShowRoute.name === 'show' || !(show.indexerName === currentShowRoute.query.indexername && show.showId === Number(currentShowRoute.query.seriesid));\n\n      return recentShows.filter(showAlreadyActive).map(show => {\n        const {\n          name,\n          indexerName,\n          showId\n        } = show;\n        const link = `home/displayShow?indexername=${indexerName}&seriesid=${showId}`;\n        return {\n          name,\n          link\n        };\n      });\n    },\n\n    topMenu() {\n      return this.$route.meta.topMenu;\n    },\n\n    toolsBadgeCount() {\n      const {\n        config\n      } = this;\n      const {\n        system\n      } = this;\n      const {\n        logs\n      } = config;\n      const {\n        news\n      } = system;\n      return logs.numErrors + logs.numWarnings + news.unread;\n    },\n\n    toolsBadgeClass() {\n      const {\n        config\n      } = this;\n      const {\n        logs\n      } = config;\n\n      if (logs.numErrors > 0) {\n        return ' btn-danger';\n      }\n\n      if (logs.numWarnings > 0) {\n        return ' btn-warning';\n      }\n\n      return '';\n    },\n\n    linkVisible() {\n      const {\n        clients,\n        config,\n        notifiers,\n        postprocessing,\n        search\n      } = this;\n      const {\n        subtitles\n      } = config;\n      const {\n        general\n      } = search;\n      const {\n        kodi,\n        plex,\n        emby\n      } = notifiers;\n      return {\n        plex: plex.server.enabled && plex.server.host.length !== 0,\n        kodi: kodi.enabled && kodi.host.length !== 0,\n\n        /* @TODO: Originally there was a check to make sure the API key\n           was configured for Emby: ` app.EMBY_APIKEY != '' ` */\n        emby: emby.enabled && emby.host,\n        manageTorrents: clients.torrents.enabled && clients.torrents.method !== 'blackhole',\n        failedDownloads: general.failedDownloads.enabled,\n        subtitleMissed: subtitles.enabled,\n        subtitleMissedPP: postprocessing.postponeIfNoSubs\n      };\n    }\n\n  },\n\n  mounted() {\n    const {\n      $el\n    } = this; // Auto close menus when clicking a RouterLink\n\n    $el.clickCloseMenus = event => {\n      const {\n        target\n      } = event;\n\n      if (target.matches('#main_nav a.router-link, #main_nav a.router-link *')) {\n        const dropdown = target.closest('.dropdown');\n        dropdown.querySelector('.dropdown-toggle').setAttribute('aria-expanded', false);\n        dropdown.querySelector('.dropdown-menu').style.display = 'none'; // Also collapse the main nav if it's open\n\n        $('#main_nav').collapse('hide');\n      }\n    };\n\n    $el.addEventListener('click', $el.clickCloseMenus, {\n      passive: true\n    }); // Hover Dropdown for Nav\n\n    $($el).on({\n      mouseenter(event) {\n        const $target = $(event.currentTarget);\n        $target.find('.dropdown-menu').stop(true, true).delay(200).fadeIn(500, () => {\n          $target.find('.dropdown-toggle').attr('aria-expanded', 'true');\n        });\n      },\n\n      mouseleave(event) {\n        const $target = $(event.currentTarget);\n        $target.find('.dropdown-toggle').attr('aria-expanded', 'false');\n        $target.find('.dropdown-menu').stop(true, true).delay(200).fadeOut(500);\n      }\n\n    }, 'ul.nav li.dropdown'); // @TODO Replace this with a real touchscreen check\n    // hack alert: if we don't have a touchscreen, and we are already hovering the mouse, then click should link instead of toggle\n\n    if ((navigator.maxTouchPoints || 0) < 2) {\n      $($el).on('click', '.dropdown-toggle', event => {\n        const $target = $(event.currentTarget);\n\n        if ($target.attr('aria-expanded') === 'true') {\n          window.location.href = $target.attr('href');\n        }\n      });\n    }\n  },\n\n  destroyed() {\n    // Revert `mounted()`\n    const {\n      $el\n    } = this; // Auto close menus when clicking a RouterLink\n\n    $el.removeEventListener('click', $el.clickCloseMenus); // Hover Dropdown for Nav\n\n    $($el).off('mouseenter mouseleave', 'ul.nav li.dropdown'); // @TODO Replace this with a real touchscreen check\n    // hack alert: if we don't have a touchscreen, and we are already hovering the mouse, then click should link instead of toggle\n\n    if ((navigator.maxTouchPoints || 0) < 2) {\n      $($el).off('click', '.dropdown-toggle');\n    }\n  },\n\n  methods: {\n    confirmDialog(event, action) {\n      const options = {\n        confirmButton: 'Yes',\n        cancelButton: 'Cancel',\n        dialogClass: 'modal-dialog',\n        post: false,\n        button: $(event.currentTarget),\n\n        confirm($element) {\n          window.location.href = $element[0].href;\n        }\n\n      };\n\n      if (action === 'restart') {\n        options.title = 'Restart';\n        options.text = 'Are you sure you want to restart Medusa?';\n      } else if (action === 'shutdown') {\n        options.title = 'Shutdown';\n        options.text = 'Are you sure you want to shutdown Medusa?';\n      } else if (action === 'logout') {\n        options.title = 'Logout';\n        options.text = 'Are you sure you want to logout from Medusa?';\n      } else {\n        return;\n      }\n\n      $.confirm(options, event);\n    }\n\n  }\n});\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! jquery */ \"./node_modules/jquery/dist/jquery.js\")))\n\n//# sourceURL=webpack:///./src/components/app-header.vue?./node_modules/babel-loader/lib??ref--1!./node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -416,7 +416,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n//\n//\n//\n//\n//\n//\n//\n/
 /***/ (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//\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-selector',\n  props: {\n    showSlug: String,\n    followSelection: {\n      type: Boolean,\n      default: false\n    },\n    placeholder: String,\n    selectClass: {\n      type: String,\n      default: 'select-show form-control input-sm-custom'\n    }\n  },\n\n  data() {\n    const selectedShowSlug = this.showSlug || this.placeholder;\n    return {\n      selectedShowSlug\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapState\"])({\n      layout: state => state.config.layout,\n      shows: state => state.shows.shows\n    }),\n\n    showLists() {\n      const {\n        layout,\n        shows\n      } = this;\n      const {\n        animeSplitHome,\n        sortArticle\n      } = layout;\n      const lists = [{\n        type: 'Shows',\n        shows: []\n      }, {\n        type: 'Anime',\n        shows: []\n      }]; // We're still loading\n\n      if (shows.length === 0) {\n        return;\n      }\n\n      shows.forEach(show => {\n        const type = Number(animeSplitHome && show.config.anime);\n        lists[type].shows.push(show);\n      });\n\n      const sortKey = title => (sortArticle ? title : title.replace(/^((?:the|a|an)\\s)/i, '')).toLowerCase();\n\n      lists.forEach(list => {\n        list.shows.sort((showA, showB) => {\n          const titleA = sortKey(showA.title);\n          const titleB = sortKey(showB.title);\n\n          if (titleA < titleB) {\n            return -1;\n          }\n\n          if (titleA > titleB) {\n            return 1;\n          }\n\n          return 0;\n        });\n      });\n      return lists;\n    },\n\n    whichList() {\n      const {\n        showLists\n      } = this;\n      const shows = showLists[0].shows.length !== 0;\n      const anime = showLists[1].shows.length !== 0;\n\n      if (shows && anime) {\n        return -1;\n      }\n\n      if (anime) {\n        return 1;\n      }\n\n      return 0;\n    },\n\n    showForRoutes() {\n      const {\n        $route\n      } = this;\n      return ['show', 'editShow'].includes($route.name);\n    }\n\n  },\n  watch: {\n    showSlug(newSlug) {\n      this.selectedShowSlug = newSlug;\n    },\n\n    selectedShowSlug(newSlug) {\n      if (!this.followSelection) {\n        return;\n      }\n\n      const {\n        $store,\n        shows\n      } = this;\n      const selectedShow = shows.find(show => show.id.slug === newSlug);\n\n      if (!selectedShow) {\n        return;\n      }\n\n      const indexerName = selectedShow.indexer;\n      const seriesId = selectedShow.id[indexerName]; // TODO: Make sure the correct show, has been set as current show.\n\n      console.debug(`Setting current show to ${selectedShow.title}`);\n      $store.commit('currentShow', {\n        indexer: indexerName,\n        id: seriesId\n      }); // To make it complete, make sure to switch route.\n\n      this.$router.push({\n        query: {\n          indexername: indexerName,\n          seriesid: String(seriesId)\n        }\n      });\n    }\n\n  }\n});\n\n//# sourceURL=webpack:///./src/components/helpers/show-selector.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//\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-selector',\n  props: {\n    showSlug: String,\n    followSelection: {\n      type: Boolean,\n      default: false\n    },\n    placeholder: String,\n    selectClass: {\n      type: String,\n      default: 'select-show form-control input-sm-custom'\n    }\n  },\n\n  data() {\n    const selectedShowSlug = this.showSlug || this.placeholder;\n    return {\n      selectedShowSlug\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapState\"])({\n      layout: state => state.config.layout,\n      shows: state => state.shows.shows\n    }),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])({\n      showsInLists: 'showsInLists'\n    }),\n\n    sortedLists() {\n      const {\n        layout,\n        showsInLists\n      } = this;\n      const {\n        sortArticle\n      } = layout;\n      const sortedShows = [...showsInLists];\n\n      const sortKey = title => (sortArticle ? title.replace(/^((?:the|a|an)\\s)/i, '') : title).toLowerCase();\n\n      const sortFn = (showA, showB) => {\n        const titleA = sortKey(showA.title);\n        const titleB = sortKey(showB.title);\n\n        if (titleA < titleB) {\n          return -1;\n        }\n\n        if (titleA > titleB) {\n          return 1;\n        }\n\n        return 0;\n      };\n\n      sortedShows.forEach(list => {\n        list.shows.sort(sortFn);\n      });\n      return sortedShows;\n    },\n\n    showForRoutes() {\n      const {\n        $route\n      } = this;\n      return ['show', 'editShow'].includes($route.name);\n    }\n\n  },\n  watch: {\n    showSlug(newSlug) {\n      this.selectedShowSlug = newSlug;\n    },\n\n    selectedShowSlug(newSlug) {\n      if (!this.followSelection) {\n        return;\n      }\n\n      const {\n        $store,\n        shows\n      } = this;\n      const selectedShow = shows.find(show => show.id.slug === newSlug);\n\n      if (!selectedShow) {\n        return;\n      }\n\n      const indexerName = selectedShow.indexer;\n      const seriesId = selectedShow.id[indexerName]; // Make sure the correct show, has been set as current show.\n\n      console.debug(`Setting current show to ${selectedShow.title}`);\n      $store.commit('currentShow', {\n        indexer: indexerName,\n        id: seriesId\n      }); // To make it complete, make sure to switch route.\n\n      this.$router.push({\n        query: {\n          indexername: indexerName,\n          seriesid: String(seriesId)\n        }\n      });\n    }\n\n  }\n});\n\n//# sourceURL=webpack:///./src/components/helpers/show-selector.vue?./node_modules/babel-loader/lib??ref--1!./node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -608,7 +608,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\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    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])({\n      showsInLists: 'showsInLists'\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\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      setLayoutLocal: 'setLayoutLocal'\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\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    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])({\n      showsInLists: 'showsInLists'\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\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      setLayoutLocal: 'setLayoutLocal'\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");
 
 /***/ }),
 
@@ -1034,7 +1034,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\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n/* Configure the show-list-title for in the poster layout. */\\n.show-list-title[data-v-3df39291] {\\n    display: flex;\\n    float: left;\\n    margin-top: 6px;\\n}\\nbutton.nav-show-list[data-v-3df39291] {\\n    height: 20px;\\n}\\n.show-list-title > h3[data-v-3df39291] {\\n    margin: 0;\\n}\\n\\n/* Configure the show-list-title for in the table layouts. */\\n.table-layout[data-v-3df39291] .show-list-title {\\n    display: flex;\\n    float: left;\\n}\\n.table-layout[data-v-3df39291] button.nav-show-list {\\n    height: 20px;\\n}\\n.table-layout[data-v-3df39291] .show-list-title > h3 {\\n    margin: 0;\\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 {\\n    float: right;\\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] .indexer-image :not(:last-child) {\\n    margin-right: 5px;\\n}\\n.table-layout[data-v-3df39291] .vgt-input {\\n    width: 100%;\\n}\\n.table-layout[data-v-3df39291] .vgt-select {\\n    margin-top: -1px;\\n}\\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\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n/* Configure the show-list-title for in the poster layout. */\\n.show-list-title[data-v-3df39291] {\\n    display: flex;\\n    float: left;\\n    margin-top: 6px;\\n}\\nbutton.nav-show-list[data-v-3df39291] {\\n    height: 20px;\\n}\\n.show-list-title > h3[data-v-3df39291] {\\n    margin: 0;\\n}\\n\\n/* Configure the show-list-title for in the table layouts. */\\n.table-layout[data-v-3df39291] .show-list-title {\\n    display: flex;\\n    float: left;\\n}\\n.table-layout[data-v-3df39291] button.nav-show-list {\\n    height: 20px;\\n}\\n.table-layout[data-v-3df39291] .show-list-title > h3 {\\n    margin: 0;\\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 {\\n    float: right;\\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] .indexer-image :not(:last-child) {\\n    margin-right: 5px;\\n}\\n.table-layout[data-v-3df39291] .vgt-input {\\n    width: 100%;\\n}\\n.table-layout[data-v-3df39291] .vgt-select {\\n    margin-top: -1px;\\n}\\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");
 
 /***/ }),
 
@@ -1497,7 +1497,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 _vm.showForRoutes\n    ? _c(\"div\", { staticClass: \"show-selector form-inline hidden-print\" }, [\n        _c(\n          \"div\",\n          { staticClass: \"select-show-group pull-left top-5 bottom-5\" },\n          [\n            _vm.shows.length === 0\n              ? _c(\n                  \"select\",\n                  { class: _vm.selectClass, attrs: { disabled: \"\" } },\n                  [_c(\"option\", [_vm._v(\"Loading...\")])]\n                )\n              : _c(\n                  \"select\",\n                  {\n                    directives: [\n                      {\n                        name: \"model\",\n                        rawName: \"v-model\",\n                        value: _vm.selectedShowSlug,\n                        expression: \"selectedShowSlug\"\n                      }\n                    ],\n                    class: _vm.selectClass,\n                    on: {\n                      change: [\n                        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.selectedShowSlug = $event.target.multiple\n                            ? $$selectedVal\n                            : $$selectedVal[0]\n                        },\n                        function($event) {\n                          return _vm.$emit(\"change\", _vm.selectedShowSlug)\n                        }\n                      ]\n                    }\n                  },\n                  [\n                    _vm.placeholder\n                      ? _c(\n                          \"option\",\n                          {\n                            attrs: { disabled: \"\", hidden: \"\" },\n                            domProps: {\n                              value: _vm.placeholder,\n                              selected: !_vm.selectedShowSlug\n                            }\n                          },\n                          [_vm._v(_vm._s(_vm.placeholder))]\n                        )\n                      : _vm._e(),\n                    _vm._v(\" \"),\n                    _vm.whichList === -1\n                      ? _vm._l(_vm.showLists, function(curShowList) {\n                          return _c(\n                            \"optgroup\",\n                            {\n                              key: curShowList.type,\n                              attrs: { label: curShowList.type }\n                            },\n                            _vm._l(curShowList.shows, function(show) {\n                              return _c(\n                                \"option\",\n                                {\n                                  key: show.id.slug,\n                                  domProps: { value: show.id.slug }\n                                },\n                                [_vm._v(_vm._s(show.title))]\n                              )\n                            }),\n                            0\n                          )\n                        })\n                      : _vm._l(_vm.showLists[_vm.whichList].shows, function(\n                          show\n                        ) {\n                          return _c(\n                            \"option\",\n                            {\n                              key: show.id.slug,\n                              domProps: { value: show.id.slug }\n                            },\n                            [_vm._v(_vm._s(show.title))]\n                          )\n                        })\n                  ],\n                  2\n                )\n          ]\n        )\n      ])\n    : _vm._e()\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./src/components/helpers/show-selector.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 _vm.showForRoutes\n    ? _c(\"div\", { staticClass: \"show-selector form-inline hidden-print\" }, [\n        _c(\n          \"div\",\n          { staticClass: \"select-show-group pull-left top-5 bottom-5\" },\n          [\n            _vm.shows.length === 0\n              ? _c(\n                  \"select\",\n                  { class: _vm.selectClass, attrs: { disabled: \"\" } },\n                  [_c(\"option\", [_vm._v(\"Loading...\")])]\n                )\n              : _c(\n                  \"select\",\n                  {\n                    directives: [\n                      {\n                        name: \"model\",\n                        rawName: \"v-model\",\n                        value: _vm.selectedShowSlug,\n                        expression: \"selectedShowSlug\"\n                      }\n                    ],\n                    class: _vm.selectClass,\n                    on: {\n                      change: [\n                        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.selectedShowSlug = $event.target.multiple\n                            ? $$selectedVal\n                            : $$selectedVal[0]\n                        },\n                        function($event) {\n                          return _vm.$emit(\"change\", _vm.selectedShowSlug)\n                        }\n                      ]\n                    }\n                  },\n                  [\n                    _vm.placeholder\n                      ? _c(\n                          \"option\",\n                          {\n                            attrs: { disabled: \"\", hidden: \"\" },\n                            domProps: {\n                              value: _vm.placeholder,\n                              selected: !_vm.selectedShowSlug\n                            }\n                          },\n                          [_vm._v(_vm._s(_vm.placeholder))]\n                        )\n                      : _vm._e(),\n                    _vm._v(\" \"),\n                    _vm.sortedLists && _vm.sortedLists.length > 1\n                      ? _vm._l(_vm.sortedLists, function(list) {\n                          return _c(\n                            \"optgroup\",\n                            {\n                              key: list.listTitle,\n                              attrs: { label: list.listTitle }\n                            },\n                            _vm._l(list.shows, function(show) {\n                              return _c(\n                                \"option\",\n                                {\n                                  key: show.id.slug,\n                                  domProps: { value: show.id.slug }\n                                },\n                                [_vm._v(_vm._s(show.title))]\n                              )\n                            }),\n                            0\n                          )\n                        })\n                      : _vm._l(_vm.sortedLists[0].shows, function(show) {\n                          return _c(\n                            \"option\",\n                            {\n                              key: show.id.slug,\n                              domProps: { value: show.id.slug }\n                            },\n                            [_vm._v(_vm._s(show.title))]\n                          )\n                        })\n                  ],\n                  2\n                )\n          ]\n        )\n      ])\n    : _vm._e()\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./src/components/helpers/show-selector.vue?./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -1653,7 +1653,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    [\n      _vm.layout === \"poster\"\n        ? _c(\"div\", { staticClass: \"row poster-ui-controls\" }, [\n            !_vm.stateLayout.splitHomeInTabs &&\n            _vm.showsInLists && _vm.showsInLists.length > 1\n              ? _c(\"div\", { staticClass: \"show-list-title listTitle\" }, [\n                  _vm._m(0),\n                  _vm._v(\" \"),\n                  _c(\"h3\", { staticClass: \"header\" }, [\n                    _vm._v(_vm._s(_vm.listTitle))\n                  ])\n                ])\n              : _vm._e(),\n            _vm._v(\" \"),\n            _c(\n              \"div\",\n              { staticClass: \"col-lg-12\" },\n              [\n                _c(\"div\", { staticClass: \"show-option\" }, [\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: { type: \"search\", placeholder: \"Filter Show Name\" },\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                _vm._v(\" \"),\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                        {\n                          key: option.value,\n                          domProps: { value: option.value }\n                        },\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        ? [\n            _c(\"state-switch\", {\n              attrs: { state: \"loading\", theme: _vm.stateLayout.themeName }\n            }),\n            _vm._v(\" \"),\n            _c(\"span\", [_vm._v(\"Loading\")])\n          ]\n        : _vm.shows.length >= 1\n        ? [\n            _c(\n              _vm.mappedLayout,\n              _vm._b(\n                {\n                  tag: \"component\",\n                  class: [\n                    [\"simple\", \"small\", \"banner\"].includes(_vm.layout)\n                      ? \"table-layout\"\n                      : \"\"\n                  ]\n                },\n                \"component\",\n                _vm.$props,\n                false\n              )\n            )\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    2\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(\n    \"div\",\n    [\n      _vm.layout === \"poster\"\n        ? _c(\"div\", { staticClass: \"row poster-ui-controls\" }, [\n            !_vm.stateLayout.splitHomeInTabs &&\n            _vm.showsInLists && _vm.showsInLists.length > 1\n              ? _c(\"div\", { staticClass: \"show-list-title listTitle\" }, [\n                  _vm._m(0),\n                  _vm._v(\" \"),\n                  _c(\"h3\", { staticClass: \"header\" }, [\n                    _vm._v(_vm._s(_vm.listTitle))\n                  ])\n                ])\n              : _vm._e(),\n            _vm._v(\" \"),\n            _c(\n              \"div\",\n              { staticClass: \"col-lg-12\" },\n              [\n                _c(\"div\", { staticClass: \"show-option\" }, [\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: { type: \"search\", placeholder: \"Filter Show Name\" },\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                _vm._v(\" \"),\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                        {\n                          key: option.value,\n                          domProps: { value: option.value }\n                        },\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        ? [\n            _c(\"state-switch\", {\n              attrs: { state: \"loading\", theme: _vm.stateLayout.themeName }\n            }),\n            _vm._v(\" \"),\n            _c(\"span\", [_vm._v(\"Loading\")])\n          ]\n        : _vm.shows.length >= 1\n        ? [\n            _c(\n              _vm.mappedLayout,\n              _vm._b(\n                {\n                  tag: \"component\",\n                  class: [\n                    [\"simple\", \"small\", \"banner\"].includes(_vm.layout)\n                      ? \"table-layout\"\n                      : \"\"\n                  ]\n                },\n                \"component\",\n                _vm.$props,\n                false\n              )\n            )\n          ]\n        : _vm._e()\n    ],\n    2\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");
 
 /***/ }),