diff --git a/CHANGELOG.md b/CHANGELOG.md
index c7b697d946..da269d14a4 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -6,6 +6,7 @@
 - Updated `guessit` to version 3.0.0 ([#4244](https://github.com/pymedusa/Medusa/pull/4244))
 - Updated the API v2 endpoint to handle concurrent requests ([#4970](https://github.com/pymedusa/Medusa/pull/4970))
 - Converted some of the show header to Vue ([#5087](https://github.com/pymedusa/Medusa/pull/5087))
+- Converted "Add Show" options into a Vue SFC ([#4848](https://github.com/pymedusa/Medusa/pull/4848))
 
 #### Fixes
 - Fixed many release name parsing issues as a result of updating `guessit` ([#4244](https://github.com/pymedusa/Medusa/pull/4244))
diff --git a/medusa/common.py b/medusa/common.py
index a0e988d0aa..c1c6af6ace 100644
--- a/medusa/common.py
+++ b/medusa/common.py
@@ -260,6 +260,22 @@ def split_quality(quality):
 
         return sorted(allowed_qualities), sorted(preferred_qualities)
 
+    @staticmethod
+    def is_valid_combined_quality(quality):
+        """
+        Check quality value to make sure it is a valid combined quality.
+
+        :param quality: Quality to check
+        :type quality: int
+        :return: True if valid, False if not
+        """
+        for cur_qual in Quality.qualityStrings:
+            if cur_qual & quality:
+                quality -= cur_qual
+            if cur_qual << 16 & quality:
+                quality -= cur_qual << 16
+        return quality == 0
+
     @staticmethod
     def name_quality(name, anime=False, extend=True):
         """
diff --git a/medusa/server/api/v2/config.py b/medusa/server/api/v2/config.py
index c768317a52..7c5370ac38 100644
--- a/medusa/server/api/v2/config.py
+++ b/medusa/server/api/v2/config.py
@@ -17,6 +17,7 @@
     logger,
     ws,
 )
+from medusa.common import IGNORED, Quality, SKIPPED, WANTED
 from medusa.helper.mappings import NonEmptyDict
 from medusa.indexers.indexer_config import get_indexer_config
 from medusa.logger.adapters.style import BraceAdapter
@@ -51,6 +52,11 @@ def theme_name_setter(object, name, value):
     config.change_theme(value)
 
 
+def season_folders_validator(value):
+    """Validate default season folders setting."""
+    return not (app.NAMING_FORCE_FOLDERS and value is False)
+
+
 class ConfigHandler(BaseRequestHandler):
     """Config request handler."""
 
@@ -116,6 +122,15 @@ class ConfigHandler(BaseRequestHandler):
         'backlogOverview.period': StringField(app, 'BACKLOG_PERIOD'),
         'backlogOverview.status': StringField(app, 'BACKLOG_STATUS'),
         'rootDirs': ListField(app, 'ROOT_DIRS'),
+
+        'showDefaults.status': EnumField(app, 'STATUS_DEFAULT', (SKIPPED, WANTED, IGNORED), int),
+        'showDefaults.statusAfter': EnumField(app, 'STATUS_DEFAULT_AFTER', (SKIPPED, WANTED, IGNORED), int),
+        'showDefaults.quality': IntegerField(app, 'QUALITY_DEFAULT', validator=Quality.is_valid_combined_quality),
+        'showDefaults.subtitles': BooleanField(app, 'SUBTITLES_DEFAULT', validator=lambda v: app.USE_SUBTITLES, converter=bool),
+        'showDefaults.seasonFolders': BooleanField(app, 'SEASON_FOLDERS_DEFAULT', validator=season_folders_validator, converter=bool),
+        'showDefaults.anime': BooleanField(app, 'ANIME_DEFAULT', converter=bool),
+        'showDefaults.scene': BooleanField(app, 'SCENE_DEFAULT', converter=bool),
+
         'postProcessing.showDownloadDir': StringField(app, 'TV_DOWNLOAD_DIR'),
         'postProcessing.processAutomatically': BooleanField(app, 'PROCESS_AUTOMATICALLY'),
         'postProcessing.processMethod': StringField(app, 'PROCESS_METHOD'),
@@ -297,6 +312,15 @@ def data_main():
         section_data['subtitles']['enabled'] = bool(app.USE_SUBTITLES)
         section_data['recentShows'] = app.SHOWS_RECENT
 
+        section_data['showDefaults'] = {}
+        section_data['showDefaults']['status'] = app.STATUS_DEFAULT
+        section_data['showDefaults']['statusAfter'] = app.STATUS_DEFAULT_AFTER
+        section_data['showDefaults']['quality'] = app.QUALITY_DEFAULT
+        section_data['showDefaults']['subtitles'] = bool(app.SUBTITLES_DEFAULT)
+        section_data['showDefaults']['seasonFolders'] = bool(app.SEASON_FOLDERS_DEFAULT)
+        section_data['showDefaults']['anime'] = bool(app.ANIME_DEFAULT)
+        section_data['showDefaults']['scene'] = bool(app.SCENE_DEFAULT)
+
         section_data['news'] = NonEmptyDict()
         section_data['news']['lastRead'] = app.NEWS_LAST_READ
         section_data['news']['latest'] = app.NEWS_LATEST
diff --git a/tests/apiv2/test_config.py b/tests/apiv2/test_config.py
index 1267edd38f..b60a4bcbf0 100644
--- a/tests/apiv2/test_config.py
+++ b/tests/apiv2/test_config.py
@@ -78,6 +78,15 @@ def config_main(monkeypatch, app_config):
     config_data['subtitles']['enabled'] = bool(app.USE_SUBTITLES)
     config_data['recentShows'] = app.SHOWS_RECENT
 
+    config_data['showDefaults'] = {}
+    config_data['showDefaults']['status'] = app.STATUS_DEFAULT
+    config_data['showDefaults']['statusAfter'] = app.STATUS_DEFAULT_AFTER
+    config_data['showDefaults']['quality'] = app.QUALITY_DEFAULT
+    config_data['showDefaults']['subtitles'] = bool(app.SUBTITLES_DEFAULT)
+    config_data['showDefaults']['seasonFolders'] = bool(app.SEASON_FOLDERS_DEFAULT)
+    config_data['showDefaults']['anime'] = bool(app.ANIME_DEFAULT)
+    config_data['showDefaults']['scene'] = bool(app.SCENE_DEFAULT)
+
     config_data['news'] = NonEmptyDict()
     config_data['news']['lastRead'] = app.NEWS_LAST_READ
     config_data['news']['latest'] = app.NEWS_LATEST
diff --git a/tests/test_common.py b/tests/test_common.py
index d19a033a15..514dfbdaf7 100644
--- a/tests/test_common.py
+++ b/tests/test_common.py
@@ -461,3 +461,33 @@ def test_wanted_quality():
 
     # Then
     assert actual is True
+
+
+@pytest.mark.parametrize('p', [
+    {  # p0 - Invalid combined quality
+        'quality': -4,
+        'expected': False
+    },
+    {  # p1 - Valid 'allowed' quality
+        'quality': Quality.HDTV,
+        'expected': True
+    },
+    {  # p2 - Valid 'allowed' quality + valid 'preferred' quality
+        'quality': Quality.combine_qualities([Quality.HDTV], [Quality.HDWEBDL]),
+        'expected': True
+    },
+    {  # p3 - Valid 'allowed' quality + **invalid** 'preferred' quality
+        'quality': Quality.combine_qualities([Quality.HDTV], [-4]),
+        'expected': False
+    },
+])
+def test_is_valid_combined_quality(p):
+    # Given
+    quality = p['quality']
+    expected = p['expected']
+
+    # When
+    actual = Quality.is_valid_combined_quality(quality)
+
+    # Then
+    assert expected == actual
diff --git a/themes-default/slim/src/components/add-show-options.vue b/themes-default/slim/src/components/add-show-options.vue
new file mode 100644
index 0000000000..1d41f596cb
--- /dev/null
+++ b/themes-default/slim/src/components/add-show-options.vue
@@ -0,0 +1,338 @@
+<template>
+    <div id="add-show-options-content">
+        <fieldset class="component-group-list">
+            <div class="form-group">
+                <div class="row">
+                    <label for="customQuality" class="col-sm-2 control-label">
+                        <span>Quality</span>
+                    </label>
+                    <div class="col-sm-10 content">
+                        <quality-chooser :overall-quality="defaultConfig.quality" @update:quality:allowed="quality.allowed = $event" @update:quality:preferred="quality.preferred = $event"></quality-chooser>
+                    </div>
+                </div>
+            </div>
+
+            <div v-if="subtitlesEnabled" id="use-subtitles">
+                <config-toggle-slider label="Subtitles" id="subtitles" :checked="defaultConfig.subtitles" @update="selectedSubtitleEnabled = $event"
+                    :explanations="['Download subtitles for this show?']">
+                </config-toggle-slider>
+            </div>
+
+           <div class="form-group">
+                <div class="row">
+                    <label for="defaultStatus" class="col-sm-2 control-label">
+                        <span>Status for previously aired episodes</span>
+                    </label>
+                    <div class="col-sm-10 content">
+                        <select id="defaultStatus" class="form-control form-control-inline input-sm" v-model="selectedStatus">
+                            <option v-for="option in defaultEpisodeStatusOptions" :value="option.value" :key="option.value">{{ option.text }}</option>
+                        </select>
+                    </div>
+                </div>
+            </div>
+
+            <div class="form-group">
+                <div class="row">
+                    <label for="defaultStatusAfter" class="col-sm-2 control-label">
+                        <span>Status for all future episodes</span>
+                    </label>
+                    <div class="col-sm-10 content">
+                        <select id="defaultStatusAfter" class="form-control form-control-inline input-sm" v-model="selectedStatusAfter">
+                            <option v-for="option in defaultEpisodeStatusOptions" :value="option.value" :key="option.value">{{ option.text }}</option>
+                        </select>
+                    </div>
+                </div>
+            </div>
+
+            <config-toggle-slider label="Season Folders" id="season_folders" :checked="defaultConfig.seasonFolders || namingForceFolders" :disabled="namingForceFolders"
+                :explanations="['Group episodes by season folders?']" @update="selectedSeasonFoldersEnabled = $event">
+            </config-toggle-slider>
+
+            <config-toggle-slider v-if="enableAnimeOptions" label="Anime" id="anime" :checked="defaultConfig.anime"
+                :explanations="['Is this show an Anime?']" @update="selectedAnimeEnabled = $event">
+            </config-toggle-slider>
+
+            <div v-if="enableAnimeOptions && selectedAnimeEnabled" class="form-group">
+                <div class="row">
+                    <label for="anidbReleaseGroup" class="col-sm-2 control-label">
+                        <span>Release Groups</span>
+                    </label>
+                    <div class="col-sm-10 content">
+                        <anidb-release-group-ui class="max-width" :blacklist="release.blacklist" :whitelist="release.whitelist"
+                            :all-groups="release.allgroups" @change="onChangeReleaseGroupsAnime">
+                        </anidb-release-group-ui>
+                    </div>
+                </div>
+            </div>
+
+            <config-toggle-slider label="Scene Numbering" id="scene" :checked="defaultConfig.scene"
+                :explanations="['Is this show scene numbered?']" @update="selectedSceneEnabled = $event">
+            </config-toggle-slider>
+
+            <div class="form-group">
+                <div class="row">
+                    <label for="saveDefaultsButton" class="col-sm-2 control-label">
+                        <span>Use current values as the defaults</span>
+                    </label>
+                    <div class="col-sm-10 content">
+                        <button type="button" class="btn-medusa btn-inline" @click.prevent="saveDefaults" :disabled="saving || saveDefaultsDisabled">Save Defaults</button>
+                    </div>
+                </div>
+            </div>
+        </fieldset>
+    </div>
+</template>
+<script>
+import { mapState } from 'vuex';
+import { apiRoute } from '../api';
+import { combineQualities } from '../utils';
+import ConfigToggleSlider from './config-toggle-slider.vue';
+import AnidbReleaseGroupUi from './anidb-release-group-ui.vue';
+
+export default {
+    name: 'add-show-options',
+    components: {
+        AnidbReleaseGroupUi,
+        ConfigToggleSlider
+        // @TODO: Add `QualityChooser`
+    },
+    props: {
+        showName: {
+            type: String,
+            default: '',
+            required: false
+        },
+        enableAnimeOptions: {
+            type: Boolean,
+            default: false
+        }
+    },
+    data() {
+        return {
+            saving: false,
+            selectedStatus: null,
+            selectedStatusAfter: null,
+            quality: {
+                allowed: [],
+                preferred: []
+            },
+            selectedSubtitleEnabled: false,
+            selectedSeasonFoldersEnabled: false,
+            selectedAnimeEnabled: false,
+            selectedSceneEnabled: false,
+            release: {
+                blacklist: [],
+                whitelist: [],
+                allgroups: []
+            }
+        };
+    },
+    mounted() {
+        const { defaultConfig, update } = this;
+        this.selectedStatus = defaultConfig.status;
+        this.selectedStatusAfter = defaultConfig.statusAfter;
+        this.$nextTick(() => update());
+
+        this.$watch(vm => [
+            vm.selectedStatus,
+            vm.selectedStatusAfter,
+            vm.selectedSubtitleEnabled,
+            vm.selectedSeasonFoldersEnabled,
+            vm.selectedSceneEnabled
+        ].join(), () => {
+            this.update();
+        });
+    },
+    methods: {
+        getReleaseGroups(showName) {
+            const params = {
+                series_name: showName // eslint-disable-line camelcase
+            };
+
+            return apiRoute
+                .get('home/fetch_releasegroups', { params, timeout: 30000 })
+                .then(response => response.data)
+                .catch(error => {
+                    this.$snotify.warning(
+                        `Error while trying to fetch release groups for show "${showName}": ${error || 'Unknown'}`,
+                        'Error'
+                    );
+                    console.warn(error);
+                    return null;
+                });
+        },
+        update() {
+            const {
+                selectedSubtitleEnabled,
+                selectedStatus,
+                selectedStatusAfter,
+                selectedSeasonFoldersEnabled,
+                selectedAnimeEnabled,
+                selectedSceneEnabled,
+                release,
+                quality
+            } = this;
+            this.$nextTick(() => {
+                this.$emit('change', {
+                    subtitles: selectedSubtitleEnabled,
+                    status: selectedStatus,
+                    statusAfter: selectedStatusAfter,
+                    seasonFolders: selectedSeasonFoldersEnabled,
+                    anime: selectedAnimeEnabled,
+                    scene: selectedSceneEnabled,
+                    release,
+                    quality
+                });
+            });
+        },
+        onChangeReleaseGroupsAnime(items) {
+            this.release.whitelist = items.filter(item => item.memberOf === 'whitelist').map(item => item.name);
+            this.release.blacklist = items.filter(item => item.memberOf === 'blacklist').map(item => item.name);
+            this.update();
+        },
+        saveDefaults() {
+            const {
+                $store,
+                selectedStatus,
+                selectedStatusAfter,
+                combinedQualities,
+                selectedSubtitleEnabled,
+                selectedSeasonFoldersEnabled,
+                selectedAnimeEnabled,
+                selectedSceneEnabled
+            } = this;
+
+            const section = 'main';
+            const config = {
+                showDefaults: {
+                    status: selectedStatus,
+                    statusAfter: selectedStatusAfter,
+                    quality: combinedQualities,
+                    subtitles: selectedSubtitleEnabled,
+                    seasonFolders: selectedSeasonFoldersEnabled,
+                    anime: selectedAnimeEnabled,
+                    scene: selectedSceneEnabled
+                }
+            };
+
+            this.saving = true;
+            $store.dispatch('setConfig', { section, config }).then(() => {
+                this.$snotify.success(
+                    'Your "add show" defaults have been set to your current selections.',
+                    'Saved Defaults'
+                );
+            }).catch(error => {
+                this.$snotify.error(
+                    'Error while trying to save "add show" defaults: ' + error.message || 'Unknown',
+                    'Error'
+                );
+            }).finally(() => {
+                this.saving = false;
+            });
+        }
+    },
+    computed: {
+        ...mapState({
+            defaultConfig: state => state.config.showDefaults,
+            namingForceFolders: state => state.config.namingForceFolders,
+            subtitlesEnabled: state => state.config.subtitles.enabled,
+            episodeStatuses: state => state.statuses
+        }),
+        defaultEpisodeStatusOptions() {
+            const { strings, values } = this.episodeStatuses;
+            const { skipped, wanted, ignored } = values;
+            return [skipped, wanted, ignored].map(value => ({
+                value,
+                text: strings[value]
+            }));
+        },
+        /**
+         * Calculate the combined value of the selected qualities.
+         * @returns {number} - An unsigned integer.
+         */
+        combinedQualities() {
+            const { quality } = this;
+            const { allowed, preferred } = quality;
+            return combineQualities(allowed, preferred);
+        },
+        /**
+         * Check if any changes were made to determine if the "Save Defaults" button should be enabled.
+         * @returns {boolean} - Should the save default buttons be disabled?
+         */
+        saveDefaultsDisabled() {
+            const {
+                enableAnimeOptions,
+                defaultConfig,
+                namingForceFolders,
+
+                selectedStatus,
+                selectedStatusAfter,
+                combinedQualities,
+                selectedSeasonFoldersEnabled,
+                selectedSubtitleEnabled,
+                selectedAnimeEnabled,
+                selectedSceneEnabled
+            } = this;
+
+            return [
+                selectedStatus === defaultConfig.status,
+                selectedStatusAfter === defaultConfig.statusAfter,
+                combinedQualities === defaultConfig.quality,
+                selectedSeasonFoldersEnabled === (defaultConfig.seasonFolders || namingForceFolders),
+                selectedSubtitleEnabled === defaultConfig.subtitles,
+                !enableAnimeOptions || selectedAnimeEnabled === defaultConfig.anime,
+                selectedSceneEnabled === defaultConfig.scene
+            ].every(Boolean);
+        }
+    },
+    asyncComputed: {
+        releaseGroups() {
+            const { selectedAnimeEnabled, showName } = this;
+            if (!selectedAnimeEnabled || !showName) {
+                return Promise.resolve([]);
+            }
+
+            return this.getReleaseGroups(showName).then(result => {
+                if (result.groups) {
+                    return result.groups;
+                }
+            });
+        }
+    },
+    watch: {
+        releaseGroups(groups) {
+            this.release.allgroups = groups;
+        },
+        release: {
+            handler() {
+                this.update();
+            },
+            deep: true,
+            immediate: false
+        },
+        /**
+         * Whenever something changes that can impact the height of the component,
+         * we need to update the parent formWizard, and make it resize.
+         */
+        quality: {
+            handler() {
+                this.$emit('refresh');
+                this.update();
+            },
+            deep: true,
+            immediate: false
+        },
+        selectedAnimeEnabled() {
+            this.$emit('refresh');
+            this.update();
+        },
+        defaultConfig(newValue) {
+            this.selectedStatus = newValue.status;
+            this.selectedStatusAfter = newValue.statusAfter;
+        }
+    }
+};
+</script>
+<style>
+/* placeholder */
+</style>
diff --git a/themes-default/slim/src/components/anidb-release-group-ui.vue b/themes-default/slim/src/components/anidb-release-group-ui.vue
index 5eeb192665..5d25eb85b3 100644
--- a/themes-default/slim/src/components/anidb-release-group-ui.vue
+++ b/themes-default/slim/src/components/anidb-release-group-ui.vue
@@ -159,6 +159,11 @@ export default {
                 this.$emit('change', this.allReleaseGroups);
             },
             deep: true
+        },
+        allGroups: {
+            handler(newValue) {
+                this.createIndexedObjects(newValue, 'releasegroups');
+            }
         }
     }
 };
diff --git a/themes-default/slim/src/components/config-toggle-slider.vue b/themes-default/slim/src/components/config-toggle-slider.vue
index bd26dea60f..cb4c1a1826 100644
--- a/themes-default/slim/src/components/config-toggle-slider.vue
+++ b/themes-default/slim/src/components/config-toggle-slider.vue
@@ -6,7 +6,7 @@
                     <span>{{ label }}</span>
                 </label>
                 <div class="col-sm-10 content">
-                    <toggle-button :width="45" :height="22" v-bind="{id, name: id}" v-model="localChecked" sync></toggle-button>
+                    <toggle-button :width="45" :height="22" v-bind="{id, name: id, disabled}" v-model="localChecked" sync></toggle-button>
                     <p v-for="(explanation, index) in explanations" :key="index">{{ explanation }}</p>
                 </div>
             </div>
@@ -30,6 +30,10 @@ export default {
             type: Boolean,
             default: null
         },
+        disabled: {
+            type: Boolean,
+            default: false
+        },
         explanations: {
             type: Array,
             default: () => []
@@ -44,6 +48,9 @@ export default {
         this.localChecked = this.checked;
     },
     watch: {
+        checked() {
+            this.localChecked = this.checked;
+        },
         localChecked() {
             this.$emit('update', this.localChecked);
         }
diff --git a/themes-default/slim/src/components/index.js b/themes-default/slim/src/components/index.js
index 7c0db9a27e..b598256977 100644
--- a/themes-default/slim/src/components/index.js
+++ b/themes-default/slim/src/components/index.js
@@ -1,4 +1,5 @@
 export { default as AddRecommended } from './add-recommended.vue';
+export { default as AddShowOptions } from './add-show-options.vue';
 export { default as AddShows } from './add-shows.vue';
 export { default as AnidbReleaseGroupUi } from './anidb-release-group-ui.vue';
 export { default as AppHeader } from './app-header.vue';
diff --git a/themes-default/slim/src/index.js b/themes-default/slim/src/index.js
index 4bb6b49713..1975648fc8 100644
--- a/themes-default/slim/src/index.js
+++ b/themes-default/slim/src/index.js
@@ -19,6 +19,7 @@ import router from './router';
 import { isDevelopment } from './utils';
 import { apiRoute, apiv1, api, webRoot, apiKey } from './api';
 import {
+    AddShowOptions,
     AnidbReleaseGroupUi,
     AppHeader,
     AppLink,
@@ -75,6 +76,7 @@ if (window) {
 
     // Push pages that load via a vue file but still use `el` for mounting
     window.components = [];
+    window.components.push(AddShowOptions);
     window.components.push(AnidbReleaseGroupUi);
     window.components.push(AppHeader);
     window.components.push(AppLink);
diff --git a/themes-default/slim/src/store/modules/config.js b/themes-default/slim/src/store/modules/config.js
index 8bdf6afb2c..9f5949b931 100644
--- a/themes-default/slim/src/store/modules/config.js
+++ b/themes-default/slim/src/store/modules/config.js
@@ -252,7 +252,16 @@ const state = {
     os: null,
     anonRedirect: null,
     logDir: null,
-    recentShows: []
+    recentShows: [],
+    showDefaults: {
+        status: null,
+        statusAfter: null,
+        quality: null,
+        subtitles: null,
+        seasonFolders: null,
+        anime: null,
+        scene: null
+    }
 };
 
 const mutations = {
diff --git a/themes-default/slim/src/utils.js b/themes-default/slim/src/utils.js
index a8070207ec..43e3dc6dff 100644
--- a/themes-default/slim/src/utils.js
+++ b/themes-default/slim/src/utils.js
@@ -1,5 +1,20 @@
 const isDevelopment = process.env.NODE_ENV === 'development';
 
+/**
+ * Calculate the combined value of the selected qualities.
+ * @param {number[]} allowedQualities - Array of allowed qualities.
+ * @param {number[]} preferredQualities - Array of preferred qualities.
+ * @returns {number} - An unsigned integer.
+ */
+const combineQualities = (allowedQualities, preferredQualities) => {
+    const reducer = (accumulator, currentValue) => accumulator | currentValue;
+    const allowed = allowedQualities.reduce(reducer, 0);
+    const preferred = preferredQualities.reduce(reducer, 0);
+
+    return (allowed | (preferred << 16)) >>> 0; // Unsigned int
+};
+
 export {
+    combineQualities,
     isDevelopment
 };
diff --git a/themes-default/slim/static/js/blackwhite.js b/themes-default/slim/static/js/blackwhite.js
index e2b11fb54e..e986815442 100644
--- a/themes-default/slim/static/js/blackwhite.js
+++ b/themes-default/slim/static/js/blackwhite.js
@@ -1,38 +1,3 @@
-function generateBlackWhiteList() { // eslint-disable-line no-unused-vars
-    let realvalues = [];
-
-    $('#white option').each((i, selected) => {
-        realvalues[i] = $(selected).val();
-    });
-    $('#whitelist').val(realvalues.join(','));
-
-    realvalues = [];
-    $('#black option').each((i, selected) => {
-        realvalues[i] = $(selected).val();
-    });
-    $('#blacklist').val(realvalues.join(','));
-}
-
-function updateBlackWhiteList(showName) { // eslint-disable-line no-unused-vars
-    $('#pool').children().remove();
-
-    $('#blackwhitelist').show();
-    if (showName) {
-        $.getJSON('home/fetch_releasegroups', {
-            series_name: showName // eslint-disable-line camelcase
-        }, data => {
-            if (data.result === 'success') {
-                $.each(data.groups, (i, group) => {
-                    const option = $('<option>');
-                    option.prop('value', group.name);
-                    option.html(group.name + ' | ' + group.rating + ' | ' + group.range);
-                    option.appendTo('#pool');
-                });
-            }
-        });
-    }
-}
-
 $(document).ready(() => {
     $('#removeW').on('click', () => {
         !$('#white option:selected').remove().appendTo('#pool'); // eslint-disable-line no-unused-expressions
diff --git a/themes-default/slim/test/__fixtures__/common.json b/themes-default/slim/test/__fixtures__/common.json
index b58ef9ab1d..5e59c08d1c 100644
--- a/themes-default/slim/test/__fixtures__/common.json
+++ b/themes-default/slim/test/__fixtures__/common.json
@@ -192,6 +192,140 @@
             }
           }
         }
+      },
+      "namingForceFolders": false,
+      "showDefaults": {
+        "status": 5,
+        "statusAfter": 7,
+        "seasonFolders": false,
+        "scene": false,
+        "anime": false,
+        "quality": 328,
+        "subtitles": false
+      }
+    },
+    "statuses": {
+      "values": {
+        "ignored": 7,
+        "archived": 6,
+        "skipped": 5,
+        "snatchedBest": 12,
+        "wanted": 3,
+        "failed": 11,
+        "subtitled": 10,
+        "downloaded": 4,
+        "snatchedProper": 9,
+        "snatched": 2,
+        "unaired": 1,
+        "unset": -1
+      },
+      "strings": {
+        "1": "Unaired",
+        "2": "Snatched",
+        "3": "Wanted",
+        "4": "Downloaded",
+        "5": "Skipped",
+        "6": "Archived",
+        "7": "Ignored",
+        "9": "Snatched (Proper)",
+        "10": "Subtitled",
+        "11": "Failed",
+        "12": "Snatched (Best)",
+        "-1": "Unset"
+      }
+    },
+    "qualities": {
+      "values": {
+        "fullhdbluray": 512,
+        "rawhdtv": 16,
+        "uhd8kbluray": 32768,
+        "na": 0,
+        "hdwebdl": 64,
+        "uhd4ktv": 1024,
+        "sddvd": 4,
+        "uhd8kwebdl": 16384,
+        "uhd4kwebdl": 2048,
+        "hdtv": 8,
+        "uhd4kbluray": 4096,
+        "hdbluray": 256,
+        "unknown": 1,
+        "fullhdtv": 32,
+        "sdtv": 2,
+        "fullhdwebdl": 128,
+        "uhd8ktv": 8192
+      },
+      "anySets": {
+        "anywebdl": 192,
+        "anybluray": 768,
+        "anyhdtv": 40
+      },
+      "presets": {
+        "uhd": 64512,
+        "hd1080p": 672,
+        "uhd4k": 7168,
+        "hd720p": 328,
+        "uhd8k": 57344,
+        "any": 65518,
+        "hd": 1000,
+        "sd": 6
+      },
+      "strings": {
+        "cssClass": {
+          "0": "na",
+          "1": "Unknown",
+          "2": "SDTV",
+          "4": "SDDVD",
+          "8": "HD720p",
+          "16": "RawHD",
+          "32": "HD1080p",
+          "40": "any-hd",
+          "64": "HD720p",
+          "128": "HD1080p",
+          "192": "any-hd",
+          "256": "HD720p",
+          "512": "HD1080p",
+          "768": "any-hd",
+          "1024": "UHD-4K",
+          "2048": "UHD-4K",
+          "4096": "UHD-4K",
+          "8192": "UHD-8K",
+          "16384": "UHD-8K",
+          "32768": "UHD-8K"
+        },
+        "presets": {
+          "6": "SD",
+          "328": "HD720p",
+          "672": "HD1080p",
+          "1000": "HD",
+          "7168": "UHD-4K",
+          "57344": "UHD-8K",
+          "64512": "UHD",
+          "65518": "Any"
+        },
+        "values": {
+          "0": "N/A",
+          "1": "Unknown",
+          "2": "SDTV",
+          "4": "SD DVD",
+          "8": "720p HDTV",
+          "16": "RawHD",
+          "32": "1080p HDTV",
+          "64": "720p WEB-DL",
+          "128": "1080p WEB-DL",
+          "256": "720p BluRay",
+          "512": "1080p BluRay",
+          "1024": "4K UHD TV",
+          "2048": "4K UHD WEB-DL",
+          "4096": "4K UHD BluRay",
+          "8192": "8K UHD TV",
+          "16384": "8K UHD WEB-DL",
+          "32768": "8K UHD BluRay"
+        },
+        "anySets": {
+          "40": "HDTV",
+          "192": "WEB-DL",
+          "768": "BluRay"
+        }
       }
     },
     "metadata": {
diff --git a/themes-default/slim/test/specs/add-show-options.spec.js b/themes-default/slim/test/specs/add-show-options.spec.js
new file mode 100644
index 0000000000..bb5b0e6446
--- /dev/null
+++ b/themes-default/slim/test/specs/add-show-options.spec.js
@@ -0,0 +1,51 @@
+import test from 'ava';
+import Vuex from 'vuex';
+import VueRouter from 'vue-router';
+import { createLocalVue, mount } from '@vue/test-utils';
+import { AddShowOptions } from '../../src/components';
+import fixtures from '../__fixtures__/common';
+
+test.beforeEach(t => {
+    t.context.localVue = createLocalVue();
+    t.context.localVue.use(Vuex);
+    t.context.localVue.use(VueRouter);
+
+    const { state } = fixtures;
+    const { Store } = Vuex;
+    t.context.state = state;
+    t.context.store = new Store({ state });
+});
+
+test('renders with `enable-anime-options` disabled', t => {
+    const { localVue, store } = t.context;
+    const wrapper = mount(AddShowOptions, {
+        localVue,
+        store,
+        stubs: [
+            'quality-chooser',
+            'toggle-button'
+        ],
+        propsData: {
+            enableAnimeOptions: false
+        }
+    });
+
+    t.snapshot(wrapper.html());
+});
+
+test('renders with `enable-anime-options` enabled', t => {
+    const { localVue, store } = t.context;
+    const wrapper = mount(AddShowOptions, {
+        localVue,
+        store,
+        stubs: [
+            'quality-chooser',
+            'toggle-button'
+        ],
+        propsData: {
+            enableAnimeOptions: true
+        }
+    });
+
+    t.snapshot(wrapper.html());
+});
diff --git a/themes-default/slim/test/specs/snapshots/add-show-options.spec.js.md b/themes-default/slim/test/specs/snapshots/add-show-options.spec.js.md
new file mode 100644
index 0000000000..9c3a8d3915
--- /dev/null
+++ b/themes-default/slim/test/specs/snapshots/add-show-options.spec.js.md
@@ -0,0 +1,17 @@
+# Snapshot report for `test/specs/add-show-options.spec.js`
+
+The actual snapshot is saved in `add-show-options.spec.js.snap`.
+
+Generated by [AVA](https://ava.li).
+
+## renders with `enable-anime-options` disabled
+
+> Snapshot 1
+
+    '<div id="add-show-options-content"><fieldset class="component-group-list"><div class="form-group"><div class="row"><label for="customQuality" class="col-sm-2 control-label"><span>Quality</span></label><div class="col-sm-10 content"><quality-chooser-stub overall-quality="328"></quality-chooser-stub></div></div></div><div id="use-subtitles"><div id="config-toggle-slider-content"><div class="form-group"><div class="row"><label for="subtitles" class="col-sm-2 control-label"><span>Subtitles</span></label><div class="col-sm-10 content"><toggle-button-stub width="45" height="22" sync="" id="subtitles" name="subtitles"></toggle-button-stub><p>Download subtitles for this show?</p></div></div></div></div></div><div class="form-group"><div class="row"><label for="defaultStatus" class="col-sm-2 control-label"><span>Status for previously aired episodes</span></label><div class="col-sm-10 content"><select id="defaultStatus" class="form-control form-control-inline input-sm"><option value="5">Skipped</option><option value="3">Wanted</option><option value="7">Ignored</option></select></div></div></div><div class="form-group"><div class="row"><label for="defaultStatusAfter" class="col-sm-2 control-label"><span>Status for all future episodes</span></label><div class="col-sm-10 content"><select id="defaultStatusAfter" class="form-control form-control-inline input-sm"><option value="5">Skipped</option><option value="3">Wanted</option><option value="7">Ignored</option></select></div></div></div><div id="config-toggle-slider-content"><div class="form-group"><div class="row"><label for="season_folders" class="col-sm-2 control-label"><span>Season Folders</span></label><div class="col-sm-10 content"><toggle-button-stub width="45" height="22" sync="" id="season_folders" name="season_folders"></toggle-button-stub><p>Group episodes by season folders?</p></div></div></div></div><!----><!----><div id="config-toggle-slider-content"><div class="form-group"><div class="row"><label for="scene" class="col-sm-2 control-label"><span>Scene Numbering</span></label><div class="col-sm-10 content"><toggle-button-stub width="45" height="22" sync="" id="scene" name="scene"></toggle-button-stub><p>Is this show scene numbered?</p></div></div></div></div><div class="form-group"><div class="row"><label for="saveDefaultsButton" class="col-sm-2 control-label"><span>Use current values as the defaults</span></label><div class="col-sm-10 content"><button type="button" class="btn-medusa btn-inline">Save Defaults</button></div></div></div></fieldset></div>'
+
+## renders with `enable-anime-options` enabled
+
+> Snapshot 1
+
+    '<div id="add-show-options-content"><fieldset class="component-group-list"><div class="form-group"><div class="row"><label for="customQuality" class="col-sm-2 control-label"><span>Quality</span></label><div class="col-sm-10 content"><quality-chooser-stub overall-quality="328"></quality-chooser-stub></div></div></div><div id="use-subtitles"><div id="config-toggle-slider-content"><div class="form-group"><div class="row"><label for="subtitles" class="col-sm-2 control-label"><span>Subtitles</span></label><div class="col-sm-10 content"><toggle-button-stub width="45" height="22" sync="" id="subtitles" name="subtitles"></toggle-button-stub><p>Download subtitles for this show?</p></div></div></div></div></div><div class="form-group"><div class="row"><label for="defaultStatus" class="col-sm-2 control-label"><span>Status for previously aired episodes</span></label><div class="col-sm-10 content"><select id="defaultStatus" class="form-control form-control-inline input-sm"><option value="5">Skipped</option><option value="3">Wanted</option><option value="7">Ignored</option></select></div></div></div><div class="form-group"><div class="row"><label for="defaultStatusAfter" class="col-sm-2 control-label"><span>Status for all future episodes</span></label><div class="col-sm-10 content"><select id="defaultStatusAfter" class="form-control form-control-inline input-sm"><option value="5">Skipped</option><option value="3">Wanted</option><option value="7">Ignored</option></select></div></div></div><div id="config-toggle-slider-content"><div class="form-group"><div class="row"><label for="season_folders" class="col-sm-2 control-label"><span>Season Folders</span></label><div class="col-sm-10 content"><toggle-button-stub width="45" height="22" sync="" id="season_folders" name="season_folders"></toggle-button-stub><p>Group episodes by season folders?</p></div></div></div></div><div id="config-toggle-slider-content"><div class="form-group"><div class="row"><label for="anime" class="col-sm-2 control-label"><span>Anime</span></label><div class="col-sm-10 content"><toggle-button-stub width="45" height="22" sync="" id="anime" name="anime"></toggle-button-stub><p>Is this show an Anime?</p></div></div></div></div><!----><div id="config-toggle-slider-content"><div class="form-group"><div class="row"><label for="scene" class="col-sm-2 control-label"><span>Scene Numbering</span></label><div class="col-sm-10 content"><toggle-button-stub width="45" height="22" sync="" id="scene" name="scene"></toggle-button-stub><p>Is this show scene numbered?</p></div></div></div></div><div class="form-group"><div class="row"><label for="saveDefaultsButton" class="col-sm-2 control-label"><span>Use current values as the defaults</span></label><div class="col-sm-10 content"><button type="button" class="btn-medusa btn-inline">Save Defaults</button></div></div></div></fieldset></div>'
diff --git a/themes-default/slim/test/specs/snapshots/add-show-options.spec.js.snap b/themes-default/slim/test/specs/snapshots/add-show-options.spec.js.snap
new file mode 100644
index 0000000000..ff1c9aeecc
Binary files /dev/null and b/themes-default/slim/test/specs/snapshots/add-show-options.spec.js.snap differ
diff --git a/themes-default/slim/test/specs/utils.spec.js b/themes-default/slim/test/specs/utils.spec.js
new file mode 100644
index 0000000000..8bba0a9d90
--- /dev/null
+++ b/themes-default/slim/test/specs/utils.spec.js
@@ -0,0 +1,15 @@
+import test from 'ava';
+import { combineQualities } from '../../src/utils';
+
+const testCases = [
+    /* C0 */ { allowed: [1, 2, 4], preferred: [], expected: 7 },
+    /* C1 */ { allowed: [1], preferred: [2, 4], expected: 393217 },
+    /* C2 */ { allowed: [32768], preferred: [32768], expected: 2147516416 }
+];
+testCases.forEach(({ allowed, preferred, expected }, caseIndex) => {
+    const testTitle = `[C${caseIndex}] combineQualities(${JSON.stringify(allowed)}, ${JSON.stringify(preferred)})`;
+    test(testTitle, t => {
+        const actual = combineQualities(allowed, preferred);
+        t.is(actual, expected);
+    });
+});
diff --git a/themes-default/slim/views/addShows_newShow.mako b/themes-default/slim/views/addShows_newShow.mako
index e44f7d0efe..2eacd7dfea 100644
--- a/themes-default/slim/views/addShows_newShow.mako
+++ b/themes-default/slim/views/addShows_newShow.mako
@@ -9,8 +9,6 @@
     from six import iteritems, text_type
 %>
 <%block name="scripts">
-<script type="text/javascript" src="js/add-show-options.js?${sbPID}"></script>
-<script type="text/javascript" src="js/blackwhite.js?${sbPID}"></script>
 <%
     valid_indexers = {
         '0': {
@@ -68,7 +66,23 @@ window.app = new Vue({
             },
 
             selectedRootDir: '',
-            selectedShowSlug: ''
+            selectedShowSlug: '',
+            selectedShowOptions: {
+                subtitles: null,
+                status: null,
+                statusAfter: null,
+                seasonFolders: null,
+                anime: null,
+                scene: null,
+                release: {
+                    blacklist: [],
+                    whitelist: []
+                },
+                quality: {
+                    allowed: [],
+                    preferred: []
+                }
+            }
         };
     },
     mounted() {
@@ -80,8 +94,6 @@ window.app = new Vue({
             });
 
             setTimeout(() => {
-                this.updateBlackWhiteList();
-
                 const { providedInfo } = this;
                 const { use, showId, showDir } = providedInfo;
                 if (use && showId !== 0 && showDir) {
@@ -109,15 +121,6 @@ window.app = new Vue({
             revealfx: ['slide', 300],
             oninit: init
         });
-
-        $(document.body).on('change', 'select[name="quality_preset"]', () => {
-            this.$nextTick(() => this.formwizard.loadsection(2));
-        });
-
-        $(document.body).on('change', '#anime', () => {
-            this.updateBlackWhiteList();
-            this.$nextTick(() => this.formwizard.loadsection(2));
-        });
     },
     computed: {
         // @TODO: Replace with mapState
@@ -190,12 +193,25 @@ window.app = new Vue({
     },
     methods: {
         async submitForm(skipShow) {
-            const { currentSearch, addButtonDisabled } = this;
+            const formData = new FormData();
+
+            /**
+             * Append an array to a FormData object
+             * @param {FormData} appendTo - object to append to
+             * @param {string} fieldName - name of the field to append the values under
+             * @param {(string[]|number[])} array - the array to append
+             */
+            const appendArrayToFormData = (appendTo, fieldName, array) => {
+                for (item of array) {
+                    appendTo.append(fieldName, item);
+                }
+            };
 
-            let formData;
+            appendArrayToFormData(formData, 'other_shows', this.otherShows);
 
             if (skipShow && skipShow === true) {
-                formData = new FormData();
+                const { currentSearch } = this;
+
                 formData.append('skipShow', 'true');
 
                 if (currentSearch.cancel) {
@@ -204,19 +220,67 @@ window.app = new Vue({
                     currentSearch.cancel = null;
                 }
             } else {
+                const { addButtonDisabled } = this;
+
                 // If they haven't picked a show or a root dir don't let them submit
                 if (addButtonDisabled) {
                     this.$snotify.warning('You must choose a show and a parent folder to continue.');
                     return;
                 }
 
-                // Converts select boxes to command separated values [js/blackwhite.js]
-                generateBlackWhiteList(); // eslint-disable-line no-undef
+                // Collect all the needed form data.
+
+                const {
+                    indexerId,
+                    indexerLanguage,
+                    providedInfo,
+                    selectedRootDir,
+                    selectedShow,
+                    selectedShowOptions
+                } = this;
+
+                if (providedInfo.use) {
+                    formData.append('indexer_lang', providedInfo.indexerLanguage);
+                    formData.append('providedIndexer', providedInfo.indexerId);
+                    formData.append('whichSeries', providedInfo.showId);
+                } else {
+                    formData.append('indexer_lang', indexerLanguage);
+                    formData.append('providedIndexer', indexerId);
+                    // @TODO: Remove the need for the `selectedShow.whichSeries` value
+                    formData.append('whichSeries', selectedShow.whichSeries);
+                }
 
-                formData = new FormData(this.$refs.addShowForm);
-            }
+                if (providedInfo.showDir) {
+                    formData.append('fullShowPath', providedInfo.showDir);
+                } else {
+                    formData.append('rootDir', selectedRootDir);
+                }
 
-            this.otherShows.forEach(nextShow => formData.append('other_shows', nextShow));
+                const {
+                    anime,
+                    quality,
+                    release,
+                    scene,
+                    seasonFolders,
+                    status,
+                    statusAfter,
+                    subtitles
+                } = selectedShowOptions;
+
+                // Show options
+                formData.append('defaultStatus', status);
+                formData.append('defaultStatusAfter', statusAfter);
+                formData.append('subtitles', Boolean(subtitles));
+                formData.append('anime', Boolean(anime));
+                formData.append('scene', Boolean(scene));
+                formData.append('season_folders', Boolean(seasonFolders));
+
+                appendArrayToFormData(formData, 'allowed_qualities', quality.allowed);
+                appendArrayToFormData(formData, 'preferred_qualities', quality.preferred);
+
+                appendArrayToFormData(formData, 'whitelist', release.whitelist);
+                appendArrayToFormData(formData, 'blacklist', release.blacklist);
+            }
 
             const response = await apiRoute.post('addShows/addNewShow', formData);
             const { data } = response;
@@ -400,10 +464,27 @@ window.app = new Vue({
                 this.formwizard.loadsection(0); // eslint-disable-line no-use-before-define
             });
         },
-        updateBlackWhiteList() {
-            // Currently requires jQuery
-            if ($ === undefined) return;
-            $.updateBlackWhiteList(this.showName);
+        /**
+         * The formwizard sets a fixed height when the step has been loaded. We need to refresh this on the option
+         * page, when showing/hiding the release groups.
+         */
+        refreshOptionStep() {
+            if (this.formwizard.currentsection === 2) {
+                this.$nextTick(() => this.formwizard.loadsection(2));
+            }
+        },
+        updateOptions(options) {
+            // Update seleted options from add-show-options.vue @change event.
+            this.selectedShowOptions.subtitles = options.subtitles;
+            this.selectedShowOptions.status = options.status;
+            this.selectedShowOptions.statusAfter = options.statusAfter;
+            this.selectedShowOptions.seasonFolders = options.seasonFolders;
+            this.selectedShowOptions.anime = options.anime;
+            this.selectedShowOptions.scene = options.scene;
+            this.selectedShowOptions.release.blacklist = options.release.blacklist;
+            this.selectedShowOptions.release.whitelist = options.release.whitelist;
+            this.selectedShowOptions.quality.allowed = options.quality.allowed;
+            this.selectedShowOptions.quality.preferred = options.quality.preferred;
         }
     }
 });
@@ -418,7 +499,7 @@ window.app = new Vue({
         <div id="core-component-group1" class="tab-pane active component-group">
             <div id="displayText">Adding show <b v-html="showName"></b> {{showPathPreposition}} <b v-html="showPath"></b></div>
             <br>
-            <form id="addShowForm" ref="addShowForm" method="post" action="addShows/addNewShow" accept-charset="utf-8">
+            <form id="addShowForm" @submit.prevent="">
                 <fieldset class="sectionwrap">
                     <legend class="legendStep">Find a show on selected indexer(s)</legend>
                     <div v-if="providedInfo.use" class="stepDiv">
@@ -435,17 +516,14 @@ window.app = new Vue({
                         <span v-else>
                             <b>{{ providedInfo.showName }}</b>
                         </span>
-                        <input type="hidden" name="indexer_lang" :value="providedInfo.indexerLanguage" />
-                        <input type="hidden" name="whichSeries" :value="providedInfo.showId" />
-                        <input type="hidden" name="providedIndexer" :value="providedInfo.indexerId" />
                     </div>
                     <div v-else class="stepDiv">
                         <input type="text" v-model.trim="nameToSearch" ref="nameToSearch" @keyup.enter="searchIndexers" class="form-control form-control-inline input-sm input350"/>
                         &nbsp;&nbsp;
-                        <language-select @update-language="indexerLanguage = $event" ref="indexerLanguage" name="indexer_lang" :language="indexerLanguage" :available="validLanguages.join(',')" class="form-control form-control-inline input-sm"></language-select>
+                        <language-select @update-language="indexerLanguage = $event" ref="indexerLanguage" :language="indexerLanguage" :available="validLanguages.join(',')" class="form-control form-control-inline input-sm"></language-select>
                         <b>*</b>
                         &nbsp;
-                        <select name="providedIndexer" v-model.number="indexerId" class="form-control form-control-inline input-sm">
+                        <select v-model.number="indexerId" class="form-control form-control-inline input-sm">
                             <option v-for="(indexer, indexerId) in indexers" :value="indexerId">{{indexer.name}}</option>
                         </select>
                         &nbsp;
@@ -468,8 +546,7 @@ window.app = new Vue({
                             <table v-if="searchResults.length !== 0" class="search-results">
                                 <thead>
                                     <tr>
-                                        ## @TODO: Remove the need for the whichSeries value
-                                        <th><input v-if="selectedShow !== null" type="hidden" name="whichSeries" :value="selectedShow.whichSeries" /></th>
+                                        <th></th>
                                         <th>Show Name</th>
                                         <th class="premiere">Premiere</th>
                                         <th class="network">Network</th>
@@ -508,7 +585,6 @@ window.app = new Vue({
                     <legend class="legendStep">Pick the parent folder</legend>
                     <div v-if="providedInfo.showDir" class="stepDiv">
                         Pre-chosen Destination Folder: <b>{{ providedInfo.showDir }}</b><br>
-                        <input type="hidden" name="fullShowPath" :value="providedInfo.showDir" /><br>
                     </div>
                     <div v-else class="stepDiv">
                         <root-dirs @update="rootDirsUpdated"></root-dirs>
@@ -517,7 +593,7 @@ window.app = new Vue({
                 <fieldset class="sectionwrap">
                     <legend class="legendStep">Customize options</legend>
                     <div class="stepDiv">
-                        <%include file="/inc_addShowOptions.mako"/>
+                        <add-show-options :show-name="showName" enable-anime-options @change="updateOptions" @refresh="refreshOptionStep"></add-show-options>
                     </div>
                 </fieldset>
             </form>
diff --git a/themes-default/slim/views/editShow.mako b/themes-default/slim/views/editShow.mako
index af8d6a2341..ee341fc6ad 100644
--- a/themes-default/slim/views/editShow.mako
+++ b/themes-default/slim/views/editShow.mako
@@ -216,7 +216,7 @@ window.app = new Vue({
                             <label for="defaultEpStatusSelect" class="col-sm-2 control-label">Default Episode Status</label>
                             <div class="col-sm-10 content">
                                 <select name="defaultEpStatus" id="defaultEpStatusSelect" class="form-control form-control-inline input-sm"
-                                    v-model="series.config.defaultEpisodeStatus"/>
+                                    v-model="series.config.defaultEpisodeStatus">
                                     <option v-for="option in defaultEpisodeStatusOptions" :value="option.value">{{ option.text }}</option>
                                 </select>
                                 <div class="clear-left"><p>This will set the status for future episodes.</p></div>
diff --git a/themes-default/slim/views/inc_addShowOptions.mako b/themes-default/slim/views/inc_addShowOptions.mako
index 61dd499df3..5f59c44513 100644
--- a/themes-default/slim/views/inc_addShowOptions.mako
+++ b/themes-default/slim/views/inc_addShowOptions.mako
@@ -6,7 +6,7 @@
 %>
         <div class="field-pair alt">
             <label for="customQuality" class="clearfix">
-                <span class="component-title">Preferred Quality</span>
+                <span class="component-title">Quality</span>
                 <span class="component-desc">
                     <quality-chooser></quality-chooser>
                 </span>
@@ -62,7 +62,7 @@
                 <span class="component-title">Anime</span>
                 <span class="component-desc">
                     <input type="checkbox" name="anime" id="anime" ${'checked="checked"' if app.ANIME_DEFAULT else ''} />
-                    <p>Is this show an Anime?<p>
+                    <p>Is this show an Anime?</p>
                 </span>
             </label>
         </div>
diff --git a/themes-default/slim/views/vue-components/quality-chooser.mako b/themes-default/slim/views/vue-components/quality-chooser.mako
index d0473efd93..98256cf63d 100644
--- a/themes-default/slim/views/vue-components/quality-chooser.mako
+++ b/themes-default/slim/views/vue-components/quality-chooser.mako
@@ -100,9 +100,6 @@ const QualityChooserComponent = {
             qualityPresetStrings: ${convert(qualityPresetStrings)},
 
             // JS only
-            lock: false,
-            unwatchProp: null,
-
             allowedQualities: [],
             preferredQualities: [],
             seriesSlug: $('#series-slug').attr('value'), // This should be moved to medusa-lib
@@ -181,21 +178,6 @@ const QualityChooserComponent = {
             return html;
         }
     },
-    created() {
-        /**
-         * overallQuality property might receive values originating from the API,
-         * that are sometimes not avaiable when rendering.
-         * @TODO: Maybe we can remove this in the future.
-         */
-        this.unwatchProp = this.$watch('overallQuality', (newValue, oldValue) => {
-            this.unwatchProp();
-
-            this.lock = true;
-            this.selectedQualityPreset = this.keep === 'keep' ? 'keep' : (this.qualityPresets.includes(newValue) ? newValue : 0),
-            this.setQualityFromPreset(this.selectedQualityPreset, newValue);
-            this.$nextTick(() => this.lock = false);
-        });
-    },
     mounted() {
         this.setQualityFromPreset(this.selectedQualityPreset, this.overallQuality);
     },
@@ -235,18 +217,19 @@ const QualityChooserComponent = {
         }
     },
     watch: {
+        overallQuality(newValue) {
+            const { qualityPresets, keep, setQualityFromPreset } = this;
+            this.selectedQualityPreset = keep === 'keep' ? 'keep' : (qualityPresets.includes(newValue) ? newValue : 0),
+            setQualityFromPreset(this.selectedQualityPreset, newValue);
+        },
         selectedQualityPreset(preset, oldPreset) {
             this.setQualityFromPreset(preset, oldPreset);
         },
         allowedQualities(newQuality, oldQuality) {
-            if (!this.lock) {
-                this.$emit('update:quality:allowed', this.allowedQualities.map(quality => parseInt(quality, 10)));
-            }
+            this.$emit('update:quality:allowed', this.allowedQualities.map(quality => parseInt(quality, 10)));
         },
         preferredQualities(newQuality, oldQuality) {
-            if (!this.lock) {
-                this.$emit('update:quality:preferred', this.preferredQualities.map(quality => parseInt(quality, 10)));
-            }
+            this.$emit('update:quality:preferred', this.preferredQualities.map(quality => parseInt(quality, 10)));
         }
     }
 };
diff --git a/themes/dark/assets/js/blackwhite.js b/themes/dark/assets/js/blackwhite.js
index e2b11fb54e..e986815442 100644
--- a/themes/dark/assets/js/blackwhite.js
+++ b/themes/dark/assets/js/blackwhite.js
@@ -1,38 +1,3 @@
-function generateBlackWhiteList() { // eslint-disable-line no-unused-vars
-    let realvalues = [];
-
-    $('#white option').each((i, selected) => {
-        realvalues[i] = $(selected).val();
-    });
-    $('#whitelist').val(realvalues.join(','));
-
-    realvalues = [];
-    $('#black option').each((i, selected) => {
-        realvalues[i] = $(selected).val();
-    });
-    $('#blacklist').val(realvalues.join(','));
-}
-
-function updateBlackWhiteList(showName) { // eslint-disable-line no-unused-vars
-    $('#pool').children().remove();
-
-    $('#blackwhitelist').show();
-    if (showName) {
-        $.getJSON('home/fetch_releasegroups', {
-            series_name: showName // eslint-disable-line camelcase
-        }, data => {
-            if (data.result === 'success') {
-                $.each(data.groups, (i, group) => {
-                    const option = $('<option>');
-                    option.prop('value', group.name);
-                    option.html(group.name + ' | ' + group.rating + ' | ' + group.range);
-                    option.appendTo('#pool');
-                });
-            }
-        });
-    }
-}
-
 $(document).ready(() => {
     $('#removeW').on('click', () => {
         !$('#white option:selected').remove().appendTo('#pool'); // eslint-disable-line no-unused-expressions
diff --git a/themes/dark/assets/js/index.js b/themes/dark/assets/js/index.js
index a31d17b5e5..cd11592d18 100644
--- a/themes/dark/assets/js/index.js
+++ b/themes/dark/assets/js/index.js
@@ -8,7 +8,7 @@
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! jquery */ \"./node_modules/jquery/dist/jquery.js\");\n/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(jquery__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var bootstrap__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! bootstrap */ \"./node_modules/bootstrap/dist/js/npm.js\");\n/* harmony import */ var bootstrap__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(bootstrap__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var bootstrap_dist_css_bootstrap_min_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! bootstrap/dist/css/bootstrap.min.css */ \"./node_modules/bootstrap/dist/css/bootstrap.min.css\");\n/* harmony import */ var bootstrap_dist_css_bootstrap_min_css__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(bootstrap_dist_css_bootstrap_min_css__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _css_open_sans_css__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./css/open-sans.css */ \"./src/css/open-sans.css\");\n/* harmony import */ var _css_open_sans_css__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_css_open_sans_css__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! vue */ \"./node_modules/vue/dist/vue.esm.js\");\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var vue_meta__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! vue-meta */ \"./node_modules/vue-meta/lib/vue-meta.js\");\n/* harmony import */ var vue_meta__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(vue_meta__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var vue_router__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! vue-router */ \"./node_modules/vue-router/dist/vue-router.esm.js\");\n/* harmony import */ var vue_native_websocket__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! vue-native-websocket */ \"./node_modules/vue-native-websocket/dist/build.js\");\n/* harmony import */ var vue_native_websocket__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(vue_native_websocket__WEBPACK_IMPORTED_MODULE_8__);\n/* harmony import */ var vue_async_computed__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! vue-async-computed */ \"./node_modules/vue-async-computed/dist/vue-async-computed.js\");\n/* harmony import */ var vue_async_computed__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(vue_async_computed__WEBPACK_IMPORTED_MODULE_9__);\n/* harmony import */ var vue_js_toggle_button__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! vue-js-toggle-button */ \"./node_modules/vue-js-toggle-button/dist/index.js\");\n/* harmony import */ var vue_js_toggle_button__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(vue_js_toggle_button__WEBPACK_IMPORTED_MODULE_10__);\n/* harmony import */ var vue_snotify__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! vue-snotify */ \"./node_modules/vue-snotify/vue-snotify.esm.js\");\n/* harmony import */ var vue_truncate_collapsed__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! vue-truncate-collapsed */ \"./node_modules/vue-truncate-collapsed/dist/vue-truncate-collapsed.es.js\");\n/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! axios */ \"./node_modules/axios/index.js\");\n/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(axios__WEBPACK_IMPORTED_MODULE_13__);\n/* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! lodash/debounce */ \"./node_modules/lodash/debounce.js\");\n/* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(lodash_debounce__WEBPACK_IMPORTED_MODULE_14__);\n/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./store */ \"./src/store/index.js\");\n/* harmony import */ var _router__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./router */ \"./src/router.js\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./utils */ \"./src/utils.js\");\n/* harmony import */ var _api__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./api */ \"./src/api.js\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./components */ \"./src/components/index.js\");\n\n // eslint-disable-line import/no-unassigned-import\n\n // eslint-disable-line import/no-unassigned-import\n\n // eslint-disable-line import/no-unassigned-import\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nif (window) {\n  window.isDevelopment = _utils__WEBPACK_IMPORTED_MODULE_17__[\"isDevelopment\"]; // Adding libs to window so mako files can use them\n\n  window.$ = jquery__WEBPACK_IMPORTED_MODULE_0___default.a;\n  window.jQuery = jquery__WEBPACK_IMPORTED_MODULE_0___default.a;\n  window.Vue = vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"];\n  window.Vuex = vuex__WEBPACK_IMPORTED_MODULE_5__[\"default\"];\n  window.VueMeta = vue_meta__WEBPACK_IMPORTED_MODULE_6___default.a;\n  window.VueRouter = vue_router__WEBPACK_IMPORTED_MODULE_7__[\"default\"];\n  window.VueNativeSock = vue_native_websocket__WEBPACK_IMPORTED_MODULE_8___default.a;\n  window.AsyncComputed = vue_async_computed__WEBPACK_IMPORTED_MODULE_9___default.a;\n  window.ToggleButton = vue_js_toggle_button__WEBPACK_IMPORTED_MODULE_10___default.a;\n  window.Snotify = vue_snotify__WEBPACK_IMPORTED_MODULE_11__[\"default\"];\n  window.Truncate = vue_truncate_collapsed__WEBPACK_IMPORTED_MODULE_12__[\"default\"];\n  window.axios = axios__WEBPACK_IMPORTED_MODULE_13___default.a;\n  window._ = {\n    debounce: lodash_debounce__WEBPACK_IMPORTED_MODULE_14___default.a\n  };\n  window.store = _store__WEBPACK_IMPORTED_MODULE_15__[\"default\"];\n  window.router = _router__WEBPACK_IMPORTED_MODULE_16__[\"default\"];\n  window.apiRoute = _api__WEBPACK_IMPORTED_MODULE_18__[\"apiRoute\"];\n  window.apiv1 = _api__WEBPACK_IMPORTED_MODULE_18__[\"apiv1\"];\n  window.api = _api__WEBPACK_IMPORTED_MODULE_18__[\"api\"];\n  window.MEDUSA = {\n    common: {},\n    config: {},\n    home: {},\n    manage: {},\n    addShows: {}\n  };\n  window.webRoot = _api__WEBPACK_IMPORTED_MODULE_18__[\"webRoot\"];\n  window.apiKey = _api__WEBPACK_IMPORTED_MODULE_18__[\"apiKey\"];\n  window.apiRoot = _api__WEBPACK_IMPORTED_MODULE_18__[\"webRoot\"] + '/api/v2/'; // Push pages that load via a vue file but still use `el` for mounting\n\n  window.components = [];\n  window.components.push(_components__WEBPACK_IMPORTED_MODULE_19__[\"AnidbReleaseGroupUi\"]);\n  window.components.push(_components__WEBPACK_IMPORTED_MODULE_19__[\"AppHeader\"]);\n  window.components.push(_components__WEBPACK_IMPORTED_MODULE_19__[\"AppLink\"]);\n  window.components.push(_components__WEBPACK_IMPORTED_MODULE_19__[\"Asset\"]);\n  window.components.push(_components__WEBPACK_IMPORTED_MODULE_19__[\"Backstretch\"]);\n  window.components.push(_components__WEBPACK_IMPORTED_MODULE_19__[\"DisplayShow\"]);\n  window.components.push(_components__WEBPACK_IMPORTED_MODULE_19__[\"FileBrowser\"]);\n  window.components.push(_components__WEBPACK_IMPORTED_MODULE_19__[\"Home\"]);\n  window.components.push(_components__WEBPACK_IMPORTED_MODULE_19__[\"LanguageSelect\"]);\n  window.components.push(_components__WEBPACK_IMPORTED_MODULE_19__[\"ManualPostProcess\"]);\n  window.components.push(_components__WEBPACK_IMPORTED_MODULE_19__[\"NamePattern\"]);\n  window.components.push(_components__WEBPACK_IMPORTED_MODULE_19__[\"PlotInfo\"]);\n  window.components.push(_components__WEBPACK_IMPORTED_MODULE_19__[\"RootDirs\"]);\n  window.components.push(_components__WEBPACK_IMPORTED_MODULE_19__[\"ScrollButtons\"]);\n  window.components.push(_components__WEBPACK_IMPORTED_MODULE_19__[\"SelectList\"]);\n  window.components.push(_components__WEBPACK_IMPORTED_MODULE_19__[\"ShowSelector\"]);\n  window.components.push(_components__WEBPACK_IMPORTED_MODULE_19__[\"SnatchSelection\"]);\n  window.components.push(_components__WEBPACK_IMPORTED_MODULE_19__[\"Status\"]);\n}\n\nvar UTIL = {\n  exec: function exec(controller, action) {\n    var ns = MEDUSA;\n    action = action === undefined ? 'init' : action;\n\n    if (controller !== '' && ns[controller] && typeof ns[controller][action] === 'function') {\n      ns[controller][action]();\n    }\n  },\n  init: function init() {\n    if (typeof startVue === 'function') {\n      // eslint-disable-line no-undef\n      startVue(); // eslint-disable-line no-undef\n    } else {\n      jquery__WEBPACK_IMPORTED_MODULE_0___default()('[v-cloak]').removeAttr('v-cloak');\n    }\n\n    var _document = document,\n        body = _document.body;\n    jquery__WEBPACK_IMPORTED_MODULE_0___default()('[asset]').each(function () {\n      var asset = jquery__WEBPACK_IMPORTED_MODULE_0___default()(this).attr('asset');\n      var show = jquery__WEBPACK_IMPORTED_MODULE_0___default()(this).attr('series');\n      var path = apiRoot + 'series/' + show + '/asset/' + asset + '?api_key=' + _api__WEBPACK_IMPORTED_MODULE_18__[\"apiKey\"];\n\n      if (this.tagName.toLowerCase() === 'img') {\n        var defaultPath = jquery__WEBPACK_IMPORTED_MODULE_0___default()(this).attr('src');\n\n        if (jquery__WEBPACK_IMPORTED_MODULE_0___default()(this).attr('lazy') === 'on') {\n          jquery__WEBPACK_IMPORTED_MODULE_0___default()(this).attr('data-original', path);\n        } else {\n          jquery__WEBPACK_IMPORTED_MODULE_0___default()(this).attr('src', path);\n        }\n\n        jquery__WEBPACK_IMPORTED_MODULE_0___default()(this).attr('onerror', 'this.src = \"' + defaultPath + '\"; return false;');\n      }\n\n      if (this.tagName.toLowerCase() === 'a') {\n        jquery__WEBPACK_IMPORTED_MODULE_0___default()(this).attr('href', path);\n      }\n    });\n    var controller = body.getAttribute('data-controller');\n    var action = body.getAttribute('data-action');\n    UTIL.exec('common'); // Load common\n\n    UTIL.exec(controller); // Load MEDUSA[controller]\n\n    UTIL.exec(controller, action); // Load MEDUSA[controller][action]\n\n    window.dispatchEvent(new Event('medusa-loaded'));\n  }\n};\njquery__WEBPACK_IMPORTED_MODULE_0___default.a.fn.extend({\n  addRemoveWarningClass: function addRemoveWarningClass(_) {\n    if (_) {\n      return jquery__WEBPACK_IMPORTED_MODULE_0___default()(this).removeClass('warning');\n    }\n\n    return jquery__WEBPACK_IMPORTED_MODULE_0___default()(this).addClass('warning');\n  }\n});\nvar pathname = window.location.pathname;\n\nif (!pathname.includes('/login') && !pathname.includes('/apibuilder')) {\n  _api__WEBPACK_IMPORTED_MODULE_18__[\"api\"].get('config/main').then(function (response) {\n    jquery__WEBPACK_IMPORTED_MODULE_0___default.a.extend(MEDUSA.config, response.data);\n    MEDUSA.config.themeSpinner = MEDUSA.config.themeName === 'dark' ? '-dark' : '';\n    MEDUSA.config.loading = '<img src=\"images/loading16' + MEDUSA.config.themeSpinner + '.gif\" height=\"16\" width=\"16\" />';\n\n    if (navigator.userAgent.indexOf('PhantomJS') === -1) {\n      jquery__WEBPACK_IMPORTED_MODULE_0___default()(document).ready(UTIL.init);\n    }\n\n    MEDUSA.config.indexers.indexerIdToName = function (indexerId) {\n      if (!indexerId) {\n        return '';\n      }\n\n      return Object.keys(MEDUSA.config.indexers.config.indexers).filter(function (indexer) {\n        // eslint-disable-line array-callback-return\n        if (MEDUSA.config.indexers.config.indexers[indexer].id === parseInt(indexerId, 10)) {\n          return MEDUSA.config.indexers.config.indexers[indexer].name;\n        }\n      })[0];\n    };\n\n    MEDUSA.config.indexers.nameToIndexerId = function (name) {\n      if (!name) {\n        return '';\n      }\n\n      return MEDUSA.config.indexers.config.indexers[name];\n    };\n  }).catch(function (error) {\n    console.debug(error);\n    alert('Unable to connect to Medusa!'); // eslint-disable-line no-alert\n  });\n}\n\n//# sourceURL=webpack:///./src/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! jquery */ \"./node_modules/jquery/dist/jquery.js\");\n/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(jquery__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var bootstrap__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! bootstrap */ \"./node_modules/bootstrap/dist/js/npm.js\");\n/* harmony import */ var bootstrap__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(bootstrap__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var bootstrap_dist_css_bootstrap_min_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! bootstrap/dist/css/bootstrap.min.css */ \"./node_modules/bootstrap/dist/css/bootstrap.min.css\");\n/* harmony import */ var bootstrap_dist_css_bootstrap_min_css__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(bootstrap_dist_css_bootstrap_min_css__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _css_open_sans_css__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./css/open-sans.css */ \"./src/css/open-sans.css\");\n/* harmony import */ var _css_open_sans_css__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_css_open_sans_css__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! vue */ \"./node_modules/vue/dist/vue.esm.js\");\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var vue_meta__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! vue-meta */ \"./node_modules/vue-meta/lib/vue-meta.js\");\n/* harmony import */ var vue_meta__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(vue_meta__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var vue_router__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! vue-router */ \"./node_modules/vue-router/dist/vue-router.esm.js\");\n/* harmony import */ var vue_native_websocket__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! vue-native-websocket */ \"./node_modules/vue-native-websocket/dist/build.js\");\n/* harmony import */ var vue_native_websocket__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(vue_native_websocket__WEBPACK_IMPORTED_MODULE_8__);\n/* harmony import */ var vue_async_computed__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! vue-async-computed */ \"./node_modules/vue-async-computed/dist/vue-async-computed.js\");\n/* harmony import */ var vue_async_computed__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(vue_async_computed__WEBPACK_IMPORTED_MODULE_9__);\n/* harmony import */ var vue_js_toggle_button__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! vue-js-toggle-button */ \"./node_modules/vue-js-toggle-button/dist/index.js\");\n/* harmony import */ var vue_js_toggle_button__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(vue_js_toggle_button__WEBPACK_IMPORTED_MODULE_10__);\n/* harmony import */ var vue_snotify__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! vue-snotify */ \"./node_modules/vue-snotify/vue-snotify.esm.js\");\n/* harmony import */ var vue_truncate_collapsed__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! vue-truncate-collapsed */ \"./node_modules/vue-truncate-collapsed/dist/vue-truncate-collapsed.es.js\");\n/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! axios */ \"./node_modules/axios/index.js\");\n/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(axios__WEBPACK_IMPORTED_MODULE_13__);\n/* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! lodash/debounce */ \"./node_modules/lodash/debounce.js\");\n/* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(lodash_debounce__WEBPACK_IMPORTED_MODULE_14__);\n/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./store */ \"./src/store/index.js\");\n/* harmony import */ var _router__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./router */ \"./src/router.js\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./utils */ \"./src/utils.js\");\n/* harmony import */ var _api__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./api */ \"./src/api.js\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./components */ \"./src/components/index.js\");\n\n // eslint-disable-line import/no-unassigned-import\n\n // eslint-disable-line import/no-unassigned-import\n\n // eslint-disable-line import/no-unassigned-import\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nif (window) {\n  window.isDevelopment = _utils__WEBPACK_IMPORTED_MODULE_17__[\"isDevelopment\"]; // Adding libs to window so mako files can use them\n\n  window.$ = jquery__WEBPACK_IMPORTED_MODULE_0___default.a;\n  window.jQuery = jquery__WEBPACK_IMPORTED_MODULE_0___default.a;\n  window.Vue = vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"];\n  window.Vuex = vuex__WEBPACK_IMPORTED_MODULE_5__[\"default\"];\n  window.VueMeta = vue_meta__WEBPACK_IMPORTED_MODULE_6___default.a;\n  window.VueRouter = vue_router__WEBPACK_IMPORTED_MODULE_7__[\"default\"];\n  window.VueNativeSock = vue_native_websocket__WEBPACK_IMPORTED_MODULE_8___default.a;\n  window.AsyncComputed = vue_async_computed__WEBPACK_IMPORTED_MODULE_9___default.a;\n  window.ToggleButton = vue_js_toggle_button__WEBPACK_IMPORTED_MODULE_10___default.a;\n  window.Snotify = vue_snotify__WEBPACK_IMPORTED_MODULE_11__[\"default\"];\n  window.Truncate = vue_truncate_collapsed__WEBPACK_IMPORTED_MODULE_12__[\"default\"];\n  window.axios = axios__WEBPACK_IMPORTED_MODULE_13___default.a;\n  window._ = {\n    debounce: lodash_debounce__WEBPACK_IMPORTED_MODULE_14___default.a\n  };\n  window.store = _store__WEBPACK_IMPORTED_MODULE_15__[\"default\"];\n  window.router = _router__WEBPACK_IMPORTED_MODULE_16__[\"default\"];\n  window.apiRoute = _api__WEBPACK_IMPORTED_MODULE_18__[\"apiRoute\"];\n  window.apiv1 = _api__WEBPACK_IMPORTED_MODULE_18__[\"apiv1\"];\n  window.api = _api__WEBPACK_IMPORTED_MODULE_18__[\"api\"];\n  window.MEDUSA = {\n    common: {},\n    config: {},\n    home: {},\n    manage: {},\n    addShows: {}\n  };\n  window.webRoot = _api__WEBPACK_IMPORTED_MODULE_18__[\"webRoot\"];\n  window.apiKey = _api__WEBPACK_IMPORTED_MODULE_18__[\"apiKey\"];\n  window.apiRoot = _api__WEBPACK_IMPORTED_MODULE_18__[\"webRoot\"] + '/api/v2/'; // Push pages that load via a vue file but still use `el` for mounting\n\n  window.components = [];\n  window.components.push(_components__WEBPACK_IMPORTED_MODULE_19__[\"AddShowOptions\"]);\n  window.components.push(_components__WEBPACK_IMPORTED_MODULE_19__[\"AnidbReleaseGroupUi\"]);\n  window.components.push(_components__WEBPACK_IMPORTED_MODULE_19__[\"AppHeader\"]);\n  window.components.push(_components__WEBPACK_IMPORTED_MODULE_19__[\"AppLink\"]);\n  window.components.push(_components__WEBPACK_IMPORTED_MODULE_19__[\"Asset\"]);\n  window.components.push(_components__WEBPACK_IMPORTED_MODULE_19__[\"Backstretch\"]);\n  window.components.push(_components__WEBPACK_IMPORTED_MODULE_19__[\"DisplayShow\"]);\n  window.components.push(_components__WEBPACK_IMPORTED_MODULE_19__[\"FileBrowser\"]);\n  window.components.push(_components__WEBPACK_IMPORTED_MODULE_19__[\"Home\"]);\n  window.components.push(_components__WEBPACK_IMPORTED_MODULE_19__[\"LanguageSelect\"]);\n  window.components.push(_components__WEBPACK_IMPORTED_MODULE_19__[\"ManualPostProcess\"]);\n  window.components.push(_components__WEBPACK_IMPORTED_MODULE_19__[\"NamePattern\"]);\n  window.components.push(_components__WEBPACK_IMPORTED_MODULE_19__[\"PlotInfo\"]);\n  window.components.push(_components__WEBPACK_IMPORTED_MODULE_19__[\"RootDirs\"]);\n  window.components.push(_components__WEBPACK_IMPORTED_MODULE_19__[\"ScrollButtons\"]);\n  window.components.push(_components__WEBPACK_IMPORTED_MODULE_19__[\"SelectList\"]);\n  window.components.push(_components__WEBPACK_IMPORTED_MODULE_19__[\"ShowSelector\"]);\n  window.components.push(_components__WEBPACK_IMPORTED_MODULE_19__[\"SnatchSelection\"]);\n  window.components.push(_components__WEBPACK_IMPORTED_MODULE_19__[\"Status\"]);\n}\n\nvar UTIL = {\n  exec: function exec(controller, action) {\n    var ns = MEDUSA;\n    action = action === undefined ? 'init' : action;\n\n    if (controller !== '' && ns[controller] && typeof ns[controller][action] === 'function') {\n      ns[controller][action]();\n    }\n  },\n  init: function init() {\n    if (typeof startVue === 'function') {\n      // eslint-disable-line no-undef\n      startVue(); // eslint-disable-line no-undef\n    } else {\n      jquery__WEBPACK_IMPORTED_MODULE_0___default()('[v-cloak]').removeAttr('v-cloak');\n    }\n\n    var _document = document,\n        body = _document.body;\n    jquery__WEBPACK_IMPORTED_MODULE_0___default()('[asset]').each(function () {\n      var asset = jquery__WEBPACK_IMPORTED_MODULE_0___default()(this).attr('asset');\n      var show = jquery__WEBPACK_IMPORTED_MODULE_0___default()(this).attr('series');\n      var path = apiRoot + 'series/' + show + '/asset/' + asset + '?api_key=' + _api__WEBPACK_IMPORTED_MODULE_18__[\"apiKey\"];\n\n      if (this.tagName.toLowerCase() === 'img') {\n        var defaultPath = jquery__WEBPACK_IMPORTED_MODULE_0___default()(this).attr('src');\n\n        if (jquery__WEBPACK_IMPORTED_MODULE_0___default()(this).attr('lazy') === 'on') {\n          jquery__WEBPACK_IMPORTED_MODULE_0___default()(this).attr('data-original', path);\n        } else {\n          jquery__WEBPACK_IMPORTED_MODULE_0___default()(this).attr('src', path);\n        }\n\n        jquery__WEBPACK_IMPORTED_MODULE_0___default()(this).attr('onerror', 'this.src = \"' + defaultPath + '\"; return false;');\n      }\n\n      if (this.tagName.toLowerCase() === 'a') {\n        jquery__WEBPACK_IMPORTED_MODULE_0___default()(this).attr('href', path);\n      }\n    });\n    var controller = body.getAttribute('data-controller');\n    var action = body.getAttribute('data-action');\n    UTIL.exec('common'); // Load common\n\n    UTIL.exec(controller); // Load MEDUSA[controller]\n\n    UTIL.exec(controller, action); // Load MEDUSA[controller][action]\n\n    window.dispatchEvent(new Event('medusa-loaded'));\n  }\n};\njquery__WEBPACK_IMPORTED_MODULE_0___default.a.fn.extend({\n  addRemoveWarningClass: function addRemoveWarningClass(_) {\n    if (_) {\n      return jquery__WEBPACK_IMPORTED_MODULE_0___default()(this).removeClass('warning');\n    }\n\n    return jquery__WEBPACK_IMPORTED_MODULE_0___default()(this).addClass('warning');\n  }\n});\nvar pathname = window.location.pathname;\n\nif (!pathname.includes('/login') && !pathname.includes('/apibuilder')) {\n  _api__WEBPACK_IMPORTED_MODULE_18__[\"api\"].get('config/main').then(function (response) {\n    jquery__WEBPACK_IMPORTED_MODULE_0___default.a.extend(MEDUSA.config, response.data);\n    MEDUSA.config.themeSpinner = MEDUSA.config.themeName === 'dark' ? '-dark' : '';\n    MEDUSA.config.loading = '<img src=\"images/loading16' + MEDUSA.config.themeSpinner + '.gif\" height=\"16\" width=\"16\" />';\n\n    if (navigator.userAgent.indexOf('PhantomJS') === -1) {\n      jquery__WEBPACK_IMPORTED_MODULE_0___default()(document).ready(UTIL.init);\n    }\n\n    MEDUSA.config.indexers.indexerIdToName = function (indexerId) {\n      if (!indexerId) {\n        return '';\n      }\n\n      return Object.keys(MEDUSA.config.indexers.config.indexers).filter(function (indexer) {\n        // eslint-disable-line array-callback-return\n        if (MEDUSA.config.indexers.config.indexers[indexer].id === parseInt(indexerId, 10)) {\n          return MEDUSA.config.indexers.config.indexers[indexer].name;\n        }\n      })[0];\n    };\n\n    MEDUSA.config.indexers.nameToIndexerId = function (name) {\n      if (!name) {\n        return '';\n      }\n\n      return MEDUSA.config.indexers.config.indexers[name];\n    };\n  }).catch(function (error) {\n    console.debug(error);\n    alert('Unable to connect to Medusa!'); // eslint-disable-line no-alert\n  });\n}\n\n//# sourceURL=webpack:///./src/index.js?");
 
 /***/ })
 
diff --git a/themes/dark/assets/js/vendors.js b/themes/dark/assets/js/vendors.js
index 460e5f9a5f..6e8e2d511f 100644
--- a/themes/dark/assets/js/vendors.js
+++ b/themes/dark/assets/js/vendors.js
@@ -463,6 +463,18 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _app
 
 /***/ }),
 
+/***/ "./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js?!./src/components/add-show-options.vue?vue&type=script&lang=js&":
+/*!********************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/add-show-options.vue?vue&type=script&lang=js& ***!
+  \********************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (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 _api__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../api */ \"./src/api.js\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils */ \"./src/utils.js\");\n/* harmony import */ var _config_toggle_slider_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./config-toggle-slider.vue */ \"./src/components/config-toggle-slider.vue\");\n/* harmony import */ var _anidb_release_group_ui_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./anidb-release-group-ui.vue */ \"./src/components/anidb-release-group-ui.vue\");\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\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: 'add-show-options',\n  components: {\n    AnidbReleaseGroupUi: _anidb_release_group_ui_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n    ConfigToggleSlider: _config_toggle_slider_vue__WEBPACK_IMPORTED_MODULE_3__[\"default\"] // @TODO: Add `QualityChooser`\n\n  },\n  props: {\n    showName: {\n      type: String,\n      default: '',\n      required: false\n    },\n    enableAnimeOptions: {\n      type: Boolean,\n      default: false\n    }\n  },\n  data: function data() {\n    return {\n      saving: false,\n      selectedStatus: null,\n      selectedStatusAfter: null,\n      quality: {\n        allowed: [],\n        preferred: []\n      },\n      selectedSubtitleEnabled: false,\n      selectedSeasonFoldersEnabled: false,\n      selectedAnimeEnabled: false,\n      selectedSceneEnabled: false,\n      release: {\n        blacklist: [],\n        whitelist: [],\n        allgroups: []\n      }\n    };\n  },\n  mounted: function mounted() {\n    var _this = this;\n\n    var defaultConfig = this.defaultConfig,\n        update = this.update;\n    this.selectedStatus = defaultConfig.status;\n    this.selectedStatusAfter = defaultConfig.statusAfter;\n    this.$nextTick(function () {\n      return update();\n    });\n    this.$watch(function (vm) {\n      return [vm.selectedStatus, vm.selectedStatusAfter, vm.selectedSubtitleEnabled, vm.selectedSeasonFoldersEnabled, vm.selectedSceneEnabled].join();\n    }, function () {\n      _this.update();\n    });\n  },\n  methods: {\n    getReleaseGroups: function getReleaseGroups(showName) {\n      var _this2 = this;\n\n      var params = {\n        series_name: showName // eslint-disable-line camelcase\n\n      };\n      return _api__WEBPACK_IMPORTED_MODULE_1__[\"apiRoute\"].get('home/fetch_releasegroups', {\n        params: params,\n        timeout: 30000\n      }).then(function (response) {\n        return response.data;\n      }).catch(function (error) {\n        _this2.$snotify.warning(\"Error while trying to fetch release groups for show \\\"\".concat(showName, \"\\\": \").concat(error || 'Unknown'), 'Error');\n\n        console.warn(error);\n        return null;\n      });\n    },\n    update: function update() {\n      var _this3 = this;\n\n      var selectedSubtitleEnabled = this.selectedSubtitleEnabled,\n          selectedStatus = this.selectedStatus,\n          selectedStatusAfter = this.selectedStatusAfter,\n          selectedSeasonFoldersEnabled = this.selectedSeasonFoldersEnabled,\n          selectedAnimeEnabled = this.selectedAnimeEnabled,\n          selectedSceneEnabled = this.selectedSceneEnabled,\n          release = this.release,\n          quality = this.quality;\n      this.$nextTick(function () {\n        _this3.$emit('change', {\n          subtitles: selectedSubtitleEnabled,\n          status: selectedStatus,\n          statusAfter: selectedStatusAfter,\n          seasonFolders: selectedSeasonFoldersEnabled,\n          anime: selectedAnimeEnabled,\n          scene: selectedSceneEnabled,\n          release: release,\n          quality: quality\n        });\n      });\n    },\n    onChangeReleaseGroupsAnime: function onChangeReleaseGroupsAnime(items) {\n      this.release.whitelist = items.filter(function (item) {\n        return item.memberOf === 'whitelist';\n      }).map(function (item) {\n        return item.name;\n      });\n      this.release.blacklist = items.filter(function (item) {\n        return item.memberOf === 'blacklist';\n      }).map(function (item) {\n        return item.name;\n      });\n      this.update();\n    },\n    saveDefaults: function saveDefaults() {\n      var _this4 = this;\n\n      var $store = this.$store,\n          selectedStatus = this.selectedStatus,\n          selectedStatusAfter = this.selectedStatusAfter,\n          combinedQualities = this.combinedQualities,\n          selectedSubtitleEnabled = this.selectedSubtitleEnabled,\n          selectedSeasonFoldersEnabled = this.selectedSeasonFoldersEnabled,\n          selectedAnimeEnabled = this.selectedAnimeEnabled,\n          selectedSceneEnabled = this.selectedSceneEnabled;\n      var section = 'main';\n      var config = {\n        showDefaults: {\n          status: selectedStatus,\n          statusAfter: selectedStatusAfter,\n          quality: combinedQualities,\n          subtitles: selectedSubtitleEnabled,\n          seasonFolders: selectedSeasonFoldersEnabled,\n          anime: selectedAnimeEnabled,\n          scene: selectedSceneEnabled\n        }\n      };\n      this.saving = true;\n      $store.dispatch('setConfig', {\n        section: section,\n        config: config\n      }).then(function () {\n        _this4.$snotify.success('Your \"add show\" defaults have been set to your current selections.', 'Saved Defaults');\n      }).catch(function (error) {\n        _this4.$snotify.error('Error while trying to save \"add show\" defaults: ' + error.message || 'Unknown', 'Error');\n      }).finally(function () {\n        _this4.saving = false;\n      });\n    }\n  },\n  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapState\"])({\n    defaultConfig: function defaultConfig(state) {\n      return state.config.showDefaults;\n    },\n    namingForceFolders: function namingForceFolders(state) {\n      return state.config.namingForceFolders;\n    },\n    subtitlesEnabled: function subtitlesEnabled(state) {\n      return state.config.subtitles.enabled;\n    },\n    episodeStatuses: function episodeStatuses(state) {\n      return state.statuses;\n    }\n  }), {\n    defaultEpisodeStatusOptions: function defaultEpisodeStatusOptions() {\n      var _this$episodeStatuses = this.episodeStatuses,\n          strings = _this$episodeStatuses.strings,\n          values = _this$episodeStatuses.values;\n      var skipped = values.skipped,\n          wanted = values.wanted,\n          ignored = values.ignored;\n      return [skipped, wanted, ignored].map(function (value) {\n        return {\n          value: value,\n          text: strings[value]\n        };\n      });\n    },\n\n    /**\n     * Calculate the combined value of the selected qualities.\n     * @returns {number} - An unsigned integer.\n     */\n    combinedQualities: function combinedQualities() {\n      var quality = this.quality;\n      var allowed = quality.allowed,\n          preferred = quality.preferred;\n      return Object(_utils__WEBPACK_IMPORTED_MODULE_2__[\"combineQualities\"])(allowed, preferred);\n    },\n\n    /**\n     * Check if any changes were made to determine if the \"Save Defaults\" button should be enabled.\n     * @returns {boolean} - Should the save default buttons be disabled?\n     */\n    saveDefaultsDisabled: function saveDefaultsDisabled() {\n      var enableAnimeOptions = this.enableAnimeOptions,\n          defaultConfig = this.defaultConfig,\n          namingForceFolders = this.namingForceFolders,\n          selectedStatus = this.selectedStatus,\n          selectedStatusAfter = this.selectedStatusAfter,\n          combinedQualities = this.combinedQualities,\n          selectedSeasonFoldersEnabled = this.selectedSeasonFoldersEnabled,\n          selectedSubtitleEnabled = this.selectedSubtitleEnabled,\n          selectedAnimeEnabled = this.selectedAnimeEnabled,\n          selectedSceneEnabled = this.selectedSceneEnabled;\n      return [selectedStatus === defaultConfig.status, selectedStatusAfter === defaultConfig.statusAfter, combinedQualities === defaultConfig.quality, selectedSeasonFoldersEnabled === (defaultConfig.seasonFolders || namingForceFolders), selectedSubtitleEnabled === defaultConfig.subtitles, !enableAnimeOptions || selectedAnimeEnabled === defaultConfig.anime, selectedSceneEnabled === defaultConfig.scene].every(Boolean);\n    }\n  }),\n  asyncComputed: {\n    releaseGroups: function releaseGroups() {\n      var selectedAnimeEnabled = this.selectedAnimeEnabled,\n          showName = this.showName;\n\n      if (!selectedAnimeEnabled || !showName) {\n        return Promise.resolve([]);\n      }\n\n      return this.getReleaseGroups(showName).then(function (result) {\n        if (result.groups) {\n          return result.groups;\n        }\n      });\n    }\n  },\n  watch: {\n    releaseGroups: function releaseGroups(groups) {\n      this.release.allgroups = groups;\n    },\n    release: {\n      handler: function handler() {\n        this.update();\n      },\n      deep: true,\n      immediate: false\n    },\n\n    /**\n     * Whenever something changes that can impact the height of the component,\n     * we need to update the parent formWizard, and make it resize.\n     */\n    quality: {\n      handler: function handler() {\n        this.$emit('refresh');\n        this.update();\n      },\n      deep: true,\n      immediate: false\n    },\n    selectedAnimeEnabled: function selectedAnimeEnabled() {\n      this.$emit('refresh');\n      this.update();\n    },\n    defaultConfig: function defaultConfig(newValue) {\n      this.selectedStatus = newValue.status;\n      this.selectedStatusAfter = newValue.statusAfter;\n    }\n  }\n});\n\n//# sourceURL=webpack:///./src/components/add-show-options.vue?./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options");
+
+/***/ }),
+
 /***/ "./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js?!./src/components/add-shows.vue?vue&type=script&lang=js&":
 /*!*************************************************************************************************************************************************!*\
   !*** ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/add-shows.vue?vue&type=script&lang=js& ***!
@@ -483,7 +495,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _app
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\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: 'anidb-release-group-ui',\n  props: {\n    blacklist: {\n      type: Array,\n      default: function _default() {\n        return [];\n      }\n    },\n    whitelist: {\n      type: Array,\n      default: function _default() {\n        return [];\n      }\n    },\n    allGroups: {\n      type: Array,\n      default: function _default() {\n        return [];\n      }\n    }\n  },\n  data: function data() {\n    return {\n      index: 0,\n      allReleaseGroups: [],\n      newGroup: ''\n    };\n  },\n  mounted: function mounted() {\n    this.createIndexedObjects(this.blacklist, 'blacklist');\n    this.createIndexedObjects(this.whitelist, 'whitelist');\n    this.createIndexedObjects(this.allGroups, 'releasegroups');\n  },\n  methods: {\n    toggleItem: function toggleItem(release) {\n      this.allReleaseGroups = this.allReleaseGroups.map(function (x) {\n        if (x.id === release.id) {\n          x.toggled = !x.toggled;\n        }\n\n        return x;\n      });\n    },\n    createIndexedObjects: function createIndexedObjects(releaseGroups, list) {\n      var _iteratorNormalCompletion = true;\n      var _didIteratorError = false;\n      var _iteratorError = undefined;\n\n      try {\n        for (var _iterator = releaseGroups[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {\n          var release = _step.value;\n\n          // Whitelist and blacklist pass an array of strings not objects.\n          if (typeof release === 'string') {\n            release = {\n              name: release\n            };\n          } // Merge the passed object with some additional information.\n\n\n          var itemAsObject = Object.assign({\n            id: this.index,\n            toggled: false,\n            memberOf: list\n          }, release);\n          this.allReleaseGroups.push(itemAsObject);\n          this.index += 1; // Increment the counter for our next item.\n        }\n      } catch (err) {\n        _didIteratorError = true;\n        _iteratorError = err;\n      } finally {\n        try {\n          if (!_iteratorNormalCompletion && _iterator.return != null) {\n            _iterator.return();\n          }\n        } finally {\n          if (_didIteratorError) {\n            throw _iteratorError;\n          }\n        }\n      }\n    },\n    moveToList: function moveToList(list) {\n      var _this = this;\n\n      // Only move items that have been toggled and that are not yet in that list.\n      // It's matching them by item.name.\n      var _iteratorNormalCompletion2 = true;\n      var _didIteratorError2 = false;\n      var _iteratorError2 = undefined;\n\n      try {\n        var _loop = function _loop() {\n          var group = _step2.value;\n          var inList = _this.allReleaseGroups.find(function (releaseGroup) {\n            return releaseGroup.memberOf === list && releaseGroup.name === group.name;\n          }) !== undefined;\n\n          if (group.toggled && !inList) {\n            group.toggled = false;\n            group.memberOf = list;\n          }\n        };\n\n        for (var _iterator2 = this.allReleaseGroups[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {\n          _loop();\n        }\n        /*\n        * Check if there is a value in the custom release group input box,\n        * and move this to the selected group (whitelist or blacklist)\n        */\n\n      } catch (err) {\n        _didIteratorError2 = true;\n        _iteratorError2 = err;\n      } finally {\n        try {\n          if (!_iteratorNormalCompletion2 && _iterator2.return != null) {\n            _iterator2.return();\n          }\n        } finally {\n          if (_didIteratorError2) {\n            throw _iteratorError2;\n          }\n        }\n      }\n\n      if (this.newGroup && list !== 'releasegroups') {\n        this.allReleaseGroups.push({\n          id: this.index,\n          name: this.newGroup,\n          toggled: false,\n          memberOf: list\n        });\n        this.index += 1;\n        this.newGroup = '';\n      }\n    },\n    deleteFromList: function deleteFromList(list) {\n      this.allReleaseGroups = this.allReleaseGroups.filter(function (x) {\n        return x.memberOf !== list || !x.toggled;\n      });\n    }\n  },\n  computed: {\n    itemsWhitelist: function itemsWhitelist() {\n      return this.allReleaseGroups.filter(function (x) {\n        return x.memberOf === 'whitelist';\n      });\n    },\n    itemsBlacklist: function itemsBlacklist() {\n      return this.allReleaseGroups.filter(function (x) {\n        return x.memberOf === 'blacklist';\n      });\n    },\n    itemsReleaseGroups: function itemsReleaseGroups() {\n      return this.allReleaseGroups.filter(function (x) {\n        return x.memberOf === 'releasegroups';\n      });\n    },\n    showDeleteFromWhitelist: function showDeleteFromWhitelist() {\n      return this.allReleaseGroups.filter(function (x) {\n        return x.memberOf === 'whitelist' && x.toggled === true;\n      }).length !== 0;\n    },\n    showDeleteFromBlacklist: function showDeleteFromBlacklist() {\n      return this.allReleaseGroups.filter(function (x) {\n        return x.memberOf === 'blacklist' && x.toggled === true;\n      }).length !== 0;\n    }\n  },\n  watch: {\n    allReleaseGroups: {\n      handler: function handler() {\n        this.$emit('change', this.allReleaseGroups);\n      },\n      deep: true\n    }\n  }\n});\n\n//# sourceURL=webpack:///./src/components/anidb-release-group-ui.vue?./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\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: 'anidb-release-group-ui',\n  props: {\n    blacklist: {\n      type: Array,\n      default: function _default() {\n        return [];\n      }\n    },\n    whitelist: {\n      type: Array,\n      default: function _default() {\n        return [];\n      }\n    },\n    allGroups: {\n      type: Array,\n      default: function _default() {\n        return [];\n      }\n    }\n  },\n  data: function data() {\n    return {\n      index: 0,\n      allReleaseGroups: [],\n      newGroup: ''\n    };\n  },\n  mounted: function mounted() {\n    this.createIndexedObjects(this.blacklist, 'blacklist');\n    this.createIndexedObjects(this.whitelist, 'whitelist');\n    this.createIndexedObjects(this.allGroups, 'releasegroups');\n  },\n  methods: {\n    toggleItem: function toggleItem(release) {\n      this.allReleaseGroups = this.allReleaseGroups.map(function (x) {\n        if (x.id === release.id) {\n          x.toggled = !x.toggled;\n        }\n\n        return x;\n      });\n    },\n    createIndexedObjects: function createIndexedObjects(releaseGroups, list) {\n      var _iteratorNormalCompletion = true;\n      var _didIteratorError = false;\n      var _iteratorError = undefined;\n\n      try {\n        for (var _iterator = releaseGroups[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {\n          var release = _step.value;\n\n          // Whitelist and blacklist pass an array of strings not objects.\n          if (typeof release === 'string') {\n            release = {\n              name: release\n            };\n          } // Merge the passed object with some additional information.\n\n\n          var itemAsObject = Object.assign({\n            id: this.index,\n            toggled: false,\n            memberOf: list\n          }, release);\n          this.allReleaseGroups.push(itemAsObject);\n          this.index += 1; // Increment the counter for our next item.\n        }\n      } catch (err) {\n        _didIteratorError = true;\n        _iteratorError = err;\n      } finally {\n        try {\n          if (!_iteratorNormalCompletion && _iterator.return != null) {\n            _iterator.return();\n          }\n        } finally {\n          if (_didIteratorError) {\n            throw _iteratorError;\n          }\n        }\n      }\n    },\n    moveToList: function moveToList(list) {\n      var _this = this;\n\n      // Only move items that have been toggled and that are not yet in that list.\n      // It's matching them by item.name.\n      var _iteratorNormalCompletion2 = true;\n      var _didIteratorError2 = false;\n      var _iteratorError2 = undefined;\n\n      try {\n        var _loop = function _loop() {\n          var group = _step2.value;\n          var inList = _this.allReleaseGroups.find(function (releaseGroup) {\n            return releaseGroup.memberOf === list && releaseGroup.name === group.name;\n          }) !== undefined;\n\n          if (group.toggled && !inList) {\n            group.toggled = false;\n            group.memberOf = list;\n          }\n        };\n\n        for (var _iterator2 = this.allReleaseGroups[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {\n          _loop();\n        }\n        /*\n        * Check if there is a value in the custom release group input box,\n        * and move this to the selected group (whitelist or blacklist)\n        */\n\n      } catch (err) {\n        _didIteratorError2 = true;\n        _iteratorError2 = err;\n      } finally {\n        try {\n          if (!_iteratorNormalCompletion2 && _iterator2.return != null) {\n            _iterator2.return();\n          }\n        } finally {\n          if (_didIteratorError2) {\n            throw _iteratorError2;\n          }\n        }\n      }\n\n      if (this.newGroup && list !== 'releasegroups') {\n        this.allReleaseGroups.push({\n          id: this.index,\n          name: this.newGroup,\n          toggled: false,\n          memberOf: list\n        });\n        this.index += 1;\n        this.newGroup = '';\n      }\n    },\n    deleteFromList: function deleteFromList(list) {\n      this.allReleaseGroups = this.allReleaseGroups.filter(function (x) {\n        return x.memberOf !== list || !x.toggled;\n      });\n    }\n  },\n  computed: {\n    itemsWhitelist: function itemsWhitelist() {\n      return this.allReleaseGroups.filter(function (x) {\n        return x.memberOf === 'whitelist';\n      });\n    },\n    itemsBlacklist: function itemsBlacklist() {\n      return this.allReleaseGroups.filter(function (x) {\n        return x.memberOf === 'blacklist';\n      });\n    },\n    itemsReleaseGroups: function itemsReleaseGroups() {\n      return this.allReleaseGroups.filter(function (x) {\n        return x.memberOf === 'releasegroups';\n      });\n    },\n    showDeleteFromWhitelist: function showDeleteFromWhitelist() {\n      return this.allReleaseGroups.filter(function (x) {\n        return x.memberOf === 'whitelist' && x.toggled === true;\n      }).length !== 0;\n    },\n    showDeleteFromBlacklist: function showDeleteFromBlacklist() {\n      return this.allReleaseGroups.filter(function (x) {\n        return x.memberOf === 'blacklist' && x.toggled === true;\n      }).length !== 0;\n    }\n  },\n  watch: {\n    allReleaseGroups: {\n      handler: function handler() {\n        this.$emit('change', this.allReleaseGroups);\n      },\n      deep: true\n    },\n    allGroups: {\n      handler: function handler(newValue) {\n        this.createIndexedObjects(newValue, 'releasegroups');\n      }\n    }\n  }\n});\n\n//# sourceURL=webpack:///./src/components/anidb-release-group-ui.vue?./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -579,7 +591,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//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: 'config-toggle-slider',\n  props: {\n    label: {\n      type: String,\n      required: true\n    },\n    id: {\n      type: String,\n      required: true\n    },\n    checked: {\n      type: Boolean,\n      default: null\n    },\n    explanations: {\n      type: Array,\n      default: function _default() {\n        return [];\n      }\n    }\n  },\n  data: function data() {\n    return {\n      localChecked: null\n    };\n  },\n  mounted: function mounted() {\n    this.localChecked = this.checked;\n  },\n  watch: {\n    localChecked: function localChecked() {\n      this.$emit('update', this.localChecked);\n    }\n  }\n});\n\n//# sourceURL=webpack:///./src/components/config-toggle-slider.vue?./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\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: 'config-toggle-slider',\n  props: {\n    label: {\n      type: String,\n      required: true\n    },\n    id: {\n      type: String,\n      required: true\n    },\n    checked: {\n      type: Boolean,\n      default: null\n    },\n    disabled: {\n      type: Boolean,\n      default: false\n    },\n    explanations: {\n      type: Array,\n      default: function _default() {\n        return [];\n      }\n    }\n  },\n  data: function data() {\n    return {\n      localChecked: null\n    };\n  },\n  mounted: function mounted() {\n    this.localChecked = this.checked;\n  },\n  watch: {\n    checked: function checked() {\n      this.localChecked = this.checked;\n    },\n    localChecked: function localChecked() {\n      this.$emit('update', this.localChecked);\n    }\n  }\n});\n\n//# sourceURL=webpack:///./src/components/config-toggle-slider.vue?./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -952,6 +964,17 @@ eval("exports = module.exports = __webpack_require__(/*! ../../node_modules/css-
 
 /***/ }),
 
+/***/ "./node_modules/css-loader/index.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js?!./src/components/add-show-options.vue?vue&type=style&index=0&lang=css&":
+/*!*******************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/css-loader!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib??vue-loader-options!./src/components/add-show-options.vue?vue&type=style&index=0&lang=css& ***!
+  \*******************************************************************************************************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+eval("exports = module.exports = __webpack_require__(/*! ../../node_modules/css-loader/lib/css-base.js */ \"./node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\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\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n/* placeholder */\\n\", \"\"]);\n\n// exports\n\n\n//# sourceURL=webpack:///./src/components/add-show-options.vue?./node_modules/css-loader!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib??vue-loader-options");
+
+/***/ }),
+
 /***/ "./node_modules/css-loader/index.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js?!./src/components/add-shows.vue?vue&type=style&index=0&lang=css&":
 /*!************************************************************************************************************************************************************************************************************!*\
   !*** ./node_modules/css-loader!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib??vue-loader-options!./src/components/add-shows.vue?vue&type=style&index=0&lang=css& ***!
@@ -1739,6 +1762,18 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 
 /***/ }),
 
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./src/components/add-show-options.vue?vue&type=template&id=5b660eec&":
+/*!**********************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./src/components/add-show-options.vue?vue&type=template&id=5b660eec& ***!
+  \**********************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { attrs: { id: \"add-show-options-content\" } }, [\n    _c(\n      \"fieldset\",\n      { staticClass: \"component-group-list\" },\n      [\n        _c(\"div\", { staticClass: \"form-group\" }, [\n          _c(\"div\", { staticClass: \"row\" }, [\n            _vm._m(0),\n            _vm._v(\" \"),\n            _c(\n              \"div\",\n              { staticClass: \"col-sm-10 content\" },\n              [\n                _c(\"quality-chooser\", {\n                  attrs: { \"overall-quality\": _vm.defaultConfig.quality },\n                  on: {\n                    \"update:quality:allowed\": function($event) {\n                      _vm.quality.allowed = $event\n                    },\n                    \"update:quality:preferred\": function($event) {\n                      _vm.quality.preferred = $event\n                    }\n                  }\n                })\n              ],\n              1\n            )\n          ])\n        ]),\n        _vm._v(\" \"),\n        _vm.subtitlesEnabled\n          ? _c(\n              \"div\",\n              { attrs: { id: \"use-subtitles\" } },\n              [\n                _c(\"config-toggle-slider\", {\n                  attrs: {\n                    label: \"Subtitles\",\n                    id: \"subtitles\",\n                    checked: _vm.defaultConfig.subtitles,\n                    explanations: [\"Download subtitles for this show?\"]\n                  },\n                  on: {\n                    update: function($event) {\n                      _vm.selectedSubtitleEnabled = $event\n                    }\n                  }\n                })\n              ],\n              1\n            )\n          : _vm._e(),\n        _vm._v(\" \"),\n        _c(\"div\", { staticClass: \"form-group\" }, [\n          _c(\"div\", { staticClass: \"row\" }, [\n            _vm._m(1),\n            _vm._v(\" \"),\n            _c(\"div\", { staticClass: \"col-sm-10 content\" }, [\n              _c(\n                \"select\",\n                {\n                  directives: [\n                    {\n                      name: \"model\",\n                      rawName: \"v-model\",\n                      value: _vm.selectedStatus,\n                      expression: \"selectedStatus\"\n                    }\n                  ],\n                  staticClass: \"form-control form-control-inline input-sm\",\n                  attrs: { id: \"defaultStatus\" },\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.selectedStatus = $event.target.multiple\n                        ? $$selectedVal\n                        : $$selectedVal[0]\n                    }\n                  }\n                },\n                _vm._l(_vm.defaultEpisodeStatusOptions, function(option) {\n                  return _c(\n                    \"option\",\n                    { key: option.value, domProps: { value: option.value } },\n                    [_vm._v(_vm._s(option.text))]\n                  )\n                })\n              )\n            ])\n          ])\n        ]),\n        _vm._v(\" \"),\n        _c(\"div\", { staticClass: \"form-group\" }, [\n          _c(\"div\", { staticClass: \"row\" }, [\n            _vm._m(2),\n            _vm._v(\" \"),\n            _c(\"div\", { staticClass: \"col-sm-10 content\" }, [\n              _c(\n                \"select\",\n                {\n                  directives: [\n                    {\n                      name: \"model\",\n                      rawName: \"v-model\",\n                      value: _vm.selectedStatusAfter,\n                      expression: \"selectedStatusAfter\"\n                    }\n                  ],\n                  staticClass: \"form-control form-control-inline input-sm\",\n                  attrs: { id: \"defaultStatusAfter\" },\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.selectedStatusAfter = $event.target.multiple\n                        ? $$selectedVal\n                        : $$selectedVal[0]\n                    }\n                  }\n                },\n                _vm._l(_vm.defaultEpisodeStatusOptions, function(option) {\n                  return _c(\n                    \"option\",\n                    { key: option.value, domProps: { value: option.value } },\n                    [_vm._v(_vm._s(option.text))]\n                  )\n                })\n              )\n            ])\n          ])\n        ]),\n        _vm._v(\" \"),\n        _c(\"config-toggle-slider\", {\n          attrs: {\n            label: \"Season Folders\",\n            id: \"season_folders\",\n            checked: _vm.defaultConfig.seasonFolders || _vm.namingForceFolders,\n            disabled: _vm.namingForceFolders,\n            explanations: [\"Group episodes by season folders?\"]\n          },\n          on: {\n            update: function($event) {\n              _vm.selectedSeasonFoldersEnabled = $event\n            }\n          }\n        }),\n        _vm._v(\" \"),\n        _vm.enableAnimeOptions\n          ? _c(\"config-toggle-slider\", {\n              attrs: {\n                label: \"Anime\",\n                id: \"anime\",\n                checked: _vm.defaultConfig.anime,\n                explanations: [\"Is this show an Anime?\"]\n              },\n              on: {\n                update: function($event) {\n                  _vm.selectedAnimeEnabled = $event\n                }\n              }\n            })\n          : _vm._e(),\n        _vm._v(\" \"),\n        _vm.enableAnimeOptions && _vm.selectedAnimeEnabled\n          ? _c(\"div\", { staticClass: \"form-group\" }, [\n              _c(\"div\", { staticClass: \"row\" }, [\n                _vm._m(3),\n                _vm._v(\" \"),\n                _c(\n                  \"div\",\n                  { staticClass: \"col-sm-10 content\" },\n                  [\n                    _c(\"anidb-release-group-ui\", {\n                      staticClass: \"max-width\",\n                      attrs: {\n                        blacklist: _vm.release.blacklist,\n                        whitelist: _vm.release.whitelist,\n                        \"all-groups\": _vm.release.allgroups\n                      },\n                      on: { change: _vm.onChangeReleaseGroupsAnime }\n                    })\n                  ],\n                  1\n                )\n              ])\n            ])\n          : _vm._e(),\n        _vm._v(\" \"),\n        _c(\"config-toggle-slider\", {\n          attrs: {\n            label: \"Scene Numbering\",\n            id: \"scene\",\n            checked: _vm.defaultConfig.scene,\n            explanations: [\"Is this show scene numbered?\"]\n          },\n          on: {\n            update: function($event) {\n              _vm.selectedSceneEnabled = $event\n            }\n          }\n        }),\n        _vm._v(\" \"),\n        _c(\"div\", { staticClass: \"form-group\" }, [\n          _c(\"div\", { staticClass: \"row\" }, [\n            _vm._m(4),\n            _vm._v(\" \"),\n            _c(\"div\", { staticClass: \"col-sm-10 content\" }, [\n              _c(\n                \"button\",\n                {\n                  staticClass: \"btn-medusa btn-inline\",\n                  attrs: {\n                    type: \"button\",\n                    disabled: _vm.saving || _vm.saveDefaultsDisabled\n                  },\n                  on: {\n                    click: function($event) {\n                      $event.preventDefault()\n                      return _vm.saveDefaults($event)\n                    }\n                  }\n                },\n                [_vm._v(\"Save Defaults\")]\n              )\n            ])\n          ])\n        ])\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = [\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\n      \"label\",\n      {\n        staticClass: \"col-sm-2 control-label\",\n        attrs: { for: \"customQuality\" }\n      },\n      [_c(\"span\", [_vm._v(\"Quality\")])]\n    )\n  },\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\n      \"label\",\n      {\n        staticClass: \"col-sm-2 control-label\",\n        attrs: { for: \"defaultStatus\" }\n      },\n      [_c(\"span\", [_vm._v(\"Status for previously aired episodes\")])]\n    )\n  },\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\n      \"label\",\n      {\n        staticClass: \"col-sm-2 control-label\",\n        attrs: { for: \"defaultStatusAfter\" }\n      },\n      [_c(\"span\", [_vm._v(\"Status for all future episodes\")])]\n    )\n  },\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\n      \"label\",\n      {\n        staticClass: \"col-sm-2 control-label\",\n        attrs: { for: \"anidbReleaseGroup\" }\n      },\n      [_c(\"span\", [_vm._v(\"Release Groups\")])]\n    )\n  },\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\n      \"label\",\n      {\n        staticClass: \"col-sm-2 control-label\",\n        attrs: { for: \"saveDefaultsButton\" }\n      },\n      [_c(\"span\", [_vm._v(\"Use current values as the defaults\")])]\n    )\n  }\n]\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./src/components/add-show-options.vue?./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options");
+
+/***/ }),
+
 /***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./src/components/add-shows.vue?vue&type=template&id=a104cfec&":
 /*!***************************************************************************************************************************************************************************************************!*\
   !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./src/components/add-shows.vue?vue&type=template&id=a104cfec& ***!
@@ -1855,7 +1890,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { attrs: { id: \"config-toggle-slider-content\" } }, [\n    _c(\"div\", { staticClass: \"form-group\" }, [\n      _c(\"div\", { staticClass: \"row\" }, [\n        _c(\n          \"label\",\n          { staticClass: \"col-sm-2 control-label\", attrs: { for: _vm.id } },\n          [_c(\"span\", [_vm._v(_vm._s(_vm.label))])]\n        ),\n        _vm._v(\" \"),\n        _c(\n          \"div\",\n          { staticClass: \"col-sm-10 content\" },\n          [\n            _c(\n              \"toggle-button\",\n              _vm._b(\n                {\n                  attrs: { width: 45, height: 22, sync: \"\" },\n                  model: {\n                    value: _vm.localChecked,\n                    callback: function($$v) {\n                      _vm.localChecked = $$v\n                    },\n                    expression: \"localChecked\"\n                  }\n                },\n                \"toggle-button\",\n                { id: _vm.id, name: _vm.id },\n                false\n              )\n            ),\n            _vm._v(\" \"),\n            _vm._l(_vm.explanations, function(explanation, index) {\n              return _c(\"p\", { key: index }, [_vm._v(_vm._s(explanation))])\n            })\n          ],\n          2\n        )\n      ])\n    ])\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./src/components/config-toggle-slider.vue?./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { attrs: { id: \"config-toggle-slider-content\" } }, [\n    _c(\"div\", { staticClass: \"form-group\" }, [\n      _c(\"div\", { staticClass: \"row\" }, [\n        _c(\n          \"label\",\n          { staticClass: \"col-sm-2 control-label\", attrs: { for: _vm.id } },\n          [_c(\"span\", [_vm._v(_vm._s(_vm.label))])]\n        ),\n        _vm._v(\" \"),\n        _c(\n          \"div\",\n          { staticClass: \"col-sm-10 content\" },\n          [\n            _c(\n              \"toggle-button\",\n              _vm._b(\n                {\n                  attrs: { width: 45, height: 22, sync: \"\" },\n                  model: {\n                    value: _vm.localChecked,\n                    callback: function($$v) {\n                      _vm.localChecked = $$v\n                    },\n                    expression: \"localChecked\"\n                  }\n                },\n                \"toggle-button\",\n                { id: _vm.id, name: _vm.id, disabled: _vm.disabled },\n                false\n              )\n            ),\n            _vm._v(\" \"),\n            _vm._l(_vm.explanations, function(explanation, index) {\n              return _c(\"p\", { key: index }, [_vm._v(_vm._s(explanation))])\n            })\n          ],\n          2\n        )\n      ])\n    ])\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./src/components/config-toggle-slider.vue?./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -2083,6 +2118,17 @@ eval("// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// lo
 
 /***/ }),
 
+/***/ "./node_modules/vue-style-loader/index.js!./node_modules/css-loader/index.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js?!./src/components/add-show-options.vue?vue&type=style&index=0&lang=css&":
+/*!***************************************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-style-loader!./node_modules/css-loader!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib??vue-loader-options!./src/components/add-show-options.vue?vue&type=style&index=0&lang=css& ***!
+  \***************************************************************************************************************************************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+eval("// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = __webpack_require__(/*! !../../node_modules/css-loader!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/vue-loader/lib??vue-loader-options!./add-show-options.vue?vue&type=style&index=0&lang=css& */ \"./node_modules/css-loader/index.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js?!./src/components/add-show-options.vue?vue&type=style&index=0&lang=css&\");\nif(typeof content === 'string') content = [[module.i, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar add = __webpack_require__(/*! ../../node_modules/vue-style-loader/lib/addStylesClient.js */ \"./node_modules/vue-style-loader/lib/addStylesClient.js\").default\nvar update = add(\"4c30d9e4\", content, false, {});\n// Hot Module Replacement\nif(false) {}\n\n//# sourceURL=webpack:///./src/components/add-show-options.vue?./node_modules/vue-style-loader!./node_modules/css-loader!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib??vue-loader-options");
+
+/***/ }),
+
 /***/ "./node_modules/vue-style-loader/index.js!./node_modules/css-loader/index.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js?!./src/components/add-shows.vue?vue&type=style&index=0&lang=css&":
 /*!********************************************************************************************************************************************************************************************************************************************!*\
   !*** ./node_modules/vue-style-loader!./node_modules/css-loader!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib??vue-loader-options!./src/components/add-shows.vue?vue&type=style&index=0&lang=css& ***!
@@ -2511,6 +2557,54 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _nod
 
 /***/ }),
 
+/***/ "./src/components/add-show-options.vue":
+/*!*********************************************!*\
+  !*** ./src/components/add-show-options.vue ***!
+  \*********************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _add_show_options_vue_vue_type_template_id_5b660eec___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./add-show-options.vue?vue&type=template&id=5b660eec& */ \"./src/components/add-show-options.vue?vue&type=template&id=5b660eec&\");\n/* harmony import */ var _add_show_options_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./add-show-options.vue?vue&type=script&lang=js& */ \"./src/components/add-show-options.vue?vue&type=script&lang=js&\");\n/* empty/unused harmony star reexport *//* harmony import */ var _add_show_options_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./add-show-options.vue?vue&type=style&index=0&lang=css& */ \"./src/components/add-show-options.vue?vue&type=style&index=0&lang=css&\");\n/* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ \"./node_modules/vue-loader/lib/runtime/componentNormalizer.js\");\n\n\n\n\n\n\n/* normalize component */\n\nvar component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(\n  _add_show_options_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n  _add_show_options_vue_vue_type_template_id_5b660eec___WEBPACK_IMPORTED_MODULE_0__[\"render\"],\n  _add_show_options_vue_vue_type_template_id_5b660eec___WEBPACK_IMPORTED_MODULE_0__[\"staticRenderFns\"],\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (false) { var api; }\ncomponent.options.__file = \"src/components/add-show-options.vue\"\n/* harmony default export */ __webpack_exports__[\"default\"] = (component.exports);\n\n//# sourceURL=webpack:///./src/components/add-show-options.vue?");
+
+/***/ }),
+
+/***/ "./src/components/add-show-options.vue?vue&type=script&lang=js&":
+/*!**********************************************************************!*\
+  !*** ./src/components/add-show-options.vue?vue&type=script&lang=js& ***!
+  \**********************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _node_modules_babel_loader_lib_index_js_node_modules_vue_loader_lib_index_js_vue_loader_options_add_show_options_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../node_modules/babel-loader/lib!../../node_modules/vue-loader/lib??vue-loader-options!./add-show-options.vue?vue&type=script&lang=js& */ \"./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js?!./src/components/add-show-options.vue?vue&type=script&lang=js&\");\n/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__[\"default\"] = (_node_modules_babel_loader_lib_index_js_node_modules_vue_loader_lib_index_js_vue_loader_options_add_show_options_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__[\"default\"]); \n\n//# sourceURL=webpack:///./src/components/add-show-options.vue?");
+
+/***/ }),
+
+/***/ "./src/components/add-show-options.vue?vue&type=style&index=0&lang=css&":
+/*!******************************************************************************!*\
+  !*** ./src/components/add-show-options.vue?vue&type=style&index=0&lang=css& ***!
+  \******************************************************************************/
+/*! no static exports found */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _node_modules_vue_style_loader_index_js_node_modules_css_loader_index_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_vue_loader_lib_index_js_vue_loader_options_add_show_options_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../node_modules/vue-style-loader!../../node_modules/css-loader!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/vue-loader/lib??vue-loader-options!./add-show-options.vue?vue&type=style&index=0&lang=css& */ \"./node_modules/vue-style-loader/index.js!./node_modules/css-loader/index.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js?!./src/components/add-show-options.vue?vue&type=style&index=0&lang=css&\");\n/* harmony import */ var _node_modules_vue_style_loader_index_js_node_modules_css_loader_index_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_vue_loader_lib_index_js_vue_loader_options_add_show_options_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_node_modules_css_loader_index_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_vue_loader_lib_index_js_vue_loader_options_add_show_options_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__);\n/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_vue_style_loader_index_js_node_modules_css_loader_index_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_vue_loader_lib_index_js_vue_loader_options_add_show_options_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__) if(__WEBPACK_IMPORT_KEY__ !== 'default') (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_vue_style_loader_index_js_node_modules_css_loader_index_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_vue_loader_lib_index_js_vue_loader_options_add_show_options_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));\n /* harmony default export */ __webpack_exports__[\"default\"] = (_node_modules_vue_style_loader_index_js_node_modules_css_loader_index_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_vue_loader_lib_index_js_vue_loader_options_add_show_options_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0___default.a); \n\n//# sourceURL=webpack:///./src/components/add-show-options.vue?");
+
+/***/ }),
+
+/***/ "./src/components/add-show-options.vue?vue&type=template&id=5b660eec&":
+/*!****************************************************************************!*\
+  !*** ./src/components/add-show-options.vue?vue&type=template&id=5b660eec& ***!
+  \****************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_add_show_options_vue_vue_type_template_id_5b660eec___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../node_modules/vue-loader/lib??vue-loader-options!./add-show-options.vue?vue&type=template&id=5b660eec& */ \"./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./src/components/add-show-options.vue?vue&type=template&id=5b660eec&\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_add_show_options_vue_vue_type_template_id_5b660eec___WEBPACK_IMPORTED_MODULE_0__[\"render\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_add_show_options_vue_vue_type_template_id_5b660eec___WEBPACK_IMPORTED_MODULE_0__[\"staticRenderFns\"]; });\n\n\n\n//# sourceURL=webpack:///./src/components/add-show-options.vue?");
+
+/***/ }),
+
 /***/ "./src/components/add-shows.vue":
 /*!**************************************!*\
   !*** ./src/components/add-shows.vue ***!
@@ -3223,11 +3317,11 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _404
 /*!*********************************!*\
   !*** ./src/components/index.js ***!
   \*********************************/
-/*! exports provided: AddRecommended, AddShows, AnidbReleaseGroupUi, AppHeader, AppLink, Asset, Backstretch, Config, ConfigPostProcessing, ConfigTextbox, ConfigTextboxNumber, ConfigToggleSlider, DisplayShow, FileBrowser, Home, IRC, LanguageSelect, Login, ManualPostProcess, NamePattern, PlotInfo, RootDirs, ScrollButtons, SelectList, ShowSelector, SnatchSelection, Status, NotFound */
+/*! exports provided: AddRecommended, AddShowOptions, AddShows, AnidbReleaseGroupUi, AppHeader, AppLink, Asset, Backstretch, Config, ConfigPostProcessing, ConfigTextbox, ConfigTextboxNumber, ConfigToggleSlider, DisplayShow, FileBrowser, Home, IRC, LanguageSelect, Login, ManualPostProcess, NamePattern, PlotInfo, RootDirs, ScrollButtons, SelectList, ShowSelector, SnatchSelection, Status, NotFound */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _add_recommended_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./add-recommended.vue */ \"./src/components/add-recommended.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"AddRecommended\", function() { return _add_recommended_vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"]; });\n\n/* harmony import */ var _add_shows_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./add-shows.vue */ \"./src/components/add-shows.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"AddShows\", function() { return _add_shows_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"]; });\n\n/* harmony import */ var _anidb_release_group_ui_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./anidb-release-group-ui.vue */ \"./src/components/anidb-release-group-ui.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"AnidbReleaseGroupUi\", function() { return _anidb_release_group_ui_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"]; });\n\n/* harmony import */ var _app_header_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./app-header.vue */ \"./src/components/app-header.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"AppHeader\", function() { return _app_header_vue__WEBPACK_IMPORTED_MODULE_3__[\"default\"]; });\n\n/* harmony import */ var _app_link_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./app-link.vue */ \"./src/components/app-link.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"AppLink\", function() { return _app_link_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"]; });\n\n/* harmony import */ var _asset_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./asset.vue */ \"./src/components/asset.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Asset\", function() { return _asset_vue__WEBPACK_IMPORTED_MODULE_5__[\"default\"]; });\n\n/* harmony import */ var _backstretch_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./backstretch.vue */ \"./src/components/backstretch.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Backstretch\", function() { return _backstretch_vue__WEBPACK_IMPORTED_MODULE_6__[\"default\"]; });\n\n/* harmony import */ var _config_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./config.vue */ \"./src/components/config.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Config\", function() { return _config_vue__WEBPACK_IMPORTED_MODULE_7__[\"default\"]; });\n\n/* harmony import */ var _config_post_processing_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./config-post-processing.vue */ \"./src/components/config-post-processing.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"ConfigPostProcessing\", function() { return _config_post_processing_vue__WEBPACK_IMPORTED_MODULE_8__[\"default\"]; });\n\n/* harmony import */ var _config_textbox_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./config-textbox.vue */ \"./src/components/config-textbox.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"ConfigTextbox\", function() { return _config_textbox_vue__WEBPACK_IMPORTED_MODULE_9__[\"default\"]; });\n\n/* harmony import */ var _config_textbox_number_vue__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./config-textbox-number.vue */ \"./src/components/config-textbox-number.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"ConfigTextboxNumber\", function() { return _config_textbox_number_vue__WEBPACK_IMPORTED_MODULE_10__[\"default\"]; });\n\n/* harmony import */ var _config_toggle_slider_vue__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./config-toggle-slider.vue */ \"./src/components/config-toggle-slider.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"ConfigToggleSlider\", function() { return _config_toggle_slider_vue__WEBPACK_IMPORTED_MODULE_11__[\"default\"]; });\n\n/* harmony import */ var _display_show_vue__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./display-show.vue */ \"./src/components/display-show.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"DisplayShow\", function() { return _display_show_vue__WEBPACK_IMPORTED_MODULE_12__[\"default\"]; });\n\n/* harmony import */ var _file_browser_vue__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./file-browser.vue */ \"./src/components/file-browser.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"FileBrowser\", function() { return _file_browser_vue__WEBPACK_IMPORTED_MODULE_13__[\"default\"]; });\n\n/* harmony import */ var _home_vue__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./home.vue */ \"./src/components/home.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Home\", function() { return _home_vue__WEBPACK_IMPORTED_MODULE_14__[\"default\"]; });\n\n/* harmony import */ var _irc_vue__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./irc.vue */ \"./src/components/irc.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"IRC\", function() { return _irc_vue__WEBPACK_IMPORTED_MODULE_15__[\"default\"]; });\n\n/* harmony import */ var _language_select_vue__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./language-select.vue */ \"./src/components/language-select.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"LanguageSelect\", function() { return _language_select_vue__WEBPACK_IMPORTED_MODULE_16__[\"default\"]; });\n\n/* harmony import */ var _login_vue__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./login.vue */ \"./src/components/login.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Login\", function() { return _login_vue__WEBPACK_IMPORTED_MODULE_17__[\"default\"]; });\n\n/* harmony import */ var _manual_post_process_vue__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./manual-post-process.vue */ \"./src/components/manual-post-process.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"ManualPostProcess\", function() { return _manual_post_process_vue__WEBPACK_IMPORTED_MODULE_18__[\"default\"]; });\n\n/* harmony import */ var _name_pattern_vue__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./name-pattern.vue */ \"./src/components/name-pattern.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"NamePattern\", function() { return _name_pattern_vue__WEBPACK_IMPORTED_MODULE_19__[\"default\"]; });\n\n/* harmony import */ var _plot_info_vue__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./plot-info.vue */ \"./src/components/plot-info.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"PlotInfo\", function() { return _plot_info_vue__WEBPACK_IMPORTED_MODULE_20__[\"default\"]; });\n\n/* harmony import */ var _root_dirs_vue__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./root-dirs.vue */ \"./src/components/root-dirs.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"RootDirs\", function() { return _root_dirs_vue__WEBPACK_IMPORTED_MODULE_21__[\"default\"]; });\n\n/* harmony import */ var _scroll_buttons_vue__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./scroll-buttons.vue */ \"./src/components/scroll-buttons.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"ScrollButtons\", function() { return _scroll_buttons_vue__WEBPACK_IMPORTED_MODULE_22__[\"default\"]; });\n\n/* harmony import */ var _select_list_vue__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./select-list.vue */ \"./src/components/select-list.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"SelectList\", function() { return _select_list_vue__WEBPACK_IMPORTED_MODULE_23__[\"default\"]; });\n\n/* harmony import */ var _show_selector_vue__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./show-selector.vue */ \"./src/components/show-selector.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"ShowSelector\", function() { return _show_selector_vue__WEBPACK_IMPORTED_MODULE_24__[\"default\"]; });\n\n/* harmony import */ var _snatch_selection_vue__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ./snatch-selection.vue */ \"./src/components/snatch-selection.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"SnatchSelection\", function() { return _snatch_selection_vue__WEBPACK_IMPORTED_MODULE_25__[\"default\"]; });\n\n/* harmony import */ var _status_vue__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ./status.vue */ \"./src/components/status.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Status\", function() { return _status_vue__WEBPACK_IMPORTED_MODULE_26__[\"default\"]; });\n\n/* harmony import */ var _http__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ./http */ \"./src/components/http/index.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"NotFound\", function() { return _http__WEBPACK_IMPORTED_MODULE_27__[\"NotFound\"]; });\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n//# sourceURL=webpack:///./src/components/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _add_recommended_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./add-recommended.vue */ \"./src/components/add-recommended.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"AddRecommended\", function() { return _add_recommended_vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"]; });\n\n/* harmony import */ var _add_show_options_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./add-show-options.vue */ \"./src/components/add-show-options.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"AddShowOptions\", function() { return _add_show_options_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"]; });\n\n/* harmony import */ var _add_shows_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./add-shows.vue */ \"./src/components/add-shows.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"AddShows\", function() { return _add_shows_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"]; });\n\n/* harmony import */ var _anidb_release_group_ui_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./anidb-release-group-ui.vue */ \"./src/components/anidb-release-group-ui.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"AnidbReleaseGroupUi\", function() { return _anidb_release_group_ui_vue__WEBPACK_IMPORTED_MODULE_3__[\"default\"]; });\n\n/* harmony import */ var _app_header_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./app-header.vue */ \"./src/components/app-header.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"AppHeader\", function() { return _app_header_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"]; });\n\n/* harmony import */ var _app_link_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./app-link.vue */ \"./src/components/app-link.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"AppLink\", function() { return _app_link_vue__WEBPACK_IMPORTED_MODULE_5__[\"default\"]; });\n\n/* harmony import */ var _asset_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./asset.vue */ \"./src/components/asset.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Asset\", function() { return _asset_vue__WEBPACK_IMPORTED_MODULE_6__[\"default\"]; });\n\n/* harmony import */ var _backstretch_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./backstretch.vue */ \"./src/components/backstretch.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Backstretch\", function() { return _backstretch_vue__WEBPACK_IMPORTED_MODULE_7__[\"default\"]; });\n\n/* harmony import */ var _config_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./config.vue */ \"./src/components/config.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Config\", function() { return _config_vue__WEBPACK_IMPORTED_MODULE_8__[\"default\"]; });\n\n/* harmony import */ var _config_post_processing_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./config-post-processing.vue */ \"./src/components/config-post-processing.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"ConfigPostProcessing\", function() { return _config_post_processing_vue__WEBPACK_IMPORTED_MODULE_9__[\"default\"]; });\n\n/* harmony import */ var _config_textbox_vue__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./config-textbox.vue */ \"./src/components/config-textbox.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"ConfigTextbox\", function() { return _config_textbox_vue__WEBPACK_IMPORTED_MODULE_10__[\"default\"]; });\n\n/* harmony import */ var _config_textbox_number_vue__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./config-textbox-number.vue */ \"./src/components/config-textbox-number.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"ConfigTextboxNumber\", function() { return _config_textbox_number_vue__WEBPACK_IMPORTED_MODULE_11__[\"default\"]; });\n\n/* harmony import */ var _config_toggle_slider_vue__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./config-toggle-slider.vue */ \"./src/components/config-toggle-slider.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"ConfigToggleSlider\", function() { return _config_toggle_slider_vue__WEBPACK_IMPORTED_MODULE_12__[\"default\"]; });\n\n/* harmony import */ var _display_show_vue__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./display-show.vue */ \"./src/components/display-show.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"DisplayShow\", function() { return _display_show_vue__WEBPACK_IMPORTED_MODULE_13__[\"default\"]; });\n\n/* harmony import */ var _file_browser_vue__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./file-browser.vue */ \"./src/components/file-browser.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"FileBrowser\", function() { return _file_browser_vue__WEBPACK_IMPORTED_MODULE_14__[\"default\"]; });\n\n/* harmony import */ var _home_vue__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./home.vue */ \"./src/components/home.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Home\", function() { return _home_vue__WEBPACK_IMPORTED_MODULE_15__[\"default\"]; });\n\n/* harmony import */ var _irc_vue__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./irc.vue */ \"./src/components/irc.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"IRC\", function() { return _irc_vue__WEBPACK_IMPORTED_MODULE_16__[\"default\"]; });\n\n/* harmony import */ var _language_select_vue__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./language-select.vue */ \"./src/components/language-select.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"LanguageSelect\", function() { return _language_select_vue__WEBPACK_IMPORTED_MODULE_17__[\"default\"]; });\n\n/* harmony import */ var _login_vue__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./login.vue */ \"./src/components/login.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Login\", function() { return _login_vue__WEBPACK_IMPORTED_MODULE_18__[\"default\"]; });\n\n/* harmony import */ var _manual_post_process_vue__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./manual-post-process.vue */ \"./src/components/manual-post-process.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"ManualPostProcess\", function() { return _manual_post_process_vue__WEBPACK_IMPORTED_MODULE_19__[\"default\"]; });\n\n/* harmony import */ var _name_pattern_vue__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./name-pattern.vue */ \"./src/components/name-pattern.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"NamePattern\", function() { return _name_pattern_vue__WEBPACK_IMPORTED_MODULE_20__[\"default\"]; });\n\n/* harmony import */ var _plot_info_vue__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./plot-info.vue */ \"./src/components/plot-info.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"PlotInfo\", function() { return _plot_info_vue__WEBPACK_IMPORTED_MODULE_21__[\"default\"]; });\n\n/* harmony import */ var _root_dirs_vue__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./root-dirs.vue */ \"./src/components/root-dirs.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"RootDirs\", function() { return _root_dirs_vue__WEBPACK_IMPORTED_MODULE_22__[\"default\"]; });\n\n/* harmony import */ var _scroll_buttons_vue__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./scroll-buttons.vue */ \"./src/components/scroll-buttons.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"ScrollButtons\", function() { return _scroll_buttons_vue__WEBPACK_IMPORTED_MODULE_23__[\"default\"]; });\n\n/* harmony import */ var _select_list_vue__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./select-list.vue */ \"./src/components/select-list.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"SelectList\", function() { return _select_list_vue__WEBPACK_IMPORTED_MODULE_24__[\"default\"]; });\n\n/* harmony import */ var _show_selector_vue__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ./show-selector.vue */ \"./src/components/show-selector.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"ShowSelector\", function() { return _show_selector_vue__WEBPACK_IMPORTED_MODULE_25__[\"default\"]; });\n\n/* harmony import */ var _snatch_selection_vue__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ./snatch-selection.vue */ \"./src/components/snatch-selection.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"SnatchSelection\", function() { return _snatch_selection_vue__WEBPACK_IMPORTED_MODULE_26__[\"default\"]; });\n\n/* harmony import */ var _status_vue__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ./status.vue */ \"./src/components/status.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Status\", function() { return _status_vue__WEBPACK_IMPORTED_MODULE_27__[\"default\"]; });\n\n/* harmony import */ var _http__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ./http */ \"./src/components/http/index.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"NotFound\", function() { return _http__WEBPACK_IMPORTED_MODULE_28__[\"NotFound\"]; });\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n//# sourceURL=webpack:///./src/components/index.js?");
 
 /***/ }),
 
@@ -3826,7 +3920,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _mut
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _mutation_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../mutation-types */ \"./src/store/mutation-types.js\");\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\n\nvar state = {\n  wikiUrl: null,\n  donationsUrl: null,\n  localUser: null,\n  posterSortdir: null,\n  locale: null,\n  themeName: null,\n  selectedRootIndex: null,\n  webRoot: null,\n  namingForceFolders: null,\n  cacheDir: null,\n  databaseVersion: {\n    major: null,\n    minor: null\n  },\n  programDir: null,\n  dataDir: null,\n  animeSplitHomeInTabs: null,\n  torrents: {\n    authType: null,\n    dir: null,\n    enabled: null,\n    highBandwidth: null,\n    host: null,\n    label: null,\n    labelAnime: null,\n    method: null,\n    path: null,\n    paused: null,\n    rpcurl: null,\n    seedLocation: null,\n    seedTime: null,\n    username: null,\n    verifySSL: null\n  },\n  layout: {\n    show: {\n      specials: null,\n      showListOrder: [],\n      allSeasons: null\n    },\n    home: null,\n    history: null,\n    schedule: null\n  },\n  dbPath: null,\n  nzb: {\n    enabled: null,\n    method: null,\n    nzbget: {\n      category: null,\n      categoryAnime: null,\n      categoryAnimeBacklog: null,\n      categoryBacklog: null,\n      host: null,\n      priority: null,\n      useHttps: null,\n      username: null\n    },\n    sabnzbd: {\n      category: null,\n      forced: null,\n      categoryAnime: null,\n      categoryBacklog: null,\n      categoryAnimeBacklog: null,\n      host: null,\n      username: null\n    }\n  },\n  configFile: null,\n  fanartBackground: null,\n  trimZero: null,\n  animeSplitHome: null,\n  gitUsername: null,\n  branch: null,\n  commitHash: null,\n  indexers: {\n    config: {\n      main: {\n        externalMappings: {},\n        statusMap: {},\n        traktIndexers: {},\n        validLanguages: [],\n        langabbvToId: {}\n      },\n      indexers: {\n        tvdb: {\n          apiParams: {\n            useZip: null,\n            language: null\n          },\n          baseUrl: null,\n          enabled: null,\n          icon: null,\n          id: null,\n          identifier: null,\n          mappedTo: null,\n          name: null,\n          scene_loc: null,\n          // eslint-disable-line camelcase\n          showUrl: null,\n          xemOrigin: null\n        },\n        tmdb: {\n          apiParams: {\n            useZip: null,\n            language: null\n          },\n          baseUrl: null,\n          enabled: null,\n          icon: null,\n          id: null,\n          identifier: null,\n          mappedTo: null,\n          name: null,\n          scene_loc: null,\n          // eslint-disable-line camelcase\n          showUrl: null,\n          xemOrigin: null\n        },\n        tvmaze: {\n          apiParams: {\n            useZip: null,\n            language: null\n          },\n          baseUrl: null,\n          enabled: null,\n          icon: null,\n          id: null,\n          identifier: null,\n          mappedTo: null,\n          name: null,\n          scene_loc: null,\n          // eslint-disable-line camelcase\n          showUrl: null,\n          xemOrigin: null\n        }\n      }\n    }\n  },\n  sourceUrl: null,\n  rootDirs: [],\n  fanartBackgroundOpacity: null,\n  appArgs: [],\n  emby: {\n    enabled: null,\n    host: null\n  },\n  comingEpsDisplayPaused: null,\n  sortArticle: null,\n  timePreset: null,\n  plex: {\n    client: {\n      host: [],\n      username: null,\n      enabled: null\n    },\n    server: {\n      updateLibrary: null,\n      host: [],\n      enabled: null,\n      notify: {\n        download: null,\n        subtitleDownload: null,\n        snatch: null\n      }\n    }\n  },\n  subtitles: {\n    enabled: null\n  },\n  fuzzyDating: null,\n  backlogOverview: {\n    status: null,\n    period: null\n  },\n  posterSortby: null,\n  kodi: {\n    enabled: null,\n    alwaysOn: null,\n    libraryCleanPending: null,\n    cleanLibrary: null,\n    host: [],\n    notify: {\n      snatch: null,\n      download: null,\n      subtitleDownload: null\n    },\n    update: {\n      library: null,\n      full: null,\n      onlyFirst: null\n    }\n  },\n  news: {\n    lastRead: null,\n    latest: null,\n    unread: null\n  },\n  logs: {\n    loggingLevels: {},\n    numErrors: null,\n    numWarnings: null\n  },\n  failedDownloads: {\n    enabled: null,\n    deleteFailed: null\n  },\n  postProcessing: {\n    naming: {\n      pattern: null,\n      multiEp: null,\n      enableCustomNamingSports: null,\n      enableCustomNamingAirByDate: null,\n      patternSports: null,\n      patternAirByDate: null,\n      enableCustomNamingAnime: null,\n      patternAnime: null,\n      animeMultiEp: null,\n      animeNamingType: null,\n      stripYear: null\n    },\n    showDownloadDir: null,\n    processAutomatically: null,\n    processMethod: null,\n    deleteRarContent: null,\n    unpack: null,\n    noDelete: null,\n    reflinkAvailable: null,\n    postponeIfSyncFiles: null,\n    autoPostprocessorFrequency: 10,\n    airdateEpisodes: null,\n    moveAssociatedFiles: null,\n    allowedExtensions: [],\n    addShowsWithoutDir: null,\n    createMissingShowDirs: null,\n    renameEpisodes: null,\n    postponeIfNoSubs: null,\n    nfoRename: null,\n    syncFiles: [],\n    fileTimestampTimezone: 'local',\n    extraScripts: [],\n    extraScriptsUrl: null,\n    multiEpStrings: {}\n  },\n  sslVersion: null,\n  pythonVersion: null,\n  comingEpsSort: null,\n  githubUrl: null,\n  datePreset: null,\n  subtitlesMulti: null,\n  pid: null,\n  os: null,\n  anonRedirect: null,\n  logDir: null,\n  recentShows: []\n};\n\nvar mutations = _defineProperty({}, _mutation_types__WEBPACK_IMPORTED_MODULE_0__[\"ADD_CONFIG\"], function (state, _ref) {\n  var section = _ref.section,\n      config = _ref.config;\n\n  if (section === 'main') {\n    state = Object.assign(state, config);\n  }\n});\n\nvar getters = {\n  layout: function layout(state) {\n    return function (layout) {\n      return state.layout[layout];\n    };\n  }\n};\nvar actions = {\n  getConfig: function getConfig(context, section) {\n    var commit = context.commit;\n    return api.get('/config/' + (section || '')).then(function (res) {\n      if (section) {\n        var config = res.data;\n        commit(_mutation_types__WEBPACK_IMPORTED_MODULE_0__[\"ADD_CONFIG\"], {\n          section: section,\n          config: config\n        });\n        return config;\n      }\n\n      var sections = res.data;\n      Object.keys(sections).forEach(function (section) {\n        var config = sections[section];\n        commit(_mutation_types__WEBPACK_IMPORTED_MODULE_0__[\"ADD_CONFIG\"], {\n          section: section,\n          config: config\n        });\n      });\n      return sections;\n    });\n  },\n  setConfig: function setConfig(context, _ref2) {\n    var section = _ref2.section,\n        config = _ref2.config;\n\n    if (section !== 'main') {\n      return;\n    } // If an empty config object was passed, use the current state config\n\n\n    config = Object.keys(config).length === 0 ? context.state : config;\n    return api.patch('config/' + section, config);\n  },\n  updateConfig: function updateConfig(context, _ref3) {\n    var section = _ref3.section,\n        config = _ref3.config;\n    var commit = context.commit;\n    return commit(_mutation_types__WEBPACK_IMPORTED_MODULE_0__[\"ADD_CONFIG\"], {\n      section: section,\n      config: config\n    });\n  },\n  setLayout: function setLayout(context, _ref4) {\n    var page = _ref4.page,\n        layout = _ref4.layout;\n    return api.patch('config/main', {\n      layout: _defineProperty({}, page, layout)\n    }).then(function () {\n      setTimeout(function () {\n        // For now we reload the page since the layouts use python still\n        location.reload();\n      }, 500);\n    });\n  }\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  state: state,\n  mutations: mutations,\n  getters: getters,\n  actions: actions\n});\n\n//# sourceURL=webpack:///./src/store/modules/config.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _mutation_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../mutation-types */ \"./src/store/mutation-types.js\");\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\n\nvar state = {\n  wikiUrl: null,\n  donationsUrl: null,\n  localUser: null,\n  posterSortdir: null,\n  locale: null,\n  themeName: null,\n  selectedRootIndex: null,\n  webRoot: null,\n  namingForceFolders: null,\n  cacheDir: null,\n  databaseVersion: {\n    major: null,\n    minor: null\n  },\n  programDir: null,\n  dataDir: null,\n  animeSplitHomeInTabs: null,\n  torrents: {\n    authType: null,\n    dir: null,\n    enabled: null,\n    highBandwidth: null,\n    host: null,\n    label: null,\n    labelAnime: null,\n    method: null,\n    path: null,\n    paused: null,\n    rpcurl: null,\n    seedLocation: null,\n    seedTime: null,\n    username: null,\n    verifySSL: null\n  },\n  layout: {\n    show: {\n      specials: null,\n      showListOrder: [],\n      allSeasons: null\n    },\n    home: null,\n    history: null,\n    schedule: null\n  },\n  dbPath: null,\n  nzb: {\n    enabled: null,\n    method: null,\n    nzbget: {\n      category: null,\n      categoryAnime: null,\n      categoryAnimeBacklog: null,\n      categoryBacklog: null,\n      host: null,\n      priority: null,\n      useHttps: null,\n      username: null\n    },\n    sabnzbd: {\n      category: null,\n      forced: null,\n      categoryAnime: null,\n      categoryBacklog: null,\n      categoryAnimeBacklog: null,\n      host: null,\n      username: null\n    }\n  },\n  configFile: null,\n  fanartBackground: null,\n  trimZero: null,\n  animeSplitHome: null,\n  gitUsername: null,\n  branch: null,\n  commitHash: null,\n  indexers: {\n    config: {\n      main: {\n        externalMappings: {},\n        statusMap: {},\n        traktIndexers: {},\n        validLanguages: [],\n        langabbvToId: {}\n      },\n      indexers: {\n        tvdb: {\n          apiParams: {\n            useZip: null,\n            language: null\n          },\n          baseUrl: null,\n          enabled: null,\n          icon: null,\n          id: null,\n          identifier: null,\n          mappedTo: null,\n          name: null,\n          scene_loc: null,\n          // eslint-disable-line camelcase\n          showUrl: null,\n          xemOrigin: null\n        },\n        tmdb: {\n          apiParams: {\n            useZip: null,\n            language: null\n          },\n          baseUrl: null,\n          enabled: null,\n          icon: null,\n          id: null,\n          identifier: null,\n          mappedTo: null,\n          name: null,\n          scene_loc: null,\n          // eslint-disable-line camelcase\n          showUrl: null,\n          xemOrigin: null\n        },\n        tvmaze: {\n          apiParams: {\n            useZip: null,\n            language: null\n          },\n          baseUrl: null,\n          enabled: null,\n          icon: null,\n          id: null,\n          identifier: null,\n          mappedTo: null,\n          name: null,\n          scene_loc: null,\n          // eslint-disable-line camelcase\n          showUrl: null,\n          xemOrigin: null\n        }\n      }\n    }\n  },\n  sourceUrl: null,\n  rootDirs: [],\n  fanartBackgroundOpacity: null,\n  appArgs: [],\n  emby: {\n    enabled: null,\n    host: null\n  },\n  comingEpsDisplayPaused: null,\n  sortArticle: null,\n  timePreset: null,\n  plex: {\n    client: {\n      host: [],\n      username: null,\n      enabled: null\n    },\n    server: {\n      updateLibrary: null,\n      host: [],\n      enabled: null,\n      notify: {\n        download: null,\n        subtitleDownload: null,\n        snatch: null\n      }\n    }\n  },\n  subtitles: {\n    enabled: null\n  },\n  fuzzyDating: null,\n  backlogOverview: {\n    status: null,\n    period: null\n  },\n  posterSortby: null,\n  kodi: {\n    enabled: null,\n    alwaysOn: null,\n    libraryCleanPending: null,\n    cleanLibrary: null,\n    host: [],\n    notify: {\n      snatch: null,\n      download: null,\n      subtitleDownload: null\n    },\n    update: {\n      library: null,\n      full: null,\n      onlyFirst: null\n    }\n  },\n  news: {\n    lastRead: null,\n    latest: null,\n    unread: null\n  },\n  logs: {\n    loggingLevels: {},\n    numErrors: null,\n    numWarnings: null\n  },\n  failedDownloads: {\n    enabled: null,\n    deleteFailed: null\n  },\n  postProcessing: {\n    naming: {\n      pattern: null,\n      multiEp: null,\n      enableCustomNamingSports: null,\n      enableCustomNamingAirByDate: null,\n      patternSports: null,\n      patternAirByDate: null,\n      enableCustomNamingAnime: null,\n      patternAnime: null,\n      animeMultiEp: null,\n      animeNamingType: null,\n      stripYear: null\n    },\n    showDownloadDir: null,\n    processAutomatically: null,\n    processMethod: null,\n    deleteRarContent: null,\n    unpack: null,\n    noDelete: null,\n    reflinkAvailable: null,\n    postponeIfSyncFiles: null,\n    autoPostprocessorFrequency: 10,\n    airdateEpisodes: null,\n    moveAssociatedFiles: null,\n    allowedExtensions: [],\n    addShowsWithoutDir: null,\n    createMissingShowDirs: null,\n    renameEpisodes: null,\n    postponeIfNoSubs: null,\n    nfoRename: null,\n    syncFiles: [],\n    fileTimestampTimezone: 'local',\n    extraScripts: [],\n    extraScriptsUrl: null,\n    multiEpStrings: {}\n  },\n  sslVersion: null,\n  pythonVersion: null,\n  comingEpsSort: null,\n  githubUrl: null,\n  datePreset: null,\n  subtitlesMulti: null,\n  pid: null,\n  os: null,\n  anonRedirect: null,\n  logDir: null,\n  recentShows: [],\n  showDefaults: {\n    status: null,\n    statusAfter: null,\n    quality: null,\n    subtitles: null,\n    seasonFolders: null,\n    anime: null,\n    scene: null\n  }\n};\n\nvar mutations = _defineProperty({}, _mutation_types__WEBPACK_IMPORTED_MODULE_0__[\"ADD_CONFIG\"], function (state, _ref) {\n  var section = _ref.section,\n      config = _ref.config;\n\n  if (section === 'main') {\n    state = Object.assign(state, config);\n  }\n});\n\nvar getters = {\n  layout: function layout(state) {\n    return function (layout) {\n      return state.layout[layout];\n    };\n  }\n};\nvar actions = {\n  getConfig: function getConfig(context, section) {\n    var commit = context.commit;\n    return api.get('/config/' + (section || '')).then(function (res) {\n      if (section) {\n        var config = res.data;\n        commit(_mutation_types__WEBPACK_IMPORTED_MODULE_0__[\"ADD_CONFIG\"], {\n          section: section,\n          config: config\n        });\n        return config;\n      }\n\n      var sections = res.data;\n      Object.keys(sections).forEach(function (section) {\n        var config = sections[section];\n        commit(_mutation_types__WEBPACK_IMPORTED_MODULE_0__[\"ADD_CONFIG\"], {\n          section: section,\n          config: config\n        });\n      });\n      return sections;\n    });\n  },\n  setConfig: function setConfig(context, _ref2) {\n    var section = _ref2.section,\n        config = _ref2.config;\n\n    if (section !== 'main') {\n      return;\n    } // If an empty config object was passed, use the current state config\n\n\n    config = Object.keys(config).length === 0 ? context.state : config;\n    return api.patch('config/' + section, config);\n  },\n  updateConfig: function updateConfig(context, _ref3) {\n    var section = _ref3.section,\n        config = _ref3.config;\n    var commit = context.commit;\n    return commit(_mutation_types__WEBPACK_IMPORTED_MODULE_0__[\"ADD_CONFIG\"], {\n      section: section,\n      config: config\n    });\n  },\n  setLayout: function setLayout(context, _ref4) {\n    var page = _ref4.page,\n        layout = _ref4.layout;\n    return api.patch('config/main', {\n      layout: _defineProperty({}, page, layout)\n    }).then(function () {\n      setTimeout(function () {\n        // For now we reload the page since the layouts use python still\n        location.reload();\n      }, 500);\n    });\n  }\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  state: state,\n  mutations: mutations,\n  getters: getters,\n  actions: actions\n});\n\n//# sourceURL=webpack:///./src/store/modules/config.js?");
 
 /***/ }),
 
@@ -3942,11 +4036,11 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 /*!**********************!*\
   !*** ./src/utils.js ***!
   \**********************/
-/*! exports provided: isDevelopment */
+/*! exports provided: combineQualities, isDevelopment */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isDevelopment\", function() { return isDevelopment; });\nvar isDevelopment = \"development\" === 'development';\n\n\n//# sourceURL=webpack:///./src/utils.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"combineQualities\", function() { return combineQualities; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isDevelopment\", function() { return isDevelopment; });\nvar isDevelopment = \"development\" === 'development';\n/**\n * Calculate the combined value of the selected qualities.\n * @param {number[]} allowedQualities - Array of allowed qualities.\n * @param {number[]} preferredQualities - Array of preferred qualities.\n * @returns {number} - An unsigned integer.\n */\n\nvar combineQualities = function combineQualities(allowedQualities, preferredQualities) {\n  var reducer = function reducer(accumulator, currentValue) {\n    return accumulator | currentValue;\n  };\n\n  var allowed = allowedQualities.reduce(reducer, 0);\n  var preferred = preferredQualities.reduce(reducer, 0);\n  return (allowed | preferred << 16) >>> 0; // Unsigned int\n};\n\n\n\n//# sourceURL=webpack:///./src/utils.js?");
 
 /***/ })
 
diff --git a/themes/dark/templates/addShows_newShow.mako b/themes/dark/templates/addShows_newShow.mako
index e44f7d0efe..2eacd7dfea 100644
--- a/themes/dark/templates/addShows_newShow.mako
+++ b/themes/dark/templates/addShows_newShow.mako
@@ -9,8 +9,6 @@
     from six import iteritems, text_type
 %>
 <%block name="scripts">
-<script type="text/javascript" src="js/add-show-options.js?${sbPID}"></script>
-<script type="text/javascript" src="js/blackwhite.js?${sbPID}"></script>
 <%
     valid_indexers = {
         '0': {
@@ -68,7 +66,23 @@ window.app = new Vue({
             },
 
             selectedRootDir: '',
-            selectedShowSlug: ''
+            selectedShowSlug: '',
+            selectedShowOptions: {
+                subtitles: null,
+                status: null,
+                statusAfter: null,
+                seasonFolders: null,
+                anime: null,
+                scene: null,
+                release: {
+                    blacklist: [],
+                    whitelist: []
+                },
+                quality: {
+                    allowed: [],
+                    preferred: []
+                }
+            }
         };
     },
     mounted() {
@@ -80,8 +94,6 @@ window.app = new Vue({
             });
 
             setTimeout(() => {
-                this.updateBlackWhiteList();
-
                 const { providedInfo } = this;
                 const { use, showId, showDir } = providedInfo;
                 if (use && showId !== 0 && showDir) {
@@ -109,15 +121,6 @@ window.app = new Vue({
             revealfx: ['slide', 300],
             oninit: init
         });
-
-        $(document.body).on('change', 'select[name="quality_preset"]', () => {
-            this.$nextTick(() => this.formwizard.loadsection(2));
-        });
-
-        $(document.body).on('change', '#anime', () => {
-            this.updateBlackWhiteList();
-            this.$nextTick(() => this.formwizard.loadsection(2));
-        });
     },
     computed: {
         // @TODO: Replace with mapState
@@ -190,12 +193,25 @@ window.app = new Vue({
     },
     methods: {
         async submitForm(skipShow) {
-            const { currentSearch, addButtonDisabled } = this;
+            const formData = new FormData();
+
+            /**
+             * Append an array to a FormData object
+             * @param {FormData} appendTo - object to append to
+             * @param {string} fieldName - name of the field to append the values under
+             * @param {(string[]|number[])} array - the array to append
+             */
+            const appendArrayToFormData = (appendTo, fieldName, array) => {
+                for (item of array) {
+                    appendTo.append(fieldName, item);
+                }
+            };
 
-            let formData;
+            appendArrayToFormData(formData, 'other_shows', this.otherShows);
 
             if (skipShow && skipShow === true) {
-                formData = new FormData();
+                const { currentSearch } = this;
+
                 formData.append('skipShow', 'true');
 
                 if (currentSearch.cancel) {
@@ -204,19 +220,67 @@ window.app = new Vue({
                     currentSearch.cancel = null;
                 }
             } else {
+                const { addButtonDisabled } = this;
+
                 // If they haven't picked a show or a root dir don't let them submit
                 if (addButtonDisabled) {
                     this.$snotify.warning('You must choose a show and a parent folder to continue.');
                     return;
                 }
 
-                // Converts select boxes to command separated values [js/blackwhite.js]
-                generateBlackWhiteList(); // eslint-disable-line no-undef
+                // Collect all the needed form data.
+
+                const {
+                    indexerId,
+                    indexerLanguage,
+                    providedInfo,
+                    selectedRootDir,
+                    selectedShow,
+                    selectedShowOptions
+                } = this;
+
+                if (providedInfo.use) {
+                    formData.append('indexer_lang', providedInfo.indexerLanguage);
+                    formData.append('providedIndexer', providedInfo.indexerId);
+                    formData.append('whichSeries', providedInfo.showId);
+                } else {
+                    formData.append('indexer_lang', indexerLanguage);
+                    formData.append('providedIndexer', indexerId);
+                    // @TODO: Remove the need for the `selectedShow.whichSeries` value
+                    formData.append('whichSeries', selectedShow.whichSeries);
+                }
 
-                formData = new FormData(this.$refs.addShowForm);
-            }
+                if (providedInfo.showDir) {
+                    formData.append('fullShowPath', providedInfo.showDir);
+                } else {
+                    formData.append('rootDir', selectedRootDir);
+                }
 
-            this.otherShows.forEach(nextShow => formData.append('other_shows', nextShow));
+                const {
+                    anime,
+                    quality,
+                    release,
+                    scene,
+                    seasonFolders,
+                    status,
+                    statusAfter,
+                    subtitles
+                } = selectedShowOptions;
+
+                // Show options
+                formData.append('defaultStatus', status);
+                formData.append('defaultStatusAfter', statusAfter);
+                formData.append('subtitles', Boolean(subtitles));
+                formData.append('anime', Boolean(anime));
+                formData.append('scene', Boolean(scene));
+                formData.append('season_folders', Boolean(seasonFolders));
+
+                appendArrayToFormData(formData, 'allowed_qualities', quality.allowed);
+                appendArrayToFormData(formData, 'preferred_qualities', quality.preferred);
+
+                appendArrayToFormData(formData, 'whitelist', release.whitelist);
+                appendArrayToFormData(formData, 'blacklist', release.blacklist);
+            }
 
             const response = await apiRoute.post('addShows/addNewShow', formData);
             const { data } = response;
@@ -400,10 +464,27 @@ window.app = new Vue({
                 this.formwizard.loadsection(0); // eslint-disable-line no-use-before-define
             });
         },
-        updateBlackWhiteList() {
-            // Currently requires jQuery
-            if ($ === undefined) return;
-            $.updateBlackWhiteList(this.showName);
+        /**
+         * The formwizard sets a fixed height when the step has been loaded. We need to refresh this on the option
+         * page, when showing/hiding the release groups.
+         */
+        refreshOptionStep() {
+            if (this.formwizard.currentsection === 2) {
+                this.$nextTick(() => this.formwizard.loadsection(2));
+            }
+        },
+        updateOptions(options) {
+            // Update seleted options from add-show-options.vue @change event.
+            this.selectedShowOptions.subtitles = options.subtitles;
+            this.selectedShowOptions.status = options.status;
+            this.selectedShowOptions.statusAfter = options.statusAfter;
+            this.selectedShowOptions.seasonFolders = options.seasonFolders;
+            this.selectedShowOptions.anime = options.anime;
+            this.selectedShowOptions.scene = options.scene;
+            this.selectedShowOptions.release.blacklist = options.release.blacklist;
+            this.selectedShowOptions.release.whitelist = options.release.whitelist;
+            this.selectedShowOptions.quality.allowed = options.quality.allowed;
+            this.selectedShowOptions.quality.preferred = options.quality.preferred;
         }
     }
 });
@@ -418,7 +499,7 @@ window.app = new Vue({
         <div id="core-component-group1" class="tab-pane active component-group">
             <div id="displayText">Adding show <b v-html="showName"></b> {{showPathPreposition}} <b v-html="showPath"></b></div>
             <br>
-            <form id="addShowForm" ref="addShowForm" method="post" action="addShows/addNewShow" accept-charset="utf-8">
+            <form id="addShowForm" @submit.prevent="">
                 <fieldset class="sectionwrap">
                     <legend class="legendStep">Find a show on selected indexer(s)</legend>
                     <div v-if="providedInfo.use" class="stepDiv">
@@ -435,17 +516,14 @@ window.app = new Vue({
                         <span v-else>
                             <b>{{ providedInfo.showName }}</b>
                         </span>
-                        <input type="hidden" name="indexer_lang" :value="providedInfo.indexerLanguage" />
-                        <input type="hidden" name="whichSeries" :value="providedInfo.showId" />
-                        <input type="hidden" name="providedIndexer" :value="providedInfo.indexerId" />
                     </div>
                     <div v-else class="stepDiv">
                         <input type="text" v-model.trim="nameToSearch" ref="nameToSearch" @keyup.enter="searchIndexers" class="form-control form-control-inline input-sm input350"/>
                         &nbsp;&nbsp;
-                        <language-select @update-language="indexerLanguage = $event" ref="indexerLanguage" name="indexer_lang" :language="indexerLanguage" :available="validLanguages.join(',')" class="form-control form-control-inline input-sm"></language-select>
+                        <language-select @update-language="indexerLanguage = $event" ref="indexerLanguage" :language="indexerLanguage" :available="validLanguages.join(',')" class="form-control form-control-inline input-sm"></language-select>
                         <b>*</b>
                         &nbsp;
-                        <select name="providedIndexer" v-model.number="indexerId" class="form-control form-control-inline input-sm">
+                        <select v-model.number="indexerId" class="form-control form-control-inline input-sm">
                             <option v-for="(indexer, indexerId) in indexers" :value="indexerId">{{indexer.name}}</option>
                         </select>
                         &nbsp;
@@ -468,8 +546,7 @@ window.app = new Vue({
                             <table v-if="searchResults.length !== 0" class="search-results">
                                 <thead>
                                     <tr>
-                                        ## @TODO: Remove the need for the whichSeries value
-                                        <th><input v-if="selectedShow !== null" type="hidden" name="whichSeries" :value="selectedShow.whichSeries" /></th>
+                                        <th></th>
                                         <th>Show Name</th>
                                         <th class="premiere">Premiere</th>
                                         <th class="network">Network</th>
@@ -508,7 +585,6 @@ window.app = new Vue({
                     <legend class="legendStep">Pick the parent folder</legend>
                     <div v-if="providedInfo.showDir" class="stepDiv">
                         Pre-chosen Destination Folder: <b>{{ providedInfo.showDir }}</b><br>
-                        <input type="hidden" name="fullShowPath" :value="providedInfo.showDir" /><br>
                     </div>
                     <div v-else class="stepDiv">
                         <root-dirs @update="rootDirsUpdated"></root-dirs>
@@ -517,7 +593,7 @@ window.app = new Vue({
                 <fieldset class="sectionwrap">
                     <legend class="legendStep">Customize options</legend>
                     <div class="stepDiv">
-                        <%include file="/inc_addShowOptions.mako"/>
+                        <add-show-options :show-name="showName" enable-anime-options @change="updateOptions" @refresh="refreshOptionStep"></add-show-options>
                     </div>
                 </fieldset>
             </form>
diff --git a/themes/dark/templates/editShow.mako b/themes/dark/templates/editShow.mako
index af8d6a2341..ee341fc6ad 100644
--- a/themes/dark/templates/editShow.mako
+++ b/themes/dark/templates/editShow.mako
@@ -216,7 +216,7 @@ window.app = new Vue({
                             <label for="defaultEpStatusSelect" class="col-sm-2 control-label">Default Episode Status</label>
                             <div class="col-sm-10 content">
                                 <select name="defaultEpStatus" id="defaultEpStatusSelect" class="form-control form-control-inline input-sm"
-                                    v-model="series.config.defaultEpisodeStatus"/>
+                                    v-model="series.config.defaultEpisodeStatus">
                                     <option v-for="option in defaultEpisodeStatusOptions" :value="option.value">{{ option.text }}</option>
                                 </select>
                                 <div class="clear-left"><p>This will set the status for future episodes.</p></div>
diff --git a/themes/dark/templates/inc_addShowOptions.mako b/themes/dark/templates/inc_addShowOptions.mako
index 61dd499df3..5f59c44513 100644
--- a/themes/dark/templates/inc_addShowOptions.mako
+++ b/themes/dark/templates/inc_addShowOptions.mako
@@ -6,7 +6,7 @@
 %>
         <div class="field-pair alt">
             <label for="customQuality" class="clearfix">
-                <span class="component-title">Preferred Quality</span>
+                <span class="component-title">Quality</span>
                 <span class="component-desc">
                     <quality-chooser></quality-chooser>
                 </span>
@@ -62,7 +62,7 @@
                 <span class="component-title">Anime</span>
                 <span class="component-desc">
                     <input type="checkbox" name="anime" id="anime" ${'checked="checked"' if app.ANIME_DEFAULT else ''} />
-                    <p>Is this show an Anime?<p>
+                    <p>Is this show an Anime?</p>
                 </span>
             </label>
         </div>
diff --git a/themes/dark/templates/vue-components/quality-chooser.mako b/themes/dark/templates/vue-components/quality-chooser.mako
index d0473efd93..98256cf63d 100644
--- a/themes/dark/templates/vue-components/quality-chooser.mako
+++ b/themes/dark/templates/vue-components/quality-chooser.mako
@@ -100,9 +100,6 @@ const QualityChooserComponent = {
             qualityPresetStrings: ${convert(qualityPresetStrings)},
 
             // JS only
-            lock: false,
-            unwatchProp: null,
-
             allowedQualities: [],
             preferredQualities: [],
             seriesSlug: $('#series-slug').attr('value'), // This should be moved to medusa-lib
@@ -181,21 +178,6 @@ const QualityChooserComponent = {
             return html;
         }
     },
-    created() {
-        /**
-         * overallQuality property might receive values originating from the API,
-         * that are sometimes not avaiable when rendering.
-         * @TODO: Maybe we can remove this in the future.
-         */
-        this.unwatchProp = this.$watch('overallQuality', (newValue, oldValue) => {
-            this.unwatchProp();
-
-            this.lock = true;
-            this.selectedQualityPreset = this.keep === 'keep' ? 'keep' : (this.qualityPresets.includes(newValue) ? newValue : 0),
-            this.setQualityFromPreset(this.selectedQualityPreset, newValue);
-            this.$nextTick(() => this.lock = false);
-        });
-    },
     mounted() {
         this.setQualityFromPreset(this.selectedQualityPreset, this.overallQuality);
     },
@@ -235,18 +217,19 @@ const QualityChooserComponent = {
         }
     },
     watch: {
+        overallQuality(newValue) {
+            const { qualityPresets, keep, setQualityFromPreset } = this;
+            this.selectedQualityPreset = keep === 'keep' ? 'keep' : (qualityPresets.includes(newValue) ? newValue : 0),
+            setQualityFromPreset(this.selectedQualityPreset, newValue);
+        },
         selectedQualityPreset(preset, oldPreset) {
             this.setQualityFromPreset(preset, oldPreset);
         },
         allowedQualities(newQuality, oldQuality) {
-            if (!this.lock) {
-                this.$emit('update:quality:allowed', this.allowedQualities.map(quality => parseInt(quality, 10)));
-            }
+            this.$emit('update:quality:allowed', this.allowedQualities.map(quality => parseInt(quality, 10)));
         },
         preferredQualities(newQuality, oldQuality) {
-            if (!this.lock) {
-                this.$emit('update:quality:preferred', this.preferredQualities.map(quality => parseInt(quality, 10)));
-            }
+            this.$emit('update:quality:preferred', this.preferredQualities.map(quality => parseInt(quality, 10)));
         }
     }
 };
diff --git a/themes/light/assets/js/blackwhite.js b/themes/light/assets/js/blackwhite.js
index e2b11fb54e..e986815442 100644
--- a/themes/light/assets/js/blackwhite.js
+++ b/themes/light/assets/js/blackwhite.js
@@ -1,38 +1,3 @@
-function generateBlackWhiteList() { // eslint-disable-line no-unused-vars
-    let realvalues = [];
-
-    $('#white option').each((i, selected) => {
-        realvalues[i] = $(selected).val();
-    });
-    $('#whitelist').val(realvalues.join(','));
-
-    realvalues = [];
-    $('#black option').each((i, selected) => {
-        realvalues[i] = $(selected).val();
-    });
-    $('#blacklist').val(realvalues.join(','));
-}
-
-function updateBlackWhiteList(showName) { // eslint-disable-line no-unused-vars
-    $('#pool').children().remove();
-
-    $('#blackwhitelist').show();
-    if (showName) {
-        $.getJSON('home/fetch_releasegroups', {
-            series_name: showName // eslint-disable-line camelcase
-        }, data => {
-            if (data.result === 'success') {
-                $.each(data.groups, (i, group) => {
-                    const option = $('<option>');
-                    option.prop('value', group.name);
-                    option.html(group.name + ' | ' + group.rating + ' | ' + group.range);
-                    option.appendTo('#pool');
-                });
-            }
-        });
-    }
-}
-
 $(document).ready(() => {
     $('#removeW').on('click', () => {
         !$('#white option:selected').remove().appendTo('#pool'); // eslint-disable-line no-unused-expressions
diff --git a/themes/light/assets/js/index.js b/themes/light/assets/js/index.js
index a31d17b5e5..cd11592d18 100644
--- a/themes/light/assets/js/index.js
+++ b/themes/light/assets/js/index.js
@@ -8,7 +8,7 @@
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! jquery */ \"./node_modules/jquery/dist/jquery.js\");\n/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(jquery__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var bootstrap__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! bootstrap */ \"./node_modules/bootstrap/dist/js/npm.js\");\n/* harmony import */ var bootstrap__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(bootstrap__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var bootstrap_dist_css_bootstrap_min_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! bootstrap/dist/css/bootstrap.min.css */ \"./node_modules/bootstrap/dist/css/bootstrap.min.css\");\n/* harmony import */ var bootstrap_dist_css_bootstrap_min_css__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(bootstrap_dist_css_bootstrap_min_css__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _css_open_sans_css__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./css/open-sans.css */ \"./src/css/open-sans.css\");\n/* harmony import */ var _css_open_sans_css__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_css_open_sans_css__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! vue */ \"./node_modules/vue/dist/vue.esm.js\");\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var vue_meta__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! vue-meta */ \"./node_modules/vue-meta/lib/vue-meta.js\");\n/* harmony import */ var vue_meta__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(vue_meta__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var vue_router__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! vue-router */ \"./node_modules/vue-router/dist/vue-router.esm.js\");\n/* harmony import */ var vue_native_websocket__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! vue-native-websocket */ \"./node_modules/vue-native-websocket/dist/build.js\");\n/* harmony import */ var vue_native_websocket__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(vue_native_websocket__WEBPACK_IMPORTED_MODULE_8__);\n/* harmony import */ var vue_async_computed__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! vue-async-computed */ \"./node_modules/vue-async-computed/dist/vue-async-computed.js\");\n/* harmony import */ var vue_async_computed__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(vue_async_computed__WEBPACK_IMPORTED_MODULE_9__);\n/* harmony import */ var vue_js_toggle_button__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! vue-js-toggle-button */ \"./node_modules/vue-js-toggle-button/dist/index.js\");\n/* harmony import */ var vue_js_toggle_button__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(vue_js_toggle_button__WEBPACK_IMPORTED_MODULE_10__);\n/* harmony import */ var vue_snotify__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! vue-snotify */ \"./node_modules/vue-snotify/vue-snotify.esm.js\");\n/* harmony import */ var vue_truncate_collapsed__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! vue-truncate-collapsed */ \"./node_modules/vue-truncate-collapsed/dist/vue-truncate-collapsed.es.js\");\n/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! axios */ \"./node_modules/axios/index.js\");\n/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(axios__WEBPACK_IMPORTED_MODULE_13__);\n/* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! lodash/debounce */ \"./node_modules/lodash/debounce.js\");\n/* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(lodash_debounce__WEBPACK_IMPORTED_MODULE_14__);\n/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./store */ \"./src/store/index.js\");\n/* harmony import */ var _router__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./router */ \"./src/router.js\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./utils */ \"./src/utils.js\");\n/* harmony import */ var _api__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./api */ \"./src/api.js\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./components */ \"./src/components/index.js\");\n\n // eslint-disable-line import/no-unassigned-import\n\n // eslint-disable-line import/no-unassigned-import\n\n // eslint-disable-line import/no-unassigned-import\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nif (window) {\n  window.isDevelopment = _utils__WEBPACK_IMPORTED_MODULE_17__[\"isDevelopment\"]; // Adding libs to window so mako files can use them\n\n  window.$ = jquery__WEBPACK_IMPORTED_MODULE_0___default.a;\n  window.jQuery = jquery__WEBPACK_IMPORTED_MODULE_0___default.a;\n  window.Vue = vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"];\n  window.Vuex = vuex__WEBPACK_IMPORTED_MODULE_5__[\"default\"];\n  window.VueMeta = vue_meta__WEBPACK_IMPORTED_MODULE_6___default.a;\n  window.VueRouter = vue_router__WEBPACK_IMPORTED_MODULE_7__[\"default\"];\n  window.VueNativeSock = vue_native_websocket__WEBPACK_IMPORTED_MODULE_8___default.a;\n  window.AsyncComputed = vue_async_computed__WEBPACK_IMPORTED_MODULE_9___default.a;\n  window.ToggleButton = vue_js_toggle_button__WEBPACK_IMPORTED_MODULE_10___default.a;\n  window.Snotify = vue_snotify__WEBPACK_IMPORTED_MODULE_11__[\"default\"];\n  window.Truncate = vue_truncate_collapsed__WEBPACK_IMPORTED_MODULE_12__[\"default\"];\n  window.axios = axios__WEBPACK_IMPORTED_MODULE_13___default.a;\n  window._ = {\n    debounce: lodash_debounce__WEBPACK_IMPORTED_MODULE_14___default.a\n  };\n  window.store = _store__WEBPACK_IMPORTED_MODULE_15__[\"default\"];\n  window.router = _router__WEBPACK_IMPORTED_MODULE_16__[\"default\"];\n  window.apiRoute = _api__WEBPACK_IMPORTED_MODULE_18__[\"apiRoute\"];\n  window.apiv1 = _api__WEBPACK_IMPORTED_MODULE_18__[\"apiv1\"];\n  window.api = _api__WEBPACK_IMPORTED_MODULE_18__[\"api\"];\n  window.MEDUSA = {\n    common: {},\n    config: {},\n    home: {},\n    manage: {},\n    addShows: {}\n  };\n  window.webRoot = _api__WEBPACK_IMPORTED_MODULE_18__[\"webRoot\"];\n  window.apiKey = _api__WEBPACK_IMPORTED_MODULE_18__[\"apiKey\"];\n  window.apiRoot = _api__WEBPACK_IMPORTED_MODULE_18__[\"webRoot\"] + '/api/v2/'; // Push pages that load via a vue file but still use `el` for mounting\n\n  window.components = [];\n  window.components.push(_components__WEBPACK_IMPORTED_MODULE_19__[\"AnidbReleaseGroupUi\"]);\n  window.components.push(_components__WEBPACK_IMPORTED_MODULE_19__[\"AppHeader\"]);\n  window.components.push(_components__WEBPACK_IMPORTED_MODULE_19__[\"AppLink\"]);\n  window.components.push(_components__WEBPACK_IMPORTED_MODULE_19__[\"Asset\"]);\n  window.components.push(_components__WEBPACK_IMPORTED_MODULE_19__[\"Backstretch\"]);\n  window.components.push(_components__WEBPACK_IMPORTED_MODULE_19__[\"DisplayShow\"]);\n  window.components.push(_components__WEBPACK_IMPORTED_MODULE_19__[\"FileBrowser\"]);\n  window.components.push(_components__WEBPACK_IMPORTED_MODULE_19__[\"Home\"]);\n  window.components.push(_components__WEBPACK_IMPORTED_MODULE_19__[\"LanguageSelect\"]);\n  window.components.push(_components__WEBPACK_IMPORTED_MODULE_19__[\"ManualPostProcess\"]);\n  window.components.push(_components__WEBPACK_IMPORTED_MODULE_19__[\"NamePattern\"]);\n  window.components.push(_components__WEBPACK_IMPORTED_MODULE_19__[\"PlotInfo\"]);\n  window.components.push(_components__WEBPACK_IMPORTED_MODULE_19__[\"RootDirs\"]);\n  window.components.push(_components__WEBPACK_IMPORTED_MODULE_19__[\"ScrollButtons\"]);\n  window.components.push(_components__WEBPACK_IMPORTED_MODULE_19__[\"SelectList\"]);\n  window.components.push(_components__WEBPACK_IMPORTED_MODULE_19__[\"ShowSelector\"]);\n  window.components.push(_components__WEBPACK_IMPORTED_MODULE_19__[\"SnatchSelection\"]);\n  window.components.push(_components__WEBPACK_IMPORTED_MODULE_19__[\"Status\"]);\n}\n\nvar UTIL = {\n  exec: function exec(controller, action) {\n    var ns = MEDUSA;\n    action = action === undefined ? 'init' : action;\n\n    if (controller !== '' && ns[controller] && typeof ns[controller][action] === 'function') {\n      ns[controller][action]();\n    }\n  },\n  init: function init() {\n    if (typeof startVue === 'function') {\n      // eslint-disable-line no-undef\n      startVue(); // eslint-disable-line no-undef\n    } else {\n      jquery__WEBPACK_IMPORTED_MODULE_0___default()('[v-cloak]').removeAttr('v-cloak');\n    }\n\n    var _document = document,\n        body = _document.body;\n    jquery__WEBPACK_IMPORTED_MODULE_0___default()('[asset]').each(function () {\n      var asset = jquery__WEBPACK_IMPORTED_MODULE_0___default()(this).attr('asset');\n      var show = jquery__WEBPACK_IMPORTED_MODULE_0___default()(this).attr('series');\n      var path = apiRoot + 'series/' + show + '/asset/' + asset + '?api_key=' + _api__WEBPACK_IMPORTED_MODULE_18__[\"apiKey\"];\n\n      if (this.tagName.toLowerCase() === 'img') {\n        var defaultPath = jquery__WEBPACK_IMPORTED_MODULE_0___default()(this).attr('src');\n\n        if (jquery__WEBPACK_IMPORTED_MODULE_0___default()(this).attr('lazy') === 'on') {\n          jquery__WEBPACK_IMPORTED_MODULE_0___default()(this).attr('data-original', path);\n        } else {\n          jquery__WEBPACK_IMPORTED_MODULE_0___default()(this).attr('src', path);\n        }\n\n        jquery__WEBPACK_IMPORTED_MODULE_0___default()(this).attr('onerror', 'this.src = \"' + defaultPath + '\"; return false;');\n      }\n\n      if (this.tagName.toLowerCase() === 'a') {\n        jquery__WEBPACK_IMPORTED_MODULE_0___default()(this).attr('href', path);\n      }\n    });\n    var controller = body.getAttribute('data-controller');\n    var action = body.getAttribute('data-action');\n    UTIL.exec('common'); // Load common\n\n    UTIL.exec(controller); // Load MEDUSA[controller]\n\n    UTIL.exec(controller, action); // Load MEDUSA[controller][action]\n\n    window.dispatchEvent(new Event('medusa-loaded'));\n  }\n};\njquery__WEBPACK_IMPORTED_MODULE_0___default.a.fn.extend({\n  addRemoveWarningClass: function addRemoveWarningClass(_) {\n    if (_) {\n      return jquery__WEBPACK_IMPORTED_MODULE_0___default()(this).removeClass('warning');\n    }\n\n    return jquery__WEBPACK_IMPORTED_MODULE_0___default()(this).addClass('warning');\n  }\n});\nvar pathname = window.location.pathname;\n\nif (!pathname.includes('/login') && !pathname.includes('/apibuilder')) {\n  _api__WEBPACK_IMPORTED_MODULE_18__[\"api\"].get('config/main').then(function (response) {\n    jquery__WEBPACK_IMPORTED_MODULE_0___default.a.extend(MEDUSA.config, response.data);\n    MEDUSA.config.themeSpinner = MEDUSA.config.themeName === 'dark' ? '-dark' : '';\n    MEDUSA.config.loading = '<img src=\"images/loading16' + MEDUSA.config.themeSpinner + '.gif\" height=\"16\" width=\"16\" />';\n\n    if (navigator.userAgent.indexOf('PhantomJS') === -1) {\n      jquery__WEBPACK_IMPORTED_MODULE_0___default()(document).ready(UTIL.init);\n    }\n\n    MEDUSA.config.indexers.indexerIdToName = function (indexerId) {\n      if (!indexerId) {\n        return '';\n      }\n\n      return Object.keys(MEDUSA.config.indexers.config.indexers).filter(function (indexer) {\n        // eslint-disable-line array-callback-return\n        if (MEDUSA.config.indexers.config.indexers[indexer].id === parseInt(indexerId, 10)) {\n          return MEDUSA.config.indexers.config.indexers[indexer].name;\n        }\n      })[0];\n    };\n\n    MEDUSA.config.indexers.nameToIndexerId = function (name) {\n      if (!name) {\n        return '';\n      }\n\n      return MEDUSA.config.indexers.config.indexers[name];\n    };\n  }).catch(function (error) {\n    console.debug(error);\n    alert('Unable to connect to Medusa!'); // eslint-disable-line no-alert\n  });\n}\n\n//# sourceURL=webpack:///./src/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! jquery */ \"./node_modules/jquery/dist/jquery.js\");\n/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(jquery__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var bootstrap__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! bootstrap */ \"./node_modules/bootstrap/dist/js/npm.js\");\n/* harmony import */ var bootstrap__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(bootstrap__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var bootstrap_dist_css_bootstrap_min_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! bootstrap/dist/css/bootstrap.min.css */ \"./node_modules/bootstrap/dist/css/bootstrap.min.css\");\n/* harmony import */ var bootstrap_dist_css_bootstrap_min_css__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(bootstrap_dist_css_bootstrap_min_css__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _css_open_sans_css__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./css/open-sans.css */ \"./src/css/open-sans.css\");\n/* harmony import */ var _css_open_sans_css__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_css_open_sans_css__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! vue */ \"./node_modules/vue/dist/vue.esm.js\");\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var vue_meta__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! vue-meta */ \"./node_modules/vue-meta/lib/vue-meta.js\");\n/* harmony import */ var vue_meta__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(vue_meta__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var vue_router__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! vue-router */ \"./node_modules/vue-router/dist/vue-router.esm.js\");\n/* harmony import */ var vue_native_websocket__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! vue-native-websocket */ \"./node_modules/vue-native-websocket/dist/build.js\");\n/* harmony import */ var vue_native_websocket__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(vue_native_websocket__WEBPACK_IMPORTED_MODULE_8__);\n/* harmony import */ var vue_async_computed__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! vue-async-computed */ \"./node_modules/vue-async-computed/dist/vue-async-computed.js\");\n/* harmony import */ var vue_async_computed__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(vue_async_computed__WEBPACK_IMPORTED_MODULE_9__);\n/* harmony import */ var vue_js_toggle_button__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! vue-js-toggle-button */ \"./node_modules/vue-js-toggle-button/dist/index.js\");\n/* harmony import */ var vue_js_toggle_button__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(vue_js_toggle_button__WEBPACK_IMPORTED_MODULE_10__);\n/* harmony import */ var vue_snotify__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! vue-snotify */ \"./node_modules/vue-snotify/vue-snotify.esm.js\");\n/* harmony import */ var vue_truncate_collapsed__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! vue-truncate-collapsed */ \"./node_modules/vue-truncate-collapsed/dist/vue-truncate-collapsed.es.js\");\n/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! axios */ \"./node_modules/axios/index.js\");\n/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(axios__WEBPACK_IMPORTED_MODULE_13__);\n/* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! lodash/debounce */ \"./node_modules/lodash/debounce.js\");\n/* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(lodash_debounce__WEBPACK_IMPORTED_MODULE_14__);\n/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./store */ \"./src/store/index.js\");\n/* harmony import */ var _router__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./router */ \"./src/router.js\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./utils */ \"./src/utils.js\");\n/* harmony import */ var _api__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./api */ \"./src/api.js\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./components */ \"./src/components/index.js\");\n\n // eslint-disable-line import/no-unassigned-import\n\n // eslint-disable-line import/no-unassigned-import\n\n // eslint-disable-line import/no-unassigned-import\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nif (window) {\n  window.isDevelopment = _utils__WEBPACK_IMPORTED_MODULE_17__[\"isDevelopment\"]; // Adding libs to window so mako files can use them\n\n  window.$ = jquery__WEBPACK_IMPORTED_MODULE_0___default.a;\n  window.jQuery = jquery__WEBPACK_IMPORTED_MODULE_0___default.a;\n  window.Vue = vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"];\n  window.Vuex = vuex__WEBPACK_IMPORTED_MODULE_5__[\"default\"];\n  window.VueMeta = vue_meta__WEBPACK_IMPORTED_MODULE_6___default.a;\n  window.VueRouter = vue_router__WEBPACK_IMPORTED_MODULE_7__[\"default\"];\n  window.VueNativeSock = vue_native_websocket__WEBPACK_IMPORTED_MODULE_8___default.a;\n  window.AsyncComputed = vue_async_computed__WEBPACK_IMPORTED_MODULE_9___default.a;\n  window.ToggleButton = vue_js_toggle_button__WEBPACK_IMPORTED_MODULE_10___default.a;\n  window.Snotify = vue_snotify__WEBPACK_IMPORTED_MODULE_11__[\"default\"];\n  window.Truncate = vue_truncate_collapsed__WEBPACK_IMPORTED_MODULE_12__[\"default\"];\n  window.axios = axios__WEBPACK_IMPORTED_MODULE_13___default.a;\n  window._ = {\n    debounce: lodash_debounce__WEBPACK_IMPORTED_MODULE_14___default.a\n  };\n  window.store = _store__WEBPACK_IMPORTED_MODULE_15__[\"default\"];\n  window.router = _router__WEBPACK_IMPORTED_MODULE_16__[\"default\"];\n  window.apiRoute = _api__WEBPACK_IMPORTED_MODULE_18__[\"apiRoute\"];\n  window.apiv1 = _api__WEBPACK_IMPORTED_MODULE_18__[\"apiv1\"];\n  window.api = _api__WEBPACK_IMPORTED_MODULE_18__[\"api\"];\n  window.MEDUSA = {\n    common: {},\n    config: {},\n    home: {},\n    manage: {},\n    addShows: {}\n  };\n  window.webRoot = _api__WEBPACK_IMPORTED_MODULE_18__[\"webRoot\"];\n  window.apiKey = _api__WEBPACK_IMPORTED_MODULE_18__[\"apiKey\"];\n  window.apiRoot = _api__WEBPACK_IMPORTED_MODULE_18__[\"webRoot\"] + '/api/v2/'; // Push pages that load via a vue file but still use `el` for mounting\n\n  window.components = [];\n  window.components.push(_components__WEBPACK_IMPORTED_MODULE_19__[\"AddShowOptions\"]);\n  window.components.push(_components__WEBPACK_IMPORTED_MODULE_19__[\"AnidbReleaseGroupUi\"]);\n  window.components.push(_components__WEBPACK_IMPORTED_MODULE_19__[\"AppHeader\"]);\n  window.components.push(_components__WEBPACK_IMPORTED_MODULE_19__[\"AppLink\"]);\n  window.components.push(_components__WEBPACK_IMPORTED_MODULE_19__[\"Asset\"]);\n  window.components.push(_components__WEBPACK_IMPORTED_MODULE_19__[\"Backstretch\"]);\n  window.components.push(_components__WEBPACK_IMPORTED_MODULE_19__[\"DisplayShow\"]);\n  window.components.push(_components__WEBPACK_IMPORTED_MODULE_19__[\"FileBrowser\"]);\n  window.components.push(_components__WEBPACK_IMPORTED_MODULE_19__[\"Home\"]);\n  window.components.push(_components__WEBPACK_IMPORTED_MODULE_19__[\"LanguageSelect\"]);\n  window.components.push(_components__WEBPACK_IMPORTED_MODULE_19__[\"ManualPostProcess\"]);\n  window.components.push(_components__WEBPACK_IMPORTED_MODULE_19__[\"NamePattern\"]);\n  window.components.push(_components__WEBPACK_IMPORTED_MODULE_19__[\"PlotInfo\"]);\n  window.components.push(_components__WEBPACK_IMPORTED_MODULE_19__[\"RootDirs\"]);\n  window.components.push(_components__WEBPACK_IMPORTED_MODULE_19__[\"ScrollButtons\"]);\n  window.components.push(_components__WEBPACK_IMPORTED_MODULE_19__[\"SelectList\"]);\n  window.components.push(_components__WEBPACK_IMPORTED_MODULE_19__[\"ShowSelector\"]);\n  window.components.push(_components__WEBPACK_IMPORTED_MODULE_19__[\"SnatchSelection\"]);\n  window.components.push(_components__WEBPACK_IMPORTED_MODULE_19__[\"Status\"]);\n}\n\nvar UTIL = {\n  exec: function exec(controller, action) {\n    var ns = MEDUSA;\n    action = action === undefined ? 'init' : action;\n\n    if (controller !== '' && ns[controller] && typeof ns[controller][action] === 'function') {\n      ns[controller][action]();\n    }\n  },\n  init: function init() {\n    if (typeof startVue === 'function') {\n      // eslint-disable-line no-undef\n      startVue(); // eslint-disable-line no-undef\n    } else {\n      jquery__WEBPACK_IMPORTED_MODULE_0___default()('[v-cloak]').removeAttr('v-cloak');\n    }\n\n    var _document = document,\n        body = _document.body;\n    jquery__WEBPACK_IMPORTED_MODULE_0___default()('[asset]').each(function () {\n      var asset = jquery__WEBPACK_IMPORTED_MODULE_0___default()(this).attr('asset');\n      var show = jquery__WEBPACK_IMPORTED_MODULE_0___default()(this).attr('series');\n      var path = apiRoot + 'series/' + show + '/asset/' + asset + '?api_key=' + _api__WEBPACK_IMPORTED_MODULE_18__[\"apiKey\"];\n\n      if (this.tagName.toLowerCase() === 'img') {\n        var defaultPath = jquery__WEBPACK_IMPORTED_MODULE_0___default()(this).attr('src');\n\n        if (jquery__WEBPACK_IMPORTED_MODULE_0___default()(this).attr('lazy') === 'on') {\n          jquery__WEBPACK_IMPORTED_MODULE_0___default()(this).attr('data-original', path);\n        } else {\n          jquery__WEBPACK_IMPORTED_MODULE_0___default()(this).attr('src', path);\n        }\n\n        jquery__WEBPACK_IMPORTED_MODULE_0___default()(this).attr('onerror', 'this.src = \"' + defaultPath + '\"; return false;');\n      }\n\n      if (this.tagName.toLowerCase() === 'a') {\n        jquery__WEBPACK_IMPORTED_MODULE_0___default()(this).attr('href', path);\n      }\n    });\n    var controller = body.getAttribute('data-controller');\n    var action = body.getAttribute('data-action');\n    UTIL.exec('common'); // Load common\n\n    UTIL.exec(controller); // Load MEDUSA[controller]\n\n    UTIL.exec(controller, action); // Load MEDUSA[controller][action]\n\n    window.dispatchEvent(new Event('medusa-loaded'));\n  }\n};\njquery__WEBPACK_IMPORTED_MODULE_0___default.a.fn.extend({\n  addRemoveWarningClass: function addRemoveWarningClass(_) {\n    if (_) {\n      return jquery__WEBPACK_IMPORTED_MODULE_0___default()(this).removeClass('warning');\n    }\n\n    return jquery__WEBPACK_IMPORTED_MODULE_0___default()(this).addClass('warning');\n  }\n});\nvar pathname = window.location.pathname;\n\nif (!pathname.includes('/login') && !pathname.includes('/apibuilder')) {\n  _api__WEBPACK_IMPORTED_MODULE_18__[\"api\"].get('config/main').then(function (response) {\n    jquery__WEBPACK_IMPORTED_MODULE_0___default.a.extend(MEDUSA.config, response.data);\n    MEDUSA.config.themeSpinner = MEDUSA.config.themeName === 'dark' ? '-dark' : '';\n    MEDUSA.config.loading = '<img src=\"images/loading16' + MEDUSA.config.themeSpinner + '.gif\" height=\"16\" width=\"16\" />';\n\n    if (navigator.userAgent.indexOf('PhantomJS') === -1) {\n      jquery__WEBPACK_IMPORTED_MODULE_0___default()(document).ready(UTIL.init);\n    }\n\n    MEDUSA.config.indexers.indexerIdToName = function (indexerId) {\n      if (!indexerId) {\n        return '';\n      }\n\n      return Object.keys(MEDUSA.config.indexers.config.indexers).filter(function (indexer) {\n        // eslint-disable-line array-callback-return\n        if (MEDUSA.config.indexers.config.indexers[indexer].id === parseInt(indexerId, 10)) {\n          return MEDUSA.config.indexers.config.indexers[indexer].name;\n        }\n      })[0];\n    };\n\n    MEDUSA.config.indexers.nameToIndexerId = function (name) {\n      if (!name) {\n        return '';\n      }\n\n      return MEDUSA.config.indexers.config.indexers[name];\n    };\n  }).catch(function (error) {\n    console.debug(error);\n    alert('Unable to connect to Medusa!'); // eslint-disable-line no-alert\n  });\n}\n\n//# sourceURL=webpack:///./src/index.js?");
 
 /***/ })
 
diff --git a/themes/light/assets/js/vendors.js b/themes/light/assets/js/vendors.js
index 460e5f9a5f..6e8e2d511f 100644
--- a/themes/light/assets/js/vendors.js
+++ b/themes/light/assets/js/vendors.js
@@ -463,6 +463,18 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _app
 
 /***/ }),
 
+/***/ "./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js?!./src/components/add-show-options.vue?vue&type=script&lang=js&":
+/*!********************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/add-show-options.vue?vue&type=script&lang=js& ***!
+  \********************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (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 _api__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../api */ \"./src/api.js\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils */ \"./src/utils.js\");\n/* harmony import */ var _config_toggle_slider_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./config-toggle-slider.vue */ \"./src/components/config-toggle-slider.vue\");\n/* harmony import */ var _anidb_release_group_ui_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./anidb-release-group-ui.vue */ \"./src/components/anidb-release-group-ui.vue\");\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\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: 'add-show-options',\n  components: {\n    AnidbReleaseGroupUi: _anidb_release_group_ui_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n    ConfigToggleSlider: _config_toggle_slider_vue__WEBPACK_IMPORTED_MODULE_3__[\"default\"] // @TODO: Add `QualityChooser`\n\n  },\n  props: {\n    showName: {\n      type: String,\n      default: '',\n      required: false\n    },\n    enableAnimeOptions: {\n      type: Boolean,\n      default: false\n    }\n  },\n  data: function data() {\n    return {\n      saving: false,\n      selectedStatus: null,\n      selectedStatusAfter: null,\n      quality: {\n        allowed: [],\n        preferred: []\n      },\n      selectedSubtitleEnabled: false,\n      selectedSeasonFoldersEnabled: false,\n      selectedAnimeEnabled: false,\n      selectedSceneEnabled: false,\n      release: {\n        blacklist: [],\n        whitelist: [],\n        allgroups: []\n      }\n    };\n  },\n  mounted: function mounted() {\n    var _this = this;\n\n    var defaultConfig = this.defaultConfig,\n        update = this.update;\n    this.selectedStatus = defaultConfig.status;\n    this.selectedStatusAfter = defaultConfig.statusAfter;\n    this.$nextTick(function () {\n      return update();\n    });\n    this.$watch(function (vm) {\n      return [vm.selectedStatus, vm.selectedStatusAfter, vm.selectedSubtitleEnabled, vm.selectedSeasonFoldersEnabled, vm.selectedSceneEnabled].join();\n    }, function () {\n      _this.update();\n    });\n  },\n  methods: {\n    getReleaseGroups: function getReleaseGroups(showName) {\n      var _this2 = this;\n\n      var params = {\n        series_name: showName // eslint-disable-line camelcase\n\n      };\n      return _api__WEBPACK_IMPORTED_MODULE_1__[\"apiRoute\"].get('home/fetch_releasegroups', {\n        params: params,\n        timeout: 30000\n      }).then(function (response) {\n        return response.data;\n      }).catch(function (error) {\n        _this2.$snotify.warning(\"Error while trying to fetch release groups for show \\\"\".concat(showName, \"\\\": \").concat(error || 'Unknown'), 'Error');\n\n        console.warn(error);\n        return null;\n      });\n    },\n    update: function update() {\n      var _this3 = this;\n\n      var selectedSubtitleEnabled = this.selectedSubtitleEnabled,\n          selectedStatus = this.selectedStatus,\n          selectedStatusAfter = this.selectedStatusAfter,\n          selectedSeasonFoldersEnabled = this.selectedSeasonFoldersEnabled,\n          selectedAnimeEnabled = this.selectedAnimeEnabled,\n          selectedSceneEnabled = this.selectedSceneEnabled,\n          release = this.release,\n          quality = this.quality;\n      this.$nextTick(function () {\n        _this3.$emit('change', {\n          subtitles: selectedSubtitleEnabled,\n          status: selectedStatus,\n          statusAfter: selectedStatusAfter,\n          seasonFolders: selectedSeasonFoldersEnabled,\n          anime: selectedAnimeEnabled,\n          scene: selectedSceneEnabled,\n          release: release,\n          quality: quality\n        });\n      });\n    },\n    onChangeReleaseGroupsAnime: function onChangeReleaseGroupsAnime(items) {\n      this.release.whitelist = items.filter(function (item) {\n        return item.memberOf === 'whitelist';\n      }).map(function (item) {\n        return item.name;\n      });\n      this.release.blacklist = items.filter(function (item) {\n        return item.memberOf === 'blacklist';\n      }).map(function (item) {\n        return item.name;\n      });\n      this.update();\n    },\n    saveDefaults: function saveDefaults() {\n      var _this4 = this;\n\n      var $store = this.$store,\n          selectedStatus = this.selectedStatus,\n          selectedStatusAfter = this.selectedStatusAfter,\n          combinedQualities = this.combinedQualities,\n          selectedSubtitleEnabled = this.selectedSubtitleEnabled,\n          selectedSeasonFoldersEnabled = this.selectedSeasonFoldersEnabled,\n          selectedAnimeEnabled = this.selectedAnimeEnabled,\n          selectedSceneEnabled = this.selectedSceneEnabled;\n      var section = 'main';\n      var config = {\n        showDefaults: {\n          status: selectedStatus,\n          statusAfter: selectedStatusAfter,\n          quality: combinedQualities,\n          subtitles: selectedSubtitleEnabled,\n          seasonFolders: selectedSeasonFoldersEnabled,\n          anime: selectedAnimeEnabled,\n          scene: selectedSceneEnabled\n        }\n      };\n      this.saving = true;\n      $store.dispatch('setConfig', {\n        section: section,\n        config: config\n      }).then(function () {\n        _this4.$snotify.success('Your \"add show\" defaults have been set to your current selections.', 'Saved Defaults');\n      }).catch(function (error) {\n        _this4.$snotify.error('Error while trying to save \"add show\" defaults: ' + error.message || 'Unknown', 'Error');\n      }).finally(function () {\n        _this4.saving = false;\n      });\n    }\n  },\n  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapState\"])({\n    defaultConfig: function defaultConfig(state) {\n      return state.config.showDefaults;\n    },\n    namingForceFolders: function namingForceFolders(state) {\n      return state.config.namingForceFolders;\n    },\n    subtitlesEnabled: function subtitlesEnabled(state) {\n      return state.config.subtitles.enabled;\n    },\n    episodeStatuses: function episodeStatuses(state) {\n      return state.statuses;\n    }\n  }), {\n    defaultEpisodeStatusOptions: function defaultEpisodeStatusOptions() {\n      var _this$episodeStatuses = this.episodeStatuses,\n          strings = _this$episodeStatuses.strings,\n          values = _this$episodeStatuses.values;\n      var skipped = values.skipped,\n          wanted = values.wanted,\n          ignored = values.ignored;\n      return [skipped, wanted, ignored].map(function (value) {\n        return {\n          value: value,\n          text: strings[value]\n        };\n      });\n    },\n\n    /**\n     * Calculate the combined value of the selected qualities.\n     * @returns {number} - An unsigned integer.\n     */\n    combinedQualities: function combinedQualities() {\n      var quality = this.quality;\n      var allowed = quality.allowed,\n          preferred = quality.preferred;\n      return Object(_utils__WEBPACK_IMPORTED_MODULE_2__[\"combineQualities\"])(allowed, preferred);\n    },\n\n    /**\n     * Check if any changes were made to determine if the \"Save Defaults\" button should be enabled.\n     * @returns {boolean} - Should the save default buttons be disabled?\n     */\n    saveDefaultsDisabled: function saveDefaultsDisabled() {\n      var enableAnimeOptions = this.enableAnimeOptions,\n          defaultConfig = this.defaultConfig,\n          namingForceFolders = this.namingForceFolders,\n          selectedStatus = this.selectedStatus,\n          selectedStatusAfter = this.selectedStatusAfter,\n          combinedQualities = this.combinedQualities,\n          selectedSeasonFoldersEnabled = this.selectedSeasonFoldersEnabled,\n          selectedSubtitleEnabled = this.selectedSubtitleEnabled,\n          selectedAnimeEnabled = this.selectedAnimeEnabled,\n          selectedSceneEnabled = this.selectedSceneEnabled;\n      return [selectedStatus === defaultConfig.status, selectedStatusAfter === defaultConfig.statusAfter, combinedQualities === defaultConfig.quality, selectedSeasonFoldersEnabled === (defaultConfig.seasonFolders || namingForceFolders), selectedSubtitleEnabled === defaultConfig.subtitles, !enableAnimeOptions || selectedAnimeEnabled === defaultConfig.anime, selectedSceneEnabled === defaultConfig.scene].every(Boolean);\n    }\n  }),\n  asyncComputed: {\n    releaseGroups: function releaseGroups() {\n      var selectedAnimeEnabled = this.selectedAnimeEnabled,\n          showName = this.showName;\n\n      if (!selectedAnimeEnabled || !showName) {\n        return Promise.resolve([]);\n      }\n\n      return this.getReleaseGroups(showName).then(function (result) {\n        if (result.groups) {\n          return result.groups;\n        }\n      });\n    }\n  },\n  watch: {\n    releaseGroups: function releaseGroups(groups) {\n      this.release.allgroups = groups;\n    },\n    release: {\n      handler: function handler() {\n        this.update();\n      },\n      deep: true,\n      immediate: false\n    },\n\n    /**\n     * Whenever something changes that can impact the height of the component,\n     * we need to update the parent formWizard, and make it resize.\n     */\n    quality: {\n      handler: function handler() {\n        this.$emit('refresh');\n        this.update();\n      },\n      deep: true,\n      immediate: false\n    },\n    selectedAnimeEnabled: function selectedAnimeEnabled() {\n      this.$emit('refresh');\n      this.update();\n    },\n    defaultConfig: function defaultConfig(newValue) {\n      this.selectedStatus = newValue.status;\n      this.selectedStatusAfter = newValue.statusAfter;\n    }\n  }\n});\n\n//# sourceURL=webpack:///./src/components/add-show-options.vue?./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options");
+
+/***/ }),
+
 /***/ "./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js?!./src/components/add-shows.vue?vue&type=script&lang=js&":
 /*!*************************************************************************************************************************************************!*\
   !*** ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/add-shows.vue?vue&type=script&lang=js& ***!
@@ -483,7 +495,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _app
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\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: 'anidb-release-group-ui',\n  props: {\n    blacklist: {\n      type: Array,\n      default: function _default() {\n        return [];\n      }\n    },\n    whitelist: {\n      type: Array,\n      default: function _default() {\n        return [];\n      }\n    },\n    allGroups: {\n      type: Array,\n      default: function _default() {\n        return [];\n      }\n    }\n  },\n  data: function data() {\n    return {\n      index: 0,\n      allReleaseGroups: [],\n      newGroup: ''\n    };\n  },\n  mounted: function mounted() {\n    this.createIndexedObjects(this.blacklist, 'blacklist');\n    this.createIndexedObjects(this.whitelist, 'whitelist');\n    this.createIndexedObjects(this.allGroups, 'releasegroups');\n  },\n  methods: {\n    toggleItem: function toggleItem(release) {\n      this.allReleaseGroups = this.allReleaseGroups.map(function (x) {\n        if (x.id === release.id) {\n          x.toggled = !x.toggled;\n        }\n\n        return x;\n      });\n    },\n    createIndexedObjects: function createIndexedObjects(releaseGroups, list) {\n      var _iteratorNormalCompletion = true;\n      var _didIteratorError = false;\n      var _iteratorError = undefined;\n\n      try {\n        for (var _iterator = releaseGroups[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {\n          var release = _step.value;\n\n          // Whitelist and blacklist pass an array of strings not objects.\n          if (typeof release === 'string') {\n            release = {\n              name: release\n            };\n          } // Merge the passed object with some additional information.\n\n\n          var itemAsObject = Object.assign({\n            id: this.index,\n            toggled: false,\n            memberOf: list\n          }, release);\n          this.allReleaseGroups.push(itemAsObject);\n          this.index += 1; // Increment the counter for our next item.\n        }\n      } catch (err) {\n        _didIteratorError = true;\n        _iteratorError = err;\n      } finally {\n        try {\n          if (!_iteratorNormalCompletion && _iterator.return != null) {\n            _iterator.return();\n          }\n        } finally {\n          if (_didIteratorError) {\n            throw _iteratorError;\n          }\n        }\n      }\n    },\n    moveToList: function moveToList(list) {\n      var _this = this;\n\n      // Only move items that have been toggled and that are not yet in that list.\n      // It's matching them by item.name.\n      var _iteratorNormalCompletion2 = true;\n      var _didIteratorError2 = false;\n      var _iteratorError2 = undefined;\n\n      try {\n        var _loop = function _loop() {\n          var group = _step2.value;\n          var inList = _this.allReleaseGroups.find(function (releaseGroup) {\n            return releaseGroup.memberOf === list && releaseGroup.name === group.name;\n          }) !== undefined;\n\n          if (group.toggled && !inList) {\n            group.toggled = false;\n            group.memberOf = list;\n          }\n        };\n\n        for (var _iterator2 = this.allReleaseGroups[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {\n          _loop();\n        }\n        /*\n        * Check if there is a value in the custom release group input box,\n        * and move this to the selected group (whitelist or blacklist)\n        */\n\n      } catch (err) {\n        _didIteratorError2 = true;\n        _iteratorError2 = err;\n      } finally {\n        try {\n          if (!_iteratorNormalCompletion2 && _iterator2.return != null) {\n            _iterator2.return();\n          }\n        } finally {\n          if (_didIteratorError2) {\n            throw _iteratorError2;\n          }\n        }\n      }\n\n      if (this.newGroup && list !== 'releasegroups') {\n        this.allReleaseGroups.push({\n          id: this.index,\n          name: this.newGroup,\n          toggled: false,\n          memberOf: list\n        });\n        this.index += 1;\n        this.newGroup = '';\n      }\n    },\n    deleteFromList: function deleteFromList(list) {\n      this.allReleaseGroups = this.allReleaseGroups.filter(function (x) {\n        return x.memberOf !== list || !x.toggled;\n      });\n    }\n  },\n  computed: {\n    itemsWhitelist: function itemsWhitelist() {\n      return this.allReleaseGroups.filter(function (x) {\n        return x.memberOf === 'whitelist';\n      });\n    },\n    itemsBlacklist: function itemsBlacklist() {\n      return this.allReleaseGroups.filter(function (x) {\n        return x.memberOf === 'blacklist';\n      });\n    },\n    itemsReleaseGroups: function itemsReleaseGroups() {\n      return this.allReleaseGroups.filter(function (x) {\n        return x.memberOf === 'releasegroups';\n      });\n    },\n    showDeleteFromWhitelist: function showDeleteFromWhitelist() {\n      return this.allReleaseGroups.filter(function (x) {\n        return x.memberOf === 'whitelist' && x.toggled === true;\n      }).length !== 0;\n    },\n    showDeleteFromBlacklist: function showDeleteFromBlacklist() {\n      return this.allReleaseGroups.filter(function (x) {\n        return x.memberOf === 'blacklist' && x.toggled === true;\n      }).length !== 0;\n    }\n  },\n  watch: {\n    allReleaseGroups: {\n      handler: function handler() {\n        this.$emit('change', this.allReleaseGroups);\n      },\n      deep: true\n    }\n  }\n});\n\n//# sourceURL=webpack:///./src/components/anidb-release-group-ui.vue?./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\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: 'anidb-release-group-ui',\n  props: {\n    blacklist: {\n      type: Array,\n      default: function _default() {\n        return [];\n      }\n    },\n    whitelist: {\n      type: Array,\n      default: function _default() {\n        return [];\n      }\n    },\n    allGroups: {\n      type: Array,\n      default: function _default() {\n        return [];\n      }\n    }\n  },\n  data: function data() {\n    return {\n      index: 0,\n      allReleaseGroups: [],\n      newGroup: ''\n    };\n  },\n  mounted: function mounted() {\n    this.createIndexedObjects(this.blacklist, 'blacklist');\n    this.createIndexedObjects(this.whitelist, 'whitelist');\n    this.createIndexedObjects(this.allGroups, 'releasegroups');\n  },\n  methods: {\n    toggleItem: function toggleItem(release) {\n      this.allReleaseGroups = this.allReleaseGroups.map(function (x) {\n        if (x.id === release.id) {\n          x.toggled = !x.toggled;\n        }\n\n        return x;\n      });\n    },\n    createIndexedObjects: function createIndexedObjects(releaseGroups, list) {\n      var _iteratorNormalCompletion = true;\n      var _didIteratorError = false;\n      var _iteratorError = undefined;\n\n      try {\n        for (var _iterator = releaseGroups[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {\n          var release = _step.value;\n\n          // Whitelist and blacklist pass an array of strings not objects.\n          if (typeof release === 'string') {\n            release = {\n              name: release\n            };\n          } // Merge the passed object with some additional information.\n\n\n          var itemAsObject = Object.assign({\n            id: this.index,\n            toggled: false,\n            memberOf: list\n          }, release);\n          this.allReleaseGroups.push(itemAsObject);\n          this.index += 1; // Increment the counter for our next item.\n        }\n      } catch (err) {\n        _didIteratorError = true;\n        _iteratorError = err;\n      } finally {\n        try {\n          if (!_iteratorNormalCompletion && _iterator.return != null) {\n            _iterator.return();\n          }\n        } finally {\n          if (_didIteratorError) {\n            throw _iteratorError;\n          }\n        }\n      }\n    },\n    moveToList: function moveToList(list) {\n      var _this = this;\n\n      // Only move items that have been toggled and that are not yet in that list.\n      // It's matching them by item.name.\n      var _iteratorNormalCompletion2 = true;\n      var _didIteratorError2 = false;\n      var _iteratorError2 = undefined;\n\n      try {\n        var _loop = function _loop() {\n          var group = _step2.value;\n          var inList = _this.allReleaseGroups.find(function (releaseGroup) {\n            return releaseGroup.memberOf === list && releaseGroup.name === group.name;\n          }) !== undefined;\n\n          if (group.toggled && !inList) {\n            group.toggled = false;\n            group.memberOf = list;\n          }\n        };\n\n        for (var _iterator2 = this.allReleaseGroups[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {\n          _loop();\n        }\n        /*\n        * Check if there is a value in the custom release group input box,\n        * and move this to the selected group (whitelist or blacklist)\n        */\n\n      } catch (err) {\n        _didIteratorError2 = true;\n        _iteratorError2 = err;\n      } finally {\n        try {\n          if (!_iteratorNormalCompletion2 && _iterator2.return != null) {\n            _iterator2.return();\n          }\n        } finally {\n          if (_didIteratorError2) {\n            throw _iteratorError2;\n          }\n        }\n      }\n\n      if (this.newGroup && list !== 'releasegroups') {\n        this.allReleaseGroups.push({\n          id: this.index,\n          name: this.newGroup,\n          toggled: false,\n          memberOf: list\n        });\n        this.index += 1;\n        this.newGroup = '';\n      }\n    },\n    deleteFromList: function deleteFromList(list) {\n      this.allReleaseGroups = this.allReleaseGroups.filter(function (x) {\n        return x.memberOf !== list || !x.toggled;\n      });\n    }\n  },\n  computed: {\n    itemsWhitelist: function itemsWhitelist() {\n      return this.allReleaseGroups.filter(function (x) {\n        return x.memberOf === 'whitelist';\n      });\n    },\n    itemsBlacklist: function itemsBlacklist() {\n      return this.allReleaseGroups.filter(function (x) {\n        return x.memberOf === 'blacklist';\n      });\n    },\n    itemsReleaseGroups: function itemsReleaseGroups() {\n      return this.allReleaseGroups.filter(function (x) {\n        return x.memberOf === 'releasegroups';\n      });\n    },\n    showDeleteFromWhitelist: function showDeleteFromWhitelist() {\n      return this.allReleaseGroups.filter(function (x) {\n        return x.memberOf === 'whitelist' && x.toggled === true;\n      }).length !== 0;\n    },\n    showDeleteFromBlacklist: function showDeleteFromBlacklist() {\n      return this.allReleaseGroups.filter(function (x) {\n        return x.memberOf === 'blacklist' && x.toggled === true;\n      }).length !== 0;\n    }\n  },\n  watch: {\n    allReleaseGroups: {\n      handler: function handler() {\n        this.$emit('change', this.allReleaseGroups);\n      },\n      deep: true\n    },\n    allGroups: {\n      handler: function handler(newValue) {\n        this.createIndexedObjects(newValue, 'releasegroups');\n      }\n    }\n  }\n});\n\n//# sourceURL=webpack:///./src/components/anidb-release-group-ui.vue?./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -579,7 +591,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//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: 'config-toggle-slider',\n  props: {\n    label: {\n      type: String,\n      required: true\n    },\n    id: {\n      type: String,\n      required: true\n    },\n    checked: {\n      type: Boolean,\n      default: null\n    },\n    explanations: {\n      type: Array,\n      default: function _default() {\n        return [];\n      }\n    }\n  },\n  data: function data() {\n    return {\n      localChecked: null\n    };\n  },\n  mounted: function mounted() {\n    this.localChecked = this.checked;\n  },\n  watch: {\n    localChecked: function localChecked() {\n      this.$emit('update', this.localChecked);\n    }\n  }\n});\n\n//# sourceURL=webpack:///./src/components/config-toggle-slider.vue?./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\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: 'config-toggle-slider',\n  props: {\n    label: {\n      type: String,\n      required: true\n    },\n    id: {\n      type: String,\n      required: true\n    },\n    checked: {\n      type: Boolean,\n      default: null\n    },\n    disabled: {\n      type: Boolean,\n      default: false\n    },\n    explanations: {\n      type: Array,\n      default: function _default() {\n        return [];\n      }\n    }\n  },\n  data: function data() {\n    return {\n      localChecked: null\n    };\n  },\n  mounted: function mounted() {\n    this.localChecked = this.checked;\n  },\n  watch: {\n    checked: function checked() {\n      this.localChecked = this.checked;\n    },\n    localChecked: function localChecked() {\n      this.$emit('update', this.localChecked);\n    }\n  }\n});\n\n//# sourceURL=webpack:///./src/components/config-toggle-slider.vue?./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -952,6 +964,17 @@ eval("exports = module.exports = __webpack_require__(/*! ../../node_modules/css-
 
 /***/ }),
 
+/***/ "./node_modules/css-loader/index.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js?!./src/components/add-show-options.vue?vue&type=style&index=0&lang=css&":
+/*!*******************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/css-loader!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib??vue-loader-options!./src/components/add-show-options.vue?vue&type=style&index=0&lang=css& ***!
+  \*******************************************************************************************************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+eval("exports = module.exports = __webpack_require__(/*! ../../node_modules/css-loader/lib/css-base.js */ \"./node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\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\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n/* placeholder */\\n\", \"\"]);\n\n// exports\n\n\n//# sourceURL=webpack:///./src/components/add-show-options.vue?./node_modules/css-loader!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib??vue-loader-options");
+
+/***/ }),
+
 /***/ "./node_modules/css-loader/index.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js?!./src/components/add-shows.vue?vue&type=style&index=0&lang=css&":
 /*!************************************************************************************************************************************************************************************************************!*\
   !*** ./node_modules/css-loader!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib??vue-loader-options!./src/components/add-shows.vue?vue&type=style&index=0&lang=css& ***!
@@ -1739,6 +1762,18 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 
 /***/ }),
 
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./src/components/add-show-options.vue?vue&type=template&id=5b660eec&":
+/*!**********************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./src/components/add-show-options.vue?vue&type=template&id=5b660eec& ***!
+  \**********************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { attrs: { id: \"add-show-options-content\" } }, [\n    _c(\n      \"fieldset\",\n      { staticClass: \"component-group-list\" },\n      [\n        _c(\"div\", { staticClass: \"form-group\" }, [\n          _c(\"div\", { staticClass: \"row\" }, [\n            _vm._m(0),\n            _vm._v(\" \"),\n            _c(\n              \"div\",\n              { staticClass: \"col-sm-10 content\" },\n              [\n                _c(\"quality-chooser\", {\n                  attrs: { \"overall-quality\": _vm.defaultConfig.quality },\n                  on: {\n                    \"update:quality:allowed\": function($event) {\n                      _vm.quality.allowed = $event\n                    },\n                    \"update:quality:preferred\": function($event) {\n                      _vm.quality.preferred = $event\n                    }\n                  }\n                })\n              ],\n              1\n            )\n          ])\n        ]),\n        _vm._v(\" \"),\n        _vm.subtitlesEnabled\n          ? _c(\n              \"div\",\n              { attrs: { id: \"use-subtitles\" } },\n              [\n                _c(\"config-toggle-slider\", {\n                  attrs: {\n                    label: \"Subtitles\",\n                    id: \"subtitles\",\n                    checked: _vm.defaultConfig.subtitles,\n                    explanations: [\"Download subtitles for this show?\"]\n                  },\n                  on: {\n                    update: function($event) {\n                      _vm.selectedSubtitleEnabled = $event\n                    }\n                  }\n                })\n              ],\n              1\n            )\n          : _vm._e(),\n        _vm._v(\" \"),\n        _c(\"div\", { staticClass: \"form-group\" }, [\n          _c(\"div\", { staticClass: \"row\" }, [\n            _vm._m(1),\n            _vm._v(\" \"),\n            _c(\"div\", { staticClass: \"col-sm-10 content\" }, [\n              _c(\n                \"select\",\n                {\n                  directives: [\n                    {\n                      name: \"model\",\n                      rawName: \"v-model\",\n                      value: _vm.selectedStatus,\n                      expression: \"selectedStatus\"\n                    }\n                  ],\n                  staticClass: \"form-control form-control-inline input-sm\",\n                  attrs: { id: \"defaultStatus\" },\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.selectedStatus = $event.target.multiple\n                        ? $$selectedVal\n                        : $$selectedVal[0]\n                    }\n                  }\n                },\n                _vm._l(_vm.defaultEpisodeStatusOptions, function(option) {\n                  return _c(\n                    \"option\",\n                    { key: option.value, domProps: { value: option.value } },\n                    [_vm._v(_vm._s(option.text))]\n                  )\n                })\n              )\n            ])\n          ])\n        ]),\n        _vm._v(\" \"),\n        _c(\"div\", { staticClass: \"form-group\" }, [\n          _c(\"div\", { staticClass: \"row\" }, [\n            _vm._m(2),\n            _vm._v(\" \"),\n            _c(\"div\", { staticClass: \"col-sm-10 content\" }, [\n              _c(\n                \"select\",\n                {\n                  directives: [\n                    {\n                      name: \"model\",\n                      rawName: \"v-model\",\n                      value: _vm.selectedStatusAfter,\n                      expression: \"selectedStatusAfter\"\n                    }\n                  ],\n                  staticClass: \"form-control form-control-inline input-sm\",\n                  attrs: { id: \"defaultStatusAfter\" },\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.selectedStatusAfter = $event.target.multiple\n                        ? $$selectedVal\n                        : $$selectedVal[0]\n                    }\n                  }\n                },\n                _vm._l(_vm.defaultEpisodeStatusOptions, function(option) {\n                  return _c(\n                    \"option\",\n                    { key: option.value, domProps: { value: option.value } },\n                    [_vm._v(_vm._s(option.text))]\n                  )\n                })\n              )\n            ])\n          ])\n        ]),\n        _vm._v(\" \"),\n        _c(\"config-toggle-slider\", {\n          attrs: {\n            label: \"Season Folders\",\n            id: \"season_folders\",\n            checked: _vm.defaultConfig.seasonFolders || _vm.namingForceFolders,\n            disabled: _vm.namingForceFolders,\n            explanations: [\"Group episodes by season folders?\"]\n          },\n          on: {\n            update: function($event) {\n              _vm.selectedSeasonFoldersEnabled = $event\n            }\n          }\n        }),\n        _vm._v(\" \"),\n        _vm.enableAnimeOptions\n          ? _c(\"config-toggle-slider\", {\n              attrs: {\n                label: \"Anime\",\n                id: \"anime\",\n                checked: _vm.defaultConfig.anime,\n                explanations: [\"Is this show an Anime?\"]\n              },\n              on: {\n                update: function($event) {\n                  _vm.selectedAnimeEnabled = $event\n                }\n              }\n            })\n          : _vm._e(),\n        _vm._v(\" \"),\n        _vm.enableAnimeOptions && _vm.selectedAnimeEnabled\n          ? _c(\"div\", { staticClass: \"form-group\" }, [\n              _c(\"div\", { staticClass: \"row\" }, [\n                _vm._m(3),\n                _vm._v(\" \"),\n                _c(\n                  \"div\",\n                  { staticClass: \"col-sm-10 content\" },\n                  [\n                    _c(\"anidb-release-group-ui\", {\n                      staticClass: \"max-width\",\n                      attrs: {\n                        blacklist: _vm.release.blacklist,\n                        whitelist: _vm.release.whitelist,\n                        \"all-groups\": _vm.release.allgroups\n                      },\n                      on: { change: _vm.onChangeReleaseGroupsAnime }\n                    })\n                  ],\n                  1\n                )\n              ])\n            ])\n          : _vm._e(),\n        _vm._v(\" \"),\n        _c(\"config-toggle-slider\", {\n          attrs: {\n            label: \"Scene Numbering\",\n            id: \"scene\",\n            checked: _vm.defaultConfig.scene,\n            explanations: [\"Is this show scene numbered?\"]\n          },\n          on: {\n            update: function($event) {\n              _vm.selectedSceneEnabled = $event\n            }\n          }\n        }),\n        _vm._v(\" \"),\n        _c(\"div\", { staticClass: \"form-group\" }, [\n          _c(\"div\", { staticClass: \"row\" }, [\n            _vm._m(4),\n            _vm._v(\" \"),\n            _c(\"div\", { staticClass: \"col-sm-10 content\" }, [\n              _c(\n                \"button\",\n                {\n                  staticClass: \"btn-medusa btn-inline\",\n                  attrs: {\n                    type: \"button\",\n                    disabled: _vm.saving || _vm.saveDefaultsDisabled\n                  },\n                  on: {\n                    click: function($event) {\n                      $event.preventDefault()\n                      return _vm.saveDefaults($event)\n                    }\n                  }\n                },\n                [_vm._v(\"Save Defaults\")]\n              )\n            ])\n          ])\n        ])\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = [\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\n      \"label\",\n      {\n        staticClass: \"col-sm-2 control-label\",\n        attrs: { for: \"customQuality\" }\n      },\n      [_c(\"span\", [_vm._v(\"Quality\")])]\n    )\n  },\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\n      \"label\",\n      {\n        staticClass: \"col-sm-2 control-label\",\n        attrs: { for: \"defaultStatus\" }\n      },\n      [_c(\"span\", [_vm._v(\"Status for previously aired episodes\")])]\n    )\n  },\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\n      \"label\",\n      {\n        staticClass: \"col-sm-2 control-label\",\n        attrs: { for: \"defaultStatusAfter\" }\n      },\n      [_c(\"span\", [_vm._v(\"Status for all future episodes\")])]\n    )\n  },\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\n      \"label\",\n      {\n        staticClass: \"col-sm-2 control-label\",\n        attrs: { for: \"anidbReleaseGroup\" }\n      },\n      [_c(\"span\", [_vm._v(\"Release Groups\")])]\n    )\n  },\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\n      \"label\",\n      {\n        staticClass: \"col-sm-2 control-label\",\n        attrs: { for: \"saveDefaultsButton\" }\n      },\n      [_c(\"span\", [_vm._v(\"Use current values as the defaults\")])]\n    )\n  }\n]\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./src/components/add-show-options.vue?./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options");
+
+/***/ }),
+
 /***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./src/components/add-shows.vue?vue&type=template&id=a104cfec&":
 /*!***************************************************************************************************************************************************************************************************!*\
   !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./src/components/add-shows.vue?vue&type=template&id=a104cfec& ***!
@@ -1855,7 +1890,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { attrs: { id: \"config-toggle-slider-content\" } }, [\n    _c(\"div\", { staticClass: \"form-group\" }, [\n      _c(\"div\", { staticClass: \"row\" }, [\n        _c(\n          \"label\",\n          { staticClass: \"col-sm-2 control-label\", attrs: { for: _vm.id } },\n          [_c(\"span\", [_vm._v(_vm._s(_vm.label))])]\n        ),\n        _vm._v(\" \"),\n        _c(\n          \"div\",\n          { staticClass: \"col-sm-10 content\" },\n          [\n            _c(\n              \"toggle-button\",\n              _vm._b(\n                {\n                  attrs: { width: 45, height: 22, sync: \"\" },\n                  model: {\n                    value: _vm.localChecked,\n                    callback: function($$v) {\n                      _vm.localChecked = $$v\n                    },\n                    expression: \"localChecked\"\n                  }\n                },\n                \"toggle-button\",\n                { id: _vm.id, name: _vm.id },\n                false\n              )\n            ),\n            _vm._v(\" \"),\n            _vm._l(_vm.explanations, function(explanation, index) {\n              return _c(\"p\", { key: index }, [_vm._v(_vm._s(explanation))])\n            })\n          ],\n          2\n        )\n      ])\n    ])\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./src/components/config-toggle-slider.vue?./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { attrs: { id: \"config-toggle-slider-content\" } }, [\n    _c(\"div\", { staticClass: \"form-group\" }, [\n      _c(\"div\", { staticClass: \"row\" }, [\n        _c(\n          \"label\",\n          { staticClass: \"col-sm-2 control-label\", attrs: { for: _vm.id } },\n          [_c(\"span\", [_vm._v(_vm._s(_vm.label))])]\n        ),\n        _vm._v(\" \"),\n        _c(\n          \"div\",\n          { staticClass: \"col-sm-10 content\" },\n          [\n            _c(\n              \"toggle-button\",\n              _vm._b(\n                {\n                  attrs: { width: 45, height: 22, sync: \"\" },\n                  model: {\n                    value: _vm.localChecked,\n                    callback: function($$v) {\n                      _vm.localChecked = $$v\n                    },\n                    expression: \"localChecked\"\n                  }\n                },\n                \"toggle-button\",\n                { id: _vm.id, name: _vm.id, disabled: _vm.disabled },\n                false\n              )\n            ),\n            _vm._v(\" \"),\n            _vm._l(_vm.explanations, function(explanation, index) {\n              return _c(\"p\", { key: index }, [_vm._v(_vm._s(explanation))])\n            })\n          ],\n          2\n        )\n      ])\n    ])\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./src/components/config-toggle-slider.vue?./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -2083,6 +2118,17 @@ eval("// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// lo
 
 /***/ }),
 
+/***/ "./node_modules/vue-style-loader/index.js!./node_modules/css-loader/index.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js?!./src/components/add-show-options.vue?vue&type=style&index=0&lang=css&":
+/*!***************************************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-style-loader!./node_modules/css-loader!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib??vue-loader-options!./src/components/add-show-options.vue?vue&type=style&index=0&lang=css& ***!
+  \***************************************************************************************************************************************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+eval("// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = __webpack_require__(/*! !../../node_modules/css-loader!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/vue-loader/lib??vue-loader-options!./add-show-options.vue?vue&type=style&index=0&lang=css& */ \"./node_modules/css-loader/index.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js?!./src/components/add-show-options.vue?vue&type=style&index=0&lang=css&\");\nif(typeof content === 'string') content = [[module.i, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar add = __webpack_require__(/*! ../../node_modules/vue-style-loader/lib/addStylesClient.js */ \"./node_modules/vue-style-loader/lib/addStylesClient.js\").default\nvar update = add(\"4c30d9e4\", content, false, {});\n// Hot Module Replacement\nif(false) {}\n\n//# sourceURL=webpack:///./src/components/add-show-options.vue?./node_modules/vue-style-loader!./node_modules/css-loader!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib??vue-loader-options");
+
+/***/ }),
+
 /***/ "./node_modules/vue-style-loader/index.js!./node_modules/css-loader/index.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js?!./src/components/add-shows.vue?vue&type=style&index=0&lang=css&":
 /*!********************************************************************************************************************************************************************************************************************************************!*\
   !*** ./node_modules/vue-style-loader!./node_modules/css-loader!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib??vue-loader-options!./src/components/add-shows.vue?vue&type=style&index=0&lang=css& ***!
@@ -2511,6 +2557,54 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _nod
 
 /***/ }),
 
+/***/ "./src/components/add-show-options.vue":
+/*!*********************************************!*\
+  !*** ./src/components/add-show-options.vue ***!
+  \*********************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _add_show_options_vue_vue_type_template_id_5b660eec___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./add-show-options.vue?vue&type=template&id=5b660eec& */ \"./src/components/add-show-options.vue?vue&type=template&id=5b660eec&\");\n/* harmony import */ var _add_show_options_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./add-show-options.vue?vue&type=script&lang=js& */ \"./src/components/add-show-options.vue?vue&type=script&lang=js&\");\n/* empty/unused harmony star reexport *//* harmony import */ var _add_show_options_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./add-show-options.vue?vue&type=style&index=0&lang=css& */ \"./src/components/add-show-options.vue?vue&type=style&index=0&lang=css&\");\n/* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ \"./node_modules/vue-loader/lib/runtime/componentNormalizer.js\");\n\n\n\n\n\n\n/* normalize component */\n\nvar component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(\n  _add_show_options_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n  _add_show_options_vue_vue_type_template_id_5b660eec___WEBPACK_IMPORTED_MODULE_0__[\"render\"],\n  _add_show_options_vue_vue_type_template_id_5b660eec___WEBPACK_IMPORTED_MODULE_0__[\"staticRenderFns\"],\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (false) { var api; }\ncomponent.options.__file = \"src/components/add-show-options.vue\"\n/* harmony default export */ __webpack_exports__[\"default\"] = (component.exports);\n\n//# sourceURL=webpack:///./src/components/add-show-options.vue?");
+
+/***/ }),
+
+/***/ "./src/components/add-show-options.vue?vue&type=script&lang=js&":
+/*!**********************************************************************!*\
+  !*** ./src/components/add-show-options.vue?vue&type=script&lang=js& ***!
+  \**********************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _node_modules_babel_loader_lib_index_js_node_modules_vue_loader_lib_index_js_vue_loader_options_add_show_options_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../node_modules/babel-loader/lib!../../node_modules/vue-loader/lib??vue-loader-options!./add-show-options.vue?vue&type=script&lang=js& */ \"./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js?!./src/components/add-show-options.vue?vue&type=script&lang=js&\");\n/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__[\"default\"] = (_node_modules_babel_loader_lib_index_js_node_modules_vue_loader_lib_index_js_vue_loader_options_add_show_options_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__[\"default\"]); \n\n//# sourceURL=webpack:///./src/components/add-show-options.vue?");
+
+/***/ }),
+
+/***/ "./src/components/add-show-options.vue?vue&type=style&index=0&lang=css&":
+/*!******************************************************************************!*\
+  !*** ./src/components/add-show-options.vue?vue&type=style&index=0&lang=css& ***!
+  \******************************************************************************/
+/*! no static exports found */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _node_modules_vue_style_loader_index_js_node_modules_css_loader_index_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_vue_loader_lib_index_js_vue_loader_options_add_show_options_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../node_modules/vue-style-loader!../../node_modules/css-loader!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/vue-loader/lib??vue-loader-options!./add-show-options.vue?vue&type=style&index=0&lang=css& */ \"./node_modules/vue-style-loader/index.js!./node_modules/css-loader/index.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js?!./src/components/add-show-options.vue?vue&type=style&index=0&lang=css&\");\n/* harmony import */ var _node_modules_vue_style_loader_index_js_node_modules_css_loader_index_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_vue_loader_lib_index_js_vue_loader_options_add_show_options_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_node_modules_css_loader_index_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_vue_loader_lib_index_js_vue_loader_options_add_show_options_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__);\n/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_vue_style_loader_index_js_node_modules_css_loader_index_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_vue_loader_lib_index_js_vue_loader_options_add_show_options_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__) if(__WEBPACK_IMPORT_KEY__ !== 'default') (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_vue_style_loader_index_js_node_modules_css_loader_index_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_vue_loader_lib_index_js_vue_loader_options_add_show_options_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));\n /* harmony default export */ __webpack_exports__[\"default\"] = (_node_modules_vue_style_loader_index_js_node_modules_css_loader_index_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_vue_loader_lib_index_js_vue_loader_options_add_show_options_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0___default.a); \n\n//# sourceURL=webpack:///./src/components/add-show-options.vue?");
+
+/***/ }),
+
+/***/ "./src/components/add-show-options.vue?vue&type=template&id=5b660eec&":
+/*!****************************************************************************!*\
+  !*** ./src/components/add-show-options.vue?vue&type=template&id=5b660eec& ***!
+  \****************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_add_show_options_vue_vue_type_template_id_5b660eec___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../node_modules/vue-loader/lib??vue-loader-options!./add-show-options.vue?vue&type=template&id=5b660eec& */ \"./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./src/components/add-show-options.vue?vue&type=template&id=5b660eec&\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_add_show_options_vue_vue_type_template_id_5b660eec___WEBPACK_IMPORTED_MODULE_0__[\"render\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_add_show_options_vue_vue_type_template_id_5b660eec___WEBPACK_IMPORTED_MODULE_0__[\"staticRenderFns\"]; });\n\n\n\n//# sourceURL=webpack:///./src/components/add-show-options.vue?");
+
+/***/ }),
+
 /***/ "./src/components/add-shows.vue":
 /*!**************************************!*\
   !*** ./src/components/add-shows.vue ***!
@@ -3223,11 +3317,11 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _404
 /*!*********************************!*\
   !*** ./src/components/index.js ***!
   \*********************************/
-/*! exports provided: AddRecommended, AddShows, AnidbReleaseGroupUi, AppHeader, AppLink, Asset, Backstretch, Config, ConfigPostProcessing, ConfigTextbox, ConfigTextboxNumber, ConfigToggleSlider, DisplayShow, FileBrowser, Home, IRC, LanguageSelect, Login, ManualPostProcess, NamePattern, PlotInfo, RootDirs, ScrollButtons, SelectList, ShowSelector, SnatchSelection, Status, NotFound */
+/*! exports provided: AddRecommended, AddShowOptions, AddShows, AnidbReleaseGroupUi, AppHeader, AppLink, Asset, Backstretch, Config, ConfigPostProcessing, ConfigTextbox, ConfigTextboxNumber, ConfigToggleSlider, DisplayShow, FileBrowser, Home, IRC, LanguageSelect, Login, ManualPostProcess, NamePattern, PlotInfo, RootDirs, ScrollButtons, SelectList, ShowSelector, SnatchSelection, Status, NotFound */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _add_recommended_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./add-recommended.vue */ \"./src/components/add-recommended.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"AddRecommended\", function() { return _add_recommended_vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"]; });\n\n/* harmony import */ var _add_shows_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./add-shows.vue */ \"./src/components/add-shows.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"AddShows\", function() { return _add_shows_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"]; });\n\n/* harmony import */ var _anidb_release_group_ui_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./anidb-release-group-ui.vue */ \"./src/components/anidb-release-group-ui.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"AnidbReleaseGroupUi\", function() { return _anidb_release_group_ui_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"]; });\n\n/* harmony import */ var _app_header_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./app-header.vue */ \"./src/components/app-header.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"AppHeader\", function() { return _app_header_vue__WEBPACK_IMPORTED_MODULE_3__[\"default\"]; });\n\n/* harmony import */ var _app_link_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./app-link.vue */ \"./src/components/app-link.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"AppLink\", function() { return _app_link_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"]; });\n\n/* harmony import */ var _asset_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./asset.vue */ \"./src/components/asset.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Asset\", function() { return _asset_vue__WEBPACK_IMPORTED_MODULE_5__[\"default\"]; });\n\n/* harmony import */ var _backstretch_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./backstretch.vue */ \"./src/components/backstretch.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Backstretch\", function() { return _backstretch_vue__WEBPACK_IMPORTED_MODULE_6__[\"default\"]; });\n\n/* harmony import */ var _config_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./config.vue */ \"./src/components/config.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Config\", function() { return _config_vue__WEBPACK_IMPORTED_MODULE_7__[\"default\"]; });\n\n/* harmony import */ var _config_post_processing_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./config-post-processing.vue */ \"./src/components/config-post-processing.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"ConfigPostProcessing\", function() { return _config_post_processing_vue__WEBPACK_IMPORTED_MODULE_8__[\"default\"]; });\n\n/* harmony import */ var _config_textbox_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./config-textbox.vue */ \"./src/components/config-textbox.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"ConfigTextbox\", function() { return _config_textbox_vue__WEBPACK_IMPORTED_MODULE_9__[\"default\"]; });\n\n/* harmony import */ var _config_textbox_number_vue__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./config-textbox-number.vue */ \"./src/components/config-textbox-number.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"ConfigTextboxNumber\", function() { return _config_textbox_number_vue__WEBPACK_IMPORTED_MODULE_10__[\"default\"]; });\n\n/* harmony import */ var _config_toggle_slider_vue__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./config-toggle-slider.vue */ \"./src/components/config-toggle-slider.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"ConfigToggleSlider\", function() { return _config_toggle_slider_vue__WEBPACK_IMPORTED_MODULE_11__[\"default\"]; });\n\n/* harmony import */ var _display_show_vue__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./display-show.vue */ \"./src/components/display-show.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"DisplayShow\", function() { return _display_show_vue__WEBPACK_IMPORTED_MODULE_12__[\"default\"]; });\n\n/* harmony import */ var _file_browser_vue__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./file-browser.vue */ \"./src/components/file-browser.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"FileBrowser\", function() { return _file_browser_vue__WEBPACK_IMPORTED_MODULE_13__[\"default\"]; });\n\n/* harmony import */ var _home_vue__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./home.vue */ \"./src/components/home.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Home\", function() { return _home_vue__WEBPACK_IMPORTED_MODULE_14__[\"default\"]; });\n\n/* harmony import */ var _irc_vue__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./irc.vue */ \"./src/components/irc.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"IRC\", function() { return _irc_vue__WEBPACK_IMPORTED_MODULE_15__[\"default\"]; });\n\n/* harmony import */ var _language_select_vue__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./language-select.vue */ \"./src/components/language-select.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"LanguageSelect\", function() { return _language_select_vue__WEBPACK_IMPORTED_MODULE_16__[\"default\"]; });\n\n/* harmony import */ var _login_vue__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./login.vue */ \"./src/components/login.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Login\", function() { return _login_vue__WEBPACK_IMPORTED_MODULE_17__[\"default\"]; });\n\n/* harmony import */ var _manual_post_process_vue__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./manual-post-process.vue */ \"./src/components/manual-post-process.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"ManualPostProcess\", function() { return _manual_post_process_vue__WEBPACK_IMPORTED_MODULE_18__[\"default\"]; });\n\n/* harmony import */ var _name_pattern_vue__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./name-pattern.vue */ \"./src/components/name-pattern.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"NamePattern\", function() { return _name_pattern_vue__WEBPACK_IMPORTED_MODULE_19__[\"default\"]; });\n\n/* harmony import */ var _plot_info_vue__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./plot-info.vue */ \"./src/components/plot-info.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"PlotInfo\", function() { return _plot_info_vue__WEBPACK_IMPORTED_MODULE_20__[\"default\"]; });\n\n/* harmony import */ var _root_dirs_vue__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./root-dirs.vue */ \"./src/components/root-dirs.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"RootDirs\", function() { return _root_dirs_vue__WEBPACK_IMPORTED_MODULE_21__[\"default\"]; });\n\n/* harmony import */ var _scroll_buttons_vue__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./scroll-buttons.vue */ \"./src/components/scroll-buttons.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"ScrollButtons\", function() { return _scroll_buttons_vue__WEBPACK_IMPORTED_MODULE_22__[\"default\"]; });\n\n/* harmony import */ var _select_list_vue__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./select-list.vue */ \"./src/components/select-list.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"SelectList\", function() { return _select_list_vue__WEBPACK_IMPORTED_MODULE_23__[\"default\"]; });\n\n/* harmony import */ var _show_selector_vue__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./show-selector.vue */ \"./src/components/show-selector.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"ShowSelector\", function() { return _show_selector_vue__WEBPACK_IMPORTED_MODULE_24__[\"default\"]; });\n\n/* harmony import */ var _snatch_selection_vue__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ./snatch-selection.vue */ \"./src/components/snatch-selection.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"SnatchSelection\", function() { return _snatch_selection_vue__WEBPACK_IMPORTED_MODULE_25__[\"default\"]; });\n\n/* harmony import */ var _status_vue__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ./status.vue */ \"./src/components/status.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Status\", function() { return _status_vue__WEBPACK_IMPORTED_MODULE_26__[\"default\"]; });\n\n/* harmony import */ var _http__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ./http */ \"./src/components/http/index.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"NotFound\", function() { return _http__WEBPACK_IMPORTED_MODULE_27__[\"NotFound\"]; });\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n//# sourceURL=webpack:///./src/components/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _add_recommended_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./add-recommended.vue */ \"./src/components/add-recommended.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"AddRecommended\", function() { return _add_recommended_vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"]; });\n\n/* harmony import */ var _add_show_options_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./add-show-options.vue */ \"./src/components/add-show-options.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"AddShowOptions\", function() { return _add_show_options_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"]; });\n\n/* harmony import */ var _add_shows_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./add-shows.vue */ \"./src/components/add-shows.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"AddShows\", function() { return _add_shows_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"]; });\n\n/* harmony import */ var _anidb_release_group_ui_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./anidb-release-group-ui.vue */ \"./src/components/anidb-release-group-ui.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"AnidbReleaseGroupUi\", function() { return _anidb_release_group_ui_vue__WEBPACK_IMPORTED_MODULE_3__[\"default\"]; });\n\n/* harmony import */ var _app_header_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./app-header.vue */ \"./src/components/app-header.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"AppHeader\", function() { return _app_header_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"]; });\n\n/* harmony import */ var _app_link_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./app-link.vue */ \"./src/components/app-link.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"AppLink\", function() { return _app_link_vue__WEBPACK_IMPORTED_MODULE_5__[\"default\"]; });\n\n/* harmony import */ var _asset_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./asset.vue */ \"./src/components/asset.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Asset\", function() { return _asset_vue__WEBPACK_IMPORTED_MODULE_6__[\"default\"]; });\n\n/* harmony import */ var _backstretch_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./backstretch.vue */ \"./src/components/backstretch.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Backstretch\", function() { return _backstretch_vue__WEBPACK_IMPORTED_MODULE_7__[\"default\"]; });\n\n/* harmony import */ var _config_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./config.vue */ \"./src/components/config.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Config\", function() { return _config_vue__WEBPACK_IMPORTED_MODULE_8__[\"default\"]; });\n\n/* harmony import */ var _config_post_processing_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./config-post-processing.vue */ \"./src/components/config-post-processing.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"ConfigPostProcessing\", function() { return _config_post_processing_vue__WEBPACK_IMPORTED_MODULE_9__[\"default\"]; });\n\n/* harmony import */ var _config_textbox_vue__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./config-textbox.vue */ \"./src/components/config-textbox.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"ConfigTextbox\", function() { return _config_textbox_vue__WEBPACK_IMPORTED_MODULE_10__[\"default\"]; });\n\n/* harmony import */ var _config_textbox_number_vue__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./config-textbox-number.vue */ \"./src/components/config-textbox-number.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"ConfigTextboxNumber\", function() { return _config_textbox_number_vue__WEBPACK_IMPORTED_MODULE_11__[\"default\"]; });\n\n/* harmony import */ var _config_toggle_slider_vue__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./config-toggle-slider.vue */ \"./src/components/config-toggle-slider.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"ConfigToggleSlider\", function() { return _config_toggle_slider_vue__WEBPACK_IMPORTED_MODULE_12__[\"default\"]; });\n\n/* harmony import */ var _display_show_vue__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./display-show.vue */ \"./src/components/display-show.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"DisplayShow\", function() { return _display_show_vue__WEBPACK_IMPORTED_MODULE_13__[\"default\"]; });\n\n/* harmony import */ var _file_browser_vue__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./file-browser.vue */ \"./src/components/file-browser.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"FileBrowser\", function() { return _file_browser_vue__WEBPACK_IMPORTED_MODULE_14__[\"default\"]; });\n\n/* harmony import */ var _home_vue__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./home.vue */ \"./src/components/home.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Home\", function() { return _home_vue__WEBPACK_IMPORTED_MODULE_15__[\"default\"]; });\n\n/* harmony import */ var _irc_vue__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./irc.vue */ \"./src/components/irc.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"IRC\", function() { return _irc_vue__WEBPACK_IMPORTED_MODULE_16__[\"default\"]; });\n\n/* harmony import */ var _language_select_vue__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./language-select.vue */ \"./src/components/language-select.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"LanguageSelect\", function() { return _language_select_vue__WEBPACK_IMPORTED_MODULE_17__[\"default\"]; });\n\n/* harmony import */ var _login_vue__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./login.vue */ \"./src/components/login.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Login\", function() { return _login_vue__WEBPACK_IMPORTED_MODULE_18__[\"default\"]; });\n\n/* harmony import */ var _manual_post_process_vue__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./manual-post-process.vue */ \"./src/components/manual-post-process.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"ManualPostProcess\", function() { return _manual_post_process_vue__WEBPACK_IMPORTED_MODULE_19__[\"default\"]; });\n\n/* harmony import */ var _name_pattern_vue__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./name-pattern.vue */ \"./src/components/name-pattern.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"NamePattern\", function() { return _name_pattern_vue__WEBPACK_IMPORTED_MODULE_20__[\"default\"]; });\n\n/* harmony import */ var _plot_info_vue__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./plot-info.vue */ \"./src/components/plot-info.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"PlotInfo\", function() { return _plot_info_vue__WEBPACK_IMPORTED_MODULE_21__[\"default\"]; });\n\n/* harmony import */ var _root_dirs_vue__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./root-dirs.vue */ \"./src/components/root-dirs.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"RootDirs\", function() { return _root_dirs_vue__WEBPACK_IMPORTED_MODULE_22__[\"default\"]; });\n\n/* harmony import */ var _scroll_buttons_vue__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./scroll-buttons.vue */ \"./src/components/scroll-buttons.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"ScrollButtons\", function() { return _scroll_buttons_vue__WEBPACK_IMPORTED_MODULE_23__[\"default\"]; });\n\n/* harmony import */ var _select_list_vue__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./select-list.vue */ \"./src/components/select-list.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"SelectList\", function() { return _select_list_vue__WEBPACK_IMPORTED_MODULE_24__[\"default\"]; });\n\n/* harmony import */ var _show_selector_vue__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ./show-selector.vue */ \"./src/components/show-selector.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"ShowSelector\", function() { return _show_selector_vue__WEBPACK_IMPORTED_MODULE_25__[\"default\"]; });\n\n/* harmony import */ var _snatch_selection_vue__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ./snatch-selection.vue */ \"./src/components/snatch-selection.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"SnatchSelection\", function() { return _snatch_selection_vue__WEBPACK_IMPORTED_MODULE_26__[\"default\"]; });\n\n/* harmony import */ var _status_vue__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ./status.vue */ \"./src/components/status.vue\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"Status\", function() { return _status_vue__WEBPACK_IMPORTED_MODULE_27__[\"default\"]; });\n\n/* harmony import */ var _http__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ./http */ \"./src/components/http/index.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"NotFound\", function() { return _http__WEBPACK_IMPORTED_MODULE_28__[\"NotFound\"]; });\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n//# sourceURL=webpack:///./src/components/index.js?");
 
 /***/ }),
 
@@ -3826,7 +3920,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _mut
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _mutation_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../mutation-types */ \"./src/store/mutation-types.js\");\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\n\nvar state = {\n  wikiUrl: null,\n  donationsUrl: null,\n  localUser: null,\n  posterSortdir: null,\n  locale: null,\n  themeName: null,\n  selectedRootIndex: null,\n  webRoot: null,\n  namingForceFolders: null,\n  cacheDir: null,\n  databaseVersion: {\n    major: null,\n    minor: null\n  },\n  programDir: null,\n  dataDir: null,\n  animeSplitHomeInTabs: null,\n  torrents: {\n    authType: null,\n    dir: null,\n    enabled: null,\n    highBandwidth: null,\n    host: null,\n    label: null,\n    labelAnime: null,\n    method: null,\n    path: null,\n    paused: null,\n    rpcurl: null,\n    seedLocation: null,\n    seedTime: null,\n    username: null,\n    verifySSL: null\n  },\n  layout: {\n    show: {\n      specials: null,\n      showListOrder: [],\n      allSeasons: null\n    },\n    home: null,\n    history: null,\n    schedule: null\n  },\n  dbPath: null,\n  nzb: {\n    enabled: null,\n    method: null,\n    nzbget: {\n      category: null,\n      categoryAnime: null,\n      categoryAnimeBacklog: null,\n      categoryBacklog: null,\n      host: null,\n      priority: null,\n      useHttps: null,\n      username: null\n    },\n    sabnzbd: {\n      category: null,\n      forced: null,\n      categoryAnime: null,\n      categoryBacklog: null,\n      categoryAnimeBacklog: null,\n      host: null,\n      username: null\n    }\n  },\n  configFile: null,\n  fanartBackground: null,\n  trimZero: null,\n  animeSplitHome: null,\n  gitUsername: null,\n  branch: null,\n  commitHash: null,\n  indexers: {\n    config: {\n      main: {\n        externalMappings: {},\n        statusMap: {},\n        traktIndexers: {},\n        validLanguages: [],\n        langabbvToId: {}\n      },\n      indexers: {\n        tvdb: {\n          apiParams: {\n            useZip: null,\n            language: null\n          },\n          baseUrl: null,\n          enabled: null,\n          icon: null,\n          id: null,\n          identifier: null,\n          mappedTo: null,\n          name: null,\n          scene_loc: null,\n          // eslint-disable-line camelcase\n          showUrl: null,\n          xemOrigin: null\n        },\n        tmdb: {\n          apiParams: {\n            useZip: null,\n            language: null\n          },\n          baseUrl: null,\n          enabled: null,\n          icon: null,\n          id: null,\n          identifier: null,\n          mappedTo: null,\n          name: null,\n          scene_loc: null,\n          // eslint-disable-line camelcase\n          showUrl: null,\n          xemOrigin: null\n        },\n        tvmaze: {\n          apiParams: {\n            useZip: null,\n            language: null\n          },\n          baseUrl: null,\n          enabled: null,\n          icon: null,\n          id: null,\n          identifier: null,\n          mappedTo: null,\n          name: null,\n          scene_loc: null,\n          // eslint-disable-line camelcase\n          showUrl: null,\n          xemOrigin: null\n        }\n      }\n    }\n  },\n  sourceUrl: null,\n  rootDirs: [],\n  fanartBackgroundOpacity: null,\n  appArgs: [],\n  emby: {\n    enabled: null,\n    host: null\n  },\n  comingEpsDisplayPaused: null,\n  sortArticle: null,\n  timePreset: null,\n  plex: {\n    client: {\n      host: [],\n      username: null,\n      enabled: null\n    },\n    server: {\n      updateLibrary: null,\n      host: [],\n      enabled: null,\n      notify: {\n        download: null,\n        subtitleDownload: null,\n        snatch: null\n      }\n    }\n  },\n  subtitles: {\n    enabled: null\n  },\n  fuzzyDating: null,\n  backlogOverview: {\n    status: null,\n    period: null\n  },\n  posterSortby: null,\n  kodi: {\n    enabled: null,\n    alwaysOn: null,\n    libraryCleanPending: null,\n    cleanLibrary: null,\n    host: [],\n    notify: {\n      snatch: null,\n      download: null,\n      subtitleDownload: null\n    },\n    update: {\n      library: null,\n      full: null,\n      onlyFirst: null\n    }\n  },\n  news: {\n    lastRead: null,\n    latest: null,\n    unread: null\n  },\n  logs: {\n    loggingLevels: {},\n    numErrors: null,\n    numWarnings: null\n  },\n  failedDownloads: {\n    enabled: null,\n    deleteFailed: null\n  },\n  postProcessing: {\n    naming: {\n      pattern: null,\n      multiEp: null,\n      enableCustomNamingSports: null,\n      enableCustomNamingAirByDate: null,\n      patternSports: null,\n      patternAirByDate: null,\n      enableCustomNamingAnime: null,\n      patternAnime: null,\n      animeMultiEp: null,\n      animeNamingType: null,\n      stripYear: null\n    },\n    showDownloadDir: null,\n    processAutomatically: null,\n    processMethod: null,\n    deleteRarContent: null,\n    unpack: null,\n    noDelete: null,\n    reflinkAvailable: null,\n    postponeIfSyncFiles: null,\n    autoPostprocessorFrequency: 10,\n    airdateEpisodes: null,\n    moveAssociatedFiles: null,\n    allowedExtensions: [],\n    addShowsWithoutDir: null,\n    createMissingShowDirs: null,\n    renameEpisodes: null,\n    postponeIfNoSubs: null,\n    nfoRename: null,\n    syncFiles: [],\n    fileTimestampTimezone: 'local',\n    extraScripts: [],\n    extraScriptsUrl: null,\n    multiEpStrings: {}\n  },\n  sslVersion: null,\n  pythonVersion: null,\n  comingEpsSort: null,\n  githubUrl: null,\n  datePreset: null,\n  subtitlesMulti: null,\n  pid: null,\n  os: null,\n  anonRedirect: null,\n  logDir: null,\n  recentShows: []\n};\n\nvar mutations = _defineProperty({}, _mutation_types__WEBPACK_IMPORTED_MODULE_0__[\"ADD_CONFIG\"], function (state, _ref) {\n  var section = _ref.section,\n      config = _ref.config;\n\n  if (section === 'main') {\n    state = Object.assign(state, config);\n  }\n});\n\nvar getters = {\n  layout: function layout(state) {\n    return function (layout) {\n      return state.layout[layout];\n    };\n  }\n};\nvar actions = {\n  getConfig: function getConfig(context, section) {\n    var commit = context.commit;\n    return api.get('/config/' + (section || '')).then(function (res) {\n      if (section) {\n        var config = res.data;\n        commit(_mutation_types__WEBPACK_IMPORTED_MODULE_0__[\"ADD_CONFIG\"], {\n          section: section,\n          config: config\n        });\n        return config;\n      }\n\n      var sections = res.data;\n      Object.keys(sections).forEach(function (section) {\n        var config = sections[section];\n        commit(_mutation_types__WEBPACK_IMPORTED_MODULE_0__[\"ADD_CONFIG\"], {\n          section: section,\n          config: config\n        });\n      });\n      return sections;\n    });\n  },\n  setConfig: function setConfig(context, _ref2) {\n    var section = _ref2.section,\n        config = _ref2.config;\n\n    if (section !== 'main') {\n      return;\n    } // If an empty config object was passed, use the current state config\n\n\n    config = Object.keys(config).length === 0 ? context.state : config;\n    return api.patch('config/' + section, config);\n  },\n  updateConfig: function updateConfig(context, _ref3) {\n    var section = _ref3.section,\n        config = _ref3.config;\n    var commit = context.commit;\n    return commit(_mutation_types__WEBPACK_IMPORTED_MODULE_0__[\"ADD_CONFIG\"], {\n      section: section,\n      config: config\n    });\n  },\n  setLayout: function setLayout(context, _ref4) {\n    var page = _ref4.page,\n        layout = _ref4.layout;\n    return api.patch('config/main', {\n      layout: _defineProperty({}, page, layout)\n    }).then(function () {\n      setTimeout(function () {\n        // For now we reload the page since the layouts use python still\n        location.reload();\n      }, 500);\n    });\n  }\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  state: state,\n  mutations: mutations,\n  getters: getters,\n  actions: actions\n});\n\n//# sourceURL=webpack:///./src/store/modules/config.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _mutation_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../mutation-types */ \"./src/store/mutation-types.js\");\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\n\nvar state = {\n  wikiUrl: null,\n  donationsUrl: null,\n  localUser: null,\n  posterSortdir: null,\n  locale: null,\n  themeName: null,\n  selectedRootIndex: null,\n  webRoot: null,\n  namingForceFolders: null,\n  cacheDir: null,\n  databaseVersion: {\n    major: null,\n    minor: null\n  },\n  programDir: null,\n  dataDir: null,\n  animeSplitHomeInTabs: null,\n  torrents: {\n    authType: null,\n    dir: null,\n    enabled: null,\n    highBandwidth: null,\n    host: null,\n    label: null,\n    labelAnime: null,\n    method: null,\n    path: null,\n    paused: null,\n    rpcurl: null,\n    seedLocation: null,\n    seedTime: null,\n    username: null,\n    verifySSL: null\n  },\n  layout: {\n    show: {\n      specials: null,\n      showListOrder: [],\n      allSeasons: null\n    },\n    home: null,\n    history: null,\n    schedule: null\n  },\n  dbPath: null,\n  nzb: {\n    enabled: null,\n    method: null,\n    nzbget: {\n      category: null,\n      categoryAnime: null,\n      categoryAnimeBacklog: null,\n      categoryBacklog: null,\n      host: null,\n      priority: null,\n      useHttps: null,\n      username: null\n    },\n    sabnzbd: {\n      category: null,\n      forced: null,\n      categoryAnime: null,\n      categoryBacklog: null,\n      categoryAnimeBacklog: null,\n      host: null,\n      username: null\n    }\n  },\n  configFile: null,\n  fanartBackground: null,\n  trimZero: null,\n  animeSplitHome: null,\n  gitUsername: null,\n  branch: null,\n  commitHash: null,\n  indexers: {\n    config: {\n      main: {\n        externalMappings: {},\n        statusMap: {},\n        traktIndexers: {},\n        validLanguages: [],\n        langabbvToId: {}\n      },\n      indexers: {\n        tvdb: {\n          apiParams: {\n            useZip: null,\n            language: null\n          },\n          baseUrl: null,\n          enabled: null,\n          icon: null,\n          id: null,\n          identifier: null,\n          mappedTo: null,\n          name: null,\n          scene_loc: null,\n          // eslint-disable-line camelcase\n          showUrl: null,\n          xemOrigin: null\n        },\n        tmdb: {\n          apiParams: {\n            useZip: null,\n            language: null\n          },\n          baseUrl: null,\n          enabled: null,\n          icon: null,\n          id: null,\n          identifier: null,\n          mappedTo: null,\n          name: null,\n          scene_loc: null,\n          // eslint-disable-line camelcase\n          showUrl: null,\n          xemOrigin: null\n        },\n        tvmaze: {\n          apiParams: {\n            useZip: null,\n            language: null\n          },\n          baseUrl: null,\n          enabled: null,\n          icon: null,\n          id: null,\n          identifier: null,\n          mappedTo: null,\n          name: null,\n          scene_loc: null,\n          // eslint-disable-line camelcase\n          showUrl: null,\n          xemOrigin: null\n        }\n      }\n    }\n  },\n  sourceUrl: null,\n  rootDirs: [],\n  fanartBackgroundOpacity: null,\n  appArgs: [],\n  emby: {\n    enabled: null,\n    host: null\n  },\n  comingEpsDisplayPaused: null,\n  sortArticle: null,\n  timePreset: null,\n  plex: {\n    client: {\n      host: [],\n      username: null,\n      enabled: null\n    },\n    server: {\n      updateLibrary: null,\n      host: [],\n      enabled: null,\n      notify: {\n        download: null,\n        subtitleDownload: null,\n        snatch: null\n      }\n    }\n  },\n  subtitles: {\n    enabled: null\n  },\n  fuzzyDating: null,\n  backlogOverview: {\n    status: null,\n    period: null\n  },\n  posterSortby: null,\n  kodi: {\n    enabled: null,\n    alwaysOn: null,\n    libraryCleanPending: null,\n    cleanLibrary: null,\n    host: [],\n    notify: {\n      snatch: null,\n      download: null,\n      subtitleDownload: null\n    },\n    update: {\n      library: null,\n      full: null,\n      onlyFirst: null\n    }\n  },\n  news: {\n    lastRead: null,\n    latest: null,\n    unread: null\n  },\n  logs: {\n    loggingLevels: {},\n    numErrors: null,\n    numWarnings: null\n  },\n  failedDownloads: {\n    enabled: null,\n    deleteFailed: null\n  },\n  postProcessing: {\n    naming: {\n      pattern: null,\n      multiEp: null,\n      enableCustomNamingSports: null,\n      enableCustomNamingAirByDate: null,\n      patternSports: null,\n      patternAirByDate: null,\n      enableCustomNamingAnime: null,\n      patternAnime: null,\n      animeMultiEp: null,\n      animeNamingType: null,\n      stripYear: null\n    },\n    showDownloadDir: null,\n    processAutomatically: null,\n    processMethod: null,\n    deleteRarContent: null,\n    unpack: null,\n    noDelete: null,\n    reflinkAvailable: null,\n    postponeIfSyncFiles: null,\n    autoPostprocessorFrequency: 10,\n    airdateEpisodes: null,\n    moveAssociatedFiles: null,\n    allowedExtensions: [],\n    addShowsWithoutDir: null,\n    createMissingShowDirs: null,\n    renameEpisodes: null,\n    postponeIfNoSubs: null,\n    nfoRename: null,\n    syncFiles: [],\n    fileTimestampTimezone: 'local',\n    extraScripts: [],\n    extraScriptsUrl: null,\n    multiEpStrings: {}\n  },\n  sslVersion: null,\n  pythonVersion: null,\n  comingEpsSort: null,\n  githubUrl: null,\n  datePreset: null,\n  subtitlesMulti: null,\n  pid: null,\n  os: null,\n  anonRedirect: null,\n  logDir: null,\n  recentShows: [],\n  showDefaults: {\n    status: null,\n    statusAfter: null,\n    quality: null,\n    subtitles: null,\n    seasonFolders: null,\n    anime: null,\n    scene: null\n  }\n};\n\nvar mutations = _defineProperty({}, _mutation_types__WEBPACK_IMPORTED_MODULE_0__[\"ADD_CONFIG\"], function (state, _ref) {\n  var section = _ref.section,\n      config = _ref.config;\n\n  if (section === 'main') {\n    state = Object.assign(state, config);\n  }\n});\n\nvar getters = {\n  layout: function layout(state) {\n    return function (layout) {\n      return state.layout[layout];\n    };\n  }\n};\nvar actions = {\n  getConfig: function getConfig(context, section) {\n    var commit = context.commit;\n    return api.get('/config/' + (section || '')).then(function (res) {\n      if (section) {\n        var config = res.data;\n        commit(_mutation_types__WEBPACK_IMPORTED_MODULE_0__[\"ADD_CONFIG\"], {\n          section: section,\n          config: config\n        });\n        return config;\n      }\n\n      var sections = res.data;\n      Object.keys(sections).forEach(function (section) {\n        var config = sections[section];\n        commit(_mutation_types__WEBPACK_IMPORTED_MODULE_0__[\"ADD_CONFIG\"], {\n          section: section,\n          config: config\n        });\n      });\n      return sections;\n    });\n  },\n  setConfig: function setConfig(context, _ref2) {\n    var section = _ref2.section,\n        config = _ref2.config;\n\n    if (section !== 'main') {\n      return;\n    } // If an empty config object was passed, use the current state config\n\n\n    config = Object.keys(config).length === 0 ? context.state : config;\n    return api.patch('config/' + section, config);\n  },\n  updateConfig: function updateConfig(context, _ref3) {\n    var section = _ref3.section,\n        config = _ref3.config;\n    var commit = context.commit;\n    return commit(_mutation_types__WEBPACK_IMPORTED_MODULE_0__[\"ADD_CONFIG\"], {\n      section: section,\n      config: config\n    });\n  },\n  setLayout: function setLayout(context, _ref4) {\n    var page = _ref4.page,\n        layout = _ref4.layout;\n    return api.patch('config/main', {\n      layout: _defineProperty({}, page, layout)\n    }).then(function () {\n      setTimeout(function () {\n        // For now we reload the page since the layouts use python still\n        location.reload();\n      }, 500);\n    });\n  }\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  state: state,\n  mutations: mutations,\n  getters: getters,\n  actions: actions\n});\n\n//# sourceURL=webpack:///./src/store/modules/config.js?");
 
 /***/ }),
 
@@ -3942,11 +4036,11 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 /*!**********************!*\
   !*** ./src/utils.js ***!
   \**********************/
-/*! exports provided: isDevelopment */
+/*! exports provided: combineQualities, isDevelopment */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isDevelopment\", function() { return isDevelopment; });\nvar isDevelopment = \"development\" === 'development';\n\n\n//# sourceURL=webpack:///./src/utils.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"combineQualities\", function() { return combineQualities; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isDevelopment\", function() { return isDevelopment; });\nvar isDevelopment = \"development\" === 'development';\n/**\n * Calculate the combined value of the selected qualities.\n * @param {number[]} allowedQualities - Array of allowed qualities.\n * @param {number[]} preferredQualities - Array of preferred qualities.\n * @returns {number} - An unsigned integer.\n */\n\nvar combineQualities = function combineQualities(allowedQualities, preferredQualities) {\n  var reducer = function reducer(accumulator, currentValue) {\n    return accumulator | currentValue;\n  };\n\n  var allowed = allowedQualities.reduce(reducer, 0);\n  var preferred = preferredQualities.reduce(reducer, 0);\n  return (allowed | preferred << 16) >>> 0; // Unsigned int\n};\n\n\n\n//# sourceURL=webpack:///./src/utils.js?");
 
 /***/ })
 
diff --git a/themes/light/templates/addShows_newShow.mako b/themes/light/templates/addShows_newShow.mako
index e44f7d0efe..2eacd7dfea 100644
--- a/themes/light/templates/addShows_newShow.mako
+++ b/themes/light/templates/addShows_newShow.mako
@@ -9,8 +9,6 @@
     from six import iteritems, text_type
 %>
 <%block name="scripts">
-<script type="text/javascript" src="js/add-show-options.js?${sbPID}"></script>
-<script type="text/javascript" src="js/blackwhite.js?${sbPID}"></script>
 <%
     valid_indexers = {
         '0': {
@@ -68,7 +66,23 @@ window.app = new Vue({
             },
 
             selectedRootDir: '',
-            selectedShowSlug: ''
+            selectedShowSlug: '',
+            selectedShowOptions: {
+                subtitles: null,
+                status: null,
+                statusAfter: null,
+                seasonFolders: null,
+                anime: null,
+                scene: null,
+                release: {
+                    blacklist: [],
+                    whitelist: []
+                },
+                quality: {
+                    allowed: [],
+                    preferred: []
+                }
+            }
         };
     },
     mounted() {
@@ -80,8 +94,6 @@ window.app = new Vue({
             });
 
             setTimeout(() => {
-                this.updateBlackWhiteList();
-
                 const { providedInfo } = this;
                 const { use, showId, showDir } = providedInfo;
                 if (use && showId !== 0 && showDir) {
@@ -109,15 +121,6 @@ window.app = new Vue({
             revealfx: ['slide', 300],
             oninit: init
         });
-
-        $(document.body).on('change', 'select[name="quality_preset"]', () => {
-            this.$nextTick(() => this.formwizard.loadsection(2));
-        });
-
-        $(document.body).on('change', '#anime', () => {
-            this.updateBlackWhiteList();
-            this.$nextTick(() => this.formwizard.loadsection(2));
-        });
     },
     computed: {
         // @TODO: Replace with mapState
@@ -190,12 +193,25 @@ window.app = new Vue({
     },
     methods: {
         async submitForm(skipShow) {
-            const { currentSearch, addButtonDisabled } = this;
+            const formData = new FormData();
+
+            /**
+             * Append an array to a FormData object
+             * @param {FormData} appendTo - object to append to
+             * @param {string} fieldName - name of the field to append the values under
+             * @param {(string[]|number[])} array - the array to append
+             */
+            const appendArrayToFormData = (appendTo, fieldName, array) => {
+                for (item of array) {
+                    appendTo.append(fieldName, item);
+                }
+            };
 
-            let formData;
+            appendArrayToFormData(formData, 'other_shows', this.otherShows);
 
             if (skipShow && skipShow === true) {
-                formData = new FormData();
+                const { currentSearch } = this;
+
                 formData.append('skipShow', 'true');
 
                 if (currentSearch.cancel) {
@@ -204,19 +220,67 @@ window.app = new Vue({
                     currentSearch.cancel = null;
                 }
             } else {
+                const { addButtonDisabled } = this;
+
                 // If they haven't picked a show or a root dir don't let them submit
                 if (addButtonDisabled) {
                     this.$snotify.warning('You must choose a show and a parent folder to continue.');
                     return;
                 }
 
-                // Converts select boxes to command separated values [js/blackwhite.js]
-                generateBlackWhiteList(); // eslint-disable-line no-undef
+                // Collect all the needed form data.
+
+                const {
+                    indexerId,
+                    indexerLanguage,
+                    providedInfo,
+                    selectedRootDir,
+                    selectedShow,
+                    selectedShowOptions
+                } = this;
+
+                if (providedInfo.use) {
+                    formData.append('indexer_lang', providedInfo.indexerLanguage);
+                    formData.append('providedIndexer', providedInfo.indexerId);
+                    formData.append('whichSeries', providedInfo.showId);
+                } else {
+                    formData.append('indexer_lang', indexerLanguage);
+                    formData.append('providedIndexer', indexerId);
+                    // @TODO: Remove the need for the `selectedShow.whichSeries` value
+                    formData.append('whichSeries', selectedShow.whichSeries);
+                }
 
-                formData = new FormData(this.$refs.addShowForm);
-            }
+                if (providedInfo.showDir) {
+                    formData.append('fullShowPath', providedInfo.showDir);
+                } else {
+                    formData.append('rootDir', selectedRootDir);
+                }
 
-            this.otherShows.forEach(nextShow => formData.append('other_shows', nextShow));
+                const {
+                    anime,
+                    quality,
+                    release,
+                    scene,
+                    seasonFolders,
+                    status,
+                    statusAfter,
+                    subtitles
+                } = selectedShowOptions;
+
+                // Show options
+                formData.append('defaultStatus', status);
+                formData.append('defaultStatusAfter', statusAfter);
+                formData.append('subtitles', Boolean(subtitles));
+                formData.append('anime', Boolean(anime));
+                formData.append('scene', Boolean(scene));
+                formData.append('season_folders', Boolean(seasonFolders));
+
+                appendArrayToFormData(formData, 'allowed_qualities', quality.allowed);
+                appendArrayToFormData(formData, 'preferred_qualities', quality.preferred);
+
+                appendArrayToFormData(formData, 'whitelist', release.whitelist);
+                appendArrayToFormData(formData, 'blacklist', release.blacklist);
+            }
 
             const response = await apiRoute.post('addShows/addNewShow', formData);
             const { data } = response;
@@ -400,10 +464,27 @@ window.app = new Vue({
                 this.formwizard.loadsection(0); // eslint-disable-line no-use-before-define
             });
         },
-        updateBlackWhiteList() {
-            // Currently requires jQuery
-            if ($ === undefined) return;
-            $.updateBlackWhiteList(this.showName);
+        /**
+         * The formwizard sets a fixed height when the step has been loaded. We need to refresh this on the option
+         * page, when showing/hiding the release groups.
+         */
+        refreshOptionStep() {
+            if (this.formwizard.currentsection === 2) {
+                this.$nextTick(() => this.formwizard.loadsection(2));
+            }
+        },
+        updateOptions(options) {
+            // Update seleted options from add-show-options.vue @change event.
+            this.selectedShowOptions.subtitles = options.subtitles;
+            this.selectedShowOptions.status = options.status;
+            this.selectedShowOptions.statusAfter = options.statusAfter;
+            this.selectedShowOptions.seasonFolders = options.seasonFolders;
+            this.selectedShowOptions.anime = options.anime;
+            this.selectedShowOptions.scene = options.scene;
+            this.selectedShowOptions.release.blacklist = options.release.blacklist;
+            this.selectedShowOptions.release.whitelist = options.release.whitelist;
+            this.selectedShowOptions.quality.allowed = options.quality.allowed;
+            this.selectedShowOptions.quality.preferred = options.quality.preferred;
         }
     }
 });
@@ -418,7 +499,7 @@ window.app = new Vue({
         <div id="core-component-group1" class="tab-pane active component-group">
             <div id="displayText">Adding show <b v-html="showName"></b> {{showPathPreposition}} <b v-html="showPath"></b></div>
             <br>
-            <form id="addShowForm" ref="addShowForm" method="post" action="addShows/addNewShow" accept-charset="utf-8">
+            <form id="addShowForm" @submit.prevent="">
                 <fieldset class="sectionwrap">
                     <legend class="legendStep">Find a show on selected indexer(s)</legend>
                     <div v-if="providedInfo.use" class="stepDiv">
@@ -435,17 +516,14 @@ window.app = new Vue({
                         <span v-else>
                             <b>{{ providedInfo.showName }}</b>
                         </span>
-                        <input type="hidden" name="indexer_lang" :value="providedInfo.indexerLanguage" />
-                        <input type="hidden" name="whichSeries" :value="providedInfo.showId" />
-                        <input type="hidden" name="providedIndexer" :value="providedInfo.indexerId" />
                     </div>
                     <div v-else class="stepDiv">
                         <input type="text" v-model.trim="nameToSearch" ref="nameToSearch" @keyup.enter="searchIndexers" class="form-control form-control-inline input-sm input350"/>
                         &nbsp;&nbsp;
-                        <language-select @update-language="indexerLanguage = $event" ref="indexerLanguage" name="indexer_lang" :language="indexerLanguage" :available="validLanguages.join(',')" class="form-control form-control-inline input-sm"></language-select>
+                        <language-select @update-language="indexerLanguage = $event" ref="indexerLanguage" :language="indexerLanguage" :available="validLanguages.join(',')" class="form-control form-control-inline input-sm"></language-select>
                         <b>*</b>
                         &nbsp;
-                        <select name="providedIndexer" v-model.number="indexerId" class="form-control form-control-inline input-sm">
+                        <select v-model.number="indexerId" class="form-control form-control-inline input-sm">
                             <option v-for="(indexer, indexerId) in indexers" :value="indexerId">{{indexer.name}}</option>
                         </select>
                         &nbsp;
@@ -468,8 +546,7 @@ window.app = new Vue({
                             <table v-if="searchResults.length !== 0" class="search-results">
                                 <thead>
                                     <tr>
-                                        ## @TODO: Remove the need for the whichSeries value
-                                        <th><input v-if="selectedShow !== null" type="hidden" name="whichSeries" :value="selectedShow.whichSeries" /></th>
+                                        <th></th>
                                         <th>Show Name</th>
                                         <th class="premiere">Premiere</th>
                                         <th class="network">Network</th>
@@ -508,7 +585,6 @@ window.app = new Vue({
                     <legend class="legendStep">Pick the parent folder</legend>
                     <div v-if="providedInfo.showDir" class="stepDiv">
                         Pre-chosen Destination Folder: <b>{{ providedInfo.showDir }}</b><br>
-                        <input type="hidden" name="fullShowPath" :value="providedInfo.showDir" /><br>
                     </div>
                     <div v-else class="stepDiv">
                         <root-dirs @update="rootDirsUpdated"></root-dirs>
@@ -517,7 +593,7 @@ window.app = new Vue({
                 <fieldset class="sectionwrap">
                     <legend class="legendStep">Customize options</legend>
                     <div class="stepDiv">
-                        <%include file="/inc_addShowOptions.mako"/>
+                        <add-show-options :show-name="showName" enable-anime-options @change="updateOptions" @refresh="refreshOptionStep"></add-show-options>
                     </div>
                 </fieldset>
             </form>
diff --git a/themes/light/templates/editShow.mako b/themes/light/templates/editShow.mako
index af8d6a2341..ee341fc6ad 100644
--- a/themes/light/templates/editShow.mako
+++ b/themes/light/templates/editShow.mako
@@ -216,7 +216,7 @@ window.app = new Vue({
                             <label for="defaultEpStatusSelect" class="col-sm-2 control-label">Default Episode Status</label>
                             <div class="col-sm-10 content">
                                 <select name="defaultEpStatus" id="defaultEpStatusSelect" class="form-control form-control-inline input-sm"
-                                    v-model="series.config.defaultEpisodeStatus"/>
+                                    v-model="series.config.defaultEpisodeStatus">
                                     <option v-for="option in defaultEpisodeStatusOptions" :value="option.value">{{ option.text }}</option>
                                 </select>
                                 <div class="clear-left"><p>This will set the status for future episodes.</p></div>
diff --git a/themes/light/templates/inc_addShowOptions.mako b/themes/light/templates/inc_addShowOptions.mako
index 61dd499df3..5f59c44513 100644
--- a/themes/light/templates/inc_addShowOptions.mako
+++ b/themes/light/templates/inc_addShowOptions.mako
@@ -6,7 +6,7 @@
 %>
         <div class="field-pair alt">
             <label for="customQuality" class="clearfix">
-                <span class="component-title">Preferred Quality</span>
+                <span class="component-title">Quality</span>
                 <span class="component-desc">
                     <quality-chooser></quality-chooser>
                 </span>
@@ -62,7 +62,7 @@
                 <span class="component-title">Anime</span>
                 <span class="component-desc">
                     <input type="checkbox" name="anime" id="anime" ${'checked="checked"' if app.ANIME_DEFAULT else ''} />
-                    <p>Is this show an Anime?<p>
+                    <p>Is this show an Anime?</p>
                 </span>
             </label>
         </div>
diff --git a/themes/light/templates/vue-components/quality-chooser.mako b/themes/light/templates/vue-components/quality-chooser.mako
index d0473efd93..98256cf63d 100644
--- a/themes/light/templates/vue-components/quality-chooser.mako
+++ b/themes/light/templates/vue-components/quality-chooser.mako
@@ -100,9 +100,6 @@ const QualityChooserComponent = {
             qualityPresetStrings: ${convert(qualityPresetStrings)},
 
             // JS only
-            lock: false,
-            unwatchProp: null,
-
             allowedQualities: [],
             preferredQualities: [],
             seriesSlug: $('#series-slug').attr('value'), // This should be moved to medusa-lib
@@ -181,21 +178,6 @@ const QualityChooserComponent = {
             return html;
         }
     },
-    created() {
-        /**
-         * overallQuality property might receive values originating from the API,
-         * that are sometimes not avaiable when rendering.
-         * @TODO: Maybe we can remove this in the future.
-         */
-        this.unwatchProp = this.$watch('overallQuality', (newValue, oldValue) => {
-            this.unwatchProp();
-
-            this.lock = true;
-            this.selectedQualityPreset = this.keep === 'keep' ? 'keep' : (this.qualityPresets.includes(newValue) ? newValue : 0),
-            this.setQualityFromPreset(this.selectedQualityPreset, newValue);
-            this.$nextTick(() => this.lock = false);
-        });
-    },
     mounted() {
         this.setQualityFromPreset(this.selectedQualityPreset, this.overallQuality);
     },
@@ -235,18 +217,19 @@ const QualityChooserComponent = {
         }
     },
     watch: {
+        overallQuality(newValue) {
+            const { qualityPresets, keep, setQualityFromPreset } = this;
+            this.selectedQualityPreset = keep === 'keep' ? 'keep' : (qualityPresets.includes(newValue) ? newValue : 0),
+            setQualityFromPreset(this.selectedQualityPreset, newValue);
+        },
         selectedQualityPreset(preset, oldPreset) {
             this.setQualityFromPreset(preset, oldPreset);
         },
         allowedQualities(newQuality, oldQuality) {
-            if (!this.lock) {
-                this.$emit('update:quality:allowed', this.allowedQualities.map(quality => parseInt(quality, 10)));
-            }
+            this.$emit('update:quality:allowed', this.allowedQualities.map(quality => parseInt(quality, 10)));
         },
         preferredQualities(newQuality, oldQuality) {
-            if (!this.lock) {
-                this.$emit('update:quality:preferred', this.preferredQualities.map(quality => parseInt(quality, 10)));
-            }
+            this.$emit('update:quality:preferred', this.preferredQualities.map(quality => parseInt(quality, 10)));
         }
     }
 };