From a199e803ca7902b349159f4a392916771c360d4e Mon Sep 17 00:00:00 2001
From: P0psicles <rogier@headshots.nl>
Date: Sat, 11 Apr 2020 18:58:51 +0200
Subject: [PATCH 01/16] Add history api route. (python apiv2 changes) This was
 already prepared for another PR, where it will be used by the
 snatch-selection (vue) component and the history (vue) component. For this
 addition to the subtitle-search.vue component. Only one of the actions in
 history.js is used.

---
 medusa/server/api/v2/episode_history.py | 140 ++++++++++++++++++++++++
 medusa/server/api/v2/history.py         |  99 +++++++++++++++++
 medusa/server/core.py                   |   8 ++
 3 files changed, 247 insertions(+)
 create mode 100644 medusa/server/api/v2/episode_history.py
 create mode 100644 medusa/server/api/v2/history.py

diff --git a/medusa/server/api/v2/episode_history.py b/medusa/server/api/v2/episode_history.py
new file mode 100644
index 0000000000..eb88f8e0c7
--- /dev/null
+++ b/medusa/server/api/v2/episode_history.py
@@ -0,0 +1,140 @@
+# coding=utf-8
+"""Request handler for series and episodes."""
+from __future__ import unicode_literals
+
+import logging
+
+from medusa import db
+
+from medusa.common import statusStrings
+from medusa.helper.exceptions import EpisodeDeletedException
+from medusa.logger.adapters.style import BraceAdapter
+from medusa.providers.generic_provider import GenericProvider
+from medusa.providers import get_provider_class
+from medusa.server.api.v2.base import BaseRequestHandler
+from medusa.server.api.v2.history import HistoryHandler
+from medusa.tv.episode import Episode, EpisodeNumber
+from medusa.tv.series import Series, SeriesIdentifier
+
+from os.path import basename
+
+log = BraceAdapter(logging.getLogger(__name__))
+log.logger.addHandler(logging.NullHandler())
+
+
+class EpisodeHistoryHandler(BaseRequestHandler):
+    """Episode history request handler."""
+
+    #: parent resource handler
+    parent_handler = HistoryHandler
+    #: resource name
+    name = 'episode'
+    #: identifier
+    identifier = ('episode_slug', r'[\w-]+')
+    #: path param
+    path_param = ('path_param', r'\w+')
+    #: allowed HTTP methods
+    allowed_methods = ('GET', 'DELETE',)
+
+    def get(self, series_slug, episode_slug, path_param):
+        """Query episode's history information.
+
+        :param series_slug: series slug. E.g.: tvdb1234
+        :param episode_slug: episode slug. E.g.: s01e01
+        :param path_param:
+        """
+        series_identifier = SeriesIdentifier.from_slug(series_slug)
+        if not series_identifier:
+            return self._bad_request('Invalid series slug')
+
+        series = Series.find_by_identifier(series_identifier)
+        if not series:
+            return self._not_found('Series not found')
+
+        if not episode_slug:
+            return self._not_found('Invalid episode slug')
+
+        episode_number = EpisodeNumber.from_slug(episode_slug)
+        if not episode_number:
+            return self._bad_request('Invalid episode number')
+
+        episode = Episode.find_by_series_and_episode(series, episode_number)
+        if not episode:
+            return self._not_found('Episode not found')
+
+        sql_base = '''
+            SELECT rowid, date, action, quality,
+                   provider, version, resource, size, proper_tags,
+                   indexer_id, showid, season, episode, manually_searched
+            FROM history
+            WHERE showid = ? AND indexer_id = ? AND season = ? AND episode = ?
+        '''
+
+        params = [series.series_id, series.indexer, episode.season, episode.episode]
+
+        sql_base += ' ORDER BY date DESC'
+        results = db.DBConnection().select(sql_base, params)
+
+        def data_generator():
+            """Read history data and normalize key/value pairs."""
+            for item in results:
+                d = {}
+                d['id'] = item['rowid']
+
+                if item['indexer_id'] and item['showid']:
+                    d['series'] = SeriesIdentifier.from_id(item['indexer_id'], item['showid']).slug
+
+                d['status'] = item['action']
+                d['actionDate'] = item['date']
+
+                d['resource'] = basename(item['resource'])
+                d['size'] = item['size']
+                d['properTags'] = item['proper_tags']
+                d['statusName'] = statusStrings.get(item['action'])
+                d['season'] = item['season']
+                d['episode'] = item['episode']
+                d['manuallySearched'] = item['manually_searched']
+
+                provider = get_provider_class(GenericProvider.make_id(item['provider']))
+                d['provider'] = {}
+                if provider:
+                    d['provider']['id'] = provider.get_id()
+                    d['provider']['name'] = provider.name
+                    d['provider']['imageName'] = provider.image_name()
+
+                yield d
+
+        if not len(results):
+            return self._not_found('History data not found for show {show} and episode {episode}'.format(
+                show=series.identifier.slug, episode=episode.slug
+            ))
+
+        return self._ok(data=list(data_generator()))
+
+    def delete(self, series_slug, episode_slug, **kwargs):
+        """Delete the episode."""
+        if not series_slug:
+            return self._method_not_allowed('Deleting multiple series are not allowed')
+
+        identifier = SeriesIdentifier.from_slug(series_slug)
+        if not identifier:
+            return self._bad_request('Invalid series identifier')
+
+        series = Series.find_by_identifier(identifier)
+        if not series:
+            return self._not_found('Series not found')
+
+        episode_number = EpisodeNumber.from_slug(episode_slug)
+        if not episode_number:
+            return self._bad_request('Invalid episode number')
+
+        episode = Episode.find_by_series_and_episode(series, episode_number)
+        if not episode:
+            return self._not_found('Episode not found')
+
+        try:
+            episode.delete_episode()
+        except EpisodeDeletedException:
+            return self._no_content()
+        else:
+            return self._conflict('Unable to delete episode')
diff --git a/medusa/server/api/v2/history.py b/medusa/server/api/v2/history.py
new file mode 100644
index 0000000000..d2d14b89ab
--- /dev/null
+++ b/medusa/server/api/v2/history.py
@@ -0,0 +1,99 @@
+# coding=utf-8
+"""Request handler for alias (scene exceptions)."""
+from __future__ import unicode_literals
+
+from medusa import db
+
+from medusa.server.api.v2.base import BaseRequestHandler
+from medusa.providers.generic_provider import GenericProvider
+from medusa.providers import get_provider_class
+from medusa.tv.series import SeriesIdentifier
+from os.path import basename
+from medusa.common import statusStrings
+
+
+class HistoryHandler(BaseRequestHandler):
+    """History request handler."""
+
+    #: resource name
+    name = 'history'
+    #: identifier
+    identifier = ('series_slug', r'\w+')
+    #: path param
+    path_param = ('path_param', r'\w+')
+    #: allowed HTTP methods
+    allowed_methods = ('GET', 'POST', 'PUT', 'DELETE')
+
+    def get(self, series_slug, path_param):
+        """Query search history information."""
+
+        sql_base = '''
+            SELECT rowid, date, action, quality,
+                   provider, version, resource, size,
+                   indexer_id, showid, season, episode
+            FROM history
+        '''
+        params = []
+
+        arg_page = self._get_page()
+        arg_limit = self._get_limit(default=50)
+
+        if series_slug is not None:
+            series_identifier = SeriesIdentifier.from_slug(series_slug)
+            if not series_identifier:
+                return self._bad_request('Invalid series')
+
+            sql_base += ' WHERE indexer_id = ? AND showid = ?'
+            params += [series_identifier.indexer.id, series_identifier.id]
+
+        sql_base += ' ORDER BY date DESC'
+        results = db.DBConnection().select(sql_base, params)
+
+        def data_generator():
+            """Read log lines based on the specified criteria."""
+            start = arg_limit * (arg_page - 1) + 1
+
+            for item in results[start - 1:start - 1 + arg_limit]:
+                d = {}
+                d['id'] = item['rowid']
+
+                if item['indexer_id'] and item['showid']:
+                    d['series'] = SeriesIdentifier.from_id(item['indexer_id'], item['showid']).slug
+
+                d['status'] = item['action']
+                d['actionDate'] = item['date']
+
+                d['resource'] = basename(item['resource'])
+                d['size'] = item['size']
+                d['statusName'] = statusStrings.get(item['action'])
+                d['season'] = item['season']
+                d['episode'] = item['episode']
+
+                provider = get_provider_class(GenericProvider.make_id(item['provider']))
+                d['provider'] = {}
+                if provider:
+                    d['provider']['id'] = provider.get_id()
+                    d['provider']['name'] = provider.name
+                    d['provider']['imageName'] = provider.image_name()
+
+                yield d
+
+        if not len(results):
+            return self._not_found('History data not found')
+
+        return self._paginate(data_generator=data_generator)
+
+
+    def delete(self, identifier, **kwargs):
+        """Delete an alias."""
+        identifier = self._parse(identifier)
+        if not identifier:
+            return self._bad_request('Invalid history id')
+
+        cache_db_con = db.DBConnection('cache.db')
+        last_changes = cache_db_con.connection.total_changes
+        cache_db_con.action('DELETE FROM history WHERE row_id = ?', [identifier])
+        if cache_db_con.connection.total_changes - last_changes <= 0:
+            return self._not_found('Alias not found')
+
+        return self._no_content()
diff --git a/medusa/server/core.py b/medusa/server/core.py
index a3cd5987f4..f28a5023a5 100644
--- a/medusa/server/core.py
+++ b/medusa/server/core.py
@@ -23,6 +23,8 @@
 from medusa.server.api.v2.base import BaseRequestHandler, NotFoundHandler
 from medusa.server.api.v2.config import ConfigHandler
 from medusa.server.api.v2.episodes import EpisodeHandler
+from medusa.server.api.v2.episode_history import EpisodeHistoryHandler
+from medusa.server.api.v2.history import HistoryHandler
 from medusa.server.api.v2.internal import InternalHandler
 from medusa.server.api.v2.log import LogHandler
 from medusa.server.api.v2.search import SearchHandler
@@ -80,6 +82,12 @@ def get_apiv2_handlers(base):
 
         # Order: Most specific to most generic
 
+        # /api/v2/history/tvdb1234/episode
+        EpisodeHistoryHandler.create_app_handler(base),
+
+        # /api/v2/history
+        HistoryHandler.create_app_handler(base),
+
         # /api/v2/search
         SearchHandler.create_app_handler(base),
 

From c9a8c8bcc3ebd84fde54a146de465dba56f55e41 Mon Sep 17 00:00:00 2001
From: P0psicles <rogier@headshots.nl>
Date: Sat, 11 Apr 2020 19:00:18 +0200
Subject: [PATCH 02/16] Add the last release name from the history table, to
 the subtitle-search.vue manual search table (if available)

---
 .../slim/src/components/display-show.vue      |   2 +-
 .../slim/src/components/subtitle-search.vue   | 127 +++++++++++-------
 themes-default/slim/src/store/index.js        |   2 +
 .../slim/src/store/modules/history.js         | 120 +++++++++++++++++
 .../slim/src/store/modules/index.js           |   1 +
 .../slim/src/store/mutation-types.js          |   8 +-
 themes/dark/assets/js/medusa-runtime.js       |  30 +++--
 themes/light/assets/js/medusa-runtime.js      |  30 +++--
 8 files changed, 252 insertions(+), 68 deletions(-)
 create mode 100644 themes-default/slim/src/store/modules/history.js

diff --git a/themes-default/slim/src/components/display-show.vue b/themes-default/slim/src/components/display-show.vue
index ecd27d53fb..cab36343e0 100644
--- a/themes-default/slim/src/components/display-show.vue
+++ b/themes-default/slim/src/components/display-show.vue
@@ -785,7 +785,7 @@ export default {
             const { id, indexer, getEpisodes, show, subtitleSearchComponents } = this;
             const SubtitleSearchClass = Vue.extend(SubtitleSearch); // eslint-disable-line no-undef
             const instance = new SubtitleSearchClass({
-                propsData: { show, season: episode.season, episode: episode.episode, key: episode.originalIndex, lang },
+                propsData: { show, episode, key: episode.originalIndex, lang },
                 parent: this
             });
 
diff --git a/themes-default/slim/src/components/subtitle-search.vue b/themes-default/slim/src/components/subtitle-search.vue
index 1ed2fb732f..55472a8c8d 100644
--- a/themes-default/slim/src/components/subtitle-search.vue
+++ b/themes-default/slim/src/components/subtitle-search.vue
@@ -1,7 +1,7 @@
 <template>
     <tr class="subtitle-search-wrapper">
         <td colspan="9999">
-            <span v-if="loading" class="loading-message">{{loadingMessage}} <state-switch :theme="layout.themeName" state="loading" /></span>
+            <span v-if="loading" class="loading-message">{{loadingMessage}} <state-switch :theme="config.themeName" state="loading" /></span>
             <div v-if="displayQuestion" class="search-question">
                 <div class="question">
                     <p v-if="!lang">Do you want to manually pick subtitles or let us choose it for you?</p>
@@ -13,7 +13,11 @@
                 </div>
             </div>
 
-            <vue-good-table v-if="subtitles.length > 0"
+            <div v-if="subtitles.length > 0" class="subtitle-results">
+                <span class="release-name">
+                    Select subtitle for release name: {{releaseName}}
+                </span>
+                <vue-good-table
                             :columns="columns"
                             :rows="subtitles"
                             :search-options="{
@@ -24,47 +28,50 @@
                                 initialSortBy: { field: 'score', type: 'desc' }
                             }"
                             styleClass="vgt-table condensed subtitle-table"
-            >
-                <template v-slot:table-column="props">
-                    <span v-if="props.column.label === 'Download'">
-                        <span>{{props.column.label}}</span>
-                        <span class="btn-medusa btn-xs pull-right" @click="close">hide</span>
-                    </span>
-                    <span v-else>
-                        {{props.column.label}}
-                    </span>
-                </template>
-                <template v-slot:table-row="props">
-                    <span v-if="props.column.field === 'provider'">
-                        <img :src="`images/subtitles/${props.row.provider}.png`" width="16" height="16">
-                        <span :title="props.row.provider">{{props.row.provider}}</span>
-                    </span>
-                    <span v-else-if="props.column.field === 'lang'">
-                        <img :title="props.row.lang" :src="`images/subtitles/flags/${props.row.lang}.png`" width="16" height="11">
-                    </span>
-                    <span v-else-if="props.column.field === 'filename'">
-                        <a :title="`Download${props.row.hearing_impaired ? ' hearing impaired ' : ' '}subtitle: ${props.row.filename}`" @click="pickSubtitle(props.row.id)">
-                            <img v-if="props.row.hearing_impaired" src="images/hearing_impaired.png" width="16" height="16">
-                            <span class="subtitle-name">{{props.row.filename}}</span>
-                            <img v-if="props.row.sub_score >= props.row.min_score" src="images/save.png" width="16" height="16">
-                        </a>
-                    </span>
-                    <span v-else-if="props.column.field === 'download'">
-                        <a :title="`Download${props.row.hearing_impaired ? ' hearing impaired ' : ' '}subtitle: ${props.row.filename}`" @click="pickSubtitle(props.row.id)">
-                            <img src="images/download.png" width="16" height="16">
-                        </a>
-                    </span>
-                    <span v-else>
-                        {{props.formattedRow[props.column.field]}}
-                    </span>
-                </template>
-            </vue-good-table>
+                >
+                    <template v-slot:table-column="props">
+                        <span v-if="props.column.label === 'Download'">
+                            <span>{{props.column.label}}</span>
+                            <span class="btn-medusa btn-xs pull-right" @click="close">hide</span>
+                        </span>
+                        <span v-else>
+                            {{props.column.label}}
+                        </span>
+                    </template>
+                    <template v-slot:table-row="props">
+                        <span v-if="props.column.field === 'provider'">
+                            <img :src="`images/subtitles/${props.row.provider}.png`" width="16" height="16">
+                            <span :title="props.row.provider">{{props.row.provider}}</span>
+                        </span>
+                        <span v-else-if="props.column.field === 'lang'">
+                            <img :title="props.row.lang" :src="`images/subtitles/flags/${props.row.lang}.png`" width="16" height="11">
+                        </span>
+                        <span v-else-if="props.column.field === 'filename'">
+                            <a :title="`Download${props.row.hearing_impaired ? ' hearing impaired ' : ' '}subtitle: ${props.row.filename}`" @click="pickSubtitle(props.row.id)">
+                                <img v-if="props.row.hearing_impaired" src="images/hearing_impaired.png" width="16" height="16">
+                                <span class="subtitle-name">{{props.row.filename}}</span>
+                                <img v-if="props.row.sub_score >= props.row.min_score" src="images/save.png" width="16" height="16">
+                            </a>
+                        </span>
+                        <span v-else-if="props.column.field === 'download'">
+                            <a :title="`Download${props.row.hearing_impaired ? ' hearing impaired ' : ' '}subtitle: ${props.row.filename}`" @click="pickSubtitle(props.row.id)">
+                                <img src="images/download.png" width="16" height="16">
+                            </a>
+                        </span>
+                        <span v-else>
+                            {{props.formattedRow[props.column.field]}}
+                        </span>
+                    </template>
+                </vue-good-table>
+            </div>
+
+
         </td>
     </tr>
 </template>
 <script>
 
-import { mapState } from 'vuex';
+import { mapActions, mapGetters, mapState } from 'vuex';
 import { VueGoodTable } from 'vue-good-table';
 import { apiRoute } from '../api';
 import { StateSwitch } from './helpers';
@@ -80,12 +87,8 @@ export default {
             type: Object,
             required: true
         },
-        season: {
-            type: [String, Number],
-            required: true
-        },
         episode: {
-            type: [String, Number],
+            type: Object,
             required: true
         },
         lang: {
@@ -133,24 +136,43 @@ export default {
     },
     computed: {
         ...mapState({
-            layout: state => state.layout
+            config: state => state.config,
+            episodeHistory: state => state.episodeHistory
         }),
+        ...mapGetters({
+            getLastReleaseName: 'getLastReleaseName'
+        }),
+        releaseName() {
+            const { episode, getLastReleaseName, show } = this;
+            const lastKnownReleaseName = getLastReleaseName({ showSlug: show.id.slug, episodeSlug: episode.slug });
+            if (lastKnownReleaseName) {
+                return lastKnownReleaseName;
+            } else {
+                return 'Could not get a downloaded release name from the history table'
+            }
+
+        },
         subtitleParams() {
-            const { episode, show, season } = this;
+            const { episode, show } = this;
             const params = {
                 indexername: show.indexer,
                 seriesid: show.id[show.indexer],
-                season,
-                episode
+                season: episode.season,
+                episode: episode.episode
             };
 
             return params;
         }
     },
     mounted() {
+        const { episode, getShowEpisodeHistory, show } = this;
         this.displayQuestion = true;
+        getShowEpisodeHistory({ showSlug: show.id.slug, episodeSlug: episode.slug });
     },
     methods: {
+        ...mapActions([
+            'getShowEpisodeHistory'
+        ]),
         autoSearch() {
             const { lang, subtitleParams } = this;
             const params = subtitleParams;
@@ -185,7 +207,7 @@ export default {
                 });
         },
         manualSearch() {
-            const { subtitleParams } = this;
+            const { getShowEpisodeHistory, subtitleParams } = this;
 
             this.displayQuestion = false;
             this.loading = true;
@@ -295,4 +317,13 @@ export default {
 span.subtitle-name {
     color: rgb(0, 0, 0);
 }
+
+span.release-name {
+    text-align: left;
+    width: 100%;
+    display: block;
+    background-color: rgb(51, 51, 51);
+    color: rgb(255, 255, 255);
+    padding: 4px;
+}
 </style>
diff --git a/themes-default/slim/src/store/index.js b/themes-default/slim/src/store/index.js
index 8b3eb18e2a..34330e611d 100644
--- a/themes-default/slim/src/store/index.js
+++ b/themes-default/slim/src/store/index.js
@@ -7,6 +7,7 @@ import {
     config,
     consts,
     defaults,
+    history,
     indexers,
     layout,
     metadata,
@@ -37,6 +38,7 @@ const store = new Store({
         config,
         consts,
         defaults,
+        history,
         indexers,
         layout,
         metadata,
diff --git a/themes-default/slim/src/store/modules/history.js b/themes-default/slim/src/store/modules/history.js
new file mode 100644
index 0000000000..61cd2ee3f2
--- /dev/null
+++ b/themes-default/slim/src/store/modules/history.js
@@ -0,0 +1,120 @@
+import Vue from 'vue';
+
+import { api } from '../../api';
+import { ADD_HISTORY, ADD_SHOW_HISTORY, ADD_SHOW_EPISODE_HISTORY } from '../mutation-types';
+
+const state = {
+    history: [],
+    page: 0,
+    showHistory: {},
+    episodeHistory: {}
+};
+
+const mutations = {
+    [ADD_HISTORY](state, history) {
+        // Update state
+        state.history.push(...history);
+    },
+    [ADD_SHOW_HISTORY](state, { showSlug, history }) {
+        // Keep an array of shows, with their history
+        // Maybe we can just check the last id. And if the id's are newer, add them. Less fancy, much more fast.
+        Vue.set(state.showHistory, showSlug, history);
+    },
+    [ADD_SHOW_EPISODE_HISTORY](state, { showSlug, episodeSlug, history }) {
+        // Keep an object of shows, with their history per episode
+        // Example: {tvdb1234: {s01e01: [history]}}
+
+        if (!Object.keys(state.episodeHistory).includes(showSlug)) {
+            state.episodeHistory[showSlug] = {};
+        }
+
+        Vue.set(state.episodeHistory[showSlug], episodeSlug, history);
+    },
+};
+
+const getters = {
+    getShowHistoryBySlug: state => showSlug => state.showHistory[showSlug],
+    getLastReleaseName: state => ({ showSlug, episodeSlug }) => {
+        if (state.episodeHistory[showSlug] !== undefined) {
+            if (state.episodeHistory[showSlug][episodeSlug] !== undefined) {
+                if ( state.episodeHistory[showSlug][episodeSlug].length === 1) {
+                    return state.episodeHistory[showSlug][episodeSlug][0].resource;
+                }
+                return state.episodeHistory[showSlug][episodeSlug].sort((a, b) => (a.actionDate - b.actionDate) * -1).filter(ep => ep.resource !== '')[0].resource;
+            }
+        }
+    }
+};
+
+/**
+ * An object representing request parameters for getting a show from the API.
+ *
+ * @typedef {object} ShowGetParameters
+ * @property {boolean} detailed Fetch detailed information? (e.g. scene/xem numbering)
+ * @property {boolean} episodes Fetch seasons & episodes?
+ */
+
+const actions = {
+    /**
+     * Get show history from API and commit it to the store.
+     *
+     * @param {*} context The store context.
+     * @param {ShowIdentifier&ShowGetParameters} parameters Request parameters.
+     * @returns {Promise} The API response.
+     */
+    async getShowHistory(context, { slug }) {
+        const { commit } = context;
+
+        const response = await api.get(`/history/${slug}`);
+        if (response.data.length > 0) {
+            commit(ADD_SHOW_HISTORY, { showSlug: slug, history: response.data });
+        }
+    },
+    /**
+     * Get history from API and commit them to the store.
+     *
+     * @param {*} context - The store context.
+     * @param {(ShowIdentifier&ShowGetParameters)[]} shows Shows to get. If not provided, gets the first 1k shows.
+     * @returns {undefined|Promise} undefined if `shows` was provided or the API response if not.
+     */
+    async getHistory(context) {
+        const { commit, state } = context;
+        const limit = 1000;
+        const params = { limit };
+
+        let lastPage = false;
+        let response = null;
+        while (!lastPage) {
+            state.page += 1;
+            params.page = state.page;
+            response = await api.get(`/history`, { params }); // No way around this.
+            commit(ADD_HISTORY, response.data);
+
+            if (response.data.length < limit) {
+                lastPage = true;
+            }
+        }
+    },
+    /**
+     * Get episode history from API and commit it to the store.
+     *
+     * @param {*} context The store context.
+     * @param {ShowIdentifier&ShowGetParameters} parameters Request parameters.
+     * @returns {Promise} The API response.
+     */
+    async getShowEpisodeHistory(context, { showSlug, episodeSlug }) {
+        const { commit } = context;
+
+        const response = await api.get(`/history/${showSlug}/episode/${episodeSlug}`);
+        if (response.data.length > 0) {
+            commit(ADD_SHOW_EPISODE_HISTORY, { showSlug, episodeSlug, history: response.data });
+        }
+    },
+};
+
+export default {
+    state,
+    mutations,
+    getters,
+    actions
+};
diff --git a/themes-default/slim/src/store/modules/index.js b/themes-default/slim/src/store/modules/index.js
index cfb89ca9bd..6991c4d3da 100644
--- a/themes-default/slim/src/store/modules/index.js
+++ b/themes-default/slim/src/store/modules/index.js
@@ -3,6 +3,7 @@ export { default as clients } from './clients';
 export { default as config } from './config';
 export { default as consts } from './consts';
 export { default as defaults } from './defaults';
+export { default as history } from './history';
 export { default as indexers } from './indexers';
 export { default as layout } from './layout';
 export { default as metadata } from './metadata';
diff --git a/themes-default/slim/src/store/mutation-types.js b/themes-default/slim/src/store/mutation-types.js
index 6ab448835b..1937e8c509 100644
--- a/themes-default/slim/src/store/mutation-types.js
+++ b/themes-default/slim/src/store/mutation-types.js
@@ -18,6 +18,9 @@ const ADD_SHOW_EPISODE = '📺 Shows season with episodes added to store';
 const ADD_STATS = 'ℹ️ Statistics added to store';
 const ADD_SHOW_SCENE_EXCEPTION = '📺 Add a scene exception';
 const REMOVE_SHOW_SCENE_EXCEPTION = '📺 Remove a scene exception';
+const ADD_HISTORY = '📺 History added to store';
+const ADD_SHOW_HISTORY = '📺 Show specific History added to store';
+const ADD_SHOW_EPISODE_HISTORY = "📺 Show's episode specific History added to store";
 
 export {
     LOGIN_PENDING,
@@ -35,9 +38,12 @@ export {
     NOTIFICATIONS_ENABLED,
     NOTIFICATIONS_DISABLED,
     ADD_CONFIG,
+    ADD_HISTORY,
     ADD_SHOW,
     ADD_SHOW_EPISODE,
     ADD_STATS,
     ADD_SHOW_SCENE_EXCEPTION,
-    REMOVE_SHOW_SCENE_EXCEPTION
+    REMOVE_SHOW_SCENE_EXCEPTION,
+    ADD_SHOW_HISTORY,
+    ADD_SHOW_EPISODE_HISTORY
 };
diff --git a/themes/dark/assets/js/medusa-runtime.js b/themes/dark/assets/js/medusa-runtime.js
index 51d653f926..53b6700c64 100644
--- a/themes/dark/assets/js/medusa-runtime.js
+++ b/themes/dark/assets/js/medusa-runtime.js
@@ -152,7 +152,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function($) {/* harmony import */ var date_fns_format__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! date-fns/format */ \"./node_modules/date-fns/esm/format/index.js\");\n/* harmony import */ var date_fns_parseISO__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! date-fns/parseISO */ \"./node_modules/date-fns/esm/parseISO/index.js\");\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./helpers */ \"./src/components/helpers/index.js\");\n/* harmony import */ var _utils_core__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../utils/core */ \"./src/utils/core.js\");\n/* harmony import */ var _utils_jquery__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../utils/jquery */ \"./src/utils/jquery.js\");\n/* harmony import */ var vue_good_table__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! vue-good-table */ \"./node_modules/vue-good-table/dist/vue-good-table.es.js\");\n/* harmony import */ var _backstretch_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./backstretch.vue */ \"./src/components/backstretch.vue\");\n/* harmony import */ var _show_header_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./show-header.vue */ \"./src/components/show-header.vue\");\n/* harmony import */ var _subtitle_search_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./subtitle-search.vue */ \"./src/components/subtitle-search.vue\");\n/* harmony import */ var javascript_time_ago__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! javascript-time-ago */ \"./node_modules/javascript-time-ago/index.js\");\n/* harmony import */ var javascript_time_ago_locale_en__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! javascript-time-ago/locale/en */ \"./node_modules/javascript-time-ago/locale/en/index.js\");\n/* harmony import */ var javascript_time_ago_locale_en__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(javascript_time_ago_locale_en__WEBPACK_IMPORTED_MODULE_11__);\n/* harmony import */ var _helpers_quality_pill_vue__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./helpers/quality-pill.vue */ \"./src/components/helpers/quality-pill.vue\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n\n\n\n\n\n\n\n\n // Add locale-specific relative date/time formatting rules.\n\njavascript_time_ago__WEBPACK_IMPORTED_MODULE_10__[\"default\"].addLocale(javascript_time_ago_locale_en__WEBPACK_IMPORTED_MODULE_11___default.a);\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: 'show',\n  components: {\n    AppLink: _helpers__WEBPACK_IMPORTED_MODULE_3__[\"AppLink\"],\n    VueGoodTable: vue_good_table__WEBPACK_IMPORTED_MODULE_6__[\"VueGoodTable\"],\n    Backstretch: _backstretch_vue__WEBPACK_IMPORTED_MODULE_7__[\"default\"],\n    PlotInfo: _helpers__WEBPACK_IMPORTED_MODULE_3__[\"PlotInfo\"],\n    ShowHeader: _show_header_vue__WEBPACK_IMPORTED_MODULE_8__[\"default\"],\n    QualityPill: _helpers_quality_pill_vue__WEBPACK_IMPORTED_MODULE_12__[\"default\"]\n  },\n\n  metaInfo() {\n    if (!this.show || !this.show.title) {\n      return {\n        title: 'Medusa'\n      };\n    }\n\n    const {\n      title\n    } = this.show;\n    return {\n      title,\n      titleTemplate: '%s | Medusa'\n    };\n  },\n\n  props: {\n    /**\n     * Show indexer\n     */\n    showIndexer: {\n      type: String\n    },\n\n    /**\n     * Show id\n     */\n    showId: {\n      type: Number\n    }\n  },\n\n  data() {\n    const {\n      getCookie\n    } = this;\n    const perPageDropdown = [25, 50, 100, 250, 500];\n\n    const getPaginationPerPage = () => {\n      const rows = getCookie('displayShow-pagination-perPage');\n\n      if (!rows) {\n        return 50;\n      }\n\n      if (!perPageDropdown.includes(rows)) {\n        return 500;\n      }\n\n      return rows;\n    };\n\n    return {\n      invertTable: true,\n      isMobile: false,\n      subtitleSearchComponents: [],\n      columns: [{\n        label: 'NFO',\n        field: 'content.hasNfo',\n        type: 'boolean',\n        sortable: false,\n        hidden: getCookie('displayShow-hide-field-NFO')\n      }, {\n        label: 'TBN',\n        field: 'content.hasTbn',\n        type: 'boolean',\n        sortable: false,\n        hidden: getCookie('displayShow-hide-field-TBN')\n      }, {\n        label: 'Episode',\n        field: 'episode',\n        type: 'number',\n        hidden: getCookie('displayShow-hide-field-Episode')\n      }, {\n        label: 'Abs. #',\n        field: 'absoluteNumber',\n        type: 'number',\n        hidden: getCookie('displayShow-hide-field-Abs. #')\n      }, {\n        label: 'Scene',\n        field: row => {\n          const {\n            getSceneNumbering\n          } = this;\n          return getSceneNumbering(row);\n        },\n        sortable: false,\n        hidden: getCookie('displayShow-hide-field-Scene')\n      }, {\n        label: 'Scene Abs. #',\n        field: row => {\n          const {\n            getSceneAbsoluteNumbering\n          } = this;\n          return getSceneAbsoluteNumbering(row);\n        },\n        type: 'number',\n\n        /**\n         * Vue-good-table sort overwrite function.\n         * @param {Object} x - row1 value for column.\n         * @param {object} y - row2 value for column.\n         * @returns {Boolean} - if we want to display this row before the next\n         */\n        sortFn(x, y) {\n          return x < y ? -1 : x > y ? 1 : 0;\n        },\n\n        hidden: getCookie('displayShow-hide-field-Scene Abs. #')\n      }, {\n        label: 'Title',\n        field: 'title',\n        hidden: getCookie('displayShow-hide-field-Title')\n      }, {\n        label: 'File',\n        field: 'file.location',\n        hidden: getCookie('displayShow-hide-field-File')\n      }, {\n        label: 'Size',\n        field: 'file.size',\n        type: 'number',\n        formatFn: _utils_core__WEBPACK_IMPORTED_MODULE_4__[\"humanFileSize\"],\n        hidden: getCookie('displayShow-hide-field-Size')\n      }, {\n        // For now i'm using a custom function the parse it. As the type: date, isn't working for us.\n        // But the goal is to have this user formatted (as configured in backend)\n        label: 'Air date',\n        field: this.parseDateFn,\n        sortable: false,\n        hidden: getCookie('displayShow-hide-field-Air date')\n      }, {\n        label: 'Download',\n        field: 'download',\n        sortable: false,\n        hidden: getCookie('displayShow-hide-field-Download')\n      }, {\n        label: 'Subtitles',\n        field: 'subtitles',\n        sortable: false,\n        hidden: getCookie('displayShow-hide-field-Subtitles')\n      }, {\n        label: 'Status',\n        field: 'status',\n        hidden: getCookie('displayShow-hide-field-Status')\n      }, {\n        label: 'Search',\n        field: 'search',\n        sortable: false,\n        hidden: getCookie('displayShow-hide-field-Search')\n      }],\n      perPageDropdown,\n      paginationPerPage: getPaginationPerPage(),\n      selectedEpisodes: [],\n      // We need to keep track of which episode where trying to search, for the vue-modal\n      failedSearchEpisode: null,\n      backlogSearchEpisodes: [],\n      filterByOverviewStatus: false,\n      timeAgo: new javascript_time_ago__WEBPACK_IMPORTED_MODULE_10__[\"default\"]('en-US')\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_2__[\"mapState\"])({\n      shows: state => state.shows.shows,\n      configLoaded: state => state.layout.fanartBackground !== null,\n      config: state => state.config,\n      layout: state => state.layout,\n      stateSearch: state => state.search\n    }),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_2__[\"mapGetters\"])({\n      show: 'getCurrentShow',\n      getOverviewStatus: 'getOverviewStatus'\n    }),\n\n    indexer() {\n      return this.showIndexer || this.$route.query.indexername;\n    },\n\n    id() {\n      return this.showId || Number(this.$route.query.seriesid) || undefined;\n    },\n\n    theme() {\n      const {\n        layout\n      } = this;\n      const {\n        themeName\n      } = layout;\n      return themeName || 'light';\n    },\n\n    orderSeasons() {\n      const {\n        filterByOverviewStatus,\n        invertTable,\n        show\n      } = this;\n\n      if (!show.seasons) {\n        return [];\n      }\n\n      let sortedSeasons = show.seasons.sort((a, b) => a.season - b.season).filter(season => season.season !== 0); // Use the filterOverviewStatus to filter the data based on what's checked in the show-header.\n\n      if (filterByOverviewStatus && filterByOverviewStatus.filter(status => status.checked).length < filterByOverviewStatus.length) {\n        const filteredSortedSeasons = [];\n\n        for (const season of sortedSeasons) {\n          const {\n            episodes,\n            ...res\n          } = season;\n          const filteredEpisodes = episodes.filter(episode => {\n            const episodeOverviewStatus = this.getOverviewStatus(episode.status, episode.quality, show.config.qualities);\n            const filteredStatus = filterByOverviewStatus.find(overviewStatus => overviewStatus.name === episodeOverviewStatus);\n            return !filteredStatus || filteredStatus.checked;\n          });\n          filteredSortedSeasons.push(Object.assign({\n            episodes: filteredEpisodes\n          }, res));\n        }\n\n        sortedSeasons = filteredSortedSeasons;\n      }\n\n      if (invertTable) {\n        return sortedSeasons.reverse();\n      }\n\n      return sortedSeasons;\n    },\n\n    specials() {\n      const {\n        show\n      } = this;\n\n      if (!show.seasons) {\n        return [];\n      }\n\n      return show.seasons.filter(season => season.season === 0);\n    }\n\n  },\n\n  created() {\n    const {\n      getShows\n    } = this; // Without getting any specific show data, we pick the show needed from the shows array.\n    // We need to get the complete list of shows anyway, as this is also needed for the show-selector component\n\n    getShows();\n  },\n\n  mounted() {\n    const {\n      id,\n      indexer,\n      getShow,\n      setEpisodeSceneNumbering,\n      setAbsoluteSceneNumbering,\n      setInputValidInvalid,\n      $store\n    } = this; // Let's tell the store which show we currently want as current.\n\n    $store.commit('currentShow', {\n      indexer,\n      id\n    }); // We need detailed info for the xem / scene exceptions, so let's get it.\n\n    getShow({\n      id,\n      indexer,\n      detailed: true\n    });\n    this.$watch('show', () => {\n      this.$nextTick(() => this.reflowLayout());\n    });\n    ['load', 'resize'].map(event => {\n      return window.addEventListener(event, () => {\n        this.reflowLayout();\n      });\n    });\n    $(document.body).on('click', '.seasonCheck', event => {\n      const seasCheck = event.currentTarget;\n      const seasNo = $(seasCheck).attr('id');\n      $('#collapseSeason-' + seasNo).collapse('show');\n      const seasonIdentifier = 's' + seasNo;\n      $('.epCheck:visible').each((index, element) => {\n        const epParts = $(element).attr('id').split('e');\n\n        if (epParts[0] === seasonIdentifier) {\n          element.checked = seasCheck.checked;\n        }\n      });\n    });\n    $(document.body).on('change', '.sceneSeasonXEpisode', event => {\n      const target = event.currentTarget; // Strip non-numeric characters\n\n      const value = $(target).val();\n      $(target).val(value.replace(/[^0-9xX]*/g, ''));\n      const forSeason = $(target).attr('data-for-season');\n      const forEpisode = $(target).attr('data-for-episode'); // If empty reset the field\n\n      if (value === '') {\n        setEpisodeSceneNumbering(forSeason, forEpisode, null, null);\n        return;\n      }\n\n      const m = $(target).val().match(/^(\\d+)x(\\d+)$/i);\n      const onlyEpisode = $(target).val().match(/^(\\d+)$/i);\n      let sceneSeason = null;\n      let sceneEpisode = null;\n      let isValid = false;\n\n      if (m) {\n        sceneSeason = m[1];\n        sceneEpisode = m[2];\n        isValid = setInputValidInvalid(true, $(target));\n      } else if (onlyEpisode) {\n        // For example when '5' is filled in instead of '1x5', asume it's the first season\n        sceneSeason = forSeason;\n        sceneEpisode = onlyEpisode[1];\n        isValid = setInputValidInvalid(true, $(target));\n      } else {\n        isValid = setInputValidInvalid(false, $(target));\n      }\n\n      if (isValid) {\n        setEpisodeSceneNumbering(forSeason, forEpisode, sceneSeason, sceneEpisode);\n      }\n    });\n    $(document.body).on('change', '.sceneAbsolute', event => {\n      const target = event.currentTarget; // Strip non-numeric characters\n\n      $(target).val($(target).val().replace(/[^0-9xX]*/g, ''));\n      const forAbsolute = $(target).attr('data-for-absolute');\n      const m = $(target).val().match(/^(\\d{1,3})$/i);\n      let sceneAbsolute = null;\n\n      if (m) {\n        sceneAbsolute = m[1];\n      }\n\n      setAbsoluteSceneNumbering(forAbsolute, sceneAbsolute);\n    });\n  },\n\n  methods: {\n    humanFileSize: _utils_core__WEBPACK_IMPORTED_MODULE_4__[\"humanFileSize\"],\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_2__[\"mapActions\"])({\n      getShow: 'getShow',\n      // Map `this.getShow()` to `this.$store.dispatch('getShow')`\n      getShows: 'getShows',\n      getEpisodes: 'getEpisodes'\n    }),\n\n    statusQualityUpdate(event) {\n      const {\n        selectedEpisodes,\n        setStatus,\n        setQuality\n      } = this;\n\n      if (event.newQuality !== null && event.newQuality !== 'Change quality to:') {\n        setQuality(event.newQuality, selectedEpisodes);\n      }\n\n      if (event.newStatus !== null && event.newStatus !== 'Change status to:') {\n        setStatus(event.newStatus, selectedEpisodes);\n      }\n    },\n\n    setQuality(quality, episodes) {\n      const {\n        id,\n        indexer,\n        getEpisodes,\n        show\n      } = this;\n      const patchData = {};\n      episodes.forEach(episode => {\n        patchData[episode.slug] = {\n          quality: parseInt(quality, 10)\n        };\n      });\n      api.patch('series/' + show.id.slug + '/episodes', patchData) // eslint-disable-line no-undef\n      .then(_ => {\n        console.info(\"patched show \".concat(show.id.slug, \" with quality \").concat(quality));\n        [...new Set(episodes.map(episode => episode.season))].forEach(season => {\n          getEpisodes({\n            id,\n            indexer,\n            season\n          });\n        });\n      }).catch(error => {\n        console.error(String(error));\n      });\n    },\n\n    setStatus(status, episodes) {\n      const {\n        id,\n        indexer,\n        getEpisodes,\n        show\n      } = this;\n      const patchData = {};\n      episodes.forEach(episode => {\n        patchData[episode.slug] = {\n          status\n        };\n      });\n      api.patch('series/' + show.id.slug + '/episodes', patchData) // eslint-disable-line no-undef\n      .then(_ => {\n        console.info(\"patched show \".concat(show.id.slug, \" with status \").concat(status));\n        [...new Set(episodes.map(episode => episode.season))].forEach(season => {\n          getEpisodes({\n            id,\n            indexer,\n            season\n          });\n        });\n      }).catch(error => {\n        console.error(String(error));\n      });\n\n      if (status === 3) {\n        this.$modal.show('query-start-backlog-search', {\n          episodes\n        });\n      }\n    },\n\n    parseDateFn(row) {\n      const {\n        layout,\n        timeAgo\n      } = this;\n      const {\n        dateStyle,\n        timeStyle\n      } = layout;\n      const {\n        fuzzyDating\n      } = layout;\n\n      if (!row.airDate) {\n        return '';\n      }\n\n      if (fuzzyDating) {\n        return timeAgo.format(new Date(row.airDate));\n      }\n\n      if (dateStyle === '%x') {\n        return new Date(row.airDate).toLocaleString();\n      }\n\n      const fdate = Object(date_fns_parseISO__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(row.airDate);\n      return Object(date_fns_format__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(fdate, Object(_utils_core__WEBPACK_IMPORTED_MODULE_4__[\"convertDateFormat\"])(\"\".concat(dateStyle, \" \").concat(timeStyle)));\n    },\n\n    rowStyleClassFn(row) {\n      const {\n        getOverviewStatus,\n        show\n      } = this;\n      const overview = getOverviewStatus(row.status, row.quality, show.config.qualities).toLowerCase().trim();\n      return overview;\n    },\n\n    /**\n     * Add (reduce) the total episodes filesize.\n     * @param {object} headerRow header row object.\n     * @returns {string} - Human readable file size.\n     */\n    addFileSize(headerRow) {\n      return Object(_utils_core__WEBPACK_IMPORTED_MODULE_4__[\"humanFileSize\"])(headerRow.episodes.reduce((a, b) => a + (b.file.size || 0), 0));\n    },\n\n    searchSubtitle(event, episode, lang) {\n      const {\n        id,\n        indexer,\n        getEpisodes,\n        show,\n        subtitleSearchComponents\n      } = this;\n      const SubtitleSearchClass = Vue.extend(_subtitle_search_vue__WEBPACK_IMPORTED_MODULE_9__[\"default\"]); // eslint-disable-line no-undef\n\n      const instance = new SubtitleSearchClass({\n        propsData: {\n          show,\n          season: episode.season,\n          episode: episode.episode,\n          key: episode.originalIndex,\n          lang\n        },\n        parent: this\n      }); // Update the show, as we downloaded new subtitle(s)\n\n      instance.$on('update', event => {\n        // This could be replaced by the generic websocket updates in future.\n        if (event.reason === 'new subtitles found') {\n          getEpisodes({\n            id,\n            indexer,\n            season: episode.season\n          });\n        }\n      });\n      const node = document.createElement('div');\n      const subtitleRef = episode.season === 0 ? 'table-specials' : 'table-seasons';\n      this.$refs[subtitleRef].$refs[\"row-\".concat(episode.originalIndex)][0].after(node);\n      instance.$mount(node);\n      subtitleSearchComponents.push(instance);\n    },\n\n    /**\n     * Attaches IMDB tooltip,\n     * Moves summary and checkbox controls backgrounds\n     */\n    reflowLayout() {\n      console.debug('Reflowing layout');\n      this.$nextTick(() => {\n        this.movecheckboxControlsBackground();\n      });\n      Object(_utils_jquery__WEBPACK_IMPORTED_MODULE_5__[\"addQTip\"])(); // eslint-disable-line no-undef\n    },\n\n    /**\n     * Adjust the checkbox controls (episode filter) background position\n     */\n    movecheckboxControlsBackground() {\n      const height = $('#checkboxControls').height() + 10;\n      const top = $('#checkboxControls').offset().top - 3;\n      $('#checkboxControlsBackground').height(height);\n      $('#checkboxControlsBackground').offset({\n        top,\n        left: 0\n      });\n      $('#checkboxControlsBackground').show();\n    },\n\n    setEpisodeSceneNumbering(forSeason, forEpisode, sceneSeason, sceneEpisode) {\n      const {\n        $snotify,\n        id,\n        indexer,\n        show\n      } = this;\n\n      if (!show.config.scene) {\n        $snotify.warning('To change episode scene numbering you need to enable the show option `scene` first', 'Warning', {\n          timeout: 0\n        });\n      }\n\n      if (sceneSeason === '') {\n        sceneSeason = null;\n      }\n\n      if (sceneEpisode === '') {\n        sceneEpisode = null;\n      }\n\n      $.getJSON('home/setSceneNumbering', {\n        indexername: indexer,\n        seriesid: id,\n        forSeason,\n        forEpisode,\n        sceneSeason,\n        sceneEpisode\n      }, data => {\n        // Set the values we get back\n        if (data.sceneSeason === null || data.sceneEpisode === null) {\n          $('#sceneSeasonXEpisode_' + id + '_' + forSeason + '_' + forEpisode).val('');\n        } else {\n          $('#sceneSeasonXEpisode_' + id + '_' + forSeason + '_' + forEpisode).val(data.sceneSeason + 'x' + data.sceneEpisode);\n        }\n\n        if (!data.success) {\n          if (data.errorMessage) {\n            alert(data.errorMessage); // eslint-disable-line no-alert\n          } else {\n            alert('Update failed.'); // eslint-disable-line no-alert\n          }\n        }\n      });\n    },\n\n    setAbsoluteSceneNumbering(forAbsolute, sceneAbsolute) {\n      const {\n        $snotify,\n        id,\n        indexer,\n        show\n      } = this;\n\n      if (!show.config.scene) {\n        $snotify.warning('To change an anime episode scene numbering you need to enable the show option `scene` first', 'Warning', {\n          timeout: 0\n        });\n      }\n\n      if (sceneAbsolute === '') {\n        sceneAbsolute = null;\n      }\n\n      $.getJSON('home/setSceneNumbering', {\n        indexername: indexer,\n        seriesid: id,\n        forAbsolute,\n        sceneAbsolute\n      }, data => {\n        // Set the values we get back\n        if (data.sceneAbsolute === null) {\n          $('#sceneAbsolute_' + id + '_' + forAbsolute).val('');\n        } else {\n          $('#sceneAbsolute_' + id + '_' + forAbsolute).val(data.sceneAbsolute);\n        }\n\n        if (!data.success) {\n          if (data.errorMessage) {\n            alert(data.errorMessage); // eslint-disable-line no-alert\n          } else {\n            alert('Update failed.'); // eslint-disable-line no-alert\n          }\n        }\n      });\n    },\n\n    setInputValidInvalid(valid, el) {\n      if (valid) {\n        $(el).css({\n          'background-color': '#90EE90',\n          // Green\n          'color': '#FFF',\n          // eslint-disable-line quote-props\n          'font-weight': 'bold'\n        });\n        return true;\n      }\n\n      $(el).css({\n        'background-color': '#FF0000',\n        // Red\n        'color': '#FFF !important',\n        // eslint-disable-line quote-props\n        'font-weight': 'bold'\n      });\n      return false;\n    },\n\n    /**\n     * Check if any of the episodes in this season does not have the status \"unaired\".\n     * If that's the case we want to manual season search icon.\n     * @param {object} season - A season object.\n     * @returns {Boolean} - true if one of the seasons episodes has a status 'unaired'.\n     */\n    anyEpisodeNotUnaired(season) {\n      return season.episodes.filter(ep => ep.status !== 'Unaired').length > 0;\n    },\n\n    episodesInverse(season) {\n      const {\n        invertTable\n      } = this;\n\n      if (!season.episodes) {\n        return [];\n      }\n\n      if (invertTable) {\n        return season.episodes.slice().reverse();\n      }\n\n      return season.episodes;\n    },\n\n    /**\n     * Check if the season/episode combination exists in the scene numbering.\n     * @param {Object} episode - object.\n     * @returns {Object} with scene season and episodes mapped numbering.\n     */\n    getSceneNumbering(episode) {\n      const {\n        show\n      } = this;\n      const {\n        sceneNumbering,\n        xemNumbering\n      } = show;\n\n      if (!show.config.scene) {\n        return {\n          season: 0,\n          episode: 0\n        };\n      } // Manually configured scene numbering\n\n\n      if (sceneNumbering.length !== 0) {\n        const mapped = sceneNumbering.filter(x => {\n          return x.source.season === episode.season && x.source.episode === episode.episode;\n        });\n\n        if (mapped.length !== 0) {\n          return mapped[0].destination;\n        }\n      } // Scene numbering downloaded from thexem.de.\n\n\n      if (xemNumbering.length !== 0) {\n        const mapped = xemNumbering.filter(x => {\n          return x.source.season === episode.season && x.source.episode === episode.episode;\n        });\n\n        if (mapped.length !== 0) {\n          return mapped[0].destination;\n        }\n      }\n\n      return {\n        season: episode.scene.season || 0,\n        episode: episode.scene.episode || 0\n      };\n    },\n\n    getSceneAbsoluteNumbering(episode) {\n      const {\n        show\n      } = this;\n      const {\n        sceneAbsoluteNumbering,\n        xemAbsoluteNumbering\n      } = show;\n\n      if (!show.config.anime || !show.config.scene) {\n        return episode.scene.absoluteNumber;\n      }\n\n      if (Object.keys(sceneAbsoluteNumbering).length > 0 && sceneAbsoluteNumbering[episode.absoluteNumber]) {\n        return sceneAbsoluteNumbering[episode.absoluteNumber].sceneAbsolute;\n      }\n\n      if (Object.keys(xemAbsoluteNumbering).length > 0 && xemAbsoluteNumbering[episode.absoluteNumber]) {\n        return xemAbsoluteNumbering[episode.absoluteNumber].sceneAbsolute;\n      }\n\n      return episode.scene.absoluteNumber;\n    },\n\n    /**\n     * Vue-js-modal requires a method, to pass an event to.\n     * The event then can be used to assign the value of the episode.\n     * @param {Object} event - vue js modal event\n     */\n    beforeBacklogSearchModalClose(event) {\n      this.backlogSearchEpisodes = event.params.episodes;\n    },\n\n    /**\n     * Vue-js-modal requires a method, to pass an event to.\n     * The event then can be used to assign the value of the episode.\n     * @param {Object} event - vue js modal event\n     */\n    beforeFailedSearchModalClose(event) {\n      this.failedSearchEpisode = event.params.episode;\n    },\n\n    retryDownload(episode) {\n      const {\n        stateSearch\n      } = this;\n      return stateSearch.general.failedDownloads.enabled && ['Snatched', 'Snatched (Proper)', 'Snatched (Best)', 'Downloaded'].includes(episode.status);\n    },\n\n    search(episodes, searchType) {\n      const {\n        show\n      } = this;\n      let data = {};\n\n      if (episodes) {\n        data = {\n          showSlug: show.id.slug,\n          episodes: [],\n          options: {}\n        };\n        episodes.forEach(episode => {\n          data.episodes.push(episode.slug);\n          this.$refs[\"search-\".concat(episode.slug)].src = 'images/loading16-dark.gif';\n        });\n      }\n\n      api.put(\"search/\".concat(searchType), data) // eslint-disable-line no-undef\n      .then(_ => {\n        if (episodes.length === 1) {\n          console.info(\"started search for show: \".concat(show.id.slug, \" episode: \").concat(episodes[0].slug));\n          this.$refs[\"search-\".concat(episodes[0].slug)].src = 'images/queued.png';\n          this.$refs[\"search-\".concat(episodes[0].slug)].disabled = true;\n        } else {\n          console.info('started a full backlog search');\n        }\n      }).catch(error => {\n        console.error(String(error));\n        episodes.forEach(episode => {\n          data.episodes.push(episode.slug);\n          this.$refs[\"search-\".concat(episodes[0].slug)].src = 'images/no16.png';\n        });\n      }).finally(() => {\n        this.failedSearchEpisode = null;\n        this.backlogSearchEpisodes = [];\n      });\n    },\n\n    /**\n     * Start a backlog search or failed search for the specific episode.\n     * A failed search is started depending on the current episodes status.\n     * @param {Object} episode - Episode object. If no episode object is passed, a backlog search is started.\n     */\n    queueSearch(episode) {\n      const {\n        $modal,\n        search,\n        retryDownload\n      } = this;\n      const episodeIdentifier = episode.slug;\n\n      if (episode) {\n        if (this.$refs[\"search-\".concat(episodeIdentifier)].disabled === true) {\n          return;\n        }\n\n        if (retryDownload(episode)) {\n          $modal.show('query-mark-failed-and-search', {\n            episode\n          });\n        } else {\n          search([episode], 'backlog');\n        }\n      }\n    },\n\n    showSubtitleButton(episode) {\n      const {\n        config,\n        show\n      } = this;\n      return episode.season !== 0 && config.subtitles.enabled && show.config.subtitlesEnabled && !['Snatched', 'Snatched (Proper)', 'Snatched (Best)', 'Downloaded'].includes(episode.status);\n    },\n\n    totalSeasonEpisodeSize(season) {\n      return season.episodes.filter(x => x.file && x.file.size > 0).reduce((a, b) => a + b.file.size, 0);\n    },\n\n    getSeasonExceptions(season) {\n      const {\n        show\n      } = this;\n      const {\n        config\n      } = show;\n      const {\n        aliases\n      } = config;\n      let bindData = {\n        class: 'display: none'\n      }; // Map the indexer season to a xem mapped season.\n      // check if the season exception also exists in the xem numbering table\n\n      let xemSeasons = [];\n      let foundInXem = false;\n\n      if (show.xemNumbering.length > 0) {\n        const xemResult = show.xemNumbering.filter(x => x.source.season === season); // Create an array with unique seasons\n\n        xemSeasons = [...new Set(xemResult.map(item => item.destination.season))];\n        foundInXem = Boolean(xemSeasons.length);\n      } // Check if there is a season exception for this season\n\n\n      if (aliases.find(x => x.season === season)) {\n        // If there is not a match on the xem table, display it as a medusa scene exception\n        bindData = {\n          id: \"xem-exception-season-\".concat(foundInXem ? xemSeasons[0] : season),\n          alt: foundInXem ? '[xem]' : '[medusa]',\n          src: foundInXem ? 'images/xem.png' : 'images/ico/favicon-16.png',\n          title: foundInXem ? xemSeasons.reduce((a, b) => {\n            return a.concat(aliases.filter(alias => alias.season === b).map(alias => alias.title));\n          }, []).join(', ') : aliases.filter(alias => alias.season === season).map(alias => alias.title).join(', ')\n        };\n      }\n\n      return bindData;\n    },\n\n    getCookie(key) {\n      const cookie = this.$cookies.get(key);\n      return JSON.parse(cookie);\n    },\n\n    setCookie(key, value) {\n      return this.$cookies.set(key, JSON.stringify(value));\n    },\n\n    updateEpisodeWatched(episode, watched) {\n      const {\n        id,\n        indexer,\n        getEpisodes,\n        show\n      } = this;\n      const patchData = {};\n      patchData[episode.slug] = {\n        watched\n      };\n      api.patch(\"series/\".concat(show.id.slug, \"/episodes\"), patchData) // eslint-disable-line no-undef\n      .then(_ => {\n        console.info(\"patched episode \".concat(episode.slug, \" with watched set to \").concat(watched));\n        getEpisodes({\n          id,\n          indexer,\n          season: episode.season\n        });\n      }).catch(error => {\n        console.error(String(error));\n      });\n      episode.watched = watched;\n    },\n\n    updatePaginationPerPage(rows) {\n      const {\n        setCookie\n      } = this;\n      this.paginationPerPage = rows;\n      setCookie('displayShow-pagination-perPage', rows);\n    },\n\n    onPageChange(params) {\n      this.loadEpisodes(params.currentPage);\n    },\n\n    neededSeasons(page) {\n      const {\n        paginationPerPage,\n        show\n      } = this;\n      const seasons = show.seasonCount.length - 1;\n      let pagesCount = 1;\n      let episodeCount = 0;\n      const pages = {};\n\n      for (let i = seasons; i >= 0; i--) {\n        const {\n          season\n        } = show.seasonCount[i]; // Exclude specials\n\n        if (season === 0) {\n          break;\n        }\n\n        if (pagesCount in pages) {\n          pages[pagesCount].push(season);\n        } else {\n          pages[pagesCount] = [season];\n        }\n\n        episodeCount += show.seasonCount[i].episodeCount;\n\n        if (episodeCount / paginationPerPage > pagesCount) {\n          pagesCount++;\n          pages[pagesCount] = [season];\n        }\n\n        if (pagesCount > page) {\n          break;\n        }\n      }\n\n      return pages[page] || [];\n    },\n\n    loadEpisodes(page) {\n      const {\n        id,\n        indexer,\n        getEpisodes\n      } = this; // Wrap getEpisodes into an async/await function, so we can wait for the season to have been committed\n      // before going on to the next one.\n\n      const _getEpisodes = async (id, indexer) => {\n        for (const season of this.neededSeasons(page)) {\n          // We're waiting for the results by design, to give vue the chance to update the dom.\n          // If we fire all the promises at once for, for example 25 seasons. We'll overload medusa's app\n          // and chance is high a number of requests will timeout.\n          await getEpisodes({\n            id,\n            indexer,\n            season\n          }); // eslint-disable-line no-await-in-loop\n        }\n      };\n\n      _getEpisodes(id, indexer);\n    }\n\n  },\n  watch: {\n    'show.id.slug': function (slug) {\n      // eslint-disable-line object-shorthand\n      const {\n        getEpisodes,\n        id,\n        indexer\n      } = this; // Show's slug has changed, meaning the show's page has finished loading.\n\n      if (slug) {\n        Object(_utils_jquery__WEBPACK_IMPORTED_MODULE_5__[\"updateSearchIcons\"])(slug, this);\n        const {\n          show\n        } = this;\n\n        if (!show.seasons) {\n          // Load episodes for the first page.\n          this.loadEpisodes(1); // Always get special episodes if available.\n\n          if (show.seasonCount.length > 0 && show.seasonCount[0].season === 0) {\n            getEpisodes({\n              id,\n              indexer,\n              season: 0\n            });\n          }\n        }\n      }\n    },\n    columns: {\n      handler: function (newVal) {\n        // eslint-disable-line object-shorthand\n        // Monitor the columns, to update the cookies, when changed.\n        const {\n          setCookie\n        } = this;\n\n        for (const column of newVal) {\n          if (column) {\n            setCookie(\"displayShow-hide-field-\".concat(column.label), column.hidden);\n          }\n        }\n      },\n      deep: true\n    }\n  }\n});\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! jquery */ \"./node_modules/jquery/dist/jquery.js\")))\n\n//# sourceURL=webpack:///./src/components/display-show.vue?./node_modules/babel-loader/lib??ref--1!./node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function($) {/* harmony import */ var date_fns_format__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! date-fns/format */ \"./node_modules/date-fns/esm/format/index.js\");\n/* harmony import */ var date_fns_parseISO__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! date-fns/parseISO */ \"./node_modules/date-fns/esm/parseISO/index.js\");\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./helpers */ \"./src/components/helpers/index.js\");\n/* harmony import */ var _utils_core__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../utils/core */ \"./src/utils/core.js\");\n/* harmony import */ var _utils_jquery__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../utils/jquery */ \"./src/utils/jquery.js\");\n/* harmony import */ var vue_good_table__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! vue-good-table */ \"./node_modules/vue-good-table/dist/vue-good-table.es.js\");\n/* harmony import */ var _backstretch_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./backstretch.vue */ \"./src/components/backstretch.vue\");\n/* harmony import */ var _show_header_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./show-header.vue */ \"./src/components/show-header.vue\");\n/* harmony import */ var _subtitle_search_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./subtitle-search.vue */ \"./src/components/subtitle-search.vue\");\n/* harmony import */ var javascript_time_ago__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! javascript-time-ago */ \"./node_modules/javascript-time-ago/index.js\");\n/* harmony import */ var javascript_time_ago_locale_en__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! javascript-time-ago/locale/en */ \"./node_modules/javascript-time-ago/locale/en/index.js\");\n/* harmony import */ var javascript_time_ago_locale_en__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(javascript_time_ago_locale_en__WEBPACK_IMPORTED_MODULE_11__);\n/* harmony import */ var _helpers_quality_pill_vue__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./helpers/quality-pill.vue */ \"./src/components/helpers/quality-pill.vue\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n\n\n\n\n\n\n\n\n // Add locale-specific relative date/time formatting rules.\n\njavascript_time_ago__WEBPACK_IMPORTED_MODULE_10__[\"default\"].addLocale(javascript_time_ago_locale_en__WEBPACK_IMPORTED_MODULE_11___default.a);\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: 'show',\n  components: {\n    AppLink: _helpers__WEBPACK_IMPORTED_MODULE_3__[\"AppLink\"],\n    VueGoodTable: vue_good_table__WEBPACK_IMPORTED_MODULE_6__[\"VueGoodTable\"],\n    Backstretch: _backstretch_vue__WEBPACK_IMPORTED_MODULE_7__[\"default\"],\n    PlotInfo: _helpers__WEBPACK_IMPORTED_MODULE_3__[\"PlotInfo\"],\n    ShowHeader: _show_header_vue__WEBPACK_IMPORTED_MODULE_8__[\"default\"],\n    QualityPill: _helpers_quality_pill_vue__WEBPACK_IMPORTED_MODULE_12__[\"default\"]\n  },\n\n  metaInfo() {\n    if (!this.show || !this.show.title) {\n      return {\n        title: 'Medusa'\n      };\n    }\n\n    const {\n      title\n    } = this.show;\n    return {\n      title,\n      titleTemplate: '%s | Medusa'\n    };\n  },\n\n  props: {\n    /**\n     * Show indexer\n     */\n    showIndexer: {\n      type: String\n    },\n\n    /**\n     * Show id\n     */\n    showId: {\n      type: Number\n    }\n  },\n\n  data() {\n    const {\n      getCookie\n    } = this;\n    const perPageDropdown = [25, 50, 100, 250, 500];\n\n    const getPaginationPerPage = () => {\n      const rows = getCookie('displayShow-pagination-perPage');\n\n      if (!rows) {\n        return 50;\n      }\n\n      if (!perPageDropdown.includes(rows)) {\n        return 500;\n      }\n\n      return rows;\n    };\n\n    return {\n      invertTable: true,\n      isMobile: false,\n      subtitleSearchComponents: [],\n      columns: [{\n        label: 'NFO',\n        field: 'content.hasNfo',\n        type: 'boolean',\n        sortable: false,\n        hidden: getCookie('displayShow-hide-field-NFO')\n      }, {\n        label: 'TBN',\n        field: 'content.hasTbn',\n        type: 'boolean',\n        sortable: false,\n        hidden: getCookie('displayShow-hide-field-TBN')\n      }, {\n        label: 'Episode',\n        field: 'episode',\n        type: 'number',\n        hidden: getCookie('displayShow-hide-field-Episode')\n      }, {\n        label: 'Abs. #',\n        field: 'absoluteNumber',\n        type: 'number',\n        hidden: getCookie('displayShow-hide-field-Abs. #')\n      }, {\n        label: 'Scene',\n        field: row => {\n          const {\n            getSceneNumbering\n          } = this;\n          return getSceneNumbering(row);\n        },\n        sortable: false,\n        hidden: getCookie('displayShow-hide-field-Scene')\n      }, {\n        label: 'Scene Abs. #',\n        field: row => {\n          const {\n            getSceneAbsoluteNumbering\n          } = this;\n          return getSceneAbsoluteNumbering(row);\n        },\n        type: 'number',\n\n        /**\n         * Vue-good-table sort overwrite function.\n         * @param {Object} x - row1 value for column.\n         * @param {object} y - row2 value for column.\n         * @returns {Boolean} - if we want to display this row before the next\n         */\n        sortFn(x, y) {\n          return x < y ? -1 : x > y ? 1 : 0;\n        },\n\n        hidden: getCookie('displayShow-hide-field-Scene Abs. #')\n      }, {\n        label: 'Title',\n        field: 'title',\n        hidden: getCookie('displayShow-hide-field-Title')\n      }, {\n        label: 'File',\n        field: 'file.location',\n        hidden: getCookie('displayShow-hide-field-File')\n      }, {\n        label: 'Size',\n        field: 'file.size',\n        type: 'number',\n        formatFn: _utils_core__WEBPACK_IMPORTED_MODULE_4__[\"humanFileSize\"],\n        hidden: getCookie('displayShow-hide-field-Size')\n      }, {\n        // For now i'm using a custom function the parse it. As the type: date, isn't working for us.\n        // But the goal is to have this user formatted (as configured in backend)\n        label: 'Air date',\n        field: this.parseDateFn,\n        sortable: false,\n        hidden: getCookie('displayShow-hide-field-Air date')\n      }, {\n        label: 'Download',\n        field: 'download',\n        sortable: false,\n        hidden: getCookie('displayShow-hide-field-Download')\n      }, {\n        label: 'Subtitles',\n        field: 'subtitles',\n        sortable: false,\n        hidden: getCookie('displayShow-hide-field-Subtitles')\n      }, {\n        label: 'Status',\n        field: 'status',\n        hidden: getCookie('displayShow-hide-field-Status')\n      }, {\n        label: 'Search',\n        field: 'search',\n        sortable: false,\n        hidden: getCookie('displayShow-hide-field-Search')\n      }],\n      perPageDropdown,\n      paginationPerPage: getPaginationPerPage(),\n      selectedEpisodes: [],\n      // We need to keep track of which episode where trying to search, for the vue-modal\n      failedSearchEpisode: null,\n      backlogSearchEpisodes: [],\n      filterByOverviewStatus: false,\n      timeAgo: new javascript_time_ago__WEBPACK_IMPORTED_MODULE_10__[\"default\"]('en-US')\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_2__[\"mapState\"])({\n      shows: state => state.shows.shows,\n      configLoaded: state => state.layout.fanartBackground !== null,\n      config: state => state.config,\n      layout: state => state.layout,\n      stateSearch: state => state.search\n    }),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_2__[\"mapGetters\"])({\n      show: 'getCurrentShow',\n      getOverviewStatus: 'getOverviewStatus'\n    }),\n\n    indexer() {\n      return this.showIndexer || this.$route.query.indexername;\n    },\n\n    id() {\n      return this.showId || Number(this.$route.query.seriesid) || undefined;\n    },\n\n    theme() {\n      const {\n        layout\n      } = this;\n      const {\n        themeName\n      } = layout;\n      return themeName || 'light';\n    },\n\n    orderSeasons() {\n      const {\n        filterByOverviewStatus,\n        invertTable,\n        show\n      } = this;\n\n      if (!show.seasons) {\n        return [];\n      }\n\n      let sortedSeasons = show.seasons.sort((a, b) => a.season - b.season).filter(season => season.season !== 0); // Use the filterOverviewStatus to filter the data based on what's checked in the show-header.\n\n      if (filterByOverviewStatus && filterByOverviewStatus.filter(status => status.checked).length < filterByOverviewStatus.length) {\n        const filteredSortedSeasons = [];\n\n        for (const season of sortedSeasons) {\n          const {\n            episodes,\n            ...res\n          } = season;\n          const filteredEpisodes = episodes.filter(episode => {\n            const episodeOverviewStatus = this.getOverviewStatus(episode.status, episode.quality, show.config.qualities);\n            const filteredStatus = filterByOverviewStatus.find(overviewStatus => overviewStatus.name === episodeOverviewStatus);\n            return !filteredStatus || filteredStatus.checked;\n          });\n          filteredSortedSeasons.push(Object.assign({\n            episodes: filteredEpisodes\n          }, res));\n        }\n\n        sortedSeasons = filteredSortedSeasons;\n      }\n\n      if (invertTable) {\n        return sortedSeasons.reverse();\n      }\n\n      return sortedSeasons;\n    },\n\n    specials() {\n      const {\n        show\n      } = this;\n\n      if (!show.seasons) {\n        return [];\n      }\n\n      return show.seasons.filter(season => season.season === 0);\n    }\n\n  },\n\n  created() {\n    const {\n      getShows\n    } = this; // Without getting any specific show data, we pick the show needed from the shows array.\n    // We need to get the complete list of shows anyway, as this is also needed for the show-selector component\n\n    getShows();\n  },\n\n  mounted() {\n    const {\n      id,\n      indexer,\n      getShow,\n      setEpisodeSceneNumbering,\n      setAbsoluteSceneNumbering,\n      setInputValidInvalid,\n      $store\n    } = this; // Let's tell the store which show we currently want as current.\n\n    $store.commit('currentShow', {\n      indexer,\n      id\n    }); // We need detailed info for the xem / scene exceptions, so let's get it.\n\n    getShow({\n      id,\n      indexer,\n      detailed: true\n    });\n    this.$watch('show', () => {\n      this.$nextTick(() => this.reflowLayout());\n    });\n    ['load', 'resize'].map(event => {\n      return window.addEventListener(event, () => {\n        this.reflowLayout();\n      });\n    });\n    $(document.body).on('click', '.seasonCheck', event => {\n      const seasCheck = event.currentTarget;\n      const seasNo = $(seasCheck).attr('id');\n      $('#collapseSeason-' + seasNo).collapse('show');\n      const seasonIdentifier = 's' + seasNo;\n      $('.epCheck:visible').each((index, element) => {\n        const epParts = $(element).attr('id').split('e');\n\n        if (epParts[0] === seasonIdentifier) {\n          element.checked = seasCheck.checked;\n        }\n      });\n    });\n    $(document.body).on('change', '.sceneSeasonXEpisode', event => {\n      const target = event.currentTarget; // Strip non-numeric characters\n\n      const value = $(target).val();\n      $(target).val(value.replace(/[^0-9xX]*/g, ''));\n      const forSeason = $(target).attr('data-for-season');\n      const forEpisode = $(target).attr('data-for-episode'); // If empty reset the field\n\n      if (value === '') {\n        setEpisodeSceneNumbering(forSeason, forEpisode, null, null);\n        return;\n      }\n\n      const m = $(target).val().match(/^(\\d+)x(\\d+)$/i);\n      const onlyEpisode = $(target).val().match(/^(\\d+)$/i);\n      let sceneSeason = null;\n      let sceneEpisode = null;\n      let isValid = false;\n\n      if (m) {\n        sceneSeason = m[1];\n        sceneEpisode = m[2];\n        isValid = setInputValidInvalid(true, $(target));\n      } else if (onlyEpisode) {\n        // For example when '5' is filled in instead of '1x5', asume it's the first season\n        sceneSeason = forSeason;\n        sceneEpisode = onlyEpisode[1];\n        isValid = setInputValidInvalid(true, $(target));\n      } else {\n        isValid = setInputValidInvalid(false, $(target));\n      }\n\n      if (isValid) {\n        setEpisodeSceneNumbering(forSeason, forEpisode, sceneSeason, sceneEpisode);\n      }\n    });\n    $(document.body).on('change', '.sceneAbsolute', event => {\n      const target = event.currentTarget; // Strip non-numeric characters\n\n      $(target).val($(target).val().replace(/[^0-9xX]*/g, ''));\n      const forAbsolute = $(target).attr('data-for-absolute');\n      const m = $(target).val().match(/^(\\d{1,3})$/i);\n      let sceneAbsolute = null;\n\n      if (m) {\n        sceneAbsolute = m[1];\n      }\n\n      setAbsoluteSceneNumbering(forAbsolute, sceneAbsolute);\n    });\n  },\n\n  methods: {\n    humanFileSize: _utils_core__WEBPACK_IMPORTED_MODULE_4__[\"humanFileSize\"],\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_2__[\"mapActions\"])({\n      getShow: 'getShow',\n      // Map `this.getShow()` to `this.$store.dispatch('getShow')`\n      getShows: 'getShows',\n      getEpisodes: 'getEpisodes'\n    }),\n\n    statusQualityUpdate(event) {\n      const {\n        selectedEpisodes,\n        setStatus,\n        setQuality\n      } = this;\n\n      if (event.newQuality !== null && event.newQuality !== 'Change quality to:') {\n        setQuality(event.newQuality, selectedEpisodes);\n      }\n\n      if (event.newStatus !== null && event.newStatus !== 'Change status to:') {\n        setStatus(event.newStatus, selectedEpisodes);\n      }\n    },\n\n    setQuality(quality, episodes) {\n      const {\n        id,\n        indexer,\n        getEpisodes,\n        show\n      } = this;\n      const patchData = {};\n      episodes.forEach(episode => {\n        patchData[episode.slug] = {\n          quality: parseInt(quality, 10)\n        };\n      });\n      api.patch('series/' + show.id.slug + '/episodes', patchData) // eslint-disable-line no-undef\n      .then(_ => {\n        console.info(\"patched show \".concat(show.id.slug, \" with quality \").concat(quality));\n        [...new Set(episodes.map(episode => episode.season))].forEach(season => {\n          getEpisodes({\n            id,\n            indexer,\n            season\n          });\n        });\n      }).catch(error => {\n        console.error(String(error));\n      });\n    },\n\n    setStatus(status, episodes) {\n      const {\n        id,\n        indexer,\n        getEpisodes,\n        show\n      } = this;\n      const patchData = {};\n      episodes.forEach(episode => {\n        patchData[episode.slug] = {\n          status\n        };\n      });\n      api.patch('series/' + show.id.slug + '/episodes', patchData) // eslint-disable-line no-undef\n      .then(_ => {\n        console.info(\"patched show \".concat(show.id.slug, \" with status \").concat(status));\n        [...new Set(episodes.map(episode => episode.season))].forEach(season => {\n          getEpisodes({\n            id,\n            indexer,\n            season\n          });\n        });\n      }).catch(error => {\n        console.error(String(error));\n      });\n\n      if (status === 3) {\n        this.$modal.show('query-start-backlog-search', {\n          episodes\n        });\n      }\n    },\n\n    parseDateFn(row) {\n      const {\n        layout,\n        timeAgo\n      } = this;\n      const {\n        dateStyle,\n        timeStyle\n      } = layout;\n      const {\n        fuzzyDating\n      } = layout;\n\n      if (!row.airDate) {\n        return '';\n      }\n\n      if (fuzzyDating) {\n        return timeAgo.format(new Date(row.airDate));\n      }\n\n      if (dateStyle === '%x') {\n        return new Date(row.airDate).toLocaleString();\n      }\n\n      const fdate = Object(date_fns_parseISO__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(row.airDate);\n      return Object(date_fns_format__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(fdate, Object(_utils_core__WEBPACK_IMPORTED_MODULE_4__[\"convertDateFormat\"])(\"\".concat(dateStyle, \" \").concat(timeStyle)));\n    },\n\n    rowStyleClassFn(row) {\n      const {\n        getOverviewStatus,\n        show\n      } = this;\n      const overview = getOverviewStatus(row.status, row.quality, show.config.qualities).toLowerCase().trim();\n      return overview;\n    },\n\n    /**\n     * Add (reduce) the total episodes filesize.\n     * @param {object} headerRow header row object.\n     * @returns {string} - Human readable file size.\n     */\n    addFileSize(headerRow) {\n      return Object(_utils_core__WEBPACK_IMPORTED_MODULE_4__[\"humanFileSize\"])(headerRow.episodes.reduce((a, b) => a + (b.file.size || 0), 0));\n    },\n\n    searchSubtitle(event, episode, lang) {\n      const {\n        id,\n        indexer,\n        getEpisodes,\n        show,\n        subtitleSearchComponents\n      } = this;\n      const SubtitleSearchClass = Vue.extend(_subtitle_search_vue__WEBPACK_IMPORTED_MODULE_9__[\"default\"]); // eslint-disable-line no-undef\n\n      const instance = new SubtitleSearchClass({\n        propsData: {\n          show,\n          episode,\n          key: episode.originalIndex,\n          lang\n        },\n        parent: this\n      }); // Update the show, as we downloaded new subtitle(s)\n\n      instance.$on('update', event => {\n        // This could be replaced by the generic websocket updates in future.\n        if (event.reason === 'new subtitles found') {\n          getEpisodes({\n            id,\n            indexer,\n            season: episode.season\n          });\n        }\n      });\n      const node = document.createElement('div');\n      const subtitleRef = episode.season === 0 ? 'table-specials' : 'table-seasons';\n      this.$refs[subtitleRef].$refs[\"row-\".concat(episode.originalIndex)][0].after(node);\n      instance.$mount(node);\n      subtitleSearchComponents.push(instance);\n    },\n\n    /**\n     * Attaches IMDB tooltip,\n     * Moves summary and checkbox controls backgrounds\n     */\n    reflowLayout() {\n      console.debug('Reflowing layout');\n      this.$nextTick(() => {\n        this.movecheckboxControlsBackground();\n      });\n      Object(_utils_jquery__WEBPACK_IMPORTED_MODULE_5__[\"addQTip\"])(); // eslint-disable-line no-undef\n    },\n\n    /**\n     * Adjust the checkbox controls (episode filter) background position\n     */\n    movecheckboxControlsBackground() {\n      const height = $('#checkboxControls').height() + 10;\n      const top = $('#checkboxControls').offset().top - 3;\n      $('#checkboxControlsBackground').height(height);\n      $('#checkboxControlsBackground').offset({\n        top,\n        left: 0\n      });\n      $('#checkboxControlsBackground').show();\n    },\n\n    setEpisodeSceneNumbering(forSeason, forEpisode, sceneSeason, sceneEpisode) {\n      const {\n        $snotify,\n        id,\n        indexer,\n        show\n      } = this;\n\n      if (!show.config.scene) {\n        $snotify.warning('To change episode scene numbering you need to enable the show option `scene` first', 'Warning', {\n          timeout: 0\n        });\n      }\n\n      if (sceneSeason === '') {\n        sceneSeason = null;\n      }\n\n      if (sceneEpisode === '') {\n        sceneEpisode = null;\n      }\n\n      $.getJSON('home/setSceneNumbering', {\n        indexername: indexer,\n        seriesid: id,\n        forSeason,\n        forEpisode,\n        sceneSeason,\n        sceneEpisode\n      }, data => {\n        // Set the values we get back\n        if (data.sceneSeason === null || data.sceneEpisode === null) {\n          $('#sceneSeasonXEpisode_' + id + '_' + forSeason + '_' + forEpisode).val('');\n        } else {\n          $('#sceneSeasonXEpisode_' + id + '_' + forSeason + '_' + forEpisode).val(data.sceneSeason + 'x' + data.sceneEpisode);\n        }\n\n        if (!data.success) {\n          if (data.errorMessage) {\n            alert(data.errorMessage); // eslint-disable-line no-alert\n          } else {\n            alert('Update failed.'); // eslint-disable-line no-alert\n          }\n        }\n      });\n    },\n\n    setAbsoluteSceneNumbering(forAbsolute, sceneAbsolute) {\n      const {\n        $snotify,\n        id,\n        indexer,\n        show\n      } = this;\n\n      if (!show.config.scene) {\n        $snotify.warning('To change an anime episode scene numbering you need to enable the show option `scene` first', 'Warning', {\n          timeout: 0\n        });\n      }\n\n      if (sceneAbsolute === '') {\n        sceneAbsolute = null;\n      }\n\n      $.getJSON('home/setSceneNumbering', {\n        indexername: indexer,\n        seriesid: id,\n        forAbsolute,\n        sceneAbsolute\n      }, data => {\n        // Set the values we get back\n        if (data.sceneAbsolute === null) {\n          $('#sceneAbsolute_' + id + '_' + forAbsolute).val('');\n        } else {\n          $('#sceneAbsolute_' + id + '_' + forAbsolute).val(data.sceneAbsolute);\n        }\n\n        if (!data.success) {\n          if (data.errorMessage) {\n            alert(data.errorMessage); // eslint-disable-line no-alert\n          } else {\n            alert('Update failed.'); // eslint-disable-line no-alert\n          }\n        }\n      });\n    },\n\n    setInputValidInvalid(valid, el) {\n      if (valid) {\n        $(el).css({\n          'background-color': '#90EE90',\n          // Green\n          'color': '#FFF',\n          // eslint-disable-line quote-props\n          'font-weight': 'bold'\n        });\n        return true;\n      }\n\n      $(el).css({\n        'background-color': '#FF0000',\n        // Red\n        'color': '#FFF !important',\n        // eslint-disable-line quote-props\n        'font-weight': 'bold'\n      });\n      return false;\n    },\n\n    /**\n     * Check if any of the episodes in this season does not have the status \"unaired\".\n     * If that's the case we want to manual season search icon.\n     * @param {object} season - A season object.\n     * @returns {Boolean} - true if one of the seasons episodes has a status 'unaired'.\n     */\n    anyEpisodeNotUnaired(season) {\n      return season.episodes.filter(ep => ep.status !== 'Unaired').length > 0;\n    },\n\n    episodesInverse(season) {\n      const {\n        invertTable\n      } = this;\n\n      if (!season.episodes) {\n        return [];\n      }\n\n      if (invertTable) {\n        return season.episodes.slice().reverse();\n      }\n\n      return season.episodes;\n    },\n\n    /**\n     * Check if the season/episode combination exists in the scene numbering.\n     * @param {Object} episode - object.\n     * @returns {Object} with scene season and episodes mapped numbering.\n     */\n    getSceneNumbering(episode) {\n      const {\n        show\n      } = this;\n      const {\n        sceneNumbering,\n        xemNumbering\n      } = show;\n\n      if (!show.config.scene) {\n        return {\n          season: 0,\n          episode: 0\n        };\n      } // Manually configured scene numbering\n\n\n      if (sceneNumbering.length !== 0) {\n        const mapped = sceneNumbering.filter(x => {\n          return x.source.season === episode.season && x.source.episode === episode.episode;\n        });\n\n        if (mapped.length !== 0) {\n          return mapped[0].destination;\n        }\n      } // Scene numbering downloaded from thexem.de.\n\n\n      if (xemNumbering.length !== 0) {\n        const mapped = xemNumbering.filter(x => {\n          return x.source.season === episode.season && x.source.episode === episode.episode;\n        });\n\n        if (mapped.length !== 0) {\n          return mapped[0].destination;\n        }\n      }\n\n      return {\n        season: episode.scene.season || 0,\n        episode: episode.scene.episode || 0\n      };\n    },\n\n    getSceneAbsoluteNumbering(episode) {\n      const {\n        show\n      } = this;\n      const {\n        sceneAbsoluteNumbering,\n        xemAbsoluteNumbering\n      } = show;\n\n      if (!show.config.anime || !show.config.scene) {\n        return episode.scene.absoluteNumber;\n      }\n\n      if (Object.keys(sceneAbsoluteNumbering).length > 0 && sceneAbsoluteNumbering[episode.absoluteNumber]) {\n        return sceneAbsoluteNumbering[episode.absoluteNumber].sceneAbsolute;\n      }\n\n      if (Object.keys(xemAbsoluteNumbering).length > 0 && xemAbsoluteNumbering[episode.absoluteNumber]) {\n        return xemAbsoluteNumbering[episode.absoluteNumber].sceneAbsolute;\n      }\n\n      return episode.scene.absoluteNumber;\n    },\n\n    /**\n     * Vue-js-modal requires a method, to pass an event to.\n     * The event then can be used to assign the value of the episode.\n     * @param {Object} event - vue js modal event\n     */\n    beforeBacklogSearchModalClose(event) {\n      this.backlogSearchEpisodes = event.params.episodes;\n    },\n\n    /**\n     * Vue-js-modal requires a method, to pass an event to.\n     * The event then can be used to assign the value of the episode.\n     * @param {Object} event - vue js modal event\n     */\n    beforeFailedSearchModalClose(event) {\n      this.failedSearchEpisode = event.params.episode;\n    },\n\n    retryDownload(episode) {\n      const {\n        stateSearch\n      } = this;\n      return stateSearch.general.failedDownloads.enabled && ['Snatched', 'Snatched (Proper)', 'Snatched (Best)', 'Downloaded'].includes(episode.status);\n    },\n\n    search(episodes, searchType) {\n      const {\n        show\n      } = this;\n      let data = {};\n\n      if (episodes) {\n        data = {\n          showSlug: show.id.slug,\n          episodes: [],\n          options: {}\n        };\n        episodes.forEach(episode => {\n          data.episodes.push(episode.slug);\n          this.$refs[\"search-\".concat(episode.slug)].src = 'images/loading16-dark.gif';\n        });\n      }\n\n      api.put(\"search/\".concat(searchType), data) // eslint-disable-line no-undef\n      .then(_ => {\n        if (episodes.length === 1) {\n          console.info(\"started search for show: \".concat(show.id.slug, \" episode: \").concat(episodes[0].slug));\n          this.$refs[\"search-\".concat(episodes[0].slug)].src = 'images/queued.png';\n          this.$refs[\"search-\".concat(episodes[0].slug)].disabled = true;\n        } else {\n          console.info('started a full backlog search');\n        }\n      }).catch(error => {\n        console.error(String(error));\n        episodes.forEach(episode => {\n          data.episodes.push(episode.slug);\n          this.$refs[\"search-\".concat(episodes[0].slug)].src = 'images/no16.png';\n        });\n      }).finally(() => {\n        this.failedSearchEpisode = null;\n        this.backlogSearchEpisodes = [];\n      });\n    },\n\n    /**\n     * Start a backlog search or failed search for the specific episode.\n     * A failed search is started depending on the current episodes status.\n     * @param {Object} episode - Episode object. If no episode object is passed, a backlog search is started.\n     */\n    queueSearch(episode) {\n      const {\n        $modal,\n        search,\n        retryDownload\n      } = this;\n      const episodeIdentifier = episode.slug;\n\n      if (episode) {\n        if (this.$refs[\"search-\".concat(episodeIdentifier)].disabled === true) {\n          return;\n        }\n\n        if (retryDownload(episode)) {\n          $modal.show('query-mark-failed-and-search', {\n            episode\n          });\n        } else {\n          search([episode], 'backlog');\n        }\n      }\n    },\n\n    showSubtitleButton(episode) {\n      const {\n        config,\n        show\n      } = this;\n      return episode.season !== 0 && config.subtitles.enabled && show.config.subtitlesEnabled && !['Snatched', 'Snatched (Proper)', 'Snatched (Best)', 'Downloaded'].includes(episode.status);\n    },\n\n    totalSeasonEpisodeSize(season) {\n      return season.episodes.filter(x => x.file && x.file.size > 0).reduce((a, b) => a + b.file.size, 0);\n    },\n\n    getSeasonExceptions(season) {\n      const {\n        show\n      } = this;\n      const {\n        config\n      } = show;\n      const {\n        aliases\n      } = config;\n      let bindData = {\n        class: 'display: none'\n      }; // Map the indexer season to a xem mapped season.\n      // check if the season exception also exists in the xem numbering table\n\n      let xemSeasons = [];\n      let foundInXem = false;\n\n      if (show.xemNumbering.length > 0) {\n        const xemResult = show.xemNumbering.filter(x => x.source.season === season); // Create an array with unique seasons\n\n        xemSeasons = [...new Set(xemResult.map(item => item.destination.season))];\n        foundInXem = Boolean(xemSeasons.length);\n      } // Check if there is a season exception for this season\n\n\n      if (aliases.find(x => x.season === season)) {\n        // If there is not a match on the xem table, display it as a medusa scene exception\n        bindData = {\n          id: \"xem-exception-season-\".concat(foundInXem ? xemSeasons[0] : season),\n          alt: foundInXem ? '[xem]' : '[medusa]',\n          src: foundInXem ? 'images/xem.png' : 'images/ico/favicon-16.png',\n          title: foundInXem ? xemSeasons.reduce((a, b) => {\n            return a.concat(aliases.filter(alias => alias.season === b).map(alias => alias.title));\n          }, []).join(', ') : aliases.filter(alias => alias.season === season).map(alias => alias.title).join(', ')\n        };\n      }\n\n      return bindData;\n    },\n\n    getCookie(key) {\n      const cookie = this.$cookies.get(key);\n      return JSON.parse(cookie);\n    },\n\n    setCookie(key, value) {\n      return this.$cookies.set(key, JSON.stringify(value));\n    },\n\n    updateEpisodeWatched(episode, watched) {\n      const {\n        id,\n        indexer,\n        getEpisodes,\n        show\n      } = this;\n      const patchData = {};\n      patchData[episode.slug] = {\n        watched\n      };\n      api.patch(\"series/\".concat(show.id.slug, \"/episodes\"), patchData) // eslint-disable-line no-undef\n      .then(_ => {\n        console.info(\"patched episode \".concat(episode.slug, \" with watched set to \").concat(watched));\n        getEpisodes({\n          id,\n          indexer,\n          season: episode.season\n        });\n      }).catch(error => {\n        console.error(String(error));\n      });\n      episode.watched = watched;\n    },\n\n    updatePaginationPerPage(rows) {\n      const {\n        setCookie\n      } = this;\n      this.paginationPerPage = rows;\n      setCookie('displayShow-pagination-perPage', rows);\n    },\n\n    onPageChange(params) {\n      this.loadEpisodes(params.currentPage);\n    },\n\n    neededSeasons(page) {\n      const {\n        paginationPerPage,\n        show\n      } = this;\n      const seasons = show.seasonCount.length - 1;\n      let pagesCount = 1;\n      let episodeCount = 0;\n      const pages = {};\n\n      for (let i = seasons; i >= 0; i--) {\n        const {\n          season\n        } = show.seasonCount[i]; // Exclude specials\n\n        if (season === 0) {\n          break;\n        }\n\n        if (pagesCount in pages) {\n          pages[pagesCount].push(season);\n        } else {\n          pages[pagesCount] = [season];\n        }\n\n        episodeCount += show.seasonCount[i].episodeCount;\n\n        if (episodeCount / paginationPerPage > pagesCount) {\n          pagesCount++;\n          pages[pagesCount] = [season];\n        }\n\n        if (pagesCount > page) {\n          break;\n        }\n      }\n\n      return pages[page] || [];\n    },\n\n    loadEpisodes(page) {\n      const {\n        id,\n        indexer,\n        getEpisodes\n      } = this; // Wrap getEpisodes into an async/await function, so we can wait for the season to have been committed\n      // before going on to the next one.\n\n      const _getEpisodes = async (id, indexer) => {\n        for (const season of this.neededSeasons(page)) {\n          // We're waiting for the results by design, to give vue the chance to update the dom.\n          // If we fire all the promises at once for, for example 25 seasons. We'll overload medusa's app\n          // and chance is high a number of requests will timeout.\n          await getEpisodes({\n            id,\n            indexer,\n            season\n          }); // eslint-disable-line no-await-in-loop\n        }\n      };\n\n      _getEpisodes(id, indexer);\n    }\n\n  },\n  watch: {\n    'show.id.slug': function (slug) {\n      // eslint-disable-line object-shorthand\n      const {\n        getEpisodes,\n        id,\n        indexer\n      } = this; // Show's slug has changed, meaning the show's page has finished loading.\n\n      if (slug) {\n        Object(_utils_jquery__WEBPACK_IMPORTED_MODULE_5__[\"updateSearchIcons\"])(slug, this);\n        const {\n          show\n        } = this;\n\n        if (!show.seasons) {\n          // Load episodes for the first page.\n          this.loadEpisodes(1); // Always get special episodes if available.\n\n          if (show.seasonCount.length > 0 && show.seasonCount[0].season === 0) {\n            getEpisodes({\n              id,\n              indexer,\n              season: 0\n            });\n          }\n        }\n      }\n    },\n    columns: {\n      handler: function (newVal) {\n        // eslint-disable-line object-shorthand\n        // Monitor the columns, to update the cookies, when changed.\n        const {\n          setCookie\n        } = this;\n\n        for (const column of newVal) {\n          if (column) {\n            setCookie(\"displayShow-hide-field-\".concat(column.label), column.hidden);\n          }\n        }\n      },\n      deep: true\n    }\n  }\n});\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! jquery */ \"./node_modules/jquery/dist/jquery.js\")))\n\n//# sourceURL=webpack:///./src/components/display-show.vue?./node_modules/babel-loader/lib??ref--1!./node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -536,7 +536,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(f
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var vue_good_table__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue-good-table */ \"./node_modules/vue-good-table/dist/vue-good-table.es.js\");\n/* harmony import */ var _api__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../api */ \"./src/api.js\");\n/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./helpers */ \"./src/components/helpers/index.js\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: 'subtitle-search',\n  components: {\n    StateSwitch: _helpers__WEBPACK_IMPORTED_MODULE_3__[\"StateSwitch\"],\n    VueGoodTable: vue_good_table__WEBPACK_IMPORTED_MODULE_1__[\"VueGoodTable\"]\n  },\n  props: {\n    show: {\n      type: Object,\n      required: true\n    },\n    season: {\n      type: [String, Number],\n      required: true\n    },\n    episode: {\n      type: [String, Number],\n      required: true\n    },\n    lang: {\n      type: String,\n      required: false\n    }\n  },\n\n  data() {\n    return {\n      columns: [{\n        label: 'Filename',\n        field: 'filename'\n      }, {\n        label: 'Language',\n        field: 'lang'\n      }, {\n        label: 'Provider',\n        field: 'provider'\n      }, {\n        label: 'Score',\n        field: 'score',\n        type: 'number'\n      }, {\n        label: 'Sub Score',\n        field: 'sub_score',\n        type: 'number'\n      }, {\n        label: 'Missing Matches',\n        field: rowObj => {\n          if (rowObj.missing_guess) {\n            return rowObj.missing_guess.join(', ');\n          }\n        },\n        type: 'array'\n      }, {\n        label: 'Download',\n        field: 'download',\n        sortable: false\n      }],\n      subtitles: [],\n      displayQuestion: false,\n      loading: false,\n      loadingMessage: ''\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapState\"])({\n      layout: state => state.layout\n    }),\n\n    subtitleParams() {\n      const {\n        episode,\n        show,\n        season\n      } = this;\n      const params = {\n        indexername: show.indexer,\n        seriesid: show.id[show.indexer],\n        season,\n        episode\n      };\n      return params;\n    }\n\n  },\n\n  mounted() {\n    this.displayQuestion = true;\n  },\n\n  methods: {\n    autoSearch() {\n      const {\n        lang,\n        subtitleParams\n      } = this;\n      const params = subtitleParams;\n\n      if (lang !== undefined) {\n        params.lang = lang;\n      }\n\n      this.displayQuestion = false;\n      this.loadingMessage = 'Searching for subtitles and downloading if available... ';\n      this.loading = true;\n      Object(_api__WEBPACK_IMPORTED_MODULE_2__[\"apiRoute\"])('home/searchEpisodeSubtitles', {\n        params\n      }).then(response => {\n        if (response.data.result !== 'failure') {\n          // Update the show, as we have new information (subtitles)\n          // Let's emit an event, telling the displayShow component, to update the show using the api/store.\n          this.$emit('update', {\n            reason: 'new subtitles found',\n            codes: response.data.subtitles,\n            languages: response.data.languages\n          });\n        }\n      }).catch(error => {\n        console.log(\"Error trying to search for subtitles. Error: \".concat(error));\n      }).finally(() => {\n        // Cleanup\n        this.loadingMessage = '';\n        this.loading = false;\n        this.close();\n      });\n    },\n\n    manualSearch() {\n      const {\n        subtitleParams\n      } = this;\n      this.displayQuestion = false;\n      this.loading = true;\n      this.loadingMessage = 'Searching for subtitles... ';\n      Object(_api__WEBPACK_IMPORTED_MODULE_2__[\"apiRoute\"])('home/manualSearchSubtitles', {\n        params: subtitleParams\n      }).then(response => {\n        if (response.data.result === 'success') {\n          this.subtitles.push(...response.data.subtitles);\n        }\n      }).catch(error => {\n        console.log(\"Error trying to search for subtitles. Error: \".concat(error));\n      }).finally(() => {\n        this.loading = false;\n      });\n    },\n\n    redownloadLang() {\n      const {\n        subtitleParams\n      } = this;\n      Object(_api__WEBPACK_IMPORTED_MODULE_2__[\"apiRoute\"])('home/searchEpisodeSubtitles', {\n        params: subtitleParams\n      }).then(response => {\n        if (response.data.result !== 'failure') {\n          // Update the show, as we have new information (subtitles)\n          // Let's emit an event, telling the displayShow component, to update the show using the api/store.\n          this.$emit('update', {\n            reason: 'new subtitles found',\n            codes: response.data.subtitles,\n            languages: response.data.languages\n          });\n        }\n      }).catch(error => {\n        console.log(\"Error trying to search for subtitles. Error: \".concat(error));\n      }).finally(() => {\n        // Cleanup\n        this.loadingMessage = '';\n        this.loading = false;\n        this.close();\n      });\n    },\n\n    pickSubtitle(subtitleId) {\n      // Download and save this subtitle with the episode.\n      const {\n        subtitleParams\n      } = this;\n      const params = { ...subtitleParams,\n        picked_id: subtitleId // eslint-disable-line camelcase\n\n      };\n      this.displayQuestion = false;\n      this.loadingMessage = 'downloading subtitle... ';\n      this.loading = true;\n      Object(_api__WEBPACK_IMPORTED_MODULE_2__[\"apiRoute\"])('home/manualSearchSubtitles', {\n        params\n      }).then(response => {\n        if (response.data.result === 'success') {\n          // Update the show, as we have new information (subtitles)\n          // Let's emit an event, telling the displayShow component, to update the show using the api/store.\n          this.$emit('update', {\n            reason: 'new subtitles found',\n            codes: response.data.subtitles,\n            languages: response.data.languages\n          });\n        }\n      }).catch(error => {\n        console.log(\"Error trying to search for subtitles. Error: \".concat(error));\n      }).finally(() => {\n        // Cleanup\n        this.loadingMessage = '';\n        this.loading = false;\n        this.close();\n      });\n    },\n\n    close() {\n      this.$emit('close'); // Destroy the vue listeners, etc\n\n      this.$destroy(); // Remove the element from the DOM\n\n      this.$el.parentNode.removeChild(this.$el);\n    }\n\n  }\n});\n\n//# sourceURL=webpack:///./src/components/subtitle-search.vue?./node_modules/babel-loader/lib??ref--1!./node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var vue_good_table__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue-good-table */ \"./node_modules/vue-good-table/dist/vue-good-table.es.js\");\n/* harmony import */ var _api__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../api */ \"./src/api.js\");\n/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./helpers */ \"./src/components/helpers/index.js\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: 'subtitle-search',\n  components: {\n    StateSwitch: _helpers__WEBPACK_IMPORTED_MODULE_3__[\"StateSwitch\"],\n    VueGoodTable: vue_good_table__WEBPACK_IMPORTED_MODULE_1__[\"VueGoodTable\"]\n  },\n  props: {\n    show: {\n      type: Object,\n      required: true\n    },\n    episode: {\n      type: Object,\n      required: true\n    },\n    lang: {\n      type: String,\n      required: false\n    }\n  },\n\n  data() {\n    return {\n      columns: [{\n        label: 'Filename',\n        field: 'filename'\n      }, {\n        label: 'Language',\n        field: 'lang'\n      }, {\n        label: 'Provider',\n        field: 'provider'\n      }, {\n        label: 'Score',\n        field: 'score',\n        type: 'number'\n      }, {\n        label: 'Sub Score',\n        field: 'sub_score',\n        type: 'number'\n      }, {\n        label: 'Missing Matches',\n        field: rowObj => {\n          if (rowObj.missing_guess) {\n            return rowObj.missing_guess.join(', ');\n          }\n        },\n        type: 'array'\n      }, {\n        label: 'Download',\n        field: 'download',\n        sortable: false\n      }],\n      subtitles: [],\n      displayQuestion: false,\n      loading: false,\n      loadingMessage: ''\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapState\"])({\n      config: state => state.config,\n      episodeHistory: state => state.episodeHistory\n    }),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])({\n      getLastReleaseName: 'getLastReleaseName'\n    }),\n\n    releaseName() {\n      const {\n        episode,\n        getLastReleaseName,\n        show\n      } = this;\n      const lastKnownReleaseName = getLastReleaseName({\n        showSlug: show.id.slug,\n        episodeSlug: episode.slug\n      });\n\n      if (lastKnownReleaseName) {\n        return lastKnownReleaseName;\n      } else {\n        return 'Could not get a downloaded release name from the history table';\n      }\n    },\n\n    subtitleParams() {\n      const {\n        episode,\n        show\n      } = this;\n      const params = {\n        indexername: show.indexer,\n        seriesid: show.id[show.indexer],\n        season: episode.season,\n        episode: episode.episode\n      };\n      return params;\n    }\n\n  },\n\n  mounted() {\n    const {\n      episode,\n      getShowEpisodeHistory,\n      show\n    } = this;\n    this.displayQuestion = true;\n    getShowEpisodeHistory({\n      showSlug: show.id.slug,\n      episodeSlug: episode.slug\n    });\n  },\n\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])(['getShowEpisodeHistory']),\n\n    autoSearch() {\n      const {\n        lang,\n        subtitleParams\n      } = this;\n      const params = subtitleParams;\n\n      if (lang !== undefined) {\n        params.lang = lang;\n      }\n\n      this.displayQuestion = false;\n      this.loadingMessage = 'Searching for subtitles and downloading if available... ';\n      this.loading = true;\n      Object(_api__WEBPACK_IMPORTED_MODULE_2__[\"apiRoute\"])('home/searchEpisodeSubtitles', {\n        params\n      }).then(response => {\n        if (response.data.result !== 'failure') {\n          // Update the show, as we have new information (subtitles)\n          // Let's emit an event, telling the displayShow component, to update the show using the api/store.\n          this.$emit('update', {\n            reason: 'new subtitles found',\n            codes: response.data.subtitles,\n            languages: response.data.languages\n          });\n        }\n      }).catch(error => {\n        console.log(\"Error trying to search for subtitles. Error: \".concat(error));\n      }).finally(() => {\n        // Cleanup\n        this.loadingMessage = '';\n        this.loading = false;\n        this.close();\n      });\n    },\n\n    manualSearch() {\n      const {\n        getShowEpisodeHistory,\n        subtitleParams\n      } = this;\n      this.displayQuestion = false;\n      this.loading = true;\n      this.loadingMessage = 'Searching for subtitles... ';\n      Object(_api__WEBPACK_IMPORTED_MODULE_2__[\"apiRoute\"])('home/manualSearchSubtitles', {\n        params: subtitleParams\n      }).then(response => {\n        if (response.data.result === 'success') {\n          this.subtitles.push(...response.data.subtitles);\n        }\n      }).catch(error => {\n        console.log(\"Error trying to search for subtitles. Error: \".concat(error));\n      }).finally(() => {\n        this.loading = false;\n      });\n    },\n\n    redownloadLang() {\n      const {\n        subtitleParams\n      } = this;\n      Object(_api__WEBPACK_IMPORTED_MODULE_2__[\"apiRoute\"])('home/searchEpisodeSubtitles', {\n        params: subtitleParams\n      }).then(response => {\n        if (response.data.result !== 'failure') {\n          // Update the show, as we have new information (subtitles)\n          // Let's emit an event, telling the displayShow component, to update the show using the api/store.\n          this.$emit('update', {\n            reason: 'new subtitles found',\n            codes: response.data.subtitles,\n            languages: response.data.languages\n          });\n        }\n      }).catch(error => {\n        console.log(\"Error trying to search for subtitles. Error: \".concat(error));\n      }).finally(() => {\n        // Cleanup\n        this.loadingMessage = '';\n        this.loading = false;\n        this.close();\n      });\n    },\n\n    pickSubtitle(subtitleId) {\n      // Download and save this subtitle with the episode.\n      const {\n        subtitleParams\n      } = this;\n      const params = { ...subtitleParams,\n        picked_id: subtitleId // eslint-disable-line camelcase\n\n      };\n      this.displayQuestion = false;\n      this.loadingMessage = 'downloading subtitle... ';\n      this.loading = true;\n      Object(_api__WEBPACK_IMPORTED_MODULE_2__[\"apiRoute\"])('home/manualSearchSubtitles', {\n        params\n      }).then(response => {\n        if (response.data.result === 'success') {\n          // Update the show, as we have new information (subtitles)\n          // Let's emit an event, telling the displayShow component, to update the show using the api/store.\n          this.$emit('update', {\n            reason: 'new subtitles found',\n            codes: response.data.subtitles,\n            languages: response.data.languages\n          });\n        }\n      }).catch(error => {\n        console.log(\"Error trying to search for subtitles. Error: \".concat(error));\n      }).finally(() => {\n        // Cleanup\n        this.loadingMessage = '';\n        this.loading = false;\n        this.close();\n      });\n    },\n\n    close() {\n      this.$emit('close'); // Destroy the vue listeners, etc\n\n      this.$destroy(); // Remove the element from the DOM\n\n      this.$el.parentNode.removeChild(this.$el);\n    }\n\n  }\n});\n\n//# sourceURL=webpack:///./src/components/subtitle-search.vue?./node_modules/babel-loader/lib??ref--1!./node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -800,7 +800,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \"\\n.subtitle-search-wrapper[data-v-49da16c6] {\\n    display: table-row;\\n    column-span: all;\\n}\\n.subtitle-search-wrapper[data-v-49da16c6] table.subtitle-table tr {\\n    background-color: rgb(190, 222, 237);\\n}\\n.subtitle-search-wrapper > td[data-v-49da16c6] {\\n    padding: 0;\\n}\\n.search-question[data-v-49da16c6],\\n.loading-message[data-v-49da16c6] {\\n    background-color: rgb(51, 51, 51);\\n    color: rgb(255, 255, 255);\\n    padding: 10px;\\n    line-height: 55px;\\n}\\nspan.subtitle-name[data-v-49da16c6] {\\n    color: rgb(0, 0, 0);\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack:///./src/components/subtitle-search.vue?./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib??vue-loader-options");
+eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \"\\n.subtitle-search-wrapper[data-v-49da16c6] {\\n    display: table-row;\\n    column-span: all;\\n}\\n.subtitle-search-wrapper[data-v-49da16c6] table.subtitle-table tr {\\n    background-color: rgb(190, 222, 237);\\n}\\n.subtitle-search-wrapper > td[data-v-49da16c6] {\\n    padding: 0;\\n}\\n.search-question[data-v-49da16c6],\\n.loading-message[data-v-49da16c6] {\\n    background-color: rgb(51, 51, 51);\\n    color: rgb(255, 255, 255);\\n    padding: 10px;\\n    line-height: 55px;\\n}\\nspan.subtitle-name[data-v-49da16c6] {\\n    color: rgb(0, 0, 0);\\n}\\nspan.release-name[data-v-49da16c6] {\\n    text-align: left;\\n    width: 100%;\\n    display: block;\\n    background-color: rgb(51, 51, 51);\\n    color: rgb(255, 255, 255);\\n    padding: 4px;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack:///./src/components/subtitle-search.vue?./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -1256,7 +1256,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(\"tr\", { staticClass: \"subtitle-search-wrapper\" }, [\n    _c(\n      \"td\",\n      { attrs: { colspan: \"9999\" } },\n      [\n        _vm.loading\n          ? _c(\n              \"span\",\n              { staticClass: \"loading-message\" },\n              [\n                _vm._v(_vm._s(_vm.loadingMessage) + \" \"),\n                _c(\"state-switch\", {\n                  attrs: { theme: _vm.layout.themeName, state: \"loading\" }\n                })\n              ],\n              1\n            )\n          : _vm._e(),\n        _vm._v(\" \"),\n        _vm.displayQuestion\n          ? _c(\"div\", { staticClass: \"search-question\" }, [\n              _c(\"div\", { staticClass: \"question\" }, [\n                !_vm.lang\n                  ? _c(\"p\", [\n                      _vm._v(\n                        \"Do you want to manually pick subtitles or let us choose it for you?\"\n                      )\n                    ])\n                  : _c(\"p\", [\n                      _vm._v(\n                        \"Do you want to manually pick subtitles or search a subtitle with the language code \"\n                      ),\n                      _c(\"b\", [_vm._v(_vm._s(_vm.lang))]),\n                      _vm._v(\" for you?\")\n                    ])\n              ]),\n              _vm._v(\" \"),\n              _c(\"div\", { staticClass: \"options\" }, [\n                _c(\n                  \"button\",\n                  {\n                    staticClass: \"btn-medusa btn-info\",\n                    attrs: { type: \"button\" },\n                    on: { click: _vm.autoSearch }\n                  },\n                  [_vm._v(\"Auto\")]\n                ),\n                _vm._v(\" \"),\n                _c(\n                  \"button\",\n                  {\n                    staticClass: \"btn-medusa btn-success\",\n                    attrs: { type: \"button\" },\n                    on: { click: _vm.manualSearch }\n                  },\n                  [_vm._v(\"Manual\")]\n                )\n              ])\n            ])\n          : _vm._e(),\n        _vm._v(\" \"),\n        _vm.subtitles.length > 0\n          ? _c(\"vue-good-table\", {\n              attrs: {\n                columns: _vm.columns,\n                rows: _vm.subtitles,\n                \"search-options\": {\n                  enabled: false\n                },\n                \"sort-options\": {\n                  enabled: true,\n                  initialSortBy: { field: \"score\", type: \"desc\" }\n                },\n                styleClass: \"vgt-table condensed subtitle-table\"\n              },\n              scopedSlots: _vm._u(\n                [\n                  {\n                    key: \"table-column\",\n                    fn: function(props) {\n                      return [\n                        props.column.label === \"Download\"\n                          ? _c(\"span\", [\n                              _c(\"span\", [_vm._v(_vm._s(props.column.label))]),\n                              _vm._v(\" \"),\n                              _c(\n                                \"span\",\n                                {\n                                  staticClass: \"btn-medusa btn-xs pull-right\",\n                                  on: { click: _vm.close }\n                                },\n                                [_vm._v(\"hide\")]\n                              )\n                            ])\n                          : _c(\"span\", [\n                              _vm._v(\n                                \"\\n                    \" +\n                                  _vm._s(props.column.label) +\n                                  \"\\n                \"\n                              )\n                            ])\n                      ]\n                    }\n                  },\n                  {\n                    key: \"table-row\",\n                    fn: function(props) {\n                      return [\n                        props.column.field === \"provider\"\n                          ? _c(\"span\", [\n                              _c(\"img\", {\n                                attrs: {\n                                  src:\n                                    \"images/subtitles/\" +\n                                    props.row.provider +\n                                    \".png\",\n                                  width: \"16\",\n                                  height: \"16\"\n                                }\n                              }),\n                              _vm._v(\" \"),\n                              _c(\n                                \"span\",\n                                { attrs: { title: props.row.provider } },\n                                [_vm._v(_vm._s(props.row.provider))]\n                              )\n                            ])\n                          : props.column.field === \"lang\"\n                          ? _c(\"span\", [\n                              _c(\"img\", {\n                                attrs: {\n                                  title: props.row.lang,\n                                  src:\n                                    \"images/subtitles/flags/\" +\n                                    props.row.lang +\n                                    \".png\",\n                                  width: \"16\",\n                                  height: \"11\"\n                                }\n                              })\n                            ])\n                          : props.column.field === \"filename\"\n                          ? _c(\"span\", [\n                              _c(\n                                \"a\",\n                                {\n                                  attrs: {\n                                    title:\n                                      \"Download\" +\n                                      (props.row.hearing_impaired\n                                        ? \" hearing impaired \"\n                                        : \" \") +\n                                      \"subtitle: \" +\n                                      props.row.filename\n                                  },\n                                  on: {\n                                    click: function($event) {\n                                      return _vm.pickSubtitle(props.row.id)\n                                    }\n                                  }\n                                },\n                                [\n                                  props.row.hearing_impaired\n                                    ? _c(\"img\", {\n                                        attrs: {\n                                          src: \"images/hearing_impaired.png\",\n                                          width: \"16\",\n                                          height: \"16\"\n                                        }\n                                      })\n                                    : _vm._e(),\n                                  _vm._v(\" \"),\n                                  _c(\"span\", { staticClass: \"subtitle-name\" }, [\n                                    _vm._v(_vm._s(props.row.filename))\n                                  ]),\n                                  _vm._v(\" \"),\n                                  props.row.sub_score >= props.row.min_score\n                                    ? _c(\"img\", {\n                                        attrs: {\n                                          src: \"images/save.png\",\n                                          width: \"16\",\n                                          height: \"16\"\n                                        }\n                                      })\n                                    : _vm._e()\n                                ]\n                              )\n                            ])\n                          : props.column.field === \"download\"\n                          ? _c(\"span\", [\n                              _c(\n                                \"a\",\n                                {\n                                  attrs: {\n                                    title:\n                                      \"Download\" +\n                                      (props.row.hearing_impaired\n                                        ? \" hearing impaired \"\n                                        : \" \") +\n                                      \"subtitle: \" +\n                                      props.row.filename\n                                  },\n                                  on: {\n                                    click: function($event) {\n                                      return _vm.pickSubtitle(props.row.id)\n                                    }\n                                  }\n                                },\n                                [\n                                  _c(\"img\", {\n                                    attrs: {\n                                      src: \"images/download.png\",\n                                      width: \"16\",\n                                      height: \"16\"\n                                    }\n                                  })\n                                ]\n                              )\n                            ])\n                          : _c(\"span\", [\n                              _vm._v(\n                                \"\\n                    \" +\n                                  _vm._s(\n                                    props.formattedRow[props.column.field]\n                                  ) +\n                                  \"\\n                \"\n                              )\n                            ])\n                      ]\n                    }\n                  }\n                ],\n                null,\n                false,\n                4068347393\n              )\n            })\n          : _vm._e()\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./src/components/subtitle-search.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(\"tr\", { staticClass: \"subtitle-search-wrapper\" }, [\n    _c(\"td\", { attrs: { colspan: \"9999\" } }, [\n      _vm.loading\n        ? _c(\n            \"span\",\n            { staticClass: \"loading-message\" },\n            [\n              _vm._v(_vm._s(_vm.loadingMessage) + \" \"),\n              _c(\"state-switch\", {\n                attrs: { theme: _vm.config.themeName, state: \"loading\" }\n              })\n            ],\n            1\n          )\n        : _vm._e(),\n      _vm._v(\" \"),\n      _vm.displayQuestion\n        ? _c(\"div\", { staticClass: \"search-question\" }, [\n            _c(\"div\", { staticClass: \"question\" }, [\n              !_vm.lang\n                ? _c(\"p\", [\n                    _vm._v(\n                      \"Do you want to manually pick subtitles or let us choose it for you?\"\n                    )\n                  ])\n                : _c(\"p\", [\n                    _vm._v(\n                      \"Do you want to manually pick subtitles or search a subtitle with the language code \"\n                    ),\n                    _c(\"b\", [_vm._v(_vm._s(_vm.lang))]),\n                    _vm._v(\" for you?\")\n                  ])\n            ]),\n            _vm._v(\" \"),\n            _c(\"div\", { staticClass: \"options\" }, [\n              _c(\n                \"button\",\n                {\n                  staticClass: \"btn-medusa btn-info\",\n                  attrs: { type: \"button\" },\n                  on: { click: _vm.autoSearch }\n                },\n                [_vm._v(\"Auto\")]\n              ),\n              _vm._v(\" \"),\n              _c(\n                \"button\",\n                {\n                  staticClass: \"btn-medusa btn-success\",\n                  attrs: { type: \"button\" },\n                  on: { click: _vm.manualSearch }\n                },\n                [_vm._v(\"Manual\")]\n              )\n            ])\n          ])\n        : _vm._e(),\n      _vm._v(\" \"),\n      _vm.subtitles.length > 0\n        ? _c(\n            \"div\",\n            { staticClass: \"subtitle-results\" },\n            [\n              _c(\"span\", { staticClass: \"release-name\" }, [\n                _vm._v(\n                  \"\\n                Select subtitle for release name: \" +\n                    _vm._s(_vm.releaseName) +\n                    \"\\n            \"\n                )\n              ]),\n              _vm._v(\" \"),\n              _c(\"vue-good-table\", {\n                attrs: {\n                  columns: _vm.columns,\n                  rows: _vm.subtitles,\n                  \"search-options\": {\n                    enabled: false\n                  },\n                  \"sort-options\": {\n                    enabled: true,\n                    initialSortBy: { field: \"score\", type: \"desc\" }\n                  },\n                  styleClass: \"vgt-table condensed subtitle-table\"\n                },\n                scopedSlots: _vm._u(\n                  [\n                    {\n                      key: \"table-column\",\n                      fn: function(props) {\n                        return [\n                          props.column.label === \"Download\"\n                            ? _c(\"span\", [\n                                _c(\"span\", [\n                                  _vm._v(_vm._s(props.column.label))\n                                ]),\n                                _vm._v(\" \"),\n                                _c(\n                                  \"span\",\n                                  {\n                                    staticClass: \"btn-medusa btn-xs pull-right\",\n                                    on: { click: _vm.close }\n                                  },\n                                  [_vm._v(\"hide\")]\n                                )\n                              ])\n                            : _c(\"span\", [\n                                _vm._v(\n                                  \"\\n                        \" +\n                                    _vm._s(props.column.label) +\n                                    \"\\n                    \"\n                                )\n                              ])\n                        ]\n                      }\n                    },\n                    {\n                      key: \"table-row\",\n                      fn: function(props) {\n                        return [\n                          props.column.field === \"provider\"\n                            ? _c(\"span\", [\n                                _c(\"img\", {\n                                  attrs: {\n                                    src:\n                                      \"images/subtitles/\" +\n                                      props.row.provider +\n                                      \".png\",\n                                    width: \"16\",\n                                    height: \"16\"\n                                  }\n                                }),\n                                _vm._v(\" \"),\n                                _c(\n                                  \"span\",\n                                  { attrs: { title: props.row.provider } },\n                                  [_vm._v(_vm._s(props.row.provider))]\n                                )\n                              ])\n                            : props.column.field === \"lang\"\n                            ? _c(\"span\", [\n                                _c(\"img\", {\n                                  attrs: {\n                                    title: props.row.lang,\n                                    src:\n                                      \"images/subtitles/flags/\" +\n                                      props.row.lang +\n                                      \".png\",\n                                    width: \"16\",\n                                    height: \"11\"\n                                  }\n                                })\n                              ])\n                            : props.column.field === \"filename\"\n                            ? _c(\"span\", [\n                                _c(\n                                  \"a\",\n                                  {\n                                    attrs: {\n                                      title:\n                                        \"Download\" +\n                                        (props.row.hearing_impaired\n                                          ? \" hearing impaired \"\n                                          : \" \") +\n                                        \"subtitle: \" +\n                                        props.row.filename\n                                    },\n                                    on: {\n                                      click: function($event) {\n                                        return _vm.pickSubtitle(props.row.id)\n                                      }\n                                    }\n                                  },\n                                  [\n                                    props.row.hearing_impaired\n                                      ? _c(\"img\", {\n                                          attrs: {\n                                            src: \"images/hearing_impaired.png\",\n                                            width: \"16\",\n                                            height: \"16\"\n                                          }\n                                        })\n                                      : _vm._e(),\n                                    _vm._v(\" \"),\n                                    _c(\n                                      \"span\",\n                                      { staticClass: \"subtitle-name\" },\n                                      [_vm._v(_vm._s(props.row.filename))]\n                                    ),\n                                    _vm._v(\" \"),\n                                    props.row.sub_score >= props.row.min_score\n                                      ? _c(\"img\", {\n                                          attrs: {\n                                            src: \"images/save.png\",\n                                            width: \"16\",\n                                            height: \"16\"\n                                          }\n                                        })\n                                      : _vm._e()\n                                  ]\n                                )\n                              ])\n                            : props.column.field === \"download\"\n                            ? _c(\"span\", [\n                                _c(\n                                  \"a\",\n                                  {\n                                    attrs: {\n                                      title:\n                                        \"Download\" +\n                                        (props.row.hearing_impaired\n                                          ? \" hearing impaired \"\n                                          : \" \") +\n                                        \"subtitle: \" +\n                                        props.row.filename\n                                    },\n                                    on: {\n                                      click: function($event) {\n                                        return _vm.pickSubtitle(props.row.id)\n                                      }\n                                    }\n                                  },\n                                  [\n                                    _c(\"img\", {\n                                      attrs: {\n                                        src: \"images/download.png\",\n                                        width: \"16\",\n                                        height: \"16\"\n                                      }\n                                    })\n                                  ]\n                                )\n                              ])\n                            : _c(\"span\", [\n                                _vm._v(\n                                  \"\\n                        \" +\n                                    _vm._s(\n                                      props.formattedRow[props.column.field]\n                                    ) +\n                                    \"\\n                    \"\n                                )\n                              ])\n                        ]\n                      }\n                    }\n                  ],\n                  null,\n                  false,\n                  3665434881\n                )\n              })\n            ],\n            1\n          )\n        : _vm._e()\n    ])\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./src/components/subtitle-search.vue?./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -3452,7 +3452,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 import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ \"./node_modules/vue/dist/vue.esm.js\");\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var vue_native_websocket__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue-native-websocket */ \"./node_modules/vue-native-websocket/dist/build.js\");\n/* harmony import */ var vue_native_websocket__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(vue_native_websocket__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _modules__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./modules */ \"./src/store/modules/index.js\");\n/* harmony import */ var _mutation_types__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./mutation-types */ \"./src/store/mutation-types.js\");\n\n\n\n\n\nvue__WEBPACK_IMPORTED_MODULE_0__[\"default\"].use(vuex__WEBPACK_IMPORTED_MODULE_1__[\"default\"]);\nconst store = new vuex__WEBPACK_IMPORTED_MODULE_1__[\"Store\"]({\n  modules: {\n    auth: _modules__WEBPACK_IMPORTED_MODULE_3__[\"auth\"],\n    clients: _modules__WEBPACK_IMPORTED_MODULE_3__[\"clients\"],\n    config: _modules__WEBPACK_IMPORTED_MODULE_3__[\"config\"],\n    consts: _modules__WEBPACK_IMPORTED_MODULE_3__[\"consts\"],\n    defaults: _modules__WEBPACK_IMPORTED_MODULE_3__[\"defaults\"],\n    indexers: _modules__WEBPACK_IMPORTED_MODULE_3__[\"indexers\"],\n    layout: _modules__WEBPACK_IMPORTED_MODULE_3__[\"layout\"],\n    metadata: _modules__WEBPACK_IMPORTED_MODULE_3__[\"metadata\"],\n    notifications: _modules__WEBPACK_IMPORTED_MODULE_3__[\"notifications\"],\n    notifiers: _modules__WEBPACK_IMPORTED_MODULE_3__[\"notifiers\"],\n    postprocessing: _modules__WEBPACK_IMPORTED_MODULE_3__[\"postprocessing\"],\n    search: _modules__WEBPACK_IMPORTED_MODULE_3__[\"search\"],\n    shows: _modules__WEBPACK_IMPORTED_MODULE_3__[\"shows\"],\n    socket: _modules__WEBPACK_IMPORTED_MODULE_3__[\"socket\"],\n    stats: _modules__WEBPACK_IMPORTED_MODULE_3__[\"stats\"],\n    system: _modules__WEBPACK_IMPORTED_MODULE_3__[\"system\"]\n  },\n  state: {},\n  mutations: {},\n  getters: {},\n  actions: {}\n}); // Keep as a non-arrow function for `this` context.\n\nconst passToStoreHandler = function (eventName, event, next) {\n  const target = eventName.toUpperCase();\n  const eventData = event.data;\n\n  if (target === 'SOCKET_ONMESSAGE') {\n    const message = JSON.parse(eventData);\n    const {\n      data,\n      event\n    } = message; // Show the notification to the user\n\n    if (event === 'notification') {\n      const {\n        body,\n        hash,\n        type,\n        title\n      } = data;\n      window.displayNotification(type, title, body, hash);\n    } else if (event === 'configUpdated') {\n      const {\n        section,\n        config\n      } = data;\n      this.store.dispatch('updateConfig', {\n        section,\n        config\n      });\n    } else if (event === 'showUpdated') {\n      this.store.dispatch('updateShow', data);\n    } else {\n      window.displayNotification('info', event, data);\n    }\n  } // Resume normal 'passToStore' handling\n\n\n  next(eventName, event);\n};\n\nconst websocketUrl = (() => {\n  const {\n    protocol,\n    host\n  } = window.location;\n  const proto = protocol === 'https:' ? 'wss:' : 'ws:';\n  const WSMessageUrl = '/ui';\n  const webRoot = document.body.getAttribute('web-root');\n  return \"\".concat(proto, \"//\").concat(host).concat(webRoot, \"/ws\").concat(WSMessageUrl);\n})();\n\nvue__WEBPACK_IMPORTED_MODULE_0__[\"default\"].use(vue_native_websocket__WEBPACK_IMPORTED_MODULE_2___default.a, websocketUrl, {\n  store,\n  format: 'json',\n  reconnection: true,\n  // (Boolean) whether to reconnect automatically (false)\n  reconnectionAttempts: 2,\n  // (Number) number of reconnection attempts before giving up (Infinity),\n  reconnectionDelay: 1000,\n  // (Number) how long to initially wait before attempting a new (1000)\n  passToStoreHandler,\n  // (Function|<false-y>) Handler for events triggered by the WebSocket (false)\n  mutations: {\n    SOCKET_ONOPEN: _mutation_types__WEBPACK_IMPORTED_MODULE_4__[\"SOCKET_ONOPEN\"],\n    SOCKET_ONCLOSE: _mutation_types__WEBPACK_IMPORTED_MODULE_4__[\"SOCKET_ONCLOSE\"],\n    SOCKET_ONERROR: _mutation_types__WEBPACK_IMPORTED_MODULE_4__[\"SOCKET_ONERROR\"],\n    SOCKET_ONMESSAGE: _mutation_types__WEBPACK_IMPORTED_MODULE_4__[\"SOCKET_ONMESSAGE\"],\n    SOCKET_RECONNECT: _mutation_types__WEBPACK_IMPORTED_MODULE_4__[\"SOCKET_RECONNECT\"],\n    SOCKET_RECONNECT_ERROR: _mutation_types__WEBPACK_IMPORTED_MODULE_4__[\"SOCKET_RECONNECT_ERROR\"]\n  }\n});\n/* harmony default export */ __webpack_exports__[\"default\"] = (store);\n\n//# sourceURL=webpack:///./src/store/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ \"./node_modules/vue/dist/vue.esm.js\");\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var vue_native_websocket__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue-native-websocket */ \"./node_modules/vue-native-websocket/dist/build.js\");\n/* harmony import */ var vue_native_websocket__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(vue_native_websocket__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _modules__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./modules */ \"./src/store/modules/index.js\");\n/* harmony import */ var _mutation_types__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./mutation-types */ \"./src/store/mutation-types.js\");\n\n\n\n\n\nvue__WEBPACK_IMPORTED_MODULE_0__[\"default\"].use(vuex__WEBPACK_IMPORTED_MODULE_1__[\"default\"]);\nconst store = new vuex__WEBPACK_IMPORTED_MODULE_1__[\"Store\"]({\n  modules: {\n    auth: _modules__WEBPACK_IMPORTED_MODULE_3__[\"auth\"],\n    clients: _modules__WEBPACK_IMPORTED_MODULE_3__[\"clients\"],\n    config: _modules__WEBPACK_IMPORTED_MODULE_3__[\"config\"],\n    consts: _modules__WEBPACK_IMPORTED_MODULE_3__[\"consts\"],\n    defaults: _modules__WEBPACK_IMPORTED_MODULE_3__[\"defaults\"],\n    history: _modules__WEBPACK_IMPORTED_MODULE_3__[\"history\"],\n    indexers: _modules__WEBPACK_IMPORTED_MODULE_3__[\"indexers\"],\n    layout: _modules__WEBPACK_IMPORTED_MODULE_3__[\"layout\"],\n    metadata: _modules__WEBPACK_IMPORTED_MODULE_3__[\"metadata\"],\n    notifications: _modules__WEBPACK_IMPORTED_MODULE_3__[\"notifications\"],\n    notifiers: _modules__WEBPACK_IMPORTED_MODULE_3__[\"notifiers\"],\n    postprocessing: _modules__WEBPACK_IMPORTED_MODULE_3__[\"postprocessing\"],\n    search: _modules__WEBPACK_IMPORTED_MODULE_3__[\"search\"],\n    shows: _modules__WEBPACK_IMPORTED_MODULE_3__[\"shows\"],\n    socket: _modules__WEBPACK_IMPORTED_MODULE_3__[\"socket\"],\n    stats: _modules__WEBPACK_IMPORTED_MODULE_3__[\"stats\"],\n    system: _modules__WEBPACK_IMPORTED_MODULE_3__[\"system\"]\n  },\n  state: {},\n  mutations: {},\n  getters: {},\n  actions: {}\n}); // Keep as a non-arrow function for `this` context.\n\nconst passToStoreHandler = function (eventName, event, next) {\n  const target = eventName.toUpperCase();\n  const eventData = event.data;\n\n  if (target === 'SOCKET_ONMESSAGE') {\n    const message = JSON.parse(eventData);\n    const {\n      data,\n      event\n    } = message; // Show the notification to the user\n\n    if (event === 'notification') {\n      const {\n        body,\n        hash,\n        type,\n        title\n      } = data;\n      window.displayNotification(type, title, body, hash);\n    } else if (event === 'configUpdated') {\n      const {\n        section,\n        config\n      } = data;\n      this.store.dispatch('updateConfig', {\n        section,\n        config\n      });\n    } else if (event === 'showUpdated') {\n      this.store.dispatch('updateShow', data);\n    } else {\n      window.displayNotification('info', event, data);\n    }\n  } // Resume normal 'passToStore' handling\n\n\n  next(eventName, event);\n};\n\nconst websocketUrl = (() => {\n  const {\n    protocol,\n    host\n  } = window.location;\n  const proto = protocol === 'https:' ? 'wss:' : 'ws:';\n  const WSMessageUrl = '/ui';\n  const webRoot = document.body.getAttribute('web-root');\n  return \"\".concat(proto, \"//\").concat(host).concat(webRoot, \"/ws\").concat(WSMessageUrl);\n})();\n\nvue__WEBPACK_IMPORTED_MODULE_0__[\"default\"].use(vue_native_websocket__WEBPACK_IMPORTED_MODULE_2___default.a, websocketUrl, {\n  store,\n  format: 'json',\n  reconnection: true,\n  // (Boolean) whether to reconnect automatically (false)\n  reconnectionAttempts: 2,\n  // (Number) number of reconnection attempts before giving up (Infinity),\n  reconnectionDelay: 1000,\n  // (Number) how long to initially wait before attempting a new (1000)\n  passToStoreHandler,\n  // (Function|<false-y>) Handler for events triggered by the WebSocket (false)\n  mutations: {\n    SOCKET_ONOPEN: _mutation_types__WEBPACK_IMPORTED_MODULE_4__[\"SOCKET_ONOPEN\"],\n    SOCKET_ONCLOSE: _mutation_types__WEBPACK_IMPORTED_MODULE_4__[\"SOCKET_ONCLOSE\"],\n    SOCKET_ONERROR: _mutation_types__WEBPACK_IMPORTED_MODULE_4__[\"SOCKET_ONERROR\"],\n    SOCKET_ONMESSAGE: _mutation_types__WEBPACK_IMPORTED_MODULE_4__[\"SOCKET_ONMESSAGE\"],\n    SOCKET_RECONNECT: _mutation_types__WEBPACK_IMPORTED_MODULE_4__[\"SOCKET_RECONNECT\"],\n    SOCKET_RECONNECT_ERROR: _mutation_types__WEBPACK_IMPORTED_MODULE_4__[\"SOCKET_RECONNECT_ERROR\"]\n  }\n});\n/* harmony default export */ __webpack_exports__[\"default\"] = (store);\n\n//# sourceURL=webpack:///./src/store/index.js?");
 
 /***/ }),
 
@@ -3516,15 +3516,27 @@ eval("__webpack_require__.r(__webpack_exports__);\nconst state = {\n  show: {\n
 
 /***/ }),
 
+/***/ "./src/store/modules/history.js":
+/*!**************************************!*\
+  !*** ./src/store/modules/history.js ***!
+  \**************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ \"./node_modules/vue/dist/vue.esm.js\");\n/* harmony import */ var _api__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../api */ \"./src/api.js\");\n/* harmony import */ var _mutation_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../mutation-types */ \"./src/store/mutation-types.js\");\n\n\n\nconst state = {\n  history: [],\n  page: 0,\n  showHistory: {},\n  episodeHistory: {}\n};\nconst mutations = {\n  [_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_HISTORY\"]](state, history) {\n    // Update state\n    state.history.push(...history);\n  },\n\n  [_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW_HISTORY\"]](state, {\n    showSlug,\n    history\n  }) {\n    // Keep an array of shows, with their history\n    // Maybe we can just check the last id. And if the id's are newer, add them. Less fancy, much more fast.\n    vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"].set(state.showHistory, showSlug, history);\n  },\n\n  [_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW_EPISODE_HISTORY\"]](state, {\n    showSlug,\n    episodeSlug,\n    history\n  }) {\n    // Keep an object of shows, with their history per episode\n    // Example: {tvdb1234: {s01e01: [history]}}\n    if (!Object.keys(state.episodeHistory).includes(showSlug)) {\n      state.episodeHistory[showSlug] = {};\n    }\n\n    vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"].set(state.episodeHistory[showSlug], episodeSlug, history);\n  }\n\n};\nconst getters = {\n  getShowHistoryBySlug: state => showSlug => state.showHistory[showSlug],\n  getLastReleaseName: state => ({\n    showSlug,\n    episodeSlug\n  }) => {\n    if (state.episodeHistory[showSlug] !== undefined) {\n      if (state.episodeHistory[showSlug][episodeSlug] !== undefined) {\n        if (state.episodeHistory[showSlug][episodeSlug].length === 1) {\n          return state.episodeHistory[showSlug][episodeSlug][0].resource;\n        }\n\n        return state.episodeHistory[showSlug][episodeSlug].sort((a, b) => (a.actionDate - b.actionDate) * -1).filter(ep => ep.resource !== '')[0].resource;\n      }\n    }\n  }\n};\n/**\n * An object representing request parameters for getting a show from the API.\n *\n * @typedef {object} ShowGetParameters\n * @property {boolean} detailed Fetch detailed information? (e.g. scene/xem numbering)\n * @property {boolean} episodes Fetch seasons & episodes?\n */\n\nconst actions = {\n  /**\n   * Get show history from API and commit it to the store.\n   *\n   * @param {*} context The store context.\n   * @param {ShowIdentifier&ShowGetParameters} parameters Request parameters.\n   * @returns {Promise} The API response.\n   */\n  async getShowHistory(context, {\n    slug\n  }) {\n    const {\n      commit\n    } = context;\n    const response = await _api__WEBPACK_IMPORTED_MODULE_1__[\"api\"].get(\"/history/\".concat(slug));\n\n    if (response.data.length > 0) {\n      commit(_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW_HISTORY\"], {\n        showSlug: slug,\n        history: response.data\n      });\n    }\n  },\n\n  /**\n   * Get history from API and commit them to the store.\n   *\n   * @param {*} context - The store context.\n   * @param {(ShowIdentifier&ShowGetParameters)[]} shows Shows to get. If not provided, gets the first 1k shows.\n   * @returns {undefined|Promise} undefined if `shows` was provided or the API response if not.\n   */\n  async getHistory(context) {\n    const {\n      commit,\n      state\n    } = context;\n    const limit = 1000;\n    const params = {\n      limit\n    };\n    let lastPage = false;\n    let response = null;\n\n    while (!lastPage) {\n      state.page += 1;\n      params.page = state.page;\n      response = await _api__WEBPACK_IMPORTED_MODULE_1__[\"api\"].get(\"/history\", {\n        params\n      }); // No way around this.\n\n      commit(_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_HISTORY\"], response.data);\n\n      if (response.data.length < limit) {\n        lastPage = true;\n      }\n    }\n  },\n\n  /**\n   * Get episode history from API and commit it to the store.\n   *\n   * @param {*} context The store context.\n   * @param {ShowIdentifier&ShowGetParameters} parameters Request parameters.\n   * @returns {Promise} The API response.\n   */\n  async getShowEpisodeHistory(context, {\n    showSlug,\n    episodeSlug\n  }) {\n    const {\n      commit\n    } = context;\n    const response = await _api__WEBPACK_IMPORTED_MODULE_1__[\"api\"].get(\"/history/\".concat(showSlug, \"/episode/\").concat(episodeSlug));\n\n    if (response.data.length > 0) {\n      commit(_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW_EPISODE_HISTORY\"], {\n        showSlug,\n        episodeSlug,\n        history: response.data\n      });\n    }\n  }\n\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  state,\n  mutations,\n  getters,\n  actions\n});\n\n//# sourceURL=webpack:///./src/store/modules/history.js?");
+
+/***/ }),
+
 /***/ "./src/store/modules/index.js":
 /*!************************************!*\
   !*** ./src/store/modules/index.js ***!
   \************************************/
-/*! exports provided: auth, clients, config, consts, defaults, indexers, layout, metadata, notifications, notifiers, postprocessing, search, shows, socket, stats, system */
+/*! exports provided: auth, clients, config, consts, defaults, history, indexers, layout, metadata, notifications, notifiers, postprocessing, search, shows, socket, stats, system */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _auth__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./auth */ \"./src/store/modules/auth.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"auth\", function() { return _auth__WEBPACK_IMPORTED_MODULE_0__[\"default\"]; });\n\n/* harmony import */ var _clients__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./clients */ \"./src/store/modules/clients.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"clients\", function() { return _clients__WEBPACK_IMPORTED_MODULE_1__[\"default\"]; });\n\n/* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./config */ \"./src/store/modules/config.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"config\", function() { return _config__WEBPACK_IMPORTED_MODULE_2__[\"default\"]; });\n\n/* harmony import */ var _consts__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./consts */ \"./src/store/modules/consts.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"consts\", function() { return _consts__WEBPACK_IMPORTED_MODULE_3__[\"default\"]; });\n\n/* harmony import */ var _defaults__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./defaults */ \"./src/store/modules/defaults.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"defaults\", function() { return _defaults__WEBPACK_IMPORTED_MODULE_4__[\"default\"]; });\n\n/* harmony import */ var _indexers__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./indexers */ \"./src/store/modules/indexers.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"indexers\", function() { return _indexers__WEBPACK_IMPORTED_MODULE_5__[\"default\"]; });\n\n/* harmony import */ var _layout__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./layout */ \"./src/store/modules/layout.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"layout\", function() { return _layout__WEBPACK_IMPORTED_MODULE_6__[\"default\"]; });\n\n/* harmony import */ var _metadata__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./metadata */ \"./src/store/modules/metadata.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"metadata\", function() { return _metadata__WEBPACK_IMPORTED_MODULE_7__[\"default\"]; });\n\n/* harmony import */ var _notifications__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./notifications */ \"./src/store/modules/notifications.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"notifications\", function() { return _notifications__WEBPACK_IMPORTED_MODULE_8__[\"default\"]; });\n\n/* harmony import */ var _notifiers__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./notifiers */ \"./src/store/modules/notifiers/index.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"notifiers\", function() { return _notifiers__WEBPACK_IMPORTED_MODULE_9__[\"default\"]; });\n\n/* harmony import */ var _postprocessing__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./postprocessing */ \"./src/store/modules/postprocessing.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"postprocessing\", function() { return _postprocessing__WEBPACK_IMPORTED_MODULE_10__[\"default\"]; });\n\n/* harmony import */ var _search__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./search */ \"./src/store/modules/search.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"search\", function() { return _search__WEBPACK_IMPORTED_MODULE_11__[\"default\"]; });\n\n/* harmony import */ var _shows__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./shows */ \"./src/store/modules/shows.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"shows\", function() { return _shows__WEBPACK_IMPORTED_MODULE_12__[\"default\"]; });\n\n/* harmony import */ var _socket__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./socket */ \"./src/store/modules/socket.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"socket\", function() { return _socket__WEBPACK_IMPORTED_MODULE_13__[\"default\"]; });\n\n/* harmony import */ var _stats__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./stats */ \"./src/store/modules/stats.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"stats\", function() { return _stats__WEBPACK_IMPORTED_MODULE_14__[\"default\"]; });\n\n/* harmony import */ var _system__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./system */ \"./src/store/modules/system.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"system\", function() { return _system__WEBPACK_IMPORTED_MODULE_15__[\"default\"]; });\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n//# sourceURL=webpack:///./src/store/modules/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _auth__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./auth */ \"./src/store/modules/auth.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"auth\", function() { return _auth__WEBPACK_IMPORTED_MODULE_0__[\"default\"]; });\n\n/* harmony import */ var _clients__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./clients */ \"./src/store/modules/clients.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"clients\", function() { return _clients__WEBPACK_IMPORTED_MODULE_1__[\"default\"]; });\n\n/* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./config */ \"./src/store/modules/config.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"config\", function() { return _config__WEBPACK_IMPORTED_MODULE_2__[\"default\"]; });\n\n/* harmony import */ var _consts__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./consts */ \"./src/store/modules/consts.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"consts\", function() { return _consts__WEBPACK_IMPORTED_MODULE_3__[\"default\"]; });\n\n/* harmony import */ var _defaults__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./defaults */ \"./src/store/modules/defaults.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"defaults\", function() { return _defaults__WEBPACK_IMPORTED_MODULE_4__[\"default\"]; });\n\n/* harmony import */ var _history__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./history */ \"./src/store/modules/history.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"history\", function() { return _history__WEBPACK_IMPORTED_MODULE_5__[\"default\"]; });\n\n/* harmony import */ var _indexers__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./indexers */ \"./src/store/modules/indexers.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"indexers\", function() { return _indexers__WEBPACK_IMPORTED_MODULE_6__[\"default\"]; });\n\n/* harmony import */ var _layout__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./layout */ \"./src/store/modules/layout.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"layout\", function() { return _layout__WEBPACK_IMPORTED_MODULE_7__[\"default\"]; });\n\n/* harmony import */ var _metadata__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./metadata */ \"./src/store/modules/metadata.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"metadata\", function() { return _metadata__WEBPACK_IMPORTED_MODULE_8__[\"default\"]; });\n\n/* harmony import */ var _notifications__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./notifications */ \"./src/store/modules/notifications.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"notifications\", function() { return _notifications__WEBPACK_IMPORTED_MODULE_9__[\"default\"]; });\n\n/* harmony import */ var _notifiers__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./notifiers */ \"./src/store/modules/notifiers/index.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"notifiers\", function() { return _notifiers__WEBPACK_IMPORTED_MODULE_10__[\"default\"]; });\n\n/* harmony import */ var _postprocessing__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./postprocessing */ \"./src/store/modules/postprocessing.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"postprocessing\", function() { return _postprocessing__WEBPACK_IMPORTED_MODULE_11__[\"default\"]; });\n\n/* harmony import */ var _search__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./search */ \"./src/store/modules/search.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"search\", function() { return _search__WEBPACK_IMPORTED_MODULE_12__[\"default\"]; });\n\n/* harmony import */ var _shows__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./shows */ \"./src/store/modules/shows.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"shows\", function() { return _shows__WEBPACK_IMPORTED_MODULE_13__[\"default\"]; });\n\n/* harmony import */ var _socket__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./socket */ \"./src/store/modules/socket.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"socket\", function() { return _socket__WEBPACK_IMPORTED_MODULE_14__[\"default\"]; });\n\n/* harmony import */ var _stats__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./stats */ \"./src/store/modules/stats.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"stats\", function() { return _stats__WEBPACK_IMPORTED_MODULE_15__[\"default\"]; });\n\n/* harmony import */ var _system__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./system */ \"./src/store/modules/system.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"system\", function() { return _system__WEBPACK_IMPORTED_MODULE_16__[\"default\"]; });\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n//# sourceURL=webpack:///./src/store/modules/index.js?");
 
 /***/ }),
 
@@ -3940,11 +3952,11 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _mut
 /*!*************************************!*\
   !*** ./src/store/mutation-types.js ***!
   \*************************************/
-/*! exports provided: LOGIN_PENDING, LOGIN_SUCCESS, LOGIN_FAILED, LOGOUT, REFRESH_TOKEN, REMOVE_AUTH_ERROR, SOCKET_ONOPEN, SOCKET_ONCLOSE, SOCKET_ONERROR, SOCKET_ONMESSAGE, SOCKET_RECONNECT, SOCKET_RECONNECT_ERROR, NOTIFICATIONS_ENABLED, NOTIFICATIONS_DISABLED, ADD_CONFIG, ADD_SHOW, ADD_SHOW_EPISODE, ADD_STATS, ADD_SHOW_SCENE_EXCEPTION, REMOVE_SHOW_SCENE_EXCEPTION */
+/*! exports provided: LOGIN_PENDING, LOGIN_SUCCESS, LOGIN_FAILED, LOGOUT, REFRESH_TOKEN, REMOVE_AUTH_ERROR, SOCKET_ONOPEN, SOCKET_ONCLOSE, SOCKET_ONERROR, SOCKET_ONMESSAGE, SOCKET_RECONNECT, SOCKET_RECONNECT_ERROR, NOTIFICATIONS_ENABLED, NOTIFICATIONS_DISABLED, ADD_CONFIG, ADD_HISTORY, ADD_SHOW, ADD_SHOW_EPISODE, ADD_STATS, ADD_SHOW_SCENE_EXCEPTION, REMOVE_SHOW_SCENE_EXCEPTION, ADD_SHOW_HISTORY, ADD_SHOW_EPISODE_HISTORY */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"LOGIN_PENDING\", function() { return LOGIN_PENDING; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"LOGIN_SUCCESS\", function() { return LOGIN_SUCCESS; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"LOGIN_FAILED\", function() { return LOGIN_FAILED; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"LOGOUT\", function() { return LOGOUT; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"REFRESH_TOKEN\", function() { return REFRESH_TOKEN; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"REMOVE_AUTH_ERROR\", function() { return REMOVE_AUTH_ERROR; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"SOCKET_ONOPEN\", function() { return SOCKET_ONOPEN; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"SOCKET_ONCLOSE\", function() { return SOCKET_ONCLOSE; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"SOCKET_ONERROR\", function() { return SOCKET_ONERROR; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"SOCKET_ONMESSAGE\", function() { return SOCKET_ONMESSAGE; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"SOCKET_RECONNECT\", function() { return SOCKET_RECONNECT; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"SOCKET_RECONNECT_ERROR\", function() { return SOCKET_RECONNECT_ERROR; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"NOTIFICATIONS_ENABLED\", function() { return NOTIFICATIONS_ENABLED; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"NOTIFICATIONS_DISABLED\", function() { return NOTIFICATIONS_DISABLED; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ADD_CONFIG\", function() { return ADD_CONFIG; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ADD_SHOW\", function() { return ADD_SHOW; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ADD_SHOW_EPISODE\", function() { return ADD_SHOW_EPISODE; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ADD_STATS\", function() { return ADD_STATS; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ADD_SHOW_SCENE_EXCEPTION\", function() { return ADD_SHOW_SCENE_EXCEPTION; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"REMOVE_SHOW_SCENE_EXCEPTION\", function() { return REMOVE_SHOW_SCENE_EXCEPTION; });\nconst LOGIN_PENDING = '🔒 Logging in';\nconst LOGIN_SUCCESS = '🔒 ✅ Login Successful';\nconst LOGIN_FAILED = '🔒 ❌ Login Failed';\nconst LOGOUT = '🔒 Logout';\nconst REFRESH_TOKEN = '🔒 Refresh Token';\nconst REMOVE_AUTH_ERROR = '🔒 Remove Auth Error';\nconst SOCKET_ONOPEN = '🔗 ✅ WebSocket connected';\nconst SOCKET_ONCLOSE = '🔗 ❌ WebSocket disconnected';\nconst SOCKET_ONERROR = '🔗 ❌ WebSocket error';\nconst SOCKET_ONMESSAGE = '🔗 ✉️ 📥 WebSocket message received';\nconst SOCKET_RECONNECT = '🔗 🔃 WebSocket reconnecting';\nconst SOCKET_RECONNECT_ERROR = '🔗 🔃 ❌ WebSocket reconnection attempt failed';\nconst NOTIFICATIONS_ENABLED = '🔔 Notifications Enabled';\nconst NOTIFICATIONS_DISABLED = '🔔 Notifications Disabled';\nconst ADD_CONFIG = '⚙️ Config added to store';\nconst ADD_SHOW = '📺 Show added to store';\nconst ADD_SHOW_EPISODE = '📺 Shows season with episodes added to store';\nconst ADD_STATS = 'ℹ️ Statistics added to store';\nconst ADD_SHOW_SCENE_EXCEPTION = '📺 Add a scene exception';\nconst REMOVE_SHOW_SCENE_EXCEPTION = '📺 Remove a scene exception';\n\n\n//# sourceURL=webpack:///./src/store/mutation-types.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"LOGIN_PENDING\", function() { return LOGIN_PENDING; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"LOGIN_SUCCESS\", function() { return LOGIN_SUCCESS; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"LOGIN_FAILED\", function() { return LOGIN_FAILED; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"LOGOUT\", function() { return LOGOUT; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"REFRESH_TOKEN\", function() { return REFRESH_TOKEN; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"REMOVE_AUTH_ERROR\", function() { return REMOVE_AUTH_ERROR; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"SOCKET_ONOPEN\", function() { return SOCKET_ONOPEN; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"SOCKET_ONCLOSE\", function() { return SOCKET_ONCLOSE; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"SOCKET_ONERROR\", function() { return SOCKET_ONERROR; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"SOCKET_ONMESSAGE\", function() { return SOCKET_ONMESSAGE; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"SOCKET_RECONNECT\", function() { return SOCKET_RECONNECT; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"SOCKET_RECONNECT_ERROR\", function() { return SOCKET_RECONNECT_ERROR; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"NOTIFICATIONS_ENABLED\", function() { return NOTIFICATIONS_ENABLED; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"NOTIFICATIONS_DISABLED\", function() { return NOTIFICATIONS_DISABLED; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ADD_CONFIG\", function() { return ADD_CONFIG; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ADD_HISTORY\", function() { return ADD_HISTORY; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ADD_SHOW\", function() { return ADD_SHOW; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ADD_SHOW_EPISODE\", function() { return ADD_SHOW_EPISODE; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ADD_STATS\", function() { return ADD_STATS; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ADD_SHOW_SCENE_EXCEPTION\", function() { return ADD_SHOW_SCENE_EXCEPTION; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"REMOVE_SHOW_SCENE_EXCEPTION\", function() { return REMOVE_SHOW_SCENE_EXCEPTION; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ADD_SHOW_HISTORY\", function() { return ADD_SHOW_HISTORY; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ADD_SHOW_EPISODE_HISTORY\", function() { return ADD_SHOW_EPISODE_HISTORY; });\nconst LOGIN_PENDING = '🔒 Logging in';\nconst LOGIN_SUCCESS = '🔒 ✅ Login Successful';\nconst LOGIN_FAILED = '🔒 ❌ Login Failed';\nconst LOGOUT = '🔒 Logout';\nconst REFRESH_TOKEN = '🔒 Refresh Token';\nconst REMOVE_AUTH_ERROR = '🔒 Remove Auth Error';\nconst SOCKET_ONOPEN = '🔗 ✅ WebSocket connected';\nconst SOCKET_ONCLOSE = '🔗 ❌ WebSocket disconnected';\nconst SOCKET_ONERROR = '🔗 ❌ WebSocket error';\nconst SOCKET_ONMESSAGE = '🔗 ✉️ 📥 WebSocket message received';\nconst SOCKET_RECONNECT = '🔗 🔃 WebSocket reconnecting';\nconst SOCKET_RECONNECT_ERROR = '🔗 🔃 ❌ WebSocket reconnection attempt failed';\nconst NOTIFICATIONS_ENABLED = '🔔 Notifications Enabled';\nconst NOTIFICATIONS_DISABLED = '🔔 Notifications Disabled';\nconst ADD_CONFIG = '⚙️ Config added to store';\nconst ADD_SHOW = '📺 Show added to store';\nconst ADD_SHOW_EPISODE = '📺 Shows season with episodes added to store';\nconst ADD_STATS = 'ℹ️ Statistics added to store';\nconst ADD_SHOW_SCENE_EXCEPTION = '📺 Add a scene exception';\nconst REMOVE_SHOW_SCENE_EXCEPTION = '📺 Remove a scene exception';\nconst ADD_HISTORY = '📺 History added to store';\nconst ADD_SHOW_HISTORY = '📺 Show specific History added to store';\nconst ADD_SHOW_EPISODE_HISTORY = \"📺 Show's episode specific History added to store\";\n\n\n//# sourceURL=webpack:///./src/store/mutation-types.js?");
 
 /***/ }),
 
diff --git a/themes/light/assets/js/medusa-runtime.js b/themes/light/assets/js/medusa-runtime.js
index 51d653f926..53b6700c64 100644
--- a/themes/light/assets/js/medusa-runtime.js
+++ b/themes/light/assets/js/medusa-runtime.js
@@ -152,7 +152,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function($) {/* harmony import */ var date_fns_format__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! date-fns/format */ \"./node_modules/date-fns/esm/format/index.js\");\n/* harmony import */ var date_fns_parseISO__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! date-fns/parseISO */ \"./node_modules/date-fns/esm/parseISO/index.js\");\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./helpers */ \"./src/components/helpers/index.js\");\n/* harmony import */ var _utils_core__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../utils/core */ \"./src/utils/core.js\");\n/* harmony import */ var _utils_jquery__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../utils/jquery */ \"./src/utils/jquery.js\");\n/* harmony import */ var vue_good_table__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! vue-good-table */ \"./node_modules/vue-good-table/dist/vue-good-table.es.js\");\n/* harmony import */ var _backstretch_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./backstretch.vue */ \"./src/components/backstretch.vue\");\n/* harmony import */ var _show_header_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./show-header.vue */ \"./src/components/show-header.vue\");\n/* harmony import */ var _subtitle_search_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./subtitle-search.vue */ \"./src/components/subtitle-search.vue\");\n/* harmony import */ var javascript_time_ago__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! javascript-time-ago */ \"./node_modules/javascript-time-ago/index.js\");\n/* harmony import */ var javascript_time_ago_locale_en__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! javascript-time-ago/locale/en */ \"./node_modules/javascript-time-ago/locale/en/index.js\");\n/* harmony import */ var javascript_time_ago_locale_en__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(javascript_time_ago_locale_en__WEBPACK_IMPORTED_MODULE_11__);\n/* harmony import */ var _helpers_quality_pill_vue__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./helpers/quality-pill.vue */ \"./src/components/helpers/quality-pill.vue\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n\n\n\n\n\n\n\n\n // Add locale-specific relative date/time formatting rules.\n\njavascript_time_ago__WEBPACK_IMPORTED_MODULE_10__[\"default\"].addLocale(javascript_time_ago_locale_en__WEBPACK_IMPORTED_MODULE_11___default.a);\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: 'show',\n  components: {\n    AppLink: _helpers__WEBPACK_IMPORTED_MODULE_3__[\"AppLink\"],\n    VueGoodTable: vue_good_table__WEBPACK_IMPORTED_MODULE_6__[\"VueGoodTable\"],\n    Backstretch: _backstretch_vue__WEBPACK_IMPORTED_MODULE_7__[\"default\"],\n    PlotInfo: _helpers__WEBPACK_IMPORTED_MODULE_3__[\"PlotInfo\"],\n    ShowHeader: _show_header_vue__WEBPACK_IMPORTED_MODULE_8__[\"default\"],\n    QualityPill: _helpers_quality_pill_vue__WEBPACK_IMPORTED_MODULE_12__[\"default\"]\n  },\n\n  metaInfo() {\n    if (!this.show || !this.show.title) {\n      return {\n        title: 'Medusa'\n      };\n    }\n\n    const {\n      title\n    } = this.show;\n    return {\n      title,\n      titleTemplate: '%s | Medusa'\n    };\n  },\n\n  props: {\n    /**\n     * Show indexer\n     */\n    showIndexer: {\n      type: String\n    },\n\n    /**\n     * Show id\n     */\n    showId: {\n      type: Number\n    }\n  },\n\n  data() {\n    const {\n      getCookie\n    } = this;\n    const perPageDropdown = [25, 50, 100, 250, 500];\n\n    const getPaginationPerPage = () => {\n      const rows = getCookie('displayShow-pagination-perPage');\n\n      if (!rows) {\n        return 50;\n      }\n\n      if (!perPageDropdown.includes(rows)) {\n        return 500;\n      }\n\n      return rows;\n    };\n\n    return {\n      invertTable: true,\n      isMobile: false,\n      subtitleSearchComponents: [],\n      columns: [{\n        label: 'NFO',\n        field: 'content.hasNfo',\n        type: 'boolean',\n        sortable: false,\n        hidden: getCookie('displayShow-hide-field-NFO')\n      }, {\n        label: 'TBN',\n        field: 'content.hasTbn',\n        type: 'boolean',\n        sortable: false,\n        hidden: getCookie('displayShow-hide-field-TBN')\n      }, {\n        label: 'Episode',\n        field: 'episode',\n        type: 'number',\n        hidden: getCookie('displayShow-hide-field-Episode')\n      }, {\n        label: 'Abs. #',\n        field: 'absoluteNumber',\n        type: 'number',\n        hidden: getCookie('displayShow-hide-field-Abs. #')\n      }, {\n        label: 'Scene',\n        field: row => {\n          const {\n            getSceneNumbering\n          } = this;\n          return getSceneNumbering(row);\n        },\n        sortable: false,\n        hidden: getCookie('displayShow-hide-field-Scene')\n      }, {\n        label: 'Scene Abs. #',\n        field: row => {\n          const {\n            getSceneAbsoluteNumbering\n          } = this;\n          return getSceneAbsoluteNumbering(row);\n        },\n        type: 'number',\n\n        /**\n         * Vue-good-table sort overwrite function.\n         * @param {Object} x - row1 value for column.\n         * @param {object} y - row2 value for column.\n         * @returns {Boolean} - if we want to display this row before the next\n         */\n        sortFn(x, y) {\n          return x < y ? -1 : x > y ? 1 : 0;\n        },\n\n        hidden: getCookie('displayShow-hide-field-Scene Abs. #')\n      }, {\n        label: 'Title',\n        field: 'title',\n        hidden: getCookie('displayShow-hide-field-Title')\n      }, {\n        label: 'File',\n        field: 'file.location',\n        hidden: getCookie('displayShow-hide-field-File')\n      }, {\n        label: 'Size',\n        field: 'file.size',\n        type: 'number',\n        formatFn: _utils_core__WEBPACK_IMPORTED_MODULE_4__[\"humanFileSize\"],\n        hidden: getCookie('displayShow-hide-field-Size')\n      }, {\n        // For now i'm using a custom function the parse it. As the type: date, isn't working for us.\n        // But the goal is to have this user formatted (as configured in backend)\n        label: 'Air date',\n        field: this.parseDateFn,\n        sortable: false,\n        hidden: getCookie('displayShow-hide-field-Air date')\n      }, {\n        label: 'Download',\n        field: 'download',\n        sortable: false,\n        hidden: getCookie('displayShow-hide-field-Download')\n      }, {\n        label: 'Subtitles',\n        field: 'subtitles',\n        sortable: false,\n        hidden: getCookie('displayShow-hide-field-Subtitles')\n      }, {\n        label: 'Status',\n        field: 'status',\n        hidden: getCookie('displayShow-hide-field-Status')\n      }, {\n        label: 'Search',\n        field: 'search',\n        sortable: false,\n        hidden: getCookie('displayShow-hide-field-Search')\n      }],\n      perPageDropdown,\n      paginationPerPage: getPaginationPerPage(),\n      selectedEpisodes: [],\n      // We need to keep track of which episode where trying to search, for the vue-modal\n      failedSearchEpisode: null,\n      backlogSearchEpisodes: [],\n      filterByOverviewStatus: false,\n      timeAgo: new javascript_time_ago__WEBPACK_IMPORTED_MODULE_10__[\"default\"]('en-US')\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_2__[\"mapState\"])({\n      shows: state => state.shows.shows,\n      configLoaded: state => state.layout.fanartBackground !== null,\n      config: state => state.config,\n      layout: state => state.layout,\n      stateSearch: state => state.search\n    }),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_2__[\"mapGetters\"])({\n      show: 'getCurrentShow',\n      getOverviewStatus: 'getOverviewStatus'\n    }),\n\n    indexer() {\n      return this.showIndexer || this.$route.query.indexername;\n    },\n\n    id() {\n      return this.showId || Number(this.$route.query.seriesid) || undefined;\n    },\n\n    theme() {\n      const {\n        layout\n      } = this;\n      const {\n        themeName\n      } = layout;\n      return themeName || 'light';\n    },\n\n    orderSeasons() {\n      const {\n        filterByOverviewStatus,\n        invertTable,\n        show\n      } = this;\n\n      if (!show.seasons) {\n        return [];\n      }\n\n      let sortedSeasons = show.seasons.sort((a, b) => a.season - b.season).filter(season => season.season !== 0); // Use the filterOverviewStatus to filter the data based on what's checked in the show-header.\n\n      if (filterByOverviewStatus && filterByOverviewStatus.filter(status => status.checked).length < filterByOverviewStatus.length) {\n        const filteredSortedSeasons = [];\n\n        for (const season of sortedSeasons) {\n          const {\n            episodes,\n            ...res\n          } = season;\n          const filteredEpisodes = episodes.filter(episode => {\n            const episodeOverviewStatus = this.getOverviewStatus(episode.status, episode.quality, show.config.qualities);\n            const filteredStatus = filterByOverviewStatus.find(overviewStatus => overviewStatus.name === episodeOverviewStatus);\n            return !filteredStatus || filteredStatus.checked;\n          });\n          filteredSortedSeasons.push(Object.assign({\n            episodes: filteredEpisodes\n          }, res));\n        }\n\n        sortedSeasons = filteredSortedSeasons;\n      }\n\n      if (invertTable) {\n        return sortedSeasons.reverse();\n      }\n\n      return sortedSeasons;\n    },\n\n    specials() {\n      const {\n        show\n      } = this;\n\n      if (!show.seasons) {\n        return [];\n      }\n\n      return show.seasons.filter(season => season.season === 0);\n    }\n\n  },\n\n  created() {\n    const {\n      getShows\n    } = this; // Without getting any specific show data, we pick the show needed from the shows array.\n    // We need to get the complete list of shows anyway, as this is also needed for the show-selector component\n\n    getShows();\n  },\n\n  mounted() {\n    const {\n      id,\n      indexer,\n      getShow,\n      setEpisodeSceneNumbering,\n      setAbsoluteSceneNumbering,\n      setInputValidInvalid,\n      $store\n    } = this; // Let's tell the store which show we currently want as current.\n\n    $store.commit('currentShow', {\n      indexer,\n      id\n    }); // We need detailed info for the xem / scene exceptions, so let's get it.\n\n    getShow({\n      id,\n      indexer,\n      detailed: true\n    });\n    this.$watch('show', () => {\n      this.$nextTick(() => this.reflowLayout());\n    });\n    ['load', 'resize'].map(event => {\n      return window.addEventListener(event, () => {\n        this.reflowLayout();\n      });\n    });\n    $(document.body).on('click', '.seasonCheck', event => {\n      const seasCheck = event.currentTarget;\n      const seasNo = $(seasCheck).attr('id');\n      $('#collapseSeason-' + seasNo).collapse('show');\n      const seasonIdentifier = 's' + seasNo;\n      $('.epCheck:visible').each((index, element) => {\n        const epParts = $(element).attr('id').split('e');\n\n        if (epParts[0] === seasonIdentifier) {\n          element.checked = seasCheck.checked;\n        }\n      });\n    });\n    $(document.body).on('change', '.sceneSeasonXEpisode', event => {\n      const target = event.currentTarget; // Strip non-numeric characters\n\n      const value = $(target).val();\n      $(target).val(value.replace(/[^0-9xX]*/g, ''));\n      const forSeason = $(target).attr('data-for-season');\n      const forEpisode = $(target).attr('data-for-episode'); // If empty reset the field\n\n      if (value === '') {\n        setEpisodeSceneNumbering(forSeason, forEpisode, null, null);\n        return;\n      }\n\n      const m = $(target).val().match(/^(\\d+)x(\\d+)$/i);\n      const onlyEpisode = $(target).val().match(/^(\\d+)$/i);\n      let sceneSeason = null;\n      let sceneEpisode = null;\n      let isValid = false;\n\n      if (m) {\n        sceneSeason = m[1];\n        sceneEpisode = m[2];\n        isValid = setInputValidInvalid(true, $(target));\n      } else if (onlyEpisode) {\n        // For example when '5' is filled in instead of '1x5', asume it's the first season\n        sceneSeason = forSeason;\n        sceneEpisode = onlyEpisode[1];\n        isValid = setInputValidInvalid(true, $(target));\n      } else {\n        isValid = setInputValidInvalid(false, $(target));\n      }\n\n      if (isValid) {\n        setEpisodeSceneNumbering(forSeason, forEpisode, sceneSeason, sceneEpisode);\n      }\n    });\n    $(document.body).on('change', '.sceneAbsolute', event => {\n      const target = event.currentTarget; // Strip non-numeric characters\n\n      $(target).val($(target).val().replace(/[^0-9xX]*/g, ''));\n      const forAbsolute = $(target).attr('data-for-absolute');\n      const m = $(target).val().match(/^(\\d{1,3})$/i);\n      let sceneAbsolute = null;\n\n      if (m) {\n        sceneAbsolute = m[1];\n      }\n\n      setAbsoluteSceneNumbering(forAbsolute, sceneAbsolute);\n    });\n  },\n\n  methods: {\n    humanFileSize: _utils_core__WEBPACK_IMPORTED_MODULE_4__[\"humanFileSize\"],\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_2__[\"mapActions\"])({\n      getShow: 'getShow',\n      // Map `this.getShow()` to `this.$store.dispatch('getShow')`\n      getShows: 'getShows',\n      getEpisodes: 'getEpisodes'\n    }),\n\n    statusQualityUpdate(event) {\n      const {\n        selectedEpisodes,\n        setStatus,\n        setQuality\n      } = this;\n\n      if (event.newQuality !== null && event.newQuality !== 'Change quality to:') {\n        setQuality(event.newQuality, selectedEpisodes);\n      }\n\n      if (event.newStatus !== null && event.newStatus !== 'Change status to:') {\n        setStatus(event.newStatus, selectedEpisodes);\n      }\n    },\n\n    setQuality(quality, episodes) {\n      const {\n        id,\n        indexer,\n        getEpisodes,\n        show\n      } = this;\n      const patchData = {};\n      episodes.forEach(episode => {\n        patchData[episode.slug] = {\n          quality: parseInt(quality, 10)\n        };\n      });\n      api.patch('series/' + show.id.slug + '/episodes', patchData) // eslint-disable-line no-undef\n      .then(_ => {\n        console.info(\"patched show \".concat(show.id.slug, \" with quality \").concat(quality));\n        [...new Set(episodes.map(episode => episode.season))].forEach(season => {\n          getEpisodes({\n            id,\n            indexer,\n            season\n          });\n        });\n      }).catch(error => {\n        console.error(String(error));\n      });\n    },\n\n    setStatus(status, episodes) {\n      const {\n        id,\n        indexer,\n        getEpisodes,\n        show\n      } = this;\n      const patchData = {};\n      episodes.forEach(episode => {\n        patchData[episode.slug] = {\n          status\n        };\n      });\n      api.patch('series/' + show.id.slug + '/episodes', patchData) // eslint-disable-line no-undef\n      .then(_ => {\n        console.info(\"patched show \".concat(show.id.slug, \" with status \").concat(status));\n        [...new Set(episodes.map(episode => episode.season))].forEach(season => {\n          getEpisodes({\n            id,\n            indexer,\n            season\n          });\n        });\n      }).catch(error => {\n        console.error(String(error));\n      });\n\n      if (status === 3) {\n        this.$modal.show('query-start-backlog-search', {\n          episodes\n        });\n      }\n    },\n\n    parseDateFn(row) {\n      const {\n        layout,\n        timeAgo\n      } = this;\n      const {\n        dateStyle,\n        timeStyle\n      } = layout;\n      const {\n        fuzzyDating\n      } = layout;\n\n      if (!row.airDate) {\n        return '';\n      }\n\n      if (fuzzyDating) {\n        return timeAgo.format(new Date(row.airDate));\n      }\n\n      if (dateStyle === '%x') {\n        return new Date(row.airDate).toLocaleString();\n      }\n\n      const fdate = Object(date_fns_parseISO__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(row.airDate);\n      return Object(date_fns_format__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(fdate, Object(_utils_core__WEBPACK_IMPORTED_MODULE_4__[\"convertDateFormat\"])(\"\".concat(dateStyle, \" \").concat(timeStyle)));\n    },\n\n    rowStyleClassFn(row) {\n      const {\n        getOverviewStatus,\n        show\n      } = this;\n      const overview = getOverviewStatus(row.status, row.quality, show.config.qualities).toLowerCase().trim();\n      return overview;\n    },\n\n    /**\n     * Add (reduce) the total episodes filesize.\n     * @param {object} headerRow header row object.\n     * @returns {string} - Human readable file size.\n     */\n    addFileSize(headerRow) {\n      return Object(_utils_core__WEBPACK_IMPORTED_MODULE_4__[\"humanFileSize\"])(headerRow.episodes.reduce((a, b) => a + (b.file.size || 0), 0));\n    },\n\n    searchSubtitle(event, episode, lang) {\n      const {\n        id,\n        indexer,\n        getEpisodes,\n        show,\n        subtitleSearchComponents\n      } = this;\n      const SubtitleSearchClass = Vue.extend(_subtitle_search_vue__WEBPACK_IMPORTED_MODULE_9__[\"default\"]); // eslint-disable-line no-undef\n\n      const instance = new SubtitleSearchClass({\n        propsData: {\n          show,\n          season: episode.season,\n          episode: episode.episode,\n          key: episode.originalIndex,\n          lang\n        },\n        parent: this\n      }); // Update the show, as we downloaded new subtitle(s)\n\n      instance.$on('update', event => {\n        // This could be replaced by the generic websocket updates in future.\n        if (event.reason === 'new subtitles found') {\n          getEpisodes({\n            id,\n            indexer,\n            season: episode.season\n          });\n        }\n      });\n      const node = document.createElement('div');\n      const subtitleRef = episode.season === 0 ? 'table-specials' : 'table-seasons';\n      this.$refs[subtitleRef].$refs[\"row-\".concat(episode.originalIndex)][0].after(node);\n      instance.$mount(node);\n      subtitleSearchComponents.push(instance);\n    },\n\n    /**\n     * Attaches IMDB tooltip,\n     * Moves summary and checkbox controls backgrounds\n     */\n    reflowLayout() {\n      console.debug('Reflowing layout');\n      this.$nextTick(() => {\n        this.movecheckboxControlsBackground();\n      });\n      Object(_utils_jquery__WEBPACK_IMPORTED_MODULE_5__[\"addQTip\"])(); // eslint-disable-line no-undef\n    },\n\n    /**\n     * Adjust the checkbox controls (episode filter) background position\n     */\n    movecheckboxControlsBackground() {\n      const height = $('#checkboxControls').height() + 10;\n      const top = $('#checkboxControls').offset().top - 3;\n      $('#checkboxControlsBackground').height(height);\n      $('#checkboxControlsBackground').offset({\n        top,\n        left: 0\n      });\n      $('#checkboxControlsBackground').show();\n    },\n\n    setEpisodeSceneNumbering(forSeason, forEpisode, sceneSeason, sceneEpisode) {\n      const {\n        $snotify,\n        id,\n        indexer,\n        show\n      } = this;\n\n      if (!show.config.scene) {\n        $snotify.warning('To change episode scene numbering you need to enable the show option `scene` first', 'Warning', {\n          timeout: 0\n        });\n      }\n\n      if (sceneSeason === '') {\n        sceneSeason = null;\n      }\n\n      if (sceneEpisode === '') {\n        sceneEpisode = null;\n      }\n\n      $.getJSON('home/setSceneNumbering', {\n        indexername: indexer,\n        seriesid: id,\n        forSeason,\n        forEpisode,\n        sceneSeason,\n        sceneEpisode\n      }, data => {\n        // Set the values we get back\n        if (data.sceneSeason === null || data.sceneEpisode === null) {\n          $('#sceneSeasonXEpisode_' + id + '_' + forSeason + '_' + forEpisode).val('');\n        } else {\n          $('#sceneSeasonXEpisode_' + id + '_' + forSeason + '_' + forEpisode).val(data.sceneSeason + 'x' + data.sceneEpisode);\n        }\n\n        if (!data.success) {\n          if (data.errorMessage) {\n            alert(data.errorMessage); // eslint-disable-line no-alert\n          } else {\n            alert('Update failed.'); // eslint-disable-line no-alert\n          }\n        }\n      });\n    },\n\n    setAbsoluteSceneNumbering(forAbsolute, sceneAbsolute) {\n      const {\n        $snotify,\n        id,\n        indexer,\n        show\n      } = this;\n\n      if (!show.config.scene) {\n        $snotify.warning('To change an anime episode scene numbering you need to enable the show option `scene` first', 'Warning', {\n          timeout: 0\n        });\n      }\n\n      if (sceneAbsolute === '') {\n        sceneAbsolute = null;\n      }\n\n      $.getJSON('home/setSceneNumbering', {\n        indexername: indexer,\n        seriesid: id,\n        forAbsolute,\n        sceneAbsolute\n      }, data => {\n        // Set the values we get back\n        if (data.sceneAbsolute === null) {\n          $('#sceneAbsolute_' + id + '_' + forAbsolute).val('');\n        } else {\n          $('#sceneAbsolute_' + id + '_' + forAbsolute).val(data.sceneAbsolute);\n        }\n\n        if (!data.success) {\n          if (data.errorMessage) {\n            alert(data.errorMessage); // eslint-disable-line no-alert\n          } else {\n            alert('Update failed.'); // eslint-disable-line no-alert\n          }\n        }\n      });\n    },\n\n    setInputValidInvalid(valid, el) {\n      if (valid) {\n        $(el).css({\n          'background-color': '#90EE90',\n          // Green\n          'color': '#FFF',\n          // eslint-disable-line quote-props\n          'font-weight': 'bold'\n        });\n        return true;\n      }\n\n      $(el).css({\n        'background-color': '#FF0000',\n        // Red\n        'color': '#FFF !important',\n        // eslint-disable-line quote-props\n        'font-weight': 'bold'\n      });\n      return false;\n    },\n\n    /**\n     * Check if any of the episodes in this season does not have the status \"unaired\".\n     * If that's the case we want to manual season search icon.\n     * @param {object} season - A season object.\n     * @returns {Boolean} - true if one of the seasons episodes has a status 'unaired'.\n     */\n    anyEpisodeNotUnaired(season) {\n      return season.episodes.filter(ep => ep.status !== 'Unaired').length > 0;\n    },\n\n    episodesInverse(season) {\n      const {\n        invertTable\n      } = this;\n\n      if (!season.episodes) {\n        return [];\n      }\n\n      if (invertTable) {\n        return season.episodes.slice().reverse();\n      }\n\n      return season.episodes;\n    },\n\n    /**\n     * Check if the season/episode combination exists in the scene numbering.\n     * @param {Object} episode - object.\n     * @returns {Object} with scene season and episodes mapped numbering.\n     */\n    getSceneNumbering(episode) {\n      const {\n        show\n      } = this;\n      const {\n        sceneNumbering,\n        xemNumbering\n      } = show;\n\n      if (!show.config.scene) {\n        return {\n          season: 0,\n          episode: 0\n        };\n      } // Manually configured scene numbering\n\n\n      if (sceneNumbering.length !== 0) {\n        const mapped = sceneNumbering.filter(x => {\n          return x.source.season === episode.season && x.source.episode === episode.episode;\n        });\n\n        if (mapped.length !== 0) {\n          return mapped[0].destination;\n        }\n      } // Scene numbering downloaded from thexem.de.\n\n\n      if (xemNumbering.length !== 0) {\n        const mapped = xemNumbering.filter(x => {\n          return x.source.season === episode.season && x.source.episode === episode.episode;\n        });\n\n        if (mapped.length !== 0) {\n          return mapped[0].destination;\n        }\n      }\n\n      return {\n        season: episode.scene.season || 0,\n        episode: episode.scene.episode || 0\n      };\n    },\n\n    getSceneAbsoluteNumbering(episode) {\n      const {\n        show\n      } = this;\n      const {\n        sceneAbsoluteNumbering,\n        xemAbsoluteNumbering\n      } = show;\n\n      if (!show.config.anime || !show.config.scene) {\n        return episode.scene.absoluteNumber;\n      }\n\n      if (Object.keys(sceneAbsoluteNumbering).length > 0 && sceneAbsoluteNumbering[episode.absoluteNumber]) {\n        return sceneAbsoluteNumbering[episode.absoluteNumber].sceneAbsolute;\n      }\n\n      if (Object.keys(xemAbsoluteNumbering).length > 0 && xemAbsoluteNumbering[episode.absoluteNumber]) {\n        return xemAbsoluteNumbering[episode.absoluteNumber].sceneAbsolute;\n      }\n\n      return episode.scene.absoluteNumber;\n    },\n\n    /**\n     * Vue-js-modal requires a method, to pass an event to.\n     * The event then can be used to assign the value of the episode.\n     * @param {Object} event - vue js modal event\n     */\n    beforeBacklogSearchModalClose(event) {\n      this.backlogSearchEpisodes = event.params.episodes;\n    },\n\n    /**\n     * Vue-js-modal requires a method, to pass an event to.\n     * The event then can be used to assign the value of the episode.\n     * @param {Object} event - vue js modal event\n     */\n    beforeFailedSearchModalClose(event) {\n      this.failedSearchEpisode = event.params.episode;\n    },\n\n    retryDownload(episode) {\n      const {\n        stateSearch\n      } = this;\n      return stateSearch.general.failedDownloads.enabled && ['Snatched', 'Snatched (Proper)', 'Snatched (Best)', 'Downloaded'].includes(episode.status);\n    },\n\n    search(episodes, searchType) {\n      const {\n        show\n      } = this;\n      let data = {};\n\n      if (episodes) {\n        data = {\n          showSlug: show.id.slug,\n          episodes: [],\n          options: {}\n        };\n        episodes.forEach(episode => {\n          data.episodes.push(episode.slug);\n          this.$refs[\"search-\".concat(episode.slug)].src = 'images/loading16-dark.gif';\n        });\n      }\n\n      api.put(\"search/\".concat(searchType), data) // eslint-disable-line no-undef\n      .then(_ => {\n        if (episodes.length === 1) {\n          console.info(\"started search for show: \".concat(show.id.slug, \" episode: \").concat(episodes[0].slug));\n          this.$refs[\"search-\".concat(episodes[0].slug)].src = 'images/queued.png';\n          this.$refs[\"search-\".concat(episodes[0].slug)].disabled = true;\n        } else {\n          console.info('started a full backlog search');\n        }\n      }).catch(error => {\n        console.error(String(error));\n        episodes.forEach(episode => {\n          data.episodes.push(episode.slug);\n          this.$refs[\"search-\".concat(episodes[0].slug)].src = 'images/no16.png';\n        });\n      }).finally(() => {\n        this.failedSearchEpisode = null;\n        this.backlogSearchEpisodes = [];\n      });\n    },\n\n    /**\n     * Start a backlog search or failed search for the specific episode.\n     * A failed search is started depending on the current episodes status.\n     * @param {Object} episode - Episode object. If no episode object is passed, a backlog search is started.\n     */\n    queueSearch(episode) {\n      const {\n        $modal,\n        search,\n        retryDownload\n      } = this;\n      const episodeIdentifier = episode.slug;\n\n      if (episode) {\n        if (this.$refs[\"search-\".concat(episodeIdentifier)].disabled === true) {\n          return;\n        }\n\n        if (retryDownload(episode)) {\n          $modal.show('query-mark-failed-and-search', {\n            episode\n          });\n        } else {\n          search([episode], 'backlog');\n        }\n      }\n    },\n\n    showSubtitleButton(episode) {\n      const {\n        config,\n        show\n      } = this;\n      return episode.season !== 0 && config.subtitles.enabled && show.config.subtitlesEnabled && !['Snatched', 'Snatched (Proper)', 'Snatched (Best)', 'Downloaded'].includes(episode.status);\n    },\n\n    totalSeasonEpisodeSize(season) {\n      return season.episodes.filter(x => x.file && x.file.size > 0).reduce((a, b) => a + b.file.size, 0);\n    },\n\n    getSeasonExceptions(season) {\n      const {\n        show\n      } = this;\n      const {\n        config\n      } = show;\n      const {\n        aliases\n      } = config;\n      let bindData = {\n        class: 'display: none'\n      }; // Map the indexer season to a xem mapped season.\n      // check if the season exception also exists in the xem numbering table\n\n      let xemSeasons = [];\n      let foundInXem = false;\n\n      if (show.xemNumbering.length > 0) {\n        const xemResult = show.xemNumbering.filter(x => x.source.season === season); // Create an array with unique seasons\n\n        xemSeasons = [...new Set(xemResult.map(item => item.destination.season))];\n        foundInXem = Boolean(xemSeasons.length);\n      } // Check if there is a season exception for this season\n\n\n      if (aliases.find(x => x.season === season)) {\n        // If there is not a match on the xem table, display it as a medusa scene exception\n        bindData = {\n          id: \"xem-exception-season-\".concat(foundInXem ? xemSeasons[0] : season),\n          alt: foundInXem ? '[xem]' : '[medusa]',\n          src: foundInXem ? 'images/xem.png' : 'images/ico/favicon-16.png',\n          title: foundInXem ? xemSeasons.reduce((a, b) => {\n            return a.concat(aliases.filter(alias => alias.season === b).map(alias => alias.title));\n          }, []).join(', ') : aliases.filter(alias => alias.season === season).map(alias => alias.title).join(', ')\n        };\n      }\n\n      return bindData;\n    },\n\n    getCookie(key) {\n      const cookie = this.$cookies.get(key);\n      return JSON.parse(cookie);\n    },\n\n    setCookie(key, value) {\n      return this.$cookies.set(key, JSON.stringify(value));\n    },\n\n    updateEpisodeWatched(episode, watched) {\n      const {\n        id,\n        indexer,\n        getEpisodes,\n        show\n      } = this;\n      const patchData = {};\n      patchData[episode.slug] = {\n        watched\n      };\n      api.patch(\"series/\".concat(show.id.slug, \"/episodes\"), patchData) // eslint-disable-line no-undef\n      .then(_ => {\n        console.info(\"patched episode \".concat(episode.slug, \" with watched set to \").concat(watched));\n        getEpisodes({\n          id,\n          indexer,\n          season: episode.season\n        });\n      }).catch(error => {\n        console.error(String(error));\n      });\n      episode.watched = watched;\n    },\n\n    updatePaginationPerPage(rows) {\n      const {\n        setCookie\n      } = this;\n      this.paginationPerPage = rows;\n      setCookie('displayShow-pagination-perPage', rows);\n    },\n\n    onPageChange(params) {\n      this.loadEpisodes(params.currentPage);\n    },\n\n    neededSeasons(page) {\n      const {\n        paginationPerPage,\n        show\n      } = this;\n      const seasons = show.seasonCount.length - 1;\n      let pagesCount = 1;\n      let episodeCount = 0;\n      const pages = {};\n\n      for (let i = seasons; i >= 0; i--) {\n        const {\n          season\n        } = show.seasonCount[i]; // Exclude specials\n\n        if (season === 0) {\n          break;\n        }\n\n        if (pagesCount in pages) {\n          pages[pagesCount].push(season);\n        } else {\n          pages[pagesCount] = [season];\n        }\n\n        episodeCount += show.seasonCount[i].episodeCount;\n\n        if (episodeCount / paginationPerPage > pagesCount) {\n          pagesCount++;\n          pages[pagesCount] = [season];\n        }\n\n        if (pagesCount > page) {\n          break;\n        }\n      }\n\n      return pages[page] || [];\n    },\n\n    loadEpisodes(page) {\n      const {\n        id,\n        indexer,\n        getEpisodes\n      } = this; // Wrap getEpisodes into an async/await function, so we can wait for the season to have been committed\n      // before going on to the next one.\n\n      const _getEpisodes = async (id, indexer) => {\n        for (const season of this.neededSeasons(page)) {\n          // We're waiting for the results by design, to give vue the chance to update the dom.\n          // If we fire all the promises at once for, for example 25 seasons. We'll overload medusa's app\n          // and chance is high a number of requests will timeout.\n          await getEpisodes({\n            id,\n            indexer,\n            season\n          }); // eslint-disable-line no-await-in-loop\n        }\n      };\n\n      _getEpisodes(id, indexer);\n    }\n\n  },\n  watch: {\n    'show.id.slug': function (slug) {\n      // eslint-disable-line object-shorthand\n      const {\n        getEpisodes,\n        id,\n        indexer\n      } = this; // Show's slug has changed, meaning the show's page has finished loading.\n\n      if (slug) {\n        Object(_utils_jquery__WEBPACK_IMPORTED_MODULE_5__[\"updateSearchIcons\"])(slug, this);\n        const {\n          show\n        } = this;\n\n        if (!show.seasons) {\n          // Load episodes for the first page.\n          this.loadEpisodes(1); // Always get special episodes if available.\n\n          if (show.seasonCount.length > 0 && show.seasonCount[0].season === 0) {\n            getEpisodes({\n              id,\n              indexer,\n              season: 0\n            });\n          }\n        }\n      }\n    },\n    columns: {\n      handler: function (newVal) {\n        // eslint-disable-line object-shorthand\n        // Monitor the columns, to update the cookies, when changed.\n        const {\n          setCookie\n        } = this;\n\n        for (const column of newVal) {\n          if (column) {\n            setCookie(\"displayShow-hide-field-\".concat(column.label), column.hidden);\n          }\n        }\n      },\n      deep: true\n    }\n  }\n});\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! jquery */ \"./node_modules/jquery/dist/jquery.js\")))\n\n//# sourceURL=webpack:///./src/components/display-show.vue?./node_modules/babel-loader/lib??ref--1!./node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function($) {/* harmony import */ var date_fns_format__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! date-fns/format */ \"./node_modules/date-fns/esm/format/index.js\");\n/* harmony import */ var date_fns_parseISO__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! date-fns/parseISO */ \"./node_modules/date-fns/esm/parseISO/index.js\");\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./helpers */ \"./src/components/helpers/index.js\");\n/* harmony import */ var _utils_core__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../utils/core */ \"./src/utils/core.js\");\n/* harmony import */ var _utils_jquery__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../utils/jquery */ \"./src/utils/jquery.js\");\n/* harmony import */ var vue_good_table__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! vue-good-table */ \"./node_modules/vue-good-table/dist/vue-good-table.es.js\");\n/* harmony import */ var _backstretch_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./backstretch.vue */ \"./src/components/backstretch.vue\");\n/* harmony import */ var _show_header_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./show-header.vue */ \"./src/components/show-header.vue\");\n/* harmony import */ var _subtitle_search_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./subtitle-search.vue */ \"./src/components/subtitle-search.vue\");\n/* harmony import */ var javascript_time_ago__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! javascript-time-ago */ \"./node_modules/javascript-time-ago/index.js\");\n/* harmony import */ var javascript_time_ago_locale_en__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! javascript-time-ago/locale/en */ \"./node_modules/javascript-time-ago/locale/en/index.js\");\n/* harmony import */ var javascript_time_ago_locale_en__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(javascript_time_ago_locale_en__WEBPACK_IMPORTED_MODULE_11__);\n/* harmony import */ var _helpers_quality_pill_vue__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./helpers/quality-pill.vue */ \"./src/components/helpers/quality-pill.vue\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n\n\n\n\n\n\n\n\n // Add locale-specific relative date/time formatting rules.\n\njavascript_time_ago__WEBPACK_IMPORTED_MODULE_10__[\"default\"].addLocale(javascript_time_ago_locale_en__WEBPACK_IMPORTED_MODULE_11___default.a);\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: 'show',\n  components: {\n    AppLink: _helpers__WEBPACK_IMPORTED_MODULE_3__[\"AppLink\"],\n    VueGoodTable: vue_good_table__WEBPACK_IMPORTED_MODULE_6__[\"VueGoodTable\"],\n    Backstretch: _backstretch_vue__WEBPACK_IMPORTED_MODULE_7__[\"default\"],\n    PlotInfo: _helpers__WEBPACK_IMPORTED_MODULE_3__[\"PlotInfo\"],\n    ShowHeader: _show_header_vue__WEBPACK_IMPORTED_MODULE_8__[\"default\"],\n    QualityPill: _helpers_quality_pill_vue__WEBPACK_IMPORTED_MODULE_12__[\"default\"]\n  },\n\n  metaInfo() {\n    if (!this.show || !this.show.title) {\n      return {\n        title: 'Medusa'\n      };\n    }\n\n    const {\n      title\n    } = this.show;\n    return {\n      title,\n      titleTemplate: '%s | Medusa'\n    };\n  },\n\n  props: {\n    /**\n     * Show indexer\n     */\n    showIndexer: {\n      type: String\n    },\n\n    /**\n     * Show id\n     */\n    showId: {\n      type: Number\n    }\n  },\n\n  data() {\n    const {\n      getCookie\n    } = this;\n    const perPageDropdown = [25, 50, 100, 250, 500];\n\n    const getPaginationPerPage = () => {\n      const rows = getCookie('displayShow-pagination-perPage');\n\n      if (!rows) {\n        return 50;\n      }\n\n      if (!perPageDropdown.includes(rows)) {\n        return 500;\n      }\n\n      return rows;\n    };\n\n    return {\n      invertTable: true,\n      isMobile: false,\n      subtitleSearchComponents: [],\n      columns: [{\n        label: 'NFO',\n        field: 'content.hasNfo',\n        type: 'boolean',\n        sortable: false,\n        hidden: getCookie('displayShow-hide-field-NFO')\n      }, {\n        label: 'TBN',\n        field: 'content.hasTbn',\n        type: 'boolean',\n        sortable: false,\n        hidden: getCookie('displayShow-hide-field-TBN')\n      }, {\n        label: 'Episode',\n        field: 'episode',\n        type: 'number',\n        hidden: getCookie('displayShow-hide-field-Episode')\n      }, {\n        label: 'Abs. #',\n        field: 'absoluteNumber',\n        type: 'number',\n        hidden: getCookie('displayShow-hide-field-Abs. #')\n      }, {\n        label: 'Scene',\n        field: row => {\n          const {\n            getSceneNumbering\n          } = this;\n          return getSceneNumbering(row);\n        },\n        sortable: false,\n        hidden: getCookie('displayShow-hide-field-Scene')\n      }, {\n        label: 'Scene Abs. #',\n        field: row => {\n          const {\n            getSceneAbsoluteNumbering\n          } = this;\n          return getSceneAbsoluteNumbering(row);\n        },\n        type: 'number',\n\n        /**\n         * Vue-good-table sort overwrite function.\n         * @param {Object} x - row1 value for column.\n         * @param {object} y - row2 value for column.\n         * @returns {Boolean} - if we want to display this row before the next\n         */\n        sortFn(x, y) {\n          return x < y ? -1 : x > y ? 1 : 0;\n        },\n\n        hidden: getCookie('displayShow-hide-field-Scene Abs. #')\n      }, {\n        label: 'Title',\n        field: 'title',\n        hidden: getCookie('displayShow-hide-field-Title')\n      }, {\n        label: 'File',\n        field: 'file.location',\n        hidden: getCookie('displayShow-hide-field-File')\n      }, {\n        label: 'Size',\n        field: 'file.size',\n        type: 'number',\n        formatFn: _utils_core__WEBPACK_IMPORTED_MODULE_4__[\"humanFileSize\"],\n        hidden: getCookie('displayShow-hide-field-Size')\n      }, {\n        // For now i'm using a custom function the parse it. As the type: date, isn't working for us.\n        // But the goal is to have this user formatted (as configured in backend)\n        label: 'Air date',\n        field: this.parseDateFn,\n        sortable: false,\n        hidden: getCookie('displayShow-hide-field-Air date')\n      }, {\n        label: 'Download',\n        field: 'download',\n        sortable: false,\n        hidden: getCookie('displayShow-hide-field-Download')\n      }, {\n        label: 'Subtitles',\n        field: 'subtitles',\n        sortable: false,\n        hidden: getCookie('displayShow-hide-field-Subtitles')\n      }, {\n        label: 'Status',\n        field: 'status',\n        hidden: getCookie('displayShow-hide-field-Status')\n      }, {\n        label: 'Search',\n        field: 'search',\n        sortable: false,\n        hidden: getCookie('displayShow-hide-field-Search')\n      }],\n      perPageDropdown,\n      paginationPerPage: getPaginationPerPage(),\n      selectedEpisodes: [],\n      // We need to keep track of which episode where trying to search, for the vue-modal\n      failedSearchEpisode: null,\n      backlogSearchEpisodes: [],\n      filterByOverviewStatus: false,\n      timeAgo: new javascript_time_ago__WEBPACK_IMPORTED_MODULE_10__[\"default\"]('en-US')\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_2__[\"mapState\"])({\n      shows: state => state.shows.shows,\n      configLoaded: state => state.layout.fanartBackground !== null,\n      config: state => state.config,\n      layout: state => state.layout,\n      stateSearch: state => state.search\n    }),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_2__[\"mapGetters\"])({\n      show: 'getCurrentShow',\n      getOverviewStatus: 'getOverviewStatus'\n    }),\n\n    indexer() {\n      return this.showIndexer || this.$route.query.indexername;\n    },\n\n    id() {\n      return this.showId || Number(this.$route.query.seriesid) || undefined;\n    },\n\n    theme() {\n      const {\n        layout\n      } = this;\n      const {\n        themeName\n      } = layout;\n      return themeName || 'light';\n    },\n\n    orderSeasons() {\n      const {\n        filterByOverviewStatus,\n        invertTable,\n        show\n      } = this;\n\n      if (!show.seasons) {\n        return [];\n      }\n\n      let sortedSeasons = show.seasons.sort((a, b) => a.season - b.season).filter(season => season.season !== 0); // Use the filterOverviewStatus to filter the data based on what's checked in the show-header.\n\n      if (filterByOverviewStatus && filterByOverviewStatus.filter(status => status.checked).length < filterByOverviewStatus.length) {\n        const filteredSortedSeasons = [];\n\n        for (const season of sortedSeasons) {\n          const {\n            episodes,\n            ...res\n          } = season;\n          const filteredEpisodes = episodes.filter(episode => {\n            const episodeOverviewStatus = this.getOverviewStatus(episode.status, episode.quality, show.config.qualities);\n            const filteredStatus = filterByOverviewStatus.find(overviewStatus => overviewStatus.name === episodeOverviewStatus);\n            return !filteredStatus || filteredStatus.checked;\n          });\n          filteredSortedSeasons.push(Object.assign({\n            episodes: filteredEpisodes\n          }, res));\n        }\n\n        sortedSeasons = filteredSortedSeasons;\n      }\n\n      if (invertTable) {\n        return sortedSeasons.reverse();\n      }\n\n      return sortedSeasons;\n    },\n\n    specials() {\n      const {\n        show\n      } = this;\n\n      if (!show.seasons) {\n        return [];\n      }\n\n      return show.seasons.filter(season => season.season === 0);\n    }\n\n  },\n\n  created() {\n    const {\n      getShows\n    } = this; // Without getting any specific show data, we pick the show needed from the shows array.\n    // We need to get the complete list of shows anyway, as this is also needed for the show-selector component\n\n    getShows();\n  },\n\n  mounted() {\n    const {\n      id,\n      indexer,\n      getShow,\n      setEpisodeSceneNumbering,\n      setAbsoluteSceneNumbering,\n      setInputValidInvalid,\n      $store\n    } = this; // Let's tell the store which show we currently want as current.\n\n    $store.commit('currentShow', {\n      indexer,\n      id\n    }); // We need detailed info for the xem / scene exceptions, so let's get it.\n\n    getShow({\n      id,\n      indexer,\n      detailed: true\n    });\n    this.$watch('show', () => {\n      this.$nextTick(() => this.reflowLayout());\n    });\n    ['load', 'resize'].map(event => {\n      return window.addEventListener(event, () => {\n        this.reflowLayout();\n      });\n    });\n    $(document.body).on('click', '.seasonCheck', event => {\n      const seasCheck = event.currentTarget;\n      const seasNo = $(seasCheck).attr('id');\n      $('#collapseSeason-' + seasNo).collapse('show');\n      const seasonIdentifier = 's' + seasNo;\n      $('.epCheck:visible').each((index, element) => {\n        const epParts = $(element).attr('id').split('e');\n\n        if (epParts[0] === seasonIdentifier) {\n          element.checked = seasCheck.checked;\n        }\n      });\n    });\n    $(document.body).on('change', '.sceneSeasonXEpisode', event => {\n      const target = event.currentTarget; // Strip non-numeric characters\n\n      const value = $(target).val();\n      $(target).val(value.replace(/[^0-9xX]*/g, ''));\n      const forSeason = $(target).attr('data-for-season');\n      const forEpisode = $(target).attr('data-for-episode'); // If empty reset the field\n\n      if (value === '') {\n        setEpisodeSceneNumbering(forSeason, forEpisode, null, null);\n        return;\n      }\n\n      const m = $(target).val().match(/^(\\d+)x(\\d+)$/i);\n      const onlyEpisode = $(target).val().match(/^(\\d+)$/i);\n      let sceneSeason = null;\n      let sceneEpisode = null;\n      let isValid = false;\n\n      if (m) {\n        sceneSeason = m[1];\n        sceneEpisode = m[2];\n        isValid = setInputValidInvalid(true, $(target));\n      } else if (onlyEpisode) {\n        // For example when '5' is filled in instead of '1x5', asume it's the first season\n        sceneSeason = forSeason;\n        sceneEpisode = onlyEpisode[1];\n        isValid = setInputValidInvalid(true, $(target));\n      } else {\n        isValid = setInputValidInvalid(false, $(target));\n      }\n\n      if (isValid) {\n        setEpisodeSceneNumbering(forSeason, forEpisode, sceneSeason, sceneEpisode);\n      }\n    });\n    $(document.body).on('change', '.sceneAbsolute', event => {\n      const target = event.currentTarget; // Strip non-numeric characters\n\n      $(target).val($(target).val().replace(/[^0-9xX]*/g, ''));\n      const forAbsolute = $(target).attr('data-for-absolute');\n      const m = $(target).val().match(/^(\\d{1,3})$/i);\n      let sceneAbsolute = null;\n\n      if (m) {\n        sceneAbsolute = m[1];\n      }\n\n      setAbsoluteSceneNumbering(forAbsolute, sceneAbsolute);\n    });\n  },\n\n  methods: {\n    humanFileSize: _utils_core__WEBPACK_IMPORTED_MODULE_4__[\"humanFileSize\"],\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_2__[\"mapActions\"])({\n      getShow: 'getShow',\n      // Map `this.getShow()` to `this.$store.dispatch('getShow')`\n      getShows: 'getShows',\n      getEpisodes: 'getEpisodes'\n    }),\n\n    statusQualityUpdate(event) {\n      const {\n        selectedEpisodes,\n        setStatus,\n        setQuality\n      } = this;\n\n      if (event.newQuality !== null && event.newQuality !== 'Change quality to:') {\n        setQuality(event.newQuality, selectedEpisodes);\n      }\n\n      if (event.newStatus !== null && event.newStatus !== 'Change status to:') {\n        setStatus(event.newStatus, selectedEpisodes);\n      }\n    },\n\n    setQuality(quality, episodes) {\n      const {\n        id,\n        indexer,\n        getEpisodes,\n        show\n      } = this;\n      const patchData = {};\n      episodes.forEach(episode => {\n        patchData[episode.slug] = {\n          quality: parseInt(quality, 10)\n        };\n      });\n      api.patch('series/' + show.id.slug + '/episodes', patchData) // eslint-disable-line no-undef\n      .then(_ => {\n        console.info(\"patched show \".concat(show.id.slug, \" with quality \").concat(quality));\n        [...new Set(episodes.map(episode => episode.season))].forEach(season => {\n          getEpisodes({\n            id,\n            indexer,\n            season\n          });\n        });\n      }).catch(error => {\n        console.error(String(error));\n      });\n    },\n\n    setStatus(status, episodes) {\n      const {\n        id,\n        indexer,\n        getEpisodes,\n        show\n      } = this;\n      const patchData = {};\n      episodes.forEach(episode => {\n        patchData[episode.slug] = {\n          status\n        };\n      });\n      api.patch('series/' + show.id.slug + '/episodes', patchData) // eslint-disable-line no-undef\n      .then(_ => {\n        console.info(\"patched show \".concat(show.id.slug, \" with status \").concat(status));\n        [...new Set(episodes.map(episode => episode.season))].forEach(season => {\n          getEpisodes({\n            id,\n            indexer,\n            season\n          });\n        });\n      }).catch(error => {\n        console.error(String(error));\n      });\n\n      if (status === 3) {\n        this.$modal.show('query-start-backlog-search', {\n          episodes\n        });\n      }\n    },\n\n    parseDateFn(row) {\n      const {\n        layout,\n        timeAgo\n      } = this;\n      const {\n        dateStyle,\n        timeStyle\n      } = layout;\n      const {\n        fuzzyDating\n      } = layout;\n\n      if (!row.airDate) {\n        return '';\n      }\n\n      if (fuzzyDating) {\n        return timeAgo.format(new Date(row.airDate));\n      }\n\n      if (dateStyle === '%x') {\n        return new Date(row.airDate).toLocaleString();\n      }\n\n      const fdate = Object(date_fns_parseISO__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(row.airDate);\n      return Object(date_fns_format__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(fdate, Object(_utils_core__WEBPACK_IMPORTED_MODULE_4__[\"convertDateFormat\"])(\"\".concat(dateStyle, \" \").concat(timeStyle)));\n    },\n\n    rowStyleClassFn(row) {\n      const {\n        getOverviewStatus,\n        show\n      } = this;\n      const overview = getOverviewStatus(row.status, row.quality, show.config.qualities).toLowerCase().trim();\n      return overview;\n    },\n\n    /**\n     * Add (reduce) the total episodes filesize.\n     * @param {object} headerRow header row object.\n     * @returns {string} - Human readable file size.\n     */\n    addFileSize(headerRow) {\n      return Object(_utils_core__WEBPACK_IMPORTED_MODULE_4__[\"humanFileSize\"])(headerRow.episodes.reduce((a, b) => a + (b.file.size || 0), 0));\n    },\n\n    searchSubtitle(event, episode, lang) {\n      const {\n        id,\n        indexer,\n        getEpisodes,\n        show,\n        subtitleSearchComponents\n      } = this;\n      const SubtitleSearchClass = Vue.extend(_subtitle_search_vue__WEBPACK_IMPORTED_MODULE_9__[\"default\"]); // eslint-disable-line no-undef\n\n      const instance = new SubtitleSearchClass({\n        propsData: {\n          show,\n          episode,\n          key: episode.originalIndex,\n          lang\n        },\n        parent: this\n      }); // Update the show, as we downloaded new subtitle(s)\n\n      instance.$on('update', event => {\n        // This could be replaced by the generic websocket updates in future.\n        if (event.reason === 'new subtitles found') {\n          getEpisodes({\n            id,\n            indexer,\n            season: episode.season\n          });\n        }\n      });\n      const node = document.createElement('div');\n      const subtitleRef = episode.season === 0 ? 'table-specials' : 'table-seasons';\n      this.$refs[subtitleRef].$refs[\"row-\".concat(episode.originalIndex)][0].after(node);\n      instance.$mount(node);\n      subtitleSearchComponents.push(instance);\n    },\n\n    /**\n     * Attaches IMDB tooltip,\n     * Moves summary and checkbox controls backgrounds\n     */\n    reflowLayout() {\n      console.debug('Reflowing layout');\n      this.$nextTick(() => {\n        this.movecheckboxControlsBackground();\n      });\n      Object(_utils_jquery__WEBPACK_IMPORTED_MODULE_5__[\"addQTip\"])(); // eslint-disable-line no-undef\n    },\n\n    /**\n     * Adjust the checkbox controls (episode filter) background position\n     */\n    movecheckboxControlsBackground() {\n      const height = $('#checkboxControls').height() + 10;\n      const top = $('#checkboxControls').offset().top - 3;\n      $('#checkboxControlsBackground').height(height);\n      $('#checkboxControlsBackground').offset({\n        top,\n        left: 0\n      });\n      $('#checkboxControlsBackground').show();\n    },\n\n    setEpisodeSceneNumbering(forSeason, forEpisode, sceneSeason, sceneEpisode) {\n      const {\n        $snotify,\n        id,\n        indexer,\n        show\n      } = this;\n\n      if (!show.config.scene) {\n        $snotify.warning('To change episode scene numbering you need to enable the show option `scene` first', 'Warning', {\n          timeout: 0\n        });\n      }\n\n      if (sceneSeason === '') {\n        sceneSeason = null;\n      }\n\n      if (sceneEpisode === '') {\n        sceneEpisode = null;\n      }\n\n      $.getJSON('home/setSceneNumbering', {\n        indexername: indexer,\n        seriesid: id,\n        forSeason,\n        forEpisode,\n        sceneSeason,\n        sceneEpisode\n      }, data => {\n        // Set the values we get back\n        if (data.sceneSeason === null || data.sceneEpisode === null) {\n          $('#sceneSeasonXEpisode_' + id + '_' + forSeason + '_' + forEpisode).val('');\n        } else {\n          $('#sceneSeasonXEpisode_' + id + '_' + forSeason + '_' + forEpisode).val(data.sceneSeason + 'x' + data.sceneEpisode);\n        }\n\n        if (!data.success) {\n          if (data.errorMessage) {\n            alert(data.errorMessage); // eslint-disable-line no-alert\n          } else {\n            alert('Update failed.'); // eslint-disable-line no-alert\n          }\n        }\n      });\n    },\n\n    setAbsoluteSceneNumbering(forAbsolute, sceneAbsolute) {\n      const {\n        $snotify,\n        id,\n        indexer,\n        show\n      } = this;\n\n      if (!show.config.scene) {\n        $snotify.warning('To change an anime episode scene numbering you need to enable the show option `scene` first', 'Warning', {\n          timeout: 0\n        });\n      }\n\n      if (sceneAbsolute === '') {\n        sceneAbsolute = null;\n      }\n\n      $.getJSON('home/setSceneNumbering', {\n        indexername: indexer,\n        seriesid: id,\n        forAbsolute,\n        sceneAbsolute\n      }, data => {\n        // Set the values we get back\n        if (data.sceneAbsolute === null) {\n          $('#sceneAbsolute_' + id + '_' + forAbsolute).val('');\n        } else {\n          $('#sceneAbsolute_' + id + '_' + forAbsolute).val(data.sceneAbsolute);\n        }\n\n        if (!data.success) {\n          if (data.errorMessage) {\n            alert(data.errorMessage); // eslint-disable-line no-alert\n          } else {\n            alert('Update failed.'); // eslint-disable-line no-alert\n          }\n        }\n      });\n    },\n\n    setInputValidInvalid(valid, el) {\n      if (valid) {\n        $(el).css({\n          'background-color': '#90EE90',\n          // Green\n          'color': '#FFF',\n          // eslint-disable-line quote-props\n          'font-weight': 'bold'\n        });\n        return true;\n      }\n\n      $(el).css({\n        'background-color': '#FF0000',\n        // Red\n        'color': '#FFF !important',\n        // eslint-disable-line quote-props\n        'font-weight': 'bold'\n      });\n      return false;\n    },\n\n    /**\n     * Check if any of the episodes in this season does not have the status \"unaired\".\n     * If that's the case we want to manual season search icon.\n     * @param {object} season - A season object.\n     * @returns {Boolean} - true if one of the seasons episodes has a status 'unaired'.\n     */\n    anyEpisodeNotUnaired(season) {\n      return season.episodes.filter(ep => ep.status !== 'Unaired').length > 0;\n    },\n\n    episodesInverse(season) {\n      const {\n        invertTable\n      } = this;\n\n      if (!season.episodes) {\n        return [];\n      }\n\n      if (invertTable) {\n        return season.episodes.slice().reverse();\n      }\n\n      return season.episodes;\n    },\n\n    /**\n     * Check if the season/episode combination exists in the scene numbering.\n     * @param {Object} episode - object.\n     * @returns {Object} with scene season and episodes mapped numbering.\n     */\n    getSceneNumbering(episode) {\n      const {\n        show\n      } = this;\n      const {\n        sceneNumbering,\n        xemNumbering\n      } = show;\n\n      if (!show.config.scene) {\n        return {\n          season: 0,\n          episode: 0\n        };\n      } // Manually configured scene numbering\n\n\n      if (sceneNumbering.length !== 0) {\n        const mapped = sceneNumbering.filter(x => {\n          return x.source.season === episode.season && x.source.episode === episode.episode;\n        });\n\n        if (mapped.length !== 0) {\n          return mapped[0].destination;\n        }\n      } // Scene numbering downloaded from thexem.de.\n\n\n      if (xemNumbering.length !== 0) {\n        const mapped = xemNumbering.filter(x => {\n          return x.source.season === episode.season && x.source.episode === episode.episode;\n        });\n\n        if (mapped.length !== 0) {\n          return mapped[0].destination;\n        }\n      }\n\n      return {\n        season: episode.scene.season || 0,\n        episode: episode.scene.episode || 0\n      };\n    },\n\n    getSceneAbsoluteNumbering(episode) {\n      const {\n        show\n      } = this;\n      const {\n        sceneAbsoluteNumbering,\n        xemAbsoluteNumbering\n      } = show;\n\n      if (!show.config.anime || !show.config.scene) {\n        return episode.scene.absoluteNumber;\n      }\n\n      if (Object.keys(sceneAbsoluteNumbering).length > 0 && sceneAbsoluteNumbering[episode.absoluteNumber]) {\n        return sceneAbsoluteNumbering[episode.absoluteNumber].sceneAbsolute;\n      }\n\n      if (Object.keys(xemAbsoluteNumbering).length > 0 && xemAbsoluteNumbering[episode.absoluteNumber]) {\n        return xemAbsoluteNumbering[episode.absoluteNumber].sceneAbsolute;\n      }\n\n      return episode.scene.absoluteNumber;\n    },\n\n    /**\n     * Vue-js-modal requires a method, to pass an event to.\n     * The event then can be used to assign the value of the episode.\n     * @param {Object} event - vue js modal event\n     */\n    beforeBacklogSearchModalClose(event) {\n      this.backlogSearchEpisodes = event.params.episodes;\n    },\n\n    /**\n     * Vue-js-modal requires a method, to pass an event to.\n     * The event then can be used to assign the value of the episode.\n     * @param {Object} event - vue js modal event\n     */\n    beforeFailedSearchModalClose(event) {\n      this.failedSearchEpisode = event.params.episode;\n    },\n\n    retryDownload(episode) {\n      const {\n        stateSearch\n      } = this;\n      return stateSearch.general.failedDownloads.enabled && ['Snatched', 'Snatched (Proper)', 'Snatched (Best)', 'Downloaded'].includes(episode.status);\n    },\n\n    search(episodes, searchType) {\n      const {\n        show\n      } = this;\n      let data = {};\n\n      if (episodes) {\n        data = {\n          showSlug: show.id.slug,\n          episodes: [],\n          options: {}\n        };\n        episodes.forEach(episode => {\n          data.episodes.push(episode.slug);\n          this.$refs[\"search-\".concat(episode.slug)].src = 'images/loading16-dark.gif';\n        });\n      }\n\n      api.put(\"search/\".concat(searchType), data) // eslint-disable-line no-undef\n      .then(_ => {\n        if (episodes.length === 1) {\n          console.info(\"started search for show: \".concat(show.id.slug, \" episode: \").concat(episodes[0].slug));\n          this.$refs[\"search-\".concat(episodes[0].slug)].src = 'images/queued.png';\n          this.$refs[\"search-\".concat(episodes[0].slug)].disabled = true;\n        } else {\n          console.info('started a full backlog search');\n        }\n      }).catch(error => {\n        console.error(String(error));\n        episodes.forEach(episode => {\n          data.episodes.push(episode.slug);\n          this.$refs[\"search-\".concat(episodes[0].slug)].src = 'images/no16.png';\n        });\n      }).finally(() => {\n        this.failedSearchEpisode = null;\n        this.backlogSearchEpisodes = [];\n      });\n    },\n\n    /**\n     * Start a backlog search or failed search for the specific episode.\n     * A failed search is started depending on the current episodes status.\n     * @param {Object} episode - Episode object. If no episode object is passed, a backlog search is started.\n     */\n    queueSearch(episode) {\n      const {\n        $modal,\n        search,\n        retryDownload\n      } = this;\n      const episodeIdentifier = episode.slug;\n\n      if (episode) {\n        if (this.$refs[\"search-\".concat(episodeIdentifier)].disabled === true) {\n          return;\n        }\n\n        if (retryDownload(episode)) {\n          $modal.show('query-mark-failed-and-search', {\n            episode\n          });\n        } else {\n          search([episode], 'backlog');\n        }\n      }\n    },\n\n    showSubtitleButton(episode) {\n      const {\n        config,\n        show\n      } = this;\n      return episode.season !== 0 && config.subtitles.enabled && show.config.subtitlesEnabled && !['Snatched', 'Snatched (Proper)', 'Snatched (Best)', 'Downloaded'].includes(episode.status);\n    },\n\n    totalSeasonEpisodeSize(season) {\n      return season.episodes.filter(x => x.file && x.file.size > 0).reduce((a, b) => a + b.file.size, 0);\n    },\n\n    getSeasonExceptions(season) {\n      const {\n        show\n      } = this;\n      const {\n        config\n      } = show;\n      const {\n        aliases\n      } = config;\n      let bindData = {\n        class: 'display: none'\n      }; // Map the indexer season to a xem mapped season.\n      // check if the season exception also exists in the xem numbering table\n\n      let xemSeasons = [];\n      let foundInXem = false;\n\n      if (show.xemNumbering.length > 0) {\n        const xemResult = show.xemNumbering.filter(x => x.source.season === season); // Create an array with unique seasons\n\n        xemSeasons = [...new Set(xemResult.map(item => item.destination.season))];\n        foundInXem = Boolean(xemSeasons.length);\n      } // Check if there is a season exception for this season\n\n\n      if (aliases.find(x => x.season === season)) {\n        // If there is not a match on the xem table, display it as a medusa scene exception\n        bindData = {\n          id: \"xem-exception-season-\".concat(foundInXem ? xemSeasons[0] : season),\n          alt: foundInXem ? '[xem]' : '[medusa]',\n          src: foundInXem ? 'images/xem.png' : 'images/ico/favicon-16.png',\n          title: foundInXem ? xemSeasons.reduce((a, b) => {\n            return a.concat(aliases.filter(alias => alias.season === b).map(alias => alias.title));\n          }, []).join(', ') : aliases.filter(alias => alias.season === season).map(alias => alias.title).join(', ')\n        };\n      }\n\n      return bindData;\n    },\n\n    getCookie(key) {\n      const cookie = this.$cookies.get(key);\n      return JSON.parse(cookie);\n    },\n\n    setCookie(key, value) {\n      return this.$cookies.set(key, JSON.stringify(value));\n    },\n\n    updateEpisodeWatched(episode, watched) {\n      const {\n        id,\n        indexer,\n        getEpisodes,\n        show\n      } = this;\n      const patchData = {};\n      patchData[episode.slug] = {\n        watched\n      };\n      api.patch(\"series/\".concat(show.id.slug, \"/episodes\"), patchData) // eslint-disable-line no-undef\n      .then(_ => {\n        console.info(\"patched episode \".concat(episode.slug, \" with watched set to \").concat(watched));\n        getEpisodes({\n          id,\n          indexer,\n          season: episode.season\n        });\n      }).catch(error => {\n        console.error(String(error));\n      });\n      episode.watched = watched;\n    },\n\n    updatePaginationPerPage(rows) {\n      const {\n        setCookie\n      } = this;\n      this.paginationPerPage = rows;\n      setCookie('displayShow-pagination-perPage', rows);\n    },\n\n    onPageChange(params) {\n      this.loadEpisodes(params.currentPage);\n    },\n\n    neededSeasons(page) {\n      const {\n        paginationPerPage,\n        show\n      } = this;\n      const seasons = show.seasonCount.length - 1;\n      let pagesCount = 1;\n      let episodeCount = 0;\n      const pages = {};\n\n      for (let i = seasons; i >= 0; i--) {\n        const {\n          season\n        } = show.seasonCount[i]; // Exclude specials\n\n        if (season === 0) {\n          break;\n        }\n\n        if (pagesCount in pages) {\n          pages[pagesCount].push(season);\n        } else {\n          pages[pagesCount] = [season];\n        }\n\n        episodeCount += show.seasonCount[i].episodeCount;\n\n        if (episodeCount / paginationPerPage > pagesCount) {\n          pagesCount++;\n          pages[pagesCount] = [season];\n        }\n\n        if (pagesCount > page) {\n          break;\n        }\n      }\n\n      return pages[page] || [];\n    },\n\n    loadEpisodes(page) {\n      const {\n        id,\n        indexer,\n        getEpisodes\n      } = this; // Wrap getEpisodes into an async/await function, so we can wait for the season to have been committed\n      // before going on to the next one.\n\n      const _getEpisodes = async (id, indexer) => {\n        for (const season of this.neededSeasons(page)) {\n          // We're waiting for the results by design, to give vue the chance to update the dom.\n          // If we fire all the promises at once for, for example 25 seasons. We'll overload medusa's app\n          // and chance is high a number of requests will timeout.\n          await getEpisodes({\n            id,\n            indexer,\n            season\n          }); // eslint-disable-line no-await-in-loop\n        }\n      };\n\n      _getEpisodes(id, indexer);\n    }\n\n  },\n  watch: {\n    'show.id.slug': function (slug) {\n      // eslint-disable-line object-shorthand\n      const {\n        getEpisodes,\n        id,\n        indexer\n      } = this; // Show's slug has changed, meaning the show's page has finished loading.\n\n      if (slug) {\n        Object(_utils_jquery__WEBPACK_IMPORTED_MODULE_5__[\"updateSearchIcons\"])(slug, this);\n        const {\n          show\n        } = this;\n\n        if (!show.seasons) {\n          // Load episodes for the first page.\n          this.loadEpisodes(1); // Always get special episodes if available.\n\n          if (show.seasonCount.length > 0 && show.seasonCount[0].season === 0) {\n            getEpisodes({\n              id,\n              indexer,\n              season: 0\n            });\n          }\n        }\n      }\n    },\n    columns: {\n      handler: function (newVal) {\n        // eslint-disable-line object-shorthand\n        // Monitor the columns, to update the cookies, when changed.\n        const {\n          setCookie\n        } = this;\n\n        for (const column of newVal) {\n          if (column) {\n            setCookie(\"displayShow-hide-field-\".concat(column.label), column.hidden);\n          }\n        }\n      },\n      deep: true\n    }\n  }\n});\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! jquery */ \"./node_modules/jquery/dist/jquery.js\")))\n\n//# sourceURL=webpack:///./src/components/display-show.vue?./node_modules/babel-loader/lib??ref--1!./node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -536,7 +536,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(f
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var vue_good_table__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue-good-table */ \"./node_modules/vue-good-table/dist/vue-good-table.es.js\");\n/* harmony import */ var _api__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../api */ \"./src/api.js\");\n/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./helpers */ \"./src/components/helpers/index.js\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: 'subtitle-search',\n  components: {\n    StateSwitch: _helpers__WEBPACK_IMPORTED_MODULE_3__[\"StateSwitch\"],\n    VueGoodTable: vue_good_table__WEBPACK_IMPORTED_MODULE_1__[\"VueGoodTable\"]\n  },\n  props: {\n    show: {\n      type: Object,\n      required: true\n    },\n    season: {\n      type: [String, Number],\n      required: true\n    },\n    episode: {\n      type: [String, Number],\n      required: true\n    },\n    lang: {\n      type: String,\n      required: false\n    }\n  },\n\n  data() {\n    return {\n      columns: [{\n        label: 'Filename',\n        field: 'filename'\n      }, {\n        label: 'Language',\n        field: 'lang'\n      }, {\n        label: 'Provider',\n        field: 'provider'\n      }, {\n        label: 'Score',\n        field: 'score',\n        type: 'number'\n      }, {\n        label: 'Sub Score',\n        field: 'sub_score',\n        type: 'number'\n      }, {\n        label: 'Missing Matches',\n        field: rowObj => {\n          if (rowObj.missing_guess) {\n            return rowObj.missing_guess.join(', ');\n          }\n        },\n        type: 'array'\n      }, {\n        label: 'Download',\n        field: 'download',\n        sortable: false\n      }],\n      subtitles: [],\n      displayQuestion: false,\n      loading: false,\n      loadingMessage: ''\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapState\"])({\n      layout: state => state.layout\n    }),\n\n    subtitleParams() {\n      const {\n        episode,\n        show,\n        season\n      } = this;\n      const params = {\n        indexername: show.indexer,\n        seriesid: show.id[show.indexer],\n        season,\n        episode\n      };\n      return params;\n    }\n\n  },\n\n  mounted() {\n    this.displayQuestion = true;\n  },\n\n  methods: {\n    autoSearch() {\n      const {\n        lang,\n        subtitleParams\n      } = this;\n      const params = subtitleParams;\n\n      if (lang !== undefined) {\n        params.lang = lang;\n      }\n\n      this.displayQuestion = false;\n      this.loadingMessage = 'Searching for subtitles and downloading if available... ';\n      this.loading = true;\n      Object(_api__WEBPACK_IMPORTED_MODULE_2__[\"apiRoute\"])('home/searchEpisodeSubtitles', {\n        params\n      }).then(response => {\n        if (response.data.result !== 'failure') {\n          // Update the show, as we have new information (subtitles)\n          // Let's emit an event, telling the displayShow component, to update the show using the api/store.\n          this.$emit('update', {\n            reason: 'new subtitles found',\n            codes: response.data.subtitles,\n            languages: response.data.languages\n          });\n        }\n      }).catch(error => {\n        console.log(\"Error trying to search for subtitles. Error: \".concat(error));\n      }).finally(() => {\n        // Cleanup\n        this.loadingMessage = '';\n        this.loading = false;\n        this.close();\n      });\n    },\n\n    manualSearch() {\n      const {\n        subtitleParams\n      } = this;\n      this.displayQuestion = false;\n      this.loading = true;\n      this.loadingMessage = 'Searching for subtitles... ';\n      Object(_api__WEBPACK_IMPORTED_MODULE_2__[\"apiRoute\"])('home/manualSearchSubtitles', {\n        params: subtitleParams\n      }).then(response => {\n        if (response.data.result === 'success') {\n          this.subtitles.push(...response.data.subtitles);\n        }\n      }).catch(error => {\n        console.log(\"Error trying to search for subtitles. Error: \".concat(error));\n      }).finally(() => {\n        this.loading = false;\n      });\n    },\n\n    redownloadLang() {\n      const {\n        subtitleParams\n      } = this;\n      Object(_api__WEBPACK_IMPORTED_MODULE_2__[\"apiRoute\"])('home/searchEpisodeSubtitles', {\n        params: subtitleParams\n      }).then(response => {\n        if (response.data.result !== 'failure') {\n          // Update the show, as we have new information (subtitles)\n          // Let's emit an event, telling the displayShow component, to update the show using the api/store.\n          this.$emit('update', {\n            reason: 'new subtitles found',\n            codes: response.data.subtitles,\n            languages: response.data.languages\n          });\n        }\n      }).catch(error => {\n        console.log(\"Error trying to search for subtitles. Error: \".concat(error));\n      }).finally(() => {\n        // Cleanup\n        this.loadingMessage = '';\n        this.loading = false;\n        this.close();\n      });\n    },\n\n    pickSubtitle(subtitleId) {\n      // Download and save this subtitle with the episode.\n      const {\n        subtitleParams\n      } = this;\n      const params = { ...subtitleParams,\n        picked_id: subtitleId // eslint-disable-line camelcase\n\n      };\n      this.displayQuestion = false;\n      this.loadingMessage = 'downloading subtitle... ';\n      this.loading = true;\n      Object(_api__WEBPACK_IMPORTED_MODULE_2__[\"apiRoute\"])('home/manualSearchSubtitles', {\n        params\n      }).then(response => {\n        if (response.data.result === 'success') {\n          // Update the show, as we have new information (subtitles)\n          // Let's emit an event, telling the displayShow component, to update the show using the api/store.\n          this.$emit('update', {\n            reason: 'new subtitles found',\n            codes: response.data.subtitles,\n            languages: response.data.languages\n          });\n        }\n      }).catch(error => {\n        console.log(\"Error trying to search for subtitles. Error: \".concat(error));\n      }).finally(() => {\n        // Cleanup\n        this.loadingMessage = '';\n        this.loading = false;\n        this.close();\n      });\n    },\n\n    close() {\n      this.$emit('close'); // Destroy the vue listeners, etc\n\n      this.$destroy(); // Remove the element from the DOM\n\n      this.$el.parentNode.removeChild(this.$el);\n    }\n\n  }\n});\n\n//# sourceURL=webpack:///./src/components/subtitle-search.vue?./node_modules/babel-loader/lib??ref--1!./node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var vue_good_table__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue-good-table */ \"./node_modules/vue-good-table/dist/vue-good-table.es.js\");\n/* harmony import */ var _api__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../api */ \"./src/api.js\");\n/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./helpers */ \"./src/components/helpers/index.js\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: 'subtitle-search',\n  components: {\n    StateSwitch: _helpers__WEBPACK_IMPORTED_MODULE_3__[\"StateSwitch\"],\n    VueGoodTable: vue_good_table__WEBPACK_IMPORTED_MODULE_1__[\"VueGoodTable\"]\n  },\n  props: {\n    show: {\n      type: Object,\n      required: true\n    },\n    episode: {\n      type: Object,\n      required: true\n    },\n    lang: {\n      type: String,\n      required: false\n    }\n  },\n\n  data() {\n    return {\n      columns: [{\n        label: 'Filename',\n        field: 'filename'\n      }, {\n        label: 'Language',\n        field: 'lang'\n      }, {\n        label: 'Provider',\n        field: 'provider'\n      }, {\n        label: 'Score',\n        field: 'score',\n        type: 'number'\n      }, {\n        label: 'Sub Score',\n        field: 'sub_score',\n        type: 'number'\n      }, {\n        label: 'Missing Matches',\n        field: rowObj => {\n          if (rowObj.missing_guess) {\n            return rowObj.missing_guess.join(', ');\n          }\n        },\n        type: 'array'\n      }, {\n        label: 'Download',\n        field: 'download',\n        sortable: false\n      }],\n      subtitles: [],\n      displayQuestion: false,\n      loading: false,\n      loadingMessage: ''\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapState\"])({\n      config: state => state.config,\n      episodeHistory: state => state.episodeHistory\n    }),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])({\n      getLastReleaseName: 'getLastReleaseName'\n    }),\n\n    releaseName() {\n      const {\n        episode,\n        getLastReleaseName,\n        show\n      } = this;\n      const lastKnownReleaseName = getLastReleaseName({\n        showSlug: show.id.slug,\n        episodeSlug: episode.slug\n      });\n\n      if (lastKnownReleaseName) {\n        return lastKnownReleaseName;\n      } else {\n        return 'Could not get a downloaded release name from the history table';\n      }\n    },\n\n    subtitleParams() {\n      const {\n        episode,\n        show\n      } = this;\n      const params = {\n        indexername: show.indexer,\n        seriesid: show.id[show.indexer],\n        season: episode.season,\n        episode: episode.episode\n      };\n      return params;\n    }\n\n  },\n\n  mounted() {\n    const {\n      episode,\n      getShowEpisodeHistory,\n      show\n    } = this;\n    this.displayQuestion = true;\n    getShowEpisodeHistory({\n      showSlug: show.id.slug,\n      episodeSlug: episode.slug\n    });\n  },\n\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])(['getShowEpisodeHistory']),\n\n    autoSearch() {\n      const {\n        lang,\n        subtitleParams\n      } = this;\n      const params = subtitleParams;\n\n      if (lang !== undefined) {\n        params.lang = lang;\n      }\n\n      this.displayQuestion = false;\n      this.loadingMessage = 'Searching for subtitles and downloading if available... ';\n      this.loading = true;\n      Object(_api__WEBPACK_IMPORTED_MODULE_2__[\"apiRoute\"])('home/searchEpisodeSubtitles', {\n        params\n      }).then(response => {\n        if (response.data.result !== 'failure') {\n          // Update the show, as we have new information (subtitles)\n          // Let's emit an event, telling the displayShow component, to update the show using the api/store.\n          this.$emit('update', {\n            reason: 'new subtitles found',\n            codes: response.data.subtitles,\n            languages: response.data.languages\n          });\n        }\n      }).catch(error => {\n        console.log(\"Error trying to search for subtitles. Error: \".concat(error));\n      }).finally(() => {\n        // Cleanup\n        this.loadingMessage = '';\n        this.loading = false;\n        this.close();\n      });\n    },\n\n    manualSearch() {\n      const {\n        getShowEpisodeHistory,\n        subtitleParams\n      } = this;\n      this.displayQuestion = false;\n      this.loading = true;\n      this.loadingMessage = 'Searching for subtitles... ';\n      Object(_api__WEBPACK_IMPORTED_MODULE_2__[\"apiRoute\"])('home/manualSearchSubtitles', {\n        params: subtitleParams\n      }).then(response => {\n        if (response.data.result === 'success') {\n          this.subtitles.push(...response.data.subtitles);\n        }\n      }).catch(error => {\n        console.log(\"Error trying to search for subtitles. Error: \".concat(error));\n      }).finally(() => {\n        this.loading = false;\n      });\n    },\n\n    redownloadLang() {\n      const {\n        subtitleParams\n      } = this;\n      Object(_api__WEBPACK_IMPORTED_MODULE_2__[\"apiRoute\"])('home/searchEpisodeSubtitles', {\n        params: subtitleParams\n      }).then(response => {\n        if (response.data.result !== 'failure') {\n          // Update the show, as we have new information (subtitles)\n          // Let's emit an event, telling the displayShow component, to update the show using the api/store.\n          this.$emit('update', {\n            reason: 'new subtitles found',\n            codes: response.data.subtitles,\n            languages: response.data.languages\n          });\n        }\n      }).catch(error => {\n        console.log(\"Error trying to search for subtitles. Error: \".concat(error));\n      }).finally(() => {\n        // Cleanup\n        this.loadingMessage = '';\n        this.loading = false;\n        this.close();\n      });\n    },\n\n    pickSubtitle(subtitleId) {\n      // Download and save this subtitle with the episode.\n      const {\n        subtitleParams\n      } = this;\n      const params = { ...subtitleParams,\n        picked_id: subtitleId // eslint-disable-line camelcase\n\n      };\n      this.displayQuestion = false;\n      this.loadingMessage = 'downloading subtitle... ';\n      this.loading = true;\n      Object(_api__WEBPACK_IMPORTED_MODULE_2__[\"apiRoute\"])('home/manualSearchSubtitles', {\n        params\n      }).then(response => {\n        if (response.data.result === 'success') {\n          // Update the show, as we have new information (subtitles)\n          // Let's emit an event, telling the displayShow component, to update the show using the api/store.\n          this.$emit('update', {\n            reason: 'new subtitles found',\n            codes: response.data.subtitles,\n            languages: response.data.languages\n          });\n        }\n      }).catch(error => {\n        console.log(\"Error trying to search for subtitles. Error: \".concat(error));\n      }).finally(() => {\n        // Cleanup\n        this.loadingMessage = '';\n        this.loading = false;\n        this.close();\n      });\n    },\n\n    close() {\n      this.$emit('close'); // Destroy the vue listeners, etc\n\n      this.$destroy(); // Remove the element from the DOM\n\n      this.$el.parentNode.removeChild(this.$el);\n    }\n\n  }\n});\n\n//# sourceURL=webpack:///./src/components/subtitle-search.vue?./node_modules/babel-loader/lib??ref--1!./node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -800,7 +800,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \"\\n.subtitle-search-wrapper[data-v-49da16c6] {\\n    display: table-row;\\n    column-span: all;\\n}\\n.subtitle-search-wrapper[data-v-49da16c6] table.subtitle-table tr {\\n    background-color: rgb(190, 222, 237);\\n}\\n.subtitle-search-wrapper > td[data-v-49da16c6] {\\n    padding: 0;\\n}\\n.search-question[data-v-49da16c6],\\n.loading-message[data-v-49da16c6] {\\n    background-color: rgb(51, 51, 51);\\n    color: rgb(255, 255, 255);\\n    padding: 10px;\\n    line-height: 55px;\\n}\\nspan.subtitle-name[data-v-49da16c6] {\\n    color: rgb(0, 0, 0);\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack:///./src/components/subtitle-search.vue?./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib??vue-loader-options");
+eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \"\\n.subtitle-search-wrapper[data-v-49da16c6] {\\n    display: table-row;\\n    column-span: all;\\n}\\n.subtitle-search-wrapper[data-v-49da16c6] table.subtitle-table tr {\\n    background-color: rgb(190, 222, 237);\\n}\\n.subtitle-search-wrapper > td[data-v-49da16c6] {\\n    padding: 0;\\n}\\n.search-question[data-v-49da16c6],\\n.loading-message[data-v-49da16c6] {\\n    background-color: rgb(51, 51, 51);\\n    color: rgb(255, 255, 255);\\n    padding: 10px;\\n    line-height: 55px;\\n}\\nspan.subtitle-name[data-v-49da16c6] {\\n    color: rgb(0, 0, 0);\\n}\\nspan.release-name[data-v-49da16c6] {\\n    text-align: left;\\n    width: 100%;\\n    display: block;\\n    background-color: rgb(51, 51, 51);\\n    color: rgb(255, 255, 255);\\n    padding: 4px;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack:///./src/components/subtitle-search.vue?./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -1256,7 +1256,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(\"tr\", { staticClass: \"subtitle-search-wrapper\" }, [\n    _c(\n      \"td\",\n      { attrs: { colspan: \"9999\" } },\n      [\n        _vm.loading\n          ? _c(\n              \"span\",\n              { staticClass: \"loading-message\" },\n              [\n                _vm._v(_vm._s(_vm.loadingMessage) + \" \"),\n                _c(\"state-switch\", {\n                  attrs: { theme: _vm.layout.themeName, state: \"loading\" }\n                })\n              ],\n              1\n            )\n          : _vm._e(),\n        _vm._v(\" \"),\n        _vm.displayQuestion\n          ? _c(\"div\", { staticClass: \"search-question\" }, [\n              _c(\"div\", { staticClass: \"question\" }, [\n                !_vm.lang\n                  ? _c(\"p\", [\n                      _vm._v(\n                        \"Do you want to manually pick subtitles or let us choose it for you?\"\n                      )\n                    ])\n                  : _c(\"p\", [\n                      _vm._v(\n                        \"Do you want to manually pick subtitles or search a subtitle with the language code \"\n                      ),\n                      _c(\"b\", [_vm._v(_vm._s(_vm.lang))]),\n                      _vm._v(\" for you?\")\n                    ])\n              ]),\n              _vm._v(\" \"),\n              _c(\"div\", { staticClass: \"options\" }, [\n                _c(\n                  \"button\",\n                  {\n                    staticClass: \"btn-medusa btn-info\",\n                    attrs: { type: \"button\" },\n                    on: { click: _vm.autoSearch }\n                  },\n                  [_vm._v(\"Auto\")]\n                ),\n                _vm._v(\" \"),\n                _c(\n                  \"button\",\n                  {\n                    staticClass: \"btn-medusa btn-success\",\n                    attrs: { type: \"button\" },\n                    on: { click: _vm.manualSearch }\n                  },\n                  [_vm._v(\"Manual\")]\n                )\n              ])\n            ])\n          : _vm._e(),\n        _vm._v(\" \"),\n        _vm.subtitles.length > 0\n          ? _c(\"vue-good-table\", {\n              attrs: {\n                columns: _vm.columns,\n                rows: _vm.subtitles,\n                \"search-options\": {\n                  enabled: false\n                },\n                \"sort-options\": {\n                  enabled: true,\n                  initialSortBy: { field: \"score\", type: \"desc\" }\n                },\n                styleClass: \"vgt-table condensed subtitle-table\"\n              },\n              scopedSlots: _vm._u(\n                [\n                  {\n                    key: \"table-column\",\n                    fn: function(props) {\n                      return [\n                        props.column.label === \"Download\"\n                          ? _c(\"span\", [\n                              _c(\"span\", [_vm._v(_vm._s(props.column.label))]),\n                              _vm._v(\" \"),\n                              _c(\n                                \"span\",\n                                {\n                                  staticClass: \"btn-medusa btn-xs pull-right\",\n                                  on: { click: _vm.close }\n                                },\n                                [_vm._v(\"hide\")]\n                              )\n                            ])\n                          : _c(\"span\", [\n                              _vm._v(\n                                \"\\n                    \" +\n                                  _vm._s(props.column.label) +\n                                  \"\\n                \"\n                              )\n                            ])\n                      ]\n                    }\n                  },\n                  {\n                    key: \"table-row\",\n                    fn: function(props) {\n                      return [\n                        props.column.field === \"provider\"\n                          ? _c(\"span\", [\n                              _c(\"img\", {\n                                attrs: {\n                                  src:\n                                    \"images/subtitles/\" +\n                                    props.row.provider +\n                                    \".png\",\n                                  width: \"16\",\n                                  height: \"16\"\n                                }\n                              }),\n                              _vm._v(\" \"),\n                              _c(\n                                \"span\",\n                                { attrs: { title: props.row.provider } },\n                                [_vm._v(_vm._s(props.row.provider))]\n                              )\n                            ])\n                          : props.column.field === \"lang\"\n                          ? _c(\"span\", [\n                              _c(\"img\", {\n                                attrs: {\n                                  title: props.row.lang,\n                                  src:\n                                    \"images/subtitles/flags/\" +\n                                    props.row.lang +\n                                    \".png\",\n                                  width: \"16\",\n                                  height: \"11\"\n                                }\n                              })\n                            ])\n                          : props.column.field === \"filename\"\n                          ? _c(\"span\", [\n                              _c(\n                                \"a\",\n                                {\n                                  attrs: {\n                                    title:\n                                      \"Download\" +\n                                      (props.row.hearing_impaired\n                                        ? \" hearing impaired \"\n                                        : \" \") +\n                                      \"subtitle: \" +\n                                      props.row.filename\n                                  },\n                                  on: {\n                                    click: function($event) {\n                                      return _vm.pickSubtitle(props.row.id)\n                                    }\n                                  }\n                                },\n                                [\n                                  props.row.hearing_impaired\n                                    ? _c(\"img\", {\n                                        attrs: {\n                                          src: \"images/hearing_impaired.png\",\n                                          width: \"16\",\n                                          height: \"16\"\n                                        }\n                                      })\n                                    : _vm._e(),\n                                  _vm._v(\" \"),\n                                  _c(\"span\", { staticClass: \"subtitle-name\" }, [\n                                    _vm._v(_vm._s(props.row.filename))\n                                  ]),\n                                  _vm._v(\" \"),\n                                  props.row.sub_score >= props.row.min_score\n                                    ? _c(\"img\", {\n                                        attrs: {\n                                          src: \"images/save.png\",\n                                          width: \"16\",\n                                          height: \"16\"\n                                        }\n                                      })\n                                    : _vm._e()\n                                ]\n                              )\n                            ])\n                          : props.column.field === \"download\"\n                          ? _c(\"span\", [\n                              _c(\n                                \"a\",\n                                {\n                                  attrs: {\n                                    title:\n                                      \"Download\" +\n                                      (props.row.hearing_impaired\n                                        ? \" hearing impaired \"\n                                        : \" \") +\n                                      \"subtitle: \" +\n                                      props.row.filename\n                                  },\n                                  on: {\n                                    click: function($event) {\n                                      return _vm.pickSubtitle(props.row.id)\n                                    }\n                                  }\n                                },\n                                [\n                                  _c(\"img\", {\n                                    attrs: {\n                                      src: \"images/download.png\",\n                                      width: \"16\",\n                                      height: \"16\"\n                                    }\n                                  })\n                                ]\n                              )\n                            ])\n                          : _c(\"span\", [\n                              _vm._v(\n                                \"\\n                    \" +\n                                  _vm._s(\n                                    props.formattedRow[props.column.field]\n                                  ) +\n                                  \"\\n                \"\n                              )\n                            ])\n                      ]\n                    }\n                  }\n                ],\n                null,\n                false,\n                4068347393\n              )\n            })\n          : _vm._e()\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./src/components/subtitle-search.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(\"tr\", { staticClass: \"subtitle-search-wrapper\" }, [\n    _c(\"td\", { attrs: { colspan: \"9999\" } }, [\n      _vm.loading\n        ? _c(\n            \"span\",\n            { staticClass: \"loading-message\" },\n            [\n              _vm._v(_vm._s(_vm.loadingMessage) + \" \"),\n              _c(\"state-switch\", {\n                attrs: { theme: _vm.config.themeName, state: \"loading\" }\n              })\n            ],\n            1\n          )\n        : _vm._e(),\n      _vm._v(\" \"),\n      _vm.displayQuestion\n        ? _c(\"div\", { staticClass: \"search-question\" }, [\n            _c(\"div\", { staticClass: \"question\" }, [\n              !_vm.lang\n                ? _c(\"p\", [\n                    _vm._v(\n                      \"Do you want to manually pick subtitles or let us choose it for you?\"\n                    )\n                  ])\n                : _c(\"p\", [\n                    _vm._v(\n                      \"Do you want to manually pick subtitles or search a subtitle with the language code \"\n                    ),\n                    _c(\"b\", [_vm._v(_vm._s(_vm.lang))]),\n                    _vm._v(\" for you?\")\n                  ])\n            ]),\n            _vm._v(\" \"),\n            _c(\"div\", { staticClass: \"options\" }, [\n              _c(\n                \"button\",\n                {\n                  staticClass: \"btn-medusa btn-info\",\n                  attrs: { type: \"button\" },\n                  on: { click: _vm.autoSearch }\n                },\n                [_vm._v(\"Auto\")]\n              ),\n              _vm._v(\" \"),\n              _c(\n                \"button\",\n                {\n                  staticClass: \"btn-medusa btn-success\",\n                  attrs: { type: \"button\" },\n                  on: { click: _vm.manualSearch }\n                },\n                [_vm._v(\"Manual\")]\n              )\n            ])\n          ])\n        : _vm._e(),\n      _vm._v(\" \"),\n      _vm.subtitles.length > 0\n        ? _c(\n            \"div\",\n            { staticClass: \"subtitle-results\" },\n            [\n              _c(\"span\", { staticClass: \"release-name\" }, [\n                _vm._v(\n                  \"\\n                Select subtitle for release name: \" +\n                    _vm._s(_vm.releaseName) +\n                    \"\\n            \"\n                )\n              ]),\n              _vm._v(\" \"),\n              _c(\"vue-good-table\", {\n                attrs: {\n                  columns: _vm.columns,\n                  rows: _vm.subtitles,\n                  \"search-options\": {\n                    enabled: false\n                  },\n                  \"sort-options\": {\n                    enabled: true,\n                    initialSortBy: { field: \"score\", type: \"desc\" }\n                  },\n                  styleClass: \"vgt-table condensed subtitle-table\"\n                },\n                scopedSlots: _vm._u(\n                  [\n                    {\n                      key: \"table-column\",\n                      fn: function(props) {\n                        return [\n                          props.column.label === \"Download\"\n                            ? _c(\"span\", [\n                                _c(\"span\", [\n                                  _vm._v(_vm._s(props.column.label))\n                                ]),\n                                _vm._v(\" \"),\n                                _c(\n                                  \"span\",\n                                  {\n                                    staticClass: \"btn-medusa btn-xs pull-right\",\n                                    on: { click: _vm.close }\n                                  },\n                                  [_vm._v(\"hide\")]\n                                )\n                              ])\n                            : _c(\"span\", [\n                                _vm._v(\n                                  \"\\n                        \" +\n                                    _vm._s(props.column.label) +\n                                    \"\\n                    \"\n                                )\n                              ])\n                        ]\n                      }\n                    },\n                    {\n                      key: \"table-row\",\n                      fn: function(props) {\n                        return [\n                          props.column.field === \"provider\"\n                            ? _c(\"span\", [\n                                _c(\"img\", {\n                                  attrs: {\n                                    src:\n                                      \"images/subtitles/\" +\n                                      props.row.provider +\n                                      \".png\",\n                                    width: \"16\",\n                                    height: \"16\"\n                                  }\n                                }),\n                                _vm._v(\" \"),\n                                _c(\n                                  \"span\",\n                                  { attrs: { title: props.row.provider } },\n                                  [_vm._v(_vm._s(props.row.provider))]\n                                )\n                              ])\n                            : props.column.field === \"lang\"\n                            ? _c(\"span\", [\n                                _c(\"img\", {\n                                  attrs: {\n                                    title: props.row.lang,\n                                    src:\n                                      \"images/subtitles/flags/\" +\n                                      props.row.lang +\n                                      \".png\",\n                                    width: \"16\",\n                                    height: \"11\"\n                                  }\n                                })\n                              ])\n                            : props.column.field === \"filename\"\n                            ? _c(\"span\", [\n                                _c(\n                                  \"a\",\n                                  {\n                                    attrs: {\n                                      title:\n                                        \"Download\" +\n                                        (props.row.hearing_impaired\n                                          ? \" hearing impaired \"\n                                          : \" \") +\n                                        \"subtitle: \" +\n                                        props.row.filename\n                                    },\n                                    on: {\n                                      click: function($event) {\n                                        return _vm.pickSubtitle(props.row.id)\n                                      }\n                                    }\n                                  },\n                                  [\n                                    props.row.hearing_impaired\n                                      ? _c(\"img\", {\n                                          attrs: {\n                                            src: \"images/hearing_impaired.png\",\n                                            width: \"16\",\n                                            height: \"16\"\n                                          }\n                                        })\n                                      : _vm._e(),\n                                    _vm._v(\" \"),\n                                    _c(\n                                      \"span\",\n                                      { staticClass: \"subtitle-name\" },\n                                      [_vm._v(_vm._s(props.row.filename))]\n                                    ),\n                                    _vm._v(\" \"),\n                                    props.row.sub_score >= props.row.min_score\n                                      ? _c(\"img\", {\n                                          attrs: {\n                                            src: \"images/save.png\",\n                                            width: \"16\",\n                                            height: \"16\"\n                                          }\n                                        })\n                                      : _vm._e()\n                                  ]\n                                )\n                              ])\n                            : props.column.field === \"download\"\n                            ? _c(\"span\", [\n                                _c(\n                                  \"a\",\n                                  {\n                                    attrs: {\n                                      title:\n                                        \"Download\" +\n                                        (props.row.hearing_impaired\n                                          ? \" hearing impaired \"\n                                          : \" \") +\n                                        \"subtitle: \" +\n                                        props.row.filename\n                                    },\n                                    on: {\n                                      click: function($event) {\n                                        return _vm.pickSubtitle(props.row.id)\n                                      }\n                                    }\n                                  },\n                                  [\n                                    _c(\"img\", {\n                                      attrs: {\n                                        src: \"images/download.png\",\n                                        width: \"16\",\n                                        height: \"16\"\n                                      }\n                                    })\n                                  ]\n                                )\n                              ])\n                            : _c(\"span\", [\n                                _vm._v(\n                                  \"\\n                        \" +\n                                    _vm._s(\n                                      props.formattedRow[props.column.field]\n                                    ) +\n                                    \"\\n                    \"\n                                )\n                              ])\n                        ]\n                      }\n                    }\n                  ],\n                  null,\n                  false,\n                  3665434881\n                )\n              })\n            ],\n            1\n          )\n        : _vm._e()\n    ])\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./src/components/subtitle-search.vue?./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -3452,7 +3452,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 import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ \"./node_modules/vue/dist/vue.esm.js\");\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var vue_native_websocket__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue-native-websocket */ \"./node_modules/vue-native-websocket/dist/build.js\");\n/* harmony import */ var vue_native_websocket__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(vue_native_websocket__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _modules__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./modules */ \"./src/store/modules/index.js\");\n/* harmony import */ var _mutation_types__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./mutation-types */ \"./src/store/mutation-types.js\");\n\n\n\n\n\nvue__WEBPACK_IMPORTED_MODULE_0__[\"default\"].use(vuex__WEBPACK_IMPORTED_MODULE_1__[\"default\"]);\nconst store = new vuex__WEBPACK_IMPORTED_MODULE_1__[\"Store\"]({\n  modules: {\n    auth: _modules__WEBPACK_IMPORTED_MODULE_3__[\"auth\"],\n    clients: _modules__WEBPACK_IMPORTED_MODULE_3__[\"clients\"],\n    config: _modules__WEBPACK_IMPORTED_MODULE_3__[\"config\"],\n    consts: _modules__WEBPACK_IMPORTED_MODULE_3__[\"consts\"],\n    defaults: _modules__WEBPACK_IMPORTED_MODULE_3__[\"defaults\"],\n    indexers: _modules__WEBPACK_IMPORTED_MODULE_3__[\"indexers\"],\n    layout: _modules__WEBPACK_IMPORTED_MODULE_3__[\"layout\"],\n    metadata: _modules__WEBPACK_IMPORTED_MODULE_3__[\"metadata\"],\n    notifications: _modules__WEBPACK_IMPORTED_MODULE_3__[\"notifications\"],\n    notifiers: _modules__WEBPACK_IMPORTED_MODULE_3__[\"notifiers\"],\n    postprocessing: _modules__WEBPACK_IMPORTED_MODULE_3__[\"postprocessing\"],\n    search: _modules__WEBPACK_IMPORTED_MODULE_3__[\"search\"],\n    shows: _modules__WEBPACK_IMPORTED_MODULE_3__[\"shows\"],\n    socket: _modules__WEBPACK_IMPORTED_MODULE_3__[\"socket\"],\n    stats: _modules__WEBPACK_IMPORTED_MODULE_3__[\"stats\"],\n    system: _modules__WEBPACK_IMPORTED_MODULE_3__[\"system\"]\n  },\n  state: {},\n  mutations: {},\n  getters: {},\n  actions: {}\n}); // Keep as a non-arrow function for `this` context.\n\nconst passToStoreHandler = function (eventName, event, next) {\n  const target = eventName.toUpperCase();\n  const eventData = event.data;\n\n  if (target === 'SOCKET_ONMESSAGE') {\n    const message = JSON.parse(eventData);\n    const {\n      data,\n      event\n    } = message; // Show the notification to the user\n\n    if (event === 'notification') {\n      const {\n        body,\n        hash,\n        type,\n        title\n      } = data;\n      window.displayNotification(type, title, body, hash);\n    } else if (event === 'configUpdated') {\n      const {\n        section,\n        config\n      } = data;\n      this.store.dispatch('updateConfig', {\n        section,\n        config\n      });\n    } else if (event === 'showUpdated') {\n      this.store.dispatch('updateShow', data);\n    } else {\n      window.displayNotification('info', event, data);\n    }\n  } // Resume normal 'passToStore' handling\n\n\n  next(eventName, event);\n};\n\nconst websocketUrl = (() => {\n  const {\n    protocol,\n    host\n  } = window.location;\n  const proto = protocol === 'https:' ? 'wss:' : 'ws:';\n  const WSMessageUrl = '/ui';\n  const webRoot = document.body.getAttribute('web-root');\n  return \"\".concat(proto, \"//\").concat(host).concat(webRoot, \"/ws\").concat(WSMessageUrl);\n})();\n\nvue__WEBPACK_IMPORTED_MODULE_0__[\"default\"].use(vue_native_websocket__WEBPACK_IMPORTED_MODULE_2___default.a, websocketUrl, {\n  store,\n  format: 'json',\n  reconnection: true,\n  // (Boolean) whether to reconnect automatically (false)\n  reconnectionAttempts: 2,\n  // (Number) number of reconnection attempts before giving up (Infinity),\n  reconnectionDelay: 1000,\n  // (Number) how long to initially wait before attempting a new (1000)\n  passToStoreHandler,\n  // (Function|<false-y>) Handler for events triggered by the WebSocket (false)\n  mutations: {\n    SOCKET_ONOPEN: _mutation_types__WEBPACK_IMPORTED_MODULE_4__[\"SOCKET_ONOPEN\"],\n    SOCKET_ONCLOSE: _mutation_types__WEBPACK_IMPORTED_MODULE_4__[\"SOCKET_ONCLOSE\"],\n    SOCKET_ONERROR: _mutation_types__WEBPACK_IMPORTED_MODULE_4__[\"SOCKET_ONERROR\"],\n    SOCKET_ONMESSAGE: _mutation_types__WEBPACK_IMPORTED_MODULE_4__[\"SOCKET_ONMESSAGE\"],\n    SOCKET_RECONNECT: _mutation_types__WEBPACK_IMPORTED_MODULE_4__[\"SOCKET_RECONNECT\"],\n    SOCKET_RECONNECT_ERROR: _mutation_types__WEBPACK_IMPORTED_MODULE_4__[\"SOCKET_RECONNECT_ERROR\"]\n  }\n});\n/* harmony default export */ __webpack_exports__[\"default\"] = (store);\n\n//# sourceURL=webpack:///./src/store/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ \"./node_modules/vue/dist/vue.esm.js\");\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var vue_native_websocket__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue-native-websocket */ \"./node_modules/vue-native-websocket/dist/build.js\");\n/* harmony import */ var vue_native_websocket__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(vue_native_websocket__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _modules__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./modules */ \"./src/store/modules/index.js\");\n/* harmony import */ var _mutation_types__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./mutation-types */ \"./src/store/mutation-types.js\");\n\n\n\n\n\nvue__WEBPACK_IMPORTED_MODULE_0__[\"default\"].use(vuex__WEBPACK_IMPORTED_MODULE_1__[\"default\"]);\nconst store = new vuex__WEBPACK_IMPORTED_MODULE_1__[\"Store\"]({\n  modules: {\n    auth: _modules__WEBPACK_IMPORTED_MODULE_3__[\"auth\"],\n    clients: _modules__WEBPACK_IMPORTED_MODULE_3__[\"clients\"],\n    config: _modules__WEBPACK_IMPORTED_MODULE_3__[\"config\"],\n    consts: _modules__WEBPACK_IMPORTED_MODULE_3__[\"consts\"],\n    defaults: _modules__WEBPACK_IMPORTED_MODULE_3__[\"defaults\"],\n    history: _modules__WEBPACK_IMPORTED_MODULE_3__[\"history\"],\n    indexers: _modules__WEBPACK_IMPORTED_MODULE_3__[\"indexers\"],\n    layout: _modules__WEBPACK_IMPORTED_MODULE_3__[\"layout\"],\n    metadata: _modules__WEBPACK_IMPORTED_MODULE_3__[\"metadata\"],\n    notifications: _modules__WEBPACK_IMPORTED_MODULE_3__[\"notifications\"],\n    notifiers: _modules__WEBPACK_IMPORTED_MODULE_3__[\"notifiers\"],\n    postprocessing: _modules__WEBPACK_IMPORTED_MODULE_3__[\"postprocessing\"],\n    search: _modules__WEBPACK_IMPORTED_MODULE_3__[\"search\"],\n    shows: _modules__WEBPACK_IMPORTED_MODULE_3__[\"shows\"],\n    socket: _modules__WEBPACK_IMPORTED_MODULE_3__[\"socket\"],\n    stats: _modules__WEBPACK_IMPORTED_MODULE_3__[\"stats\"],\n    system: _modules__WEBPACK_IMPORTED_MODULE_3__[\"system\"]\n  },\n  state: {},\n  mutations: {},\n  getters: {},\n  actions: {}\n}); // Keep as a non-arrow function for `this` context.\n\nconst passToStoreHandler = function (eventName, event, next) {\n  const target = eventName.toUpperCase();\n  const eventData = event.data;\n\n  if (target === 'SOCKET_ONMESSAGE') {\n    const message = JSON.parse(eventData);\n    const {\n      data,\n      event\n    } = message; // Show the notification to the user\n\n    if (event === 'notification') {\n      const {\n        body,\n        hash,\n        type,\n        title\n      } = data;\n      window.displayNotification(type, title, body, hash);\n    } else if (event === 'configUpdated') {\n      const {\n        section,\n        config\n      } = data;\n      this.store.dispatch('updateConfig', {\n        section,\n        config\n      });\n    } else if (event === 'showUpdated') {\n      this.store.dispatch('updateShow', data);\n    } else {\n      window.displayNotification('info', event, data);\n    }\n  } // Resume normal 'passToStore' handling\n\n\n  next(eventName, event);\n};\n\nconst websocketUrl = (() => {\n  const {\n    protocol,\n    host\n  } = window.location;\n  const proto = protocol === 'https:' ? 'wss:' : 'ws:';\n  const WSMessageUrl = '/ui';\n  const webRoot = document.body.getAttribute('web-root');\n  return \"\".concat(proto, \"//\").concat(host).concat(webRoot, \"/ws\").concat(WSMessageUrl);\n})();\n\nvue__WEBPACK_IMPORTED_MODULE_0__[\"default\"].use(vue_native_websocket__WEBPACK_IMPORTED_MODULE_2___default.a, websocketUrl, {\n  store,\n  format: 'json',\n  reconnection: true,\n  // (Boolean) whether to reconnect automatically (false)\n  reconnectionAttempts: 2,\n  // (Number) number of reconnection attempts before giving up (Infinity),\n  reconnectionDelay: 1000,\n  // (Number) how long to initially wait before attempting a new (1000)\n  passToStoreHandler,\n  // (Function|<false-y>) Handler for events triggered by the WebSocket (false)\n  mutations: {\n    SOCKET_ONOPEN: _mutation_types__WEBPACK_IMPORTED_MODULE_4__[\"SOCKET_ONOPEN\"],\n    SOCKET_ONCLOSE: _mutation_types__WEBPACK_IMPORTED_MODULE_4__[\"SOCKET_ONCLOSE\"],\n    SOCKET_ONERROR: _mutation_types__WEBPACK_IMPORTED_MODULE_4__[\"SOCKET_ONERROR\"],\n    SOCKET_ONMESSAGE: _mutation_types__WEBPACK_IMPORTED_MODULE_4__[\"SOCKET_ONMESSAGE\"],\n    SOCKET_RECONNECT: _mutation_types__WEBPACK_IMPORTED_MODULE_4__[\"SOCKET_RECONNECT\"],\n    SOCKET_RECONNECT_ERROR: _mutation_types__WEBPACK_IMPORTED_MODULE_4__[\"SOCKET_RECONNECT_ERROR\"]\n  }\n});\n/* harmony default export */ __webpack_exports__[\"default\"] = (store);\n\n//# sourceURL=webpack:///./src/store/index.js?");
 
 /***/ }),
 
@@ -3516,15 +3516,27 @@ eval("__webpack_require__.r(__webpack_exports__);\nconst state = {\n  show: {\n
 
 /***/ }),
 
+/***/ "./src/store/modules/history.js":
+/*!**************************************!*\
+  !*** ./src/store/modules/history.js ***!
+  \**************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ \"./node_modules/vue/dist/vue.esm.js\");\n/* harmony import */ var _api__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../api */ \"./src/api.js\");\n/* harmony import */ var _mutation_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../mutation-types */ \"./src/store/mutation-types.js\");\n\n\n\nconst state = {\n  history: [],\n  page: 0,\n  showHistory: {},\n  episodeHistory: {}\n};\nconst mutations = {\n  [_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_HISTORY\"]](state, history) {\n    // Update state\n    state.history.push(...history);\n  },\n\n  [_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW_HISTORY\"]](state, {\n    showSlug,\n    history\n  }) {\n    // Keep an array of shows, with their history\n    // Maybe we can just check the last id. And if the id's are newer, add them. Less fancy, much more fast.\n    vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"].set(state.showHistory, showSlug, history);\n  },\n\n  [_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW_EPISODE_HISTORY\"]](state, {\n    showSlug,\n    episodeSlug,\n    history\n  }) {\n    // Keep an object of shows, with their history per episode\n    // Example: {tvdb1234: {s01e01: [history]}}\n    if (!Object.keys(state.episodeHistory).includes(showSlug)) {\n      state.episodeHistory[showSlug] = {};\n    }\n\n    vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"].set(state.episodeHistory[showSlug], episodeSlug, history);\n  }\n\n};\nconst getters = {\n  getShowHistoryBySlug: state => showSlug => state.showHistory[showSlug],\n  getLastReleaseName: state => ({\n    showSlug,\n    episodeSlug\n  }) => {\n    if (state.episodeHistory[showSlug] !== undefined) {\n      if (state.episodeHistory[showSlug][episodeSlug] !== undefined) {\n        if (state.episodeHistory[showSlug][episodeSlug].length === 1) {\n          return state.episodeHistory[showSlug][episodeSlug][0].resource;\n        }\n\n        return state.episodeHistory[showSlug][episodeSlug].sort((a, b) => (a.actionDate - b.actionDate) * -1).filter(ep => ep.resource !== '')[0].resource;\n      }\n    }\n  }\n};\n/**\n * An object representing request parameters for getting a show from the API.\n *\n * @typedef {object} ShowGetParameters\n * @property {boolean} detailed Fetch detailed information? (e.g. scene/xem numbering)\n * @property {boolean} episodes Fetch seasons & episodes?\n */\n\nconst actions = {\n  /**\n   * Get show history from API and commit it to the store.\n   *\n   * @param {*} context The store context.\n   * @param {ShowIdentifier&ShowGetParameters} parameters Request parameters.\n   * @returns {Promise} The API response.\n   */\n  async getShowHistory(context, {\n    slug\n  }) {\n    const {\n      commit\n    } = context;\n    const response = await _api__WEBPACK_IMPORTED_MODULE_1__[\"api\"].get(\"/history/\".concat(slug));\n\n    if (response.data.length > 0) {\n      commit(_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW_HISTORY\"], {\n        showSlug: slug,\n        history: response.data\n      });\n    }\n  },\n\n  /**\n   * Get history from API and commit them to the store.\n   *\n   * @param {*} context - The store context.\n   * @param {(ShowIdentifier&ShowGetParameters)[]} shows Shows to get. If not provided, gets the first 1k shows.\n   * @returns {undefined|Promise} undefined if `shows` was provided or the API response if not.\n   */\n  async getHistory(context) {\n    const {\n      commit,\n      state\n    } = context;\n    const limit = 1000;\n    const params = {\n      limit\n    };\n    let lastPage = false;\n    let response = null;\n\n    while (!lastPage) {\n      state.page += 1;\n      params.page = state.page;\n      response = await _api__WEBPACK_IMPORTED_MODULE_1__[\"api\"].get(\"/history\", {\n        params\n      }); // No way around this.\n\n      commit(_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_HISTORY\"], response.data);\n\n      if (response.data.length < limit) {\n        lastPage = true;\n      }\n    }\n  },\n\n  /**\n   * Get episode history from API and commit it to the store.\n   *\n   * @param {*} context The store context.\n   * @param {ShowIdentifier&ShowGetParameters} parameters Request parameters.\n   * @returns {Promise} The API response.\n   */\n  async getShowEpisodeHistory(context, {\n    showSlug,\n    episodeSlug\n  }) {\n    const {\n      commit\n    } = context;\n    const response = await _api__WEBPACK_IMPORTED_MODULE_1__[\"api\"].get(\"/history/\".concat(showSlug, \"/episode/\").concat(episodeSlug));\n\n    if (response.data.length > 0) {\n      commit(_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW_EPISODE_HISTORY\"], {\n        showSlug,\n        episodeSlug,\n        history: response.data\n      });\n    }\n  }\n\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  state,\n  mutations,\n  getters,\n  actions\n});\n\n//# sourceURL=webpack:///./src/store/modules/history.js?");
+
+/***/ }),
+
 /***/ "./src/store/modules/index.js":
 /*!************************************!*\
   !*** ./src/store/modules/index.js ***!
   \************************************/
-/*! exports provided: auth, clients, config, consts, defaults, indexers, layout, metadata, notifications, notifiers, postprocessing, search, shows, socket, stats, system */
+/*! exports provided: auth, clients, config, consts, defaults, history, indexers, layout, metadata, notifications, notifiers, postprocessing, search, shows, socket, stats, system */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _auth__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./auth */ \"./src/store/modules/auth.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"auth\", function() { return _auth__WEBPACK_IMPORTED_MODULE_0__[\"default\"]; });\n\n/* harmony import */ var _clients__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./clients */ \"./src/store/modules/clients.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"clients\", function() { return _clients__WEBPACK_IMPORTED_MODULE_1__[\"default\"]; });\n\n/* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./config */ \"./src/store/modules/config.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"config\", function() { return _config__WEBPACK_IMPORTED_MODULE_2__[\"default\"]; });\n\n/* harmony import */ var _consts__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./consts */ \"./src/store/modules/consts.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"consts\", function() { return _consts__WEBPACK_IMPORTED_MODULE_3__[\"default\"]; });\n\n/* harmony import */ var _defaults__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./defaults */ \"./src/store/modules/defaults.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"defaults\", function() { return _defaults__WEBPACK_IMPORTED_MODULE_4__[\"default\"]; });\n\n/* harmony import */ var _indexers__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./indexers */ \"./src/store/modules/indexers.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"indexers\", function() { return _indexers__WEBPACK_IMPORTED_MODULE_5__[\"default\"]; });\n\n/* harmony import */ var _layout__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./layout */ \"./src/store/modules/layout.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"layout\", function() { return _layout__WEBPACK_IMPORTED_MODULE_6__[\"default\"]; });\n\n/* harmony import */ var _metadata__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./metadata */ \"./src/store/modules/metadata.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"metadata\", function() { return _metadata__WEBPACK_IMPORTED_MODULE_7__[\"default\"]; });\n\n/* harmony import */ var _notifications__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./notifications */ \"./src/store/modules/notifications.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"notifications\", function() { return _notifications__WEBPACK_IMPORTED_MODULE_8__[\"default\"]; });\n\n/* harmony import */ var _notifiers__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./notifiers */ \"./src/store/modules/notifiers/index.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"notifiers\", function() { return _notifiers__WEBPACK_IMPORTED_MODULE_9__[\"default\"]; });\n\n/* harmony import */ var _postprocessing__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./postprocessing */ \"./src/store/modules/postprocessing.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"postprocessing\", function() { return _postprocessing__WEBPACK_IMPORTED_MODULE_10__[\"default\"]; });\n\n/* harmony import */ var _search__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./search */ \"./src/store/modules/search.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"search\", function() { return _search__WEBPACK_IMPORTED_MODULE_11__[\"default\"]; });\n\n/* harmony import */ var _shows__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./shows */ \"./src/store/modules/shows.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"shows\", function() { return _shows__WEBPACK_IMPORTED_MODULE_12__[\"default\"]; });\n\n/* harmony import */ var _socket__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./socket */ \"./src/store/modules/socket.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"socket\", function() { return _socket__WEBPACK_IMPORTED_MODULE_13__[\"default\"]; });\n\n/* harmony import */ var _stats__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./stats */ \"./src/store/modules/stats.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"stats\", function() { return _stats__WEBPACK_IMPORTED_MODULE_14__[\"default\"]; });\n\n/* harmony import */ var _system__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./system */ \"./src/store/modules/system.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"system\", function() { return _system__WEBPACK_IMPORTED_MODULE_15__[\"default\"]; });\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n//# sourceURL=webpack:///./src/store/modules/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _auth__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./auth */ \"./src/store/modules/auth.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"auth\", function() { return _auth__WEBPACK_IMPORTED_MODULE_0__[\"default\"]; });\n\n/* harmony import */ var _clients__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./clients */ \"./src/store/modules/clients.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"clients\", function() { return _clients__WEBPACK_IMPORTED_MODULE_1__[\"default\"]; });\n\n/* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./config */ \"./src/store/modules/config.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"config\", function() { return _config__WEBPACK_IMPORTED_MODULE_2__[\"default\"]; });\n\n/* harmony import */ var _consts__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./consts */ \"./src/store/modules/consts.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"consts\", function() { return _consts__WEBPACK_IMPORTED_MODULE_3__[\"default\"]; });\n\n/* harmony import */ var _defaults__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./defaults */ \"./src/store/modules/defaults.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"defaults\", function() { return _defaults__WEBPACK_IMPORTED_MODULE_4__[\"default\"]; });\n\n/* harmony import */ var _history__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./history */ \"./src/store/modules/history.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"history\", function() { return _history__WEBPACK_IMPORTED_MODULE_5__[\"default\"]; });\n\n/* harmony import */ var _indexers__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./indexers */ \"./src/store/modules/indexers.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"indexers\", function() { return _indexers__WEBPACK_IMPORTED_MODULE_6__[\"default\"]; });\n\n/* harmony import */ var _layout__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./layout */ \"./src/store/modules/layout.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"layout\", function() { return _layout__WEBPACK_IMPORTED_MODULE_7__[\"default\"]; });\n\n/* harmony import */ var _metadata__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./metadata */ \"./src/store/modules/metadata.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"metadata\", function() { return _metadata__WEBPACK_IMPORTED_MODULE_8__[\"default\"]; });\n\n/* harmony import */ var _notifications__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./notifications */ \"./src/store/modules/notifications.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"notifications\", function() { return _notifications__WEBPACK_IMPORTED_MODULE_9__[\"default\"]; });\n\n/* harmony import */ var _notifiers__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./notifiers */ \"./src/store/modules/notifiers/index.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"notifiers\", function() { return _notifiers__WEBPACK_IMPORTED_MODULE_10__[\"default\"]; });\n\n/* harmony import */ var _postprocessing__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./postprocessing */ \"./src/store/modules/postprocessing.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"postprocessing\", function() { return _postprocessing__WEBPACK_IMPORTED_MODULE_11__[\"default\"]; });\n\n/* harmony import */ var _search__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./search */ \"./src/store/modules/search.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"search\", function() { return _search__WEBPACK_IMPORTED_MODULE_12__[\"default\"]; });\n\n/* harmony import */ var _shows__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./shows */ \"./src/store/modules/shows.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"shows\", function() { return _shows__WEBPACK_IMPORTED_MODULE_13__[\"default\"]; });\n\n/* harmony import */ var _socket__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./socket */ \"./src/store/modules/socket.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"socket\", function() { return _socket__WEBPACK_IMPORTED_MODULE_14__[\"default\"]; });\n\n/* harmony import */ var _stats__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./stats */ \"./src/store/modules/stats.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"stats\", function() { return _stats__WEBPACK_IMPORTED_MODULE_15__[\"default\"]; });\n\n/* harmony import */ var _system__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./system */ \"./src/store/modules/system.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"system\", function() { return _system__WEBPACK_IMPORTED_MODULE_16__[\"default\"]; });\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n//# sourceURL=webpack:///./src/store/modules/index.js?");
 
 /***/ }),
 
@@ -3940,11 +3952,11 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _mut
 /*!*************************************!*\
   !*** ./src/store/mutation-types.js ***!
   \*************************************/
-/*! exports provided: LOGIN_PENDING, LOGIN_SUCCESS, LOGIN_FAILED, LOGOUT, REFRESH_TOKEN, REMOVE_AUTH_ERROR, SOCKET_ONOPEN, SOCKET_ONCLOSE, SOCKET_ONERROR, SOCKET_ONMESSAGE, SOCKET_RECONNECT, SOCKET_RECONNECT_ERROR, NOTIFICATIONS_ENABLED, NOTIFICATIONS_DISABLED, ADD_CONFIG, ADD_SHOW, ADD_SHOW_EPISODE, ADD_STATS, ADD_SHOW_SCENE_EXCEPTION, REMOVE_SHOW_SCENE_EXCEPTION */
+/*! exports provided: LOGIN_PENDING, LOGIN_SUCCESS, LOGIN_FAILED, LOGOUT, REFRESH_TOKEN, REMOVE_AUTH_ERROR, SOCKET_ONOPEN, SOCKET_ONCLOSE, SOCKET_ONERROR, SOCKET_ONMESSAGE, SOCKET_RECONNECT, SOCKET_RECONNECT_ERROR, NOTIFICATIONS_ENABLED, NOTIFICATIONS_DISABLED, ADD_CONFIG, ADD_HISTORY, ADD_SHOW, ADD_SHOW_EPISODE, ADD_STATS, ADD_SHOW_SCENE_EXCEPTION, REMOVE_SHOW_SCENE_EXCEPTION, ADD_SHOW_HISTORY, ADD_SHOW_EPISODE_HISTORY */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"LOGIN_PENDING\", function() { return LOGIN_PENDING; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"LOGIN_SUCCESS\", function() { return LOGIN_SUCCESS; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"LOGIN_FAILED\", function() { return LOGIN_FAILED; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"LOGOUT\", function() { return LOGOUT; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"REFRESH_TOKEN\", function() { return REFRESH_TOKEN; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"REMOVE_AUTH_ERROR\", function() { return REMOVE_AUTH_ERROR; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"SOCKET_ONOPEN\", function() { return SOCKET_ONOPEN; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"SOCKET_ONCLOSE\", function() { return SOCKET_ONCLOSE; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"SOCKET_ONERROR\", function() { return SOCKET_ONERROR; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"SOCKET_ONMESSAGE\", function() { return SOCKET_ONMESSAGE; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"SOCKET_RECONNECT\", function() { return SOCKET_RECONNECT; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"SOCKET_RECONNECT_ERROR\", function() { return SOCKET_RECONNECT_ERROR; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"NOTIFICATIONS_ENABLED\", function() { return NOTIFICATIONS_ENABLED; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"NOTIFICATIONS_DISABLED\", function() { return NOTIFICATIONS_DISABLED; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ADD_CONFIG\", function() { return ADD_CONFIG; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ADD_SHOW\", function() { return ADD_SHOW; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ADD_SHOW_EPISODE\", function() { return ADD_SHOW_EPISODE; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ADD_STATS\", function() { return ADD_STATS; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ADD_SHOW_SCENE_EXCEPTION\", function() { return ADD_SHOW_SCENE_EXCEPTION; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"REMOVE_SHOW_SCENE_EXCEPTION\", function() { return REMOVE_SHOW_SCENE_EXCEPTION; });\nconst LOGIN_PENDING = '🔒 Logging in';\nconst LOGIN_SUCCESS = '🔒 ✅ Login Successful';\nconst LOGIN_FAILED = '🔒 ❌ Login Failed';\nconst LOGOUT = '🔒 Logout';\nconst REFRESH_TOKEN = '🔒 Refresh Token';\nconst REMOVE_AUTH_ERROR = '🔒 Remove Auth Error';\nconst SOCKET_ONOPEN = '🔗 ✅ WebSocket connected';\nconst SOCKET_ONCLOSE = '🔗 ❌ WebSocket disconnected';\nconst SOCKET_ONERROR = '🔗 ❌ WebSocket error';\nconst SOCKET_ONMESSAGE = '🔗 ✉️ 📥 WebSocket message received';\nconst SOCKET_RECONNECT = '🔗 🔃 WebSocket reconnecting';\nconst SOCKET_RECONNECT_ERROR = '🔗 🔃 ❌ WebSocket reconnection attempt failed';\nconst NOTIFICATIONS_ENABLED = '🔔 Notifications Enabled';\nconst NOTIFICATIONS_DISABLED = '🔔 Notifications Disabled';\nconst ADD_CONFIG = '⚙️ Config added to store';\nconst ADD_SHOW = '📺 Show added to store';\nconst ADD_SHOW_EPISODE = '📺 Shows season with episodes added to store';\nconst ADD_STATS = 'ℹ️ Statistics added to store';\nconst ADD_SHOW_SCENE_EXCEPTION = '📺 Add a scene exception';\nconst REMOVE_SHOW_SCENE_EXCEPTION = '📺 Remove a scene exception';\n\n\n//# sourceURL=webpack:///./src/store/mutation-types.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"LOGIN_PENDING\", function() { return LOGIN_PENDING; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"LOGIN_SUCCESS\", function() { return LOGIN_SUCCESS; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"LOGIN_FAILED\", function() { return LOGIN_FAILED; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"LOGOUT\", function() { return LOGOUT; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"REFRESH_TOKEN\", function() { return REFRESH_TOKEN; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"REMOVE_AUTH_ERROR\", function() { return REMOVE_AUTH_ERROR; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"SOCKET_ONOPEN\", function() { return SOCKET_ONOPEN; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"SOCKET_ONCLOSE\", function() { return SOCKET_ONCLOSE; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"SOCKET_ONERROR\", function() { return SOCKET_ONERROR; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"SOCKET_ONMESSAGE\", function() { return SOCKET_ONMESSAGE; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"SOCKET_RECONNECT\", function() { return SOCKET_RECONNECT; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"SOCKET_RECONNECT_ERROR\", function() { return SOCKET_RECONNECT_ERROR; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"NOTIFICATIONS_ENABLED\", function() { return NOTIFICATIONS_ENABLED; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"NOTIFICATIONS_DISABLED\", function() { return NOTIFICATIONS_DISABLED; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ADD_CONFIG\", function() { return ADD_CONFIG; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ADD_HISTORY\", function() { return ADD_HISTORY; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ADD_SHOW\", function() { return ADD_SHOW; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ADD_SHOW_EPISODE\", function() { return ADD_SHOW_EPISODE; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ADD_STATS\", function() { return ADD_STATS; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ADD_SHOW_SCENE_EXCEPTION\", function() { return ADD_SHOW_SCENE_EXCEPTION; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"REMOVE_SHOW_SCENE_EXCEPTION\", function() { return REMOVE_SHOW_SCENE_EXCEPTION; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ADD_SHOW_HISTORY\", function() { return ADD_SHOW_HISTORY; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ADD_SHOW_EPISODE_HISTORY\", function() { return ADD_SHOW_EPISODE_HISTORY; });\nconst LOGIN_PENDING = '🔒 Logging in';\nconst LOGIN_SUCCESS = '🔒 ✅ Login Successful';\nconst LOGIN_FAILED = '🔒 ❌ Login Failed';\nconst LOGOUT = '🔒 Logout';\nconst REFRESH_TOKEN = '🔒 Refresh Token';\nconst REMOVE_AUTH_ERROR = '🔒 Remove Auth Error';\nconst SOCKET_ONOPEN = '🔗 ✅ WebSocket connected';\nconst SOCKET_ONCLOSE = '🔗 ❌ WebSocket disconnected';\nconst SOCKET_ONERROR = '🔗 ❌ WebSocket error';\nconst SOCKET_ONMESSAGE = '🔗 ✉️ 📥 WebSocket message received';\nconst SOCKET_RECONNECT = '🔗 🔃 WebSocket reconnecting';\nconst SOCKET_RECONNECT_ERROR = '🔗 🔃 ❌ WebSocket reconnection attempt failed';\nconst NOTIFICATIONS_ENABLED = '🔔 Notifications Enabled';\nconst NOTIFICATIONS_DISABLED = '🔔 Notifications Disabled';\nconst ADD_CONFIG = '⚙️ Config added to store';\nconst ADD_SHOW = '📺 Show added to store';\nconst ADD_SHOW_EPISODE = '📺 Shows season with episodes added to store';\nconst ADD_STATS = 'ℹ️ Statistics added to store';\nconst ADD_SHOW_SCENE_EXCEPTION = '📺 Add a scene exception';\nconst REMOVE_SHOW_SCENE_EXCEPTION = '📺 Remove a scene exception';\nconst ADD_HISTORY = '📺 History added to store';\nconst ADD_SHOW_HISTORY = '📺 Show specific History added to store';\nconst ADD_SHOW_EPISODE_HISTORY = \"📺 Show's episode specific History added to store\";\n\n\n//# sourceURL=webpack:///./src/store/mutation-types.js?");
 
 /***/ }),
 

From 6311ec0a47b5caa5616f39ca85e9f2b441ff742d Mon Sep 17 00:00:00 2001
From: P0psicles <rogier@headshots.nl>
Date: Mon, 13 Apr 2020 19:07:41 +0200
Subject: [PATCH 03/16] Fix a small front end (racing condition) bug.

---
 medusa/tv/series.py | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/medusa/tv/series.py b/medusa/tv/series.py
index 8a8b3a3359..67e8c0a9cf 100644
--- a/medusa/tv/series.py
+++ b/medusa/tv/series.py
@@ -2103,6 +2103,12 @@ def to_json(self, detailed=False, episodes=False):
             data['config']['release']['blacklist'] = bw_list.blacklist
             data['config']['release']['whitelist'] = bw_list.whitelist
 
+        # Make sure these are at least defined
+        data['xemNumbering'] = []
+        data['sceneAbsoluteNumbering'] = []
+        data['xemAbsoluteNumbering'] = []
+        data['sceneNumbering'] = []
+
         if detailed:
             data['size'] = self.size
             data['showQueueStatus'] = self.show_queue_status
@@ -2111,9 +2117,6 @@ def to_json(self, detailed=False, episodes=False):
             if self.is_scene:
                 data['xemAbsoluteNumbering'] = dict_to_array(self.xem_absolute_numbering, key='absolute', value='sceneAbsolute')
                 data['sceneNumbering'] = numbering_tuple_to_dict(self.scene_numbering)
-            else:
-                data['xemAbsoluteNumbering'] = []
-                data['sceneNumbering'] = []
 
         if episodes:
             all_episodes = self.get_all_episodes()

From bb84c45f4d69d403d0774b5c5cea81dd53d339ae Mon Sep 17 00:00:00 2001
From: P0psicles <rogier@headshots.nl>
Date: Mon, 13 Apr 2020 19:08:35 +0200
Subject: [PATCH 04/16] Only show release names when status in Snatched or
 Downloaded

---
 themes-default/slim/src/components/subtitle-search.vue | 8 +++-----
 themes-default/slim/src/store/modules/history.js       | 7 ++++++-
 themes/dark/assets/js/medusa-runtime.js                | 6 +++---
 themes/light/assets/js/medusa-runtime.js               | 6 +++---
 4 files changed, 15 insertions(+), 12 deletions(-)

diff --git a/themes-default/slim/src/components/subtitle-search.vue b/themes-default/slim/src/components/subtitle-search.vue
index 55472a8c8d..c2849b40da 100644
--- a/themes-default/slim/src/components/subtitle-search.vue
+++ b/themes-default/slim/src/components/subtitle-search.vue
@@ -15,7 +15,7 @@
 
             <div v-if="subtitles.length > 0" class="subtitle-results">
                 <span class="release-name">
-                    Select subtitle for release name: {{releaseName}}
+                    {{releaseName}}
                 </span>
                 <vue-good-table
                             :columns="columns"
@@ -146,11 +146,9 @@ export default {
             const { episode, getLastReleaseName, show } = this;
             const lastKnownReleaseName = getLastReleaseName({ showSlug: show.id.slug, episodeSlug: episode.slug });
             if (lastKnownReleaseName) {
-                return lastKnownReleaseName;
-            } else {
-                return 'Could not get a downloaded release name from the history table'
+                return `Select subtitle for release: ${lastKnownReleaseName}`;
             }
-
+            return 'Could not get a downloaded release name from the history table';
         },
         subtitleParams() {
             const { episode, show } = this;
diff --git a/themes-default/slim/src/store/modules/history.js b/themes-default/slim/src/store/modules/history.js
index 61cd2ee3f2..a3ba810c1a 100644
--- a/themes-default/slim/src/store/modules/history.js
+++ b/themes-default/slim/src/store/modules/history.js
@@ -40,7 +40,12 @@ const getters = {
                 if ( state.episodeHistory[showSlug][episodeSlug].length === 1) {
                     return state.episodeHistory[showSlug][episodeSlug][0].resource;
                 }
-                return state.episodeHistory[showSlug][episodeSlug].sort((a, b) => (a.actionDate - b.actionDate) * -1).filter(ep => ep.resource !== '')[0].resource;
+                const filteredHistory = state.episodeHistory[showSlug][episodeSlug]
+                    .sort((a, b) => (a.actionDate - b.actionDate) * -1)
+                    .filter(ep => ['Snatched', 'Downloaded'].includes(ep.statusName) &&  ep.resource !== '');
+                if (filteredHistory.length > 0) {
+                    return filteredHistory[0].resource
+                }
             }
         }
     }
diff --git a/themes/dark/assets/js/medusa-runtime.js b/themes/dark/assets/js/medusa-runtime.js
index 53b6700c64..f55452cdda 100644
--- a/themes/dark/assets/js/medusa-runtime.js
+++ b/themes/dark/assets/js/medusa-runtime.js
@@ -536,7 +536,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(f
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var vue_good_table__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue-good-table */ \"./node_modules/vue-good-table/dist/vue-good-table.es.js\");\n/* harmony import */ var _api__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../api */ \"./src/api.js\");\n/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./helpers */ \"./src/components/helpers/index.js\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: 'subtitle-search',\n  components: {\n    StateSwitch: _helpers__WEBPACK_IMPORTED_MODULE_3__[\"StateSwitch\"],\n    VueGoodTable: vue_good_table__WEBPACK_IMPORTED_MODULE_1__[\"VueGoodTable\"]\n  },\n  props: {\n    show: {\n      type: Object,\n      required: true\n    },\n    episode: {\n      type: Object,\n      required: true\n    },\n    lang: {\n      type: String,\n      required: false\n    }\n  },\n\n  data() {\n    return {\n      columns: [{\n        label: 'Filename',\n        field: 'filename'\n      }, {\n        label: 'Language',\n        field: 'lang'\n      }, {\n        label: 'Provider',\n        field: 'provider'\n      }, {\n        label: 'Score',\n        field: 'score',\n        type: 'number'\n      }, {\n        label: 'Sub Score',\n        field: 'sub_score',\n        type: 'number'\n      }, {\n        label: 'Missing Matches',\n        field: rowObj => {\n          if (rowObj.missing_guess) {\n            return rowObj.missing_guess.join(', ');\n          }\n        },\n        type: 'array'\n      }, {\n        label: 'Download',\n        field: 'download',\n        sortable: false\n      }],\n      subtitles: [],\n      displayQuestion: false,\n      loading: false,\n      loadingMessage: ''\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapState\"])({\n      config: state => state.config,\n      episodeHistory: state => state.episodeHistory\n    }),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])({\n      getLastReleaseName: 'getLastReleaseName'\n    }),\n\n    releaseName() {\n      const {\n        episode,\n        getLastReleaseName,\n        show\n      } = this;\n      const lastKnownReleaseName = getLastReleaseName({\n        showSlug: show.id.slug,\n        episodeSlug: episode.slug\n      });\n\n      if (lastKnownReleaseName) {\n        return lastKnownReleaseName;\n      } else {\n        return 'Could not get a downloaded release name from the history table';\n      }\n    },\n\n    subtitleParams() {\n      const {\n        episode,\n        show\n      } = this;\n      const params = {\n        indexername: show.indexer,\n        seriesid: show.id[show.indexer],\n        season: episode.season,\n        episode: episode.episode\n      };\n      return params;\n    }\n\n  },\n\n  mounted() {\n    const {\n      episode,\n      getShowEpisodeHistory,\n      show\n    } = this;\n    this.displayQuestion = true;\n    getShowEpisodeHistory({\n      showSlug: show.id.slug,\n      episodeSlug: episode.slug\n    });\n  },\n\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])(['getShowEpisodeHistory']),\n\n    autoSearch() {\n      const {\n        lang,\n        subtitleParams\n      } = this;\n      const params = subtitleParams;\n\n      if (lang !== undefined) {\n        params.lang = lang;\n      }\n\n      this.displayQuestion = false;\n      this.loadingMessage = 'Searching for subtitles and downloading if available... ';\n      this.loading = true;\n      Object(_api__WEBPACK_IMPORTED_MODULE_2__[\"apiRoute\"])('home/searchEpisodeSubtitles', {\n        params\n      }).then(response => {\n        if (response.data.result !== 'failure') {\n          // Update the show, as we have new information (subtitles)\n          // Let's emit an event, telling the displayShow component, to update the show using the api/store.\n          this.$emit('update', {\n            reason: 'new subtitles found',\n            codes: response.data.subtitles,\n            languages: response.data.languages\n          });\n        }\n      }).catch(error => {\n        console.log(\"Error trying to search for subtitles. Error: \".concat(error));\n      }).finally(() => {\n        // Cleanup\n        this.loadingMessage = '';\n        this.loading = false;\n        this.close();\n      });\n    },\n\n    manualSearch() {\n      const {\n        getShowEpisodeHistory,\n        subtitleParams\n      } = this;\n      this.displayQuestion = false;\n      this.loading = true;\n      this.loadingMessage = 'Searching for subtitles... ';\n      Object(_api__WEBPACK_IMPORTED_MODULE_2__[\"apiRoute\"])('home/manualSearchSubtitles', {\n        params: subtitleParams\n      }).then(response => {\n        if (response.data.result === 'success') {\n          this.subtitles.push(...response.data.subtitles);\n        }\n      }).catch(error => {\n        console.log(\"Error trying to search for subtitles. Error: \".concat(error));\n      }).finally(() => {\n        this.loading = false;\n      });\n    },\n\n    redownloadLang() {\n      const {\n        subtitleParams\n      } = this;\n      Object(_api__WEBPACK_IMPORTED_MODULE_2__[\"apiRoute\"])('home/searchEpisodeSubtitles', {\n        params: subtitleParams\n      }).then(response => {\n        if (response.data.result !== 'failure') {\n          // Update the show, as we have new information (subtitles)\n          // Let's emit an event, telling the displayShow component, to update the show using the api/store.\n          this.$emit('update', {\n            reason: 'new subtitles found',\n            codes: response.data.subtitles,\n            languages: response.data.languages\n          });\n        }\n      }).catch(error => {\n        console.log(\"Error trying to search for subtitles. Error: \".concat(error));\n      }).finally(() => {\n        // Cleanup\n        this.loadingMessage = '';\n        this.loading = false;\n        this.close();\n      });\n    },\n\n    pickSubtitle(subtitleId) {\n      // Download and save this subtitle with the episode.\n      const {\n        subtitleParams\n      } = this;\n      const params = { ...subtitleParams,\n        picked_id: subtitleId // eslint-disable-line camelcase\n\n      };\n      this.displayQuestion = false;\n      this.loadingMessage = 'downloading subtitle... ';\n      this.loading = true;\n      Object(_api__WEBPACK_IMPORTED_MODULE_2__[\"apiRoute\"])('home/manualSearchSubtitles', {\n        params\n      }).then(response => {\n        if (response.data.result === 'success') {\n          // Update the show, as we have new information (subtitles)\n          // Let's emit an event, telling the displayShow component, to update the show using the api/store.\n          this.$emit('update', {\n            reason: 'new subtitles found',\n            codes: response.data.subtitles,\n            languages: response.data.languages\n          });\n        }\n      }).catch(error => {\n        console.log(\"Error trying to search for subtitles. Error: \".concat(error));\n      }).finally(() => {\n        // Cleanup\n        this.loadingMessage = '';\n        this.loading = false;\n        this.close();\n      });\n    },\n\n    close() {\n      this.$emit('close'); // Destroy the vue listeners, etc\n\n      this.$destroy(); // Remove the element from the DOM\n\n      this.$el.parentNode.removeChild(this.$el);\n    }\n\n  }\n});\n\n//# sourceURL=webpack:///./src/components/subtitle-search.vue?./node_modules/babel-loader/lib??ref--1!./node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var vue_good_table__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue-good-table */ \"./node_modules/vue-good-table/dist/vue-good-table.es.js\");\n/* harmony import */ var _api__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../api */ \"./src/api.js\");\n/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./helpers */ \"./src/components/helpers/index.js\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: 'subtitle-search',\n  components: {\n    StateSwitch: _helpers__WEBPACK_IMPORTED_MODULE_3__[\"StateSwitch\"],\n    VueGoodTable: vue_good_table__WEBPACK_IMPORTED_MODULE_1__[\"VueGoodTable\"]\n  },\n  props: {\n    show: {\n      type: Object,\n      required: true\n    },\n    episode: {\n      type: Object,\n      required: true\n    },\n    lang: {\n      type: String,\n      required: false\n    }\n  },\n\n  data() {\n    return {\n      columns: [{\n        label: 'Filename',\n        field: 'filename'\n      }, {\n        label: 'Language',\n        field: 'lang'\n      }, {\n        label: 'Provider',\n        field: 'provider'\n      }, {\n        label: 'Score',\n        field: 'score',\n        type: 'number'\n      }, {\n        label: 'Sub Score',\n        field: 'sub_score',\n        type: 'number'\n      }, {\n        label: 'Missing Matches',\n        field: rowObj => {\n          if (rowObj.missing_guess) {\n            return rowObj.missing_guess.join(', ');\n          }\n        },\n        type: 'array'\n      }, {\n        label: 'Download',\n        field: 'download',\n        sortable: false\n      }],\n      subtitles: [],\n      displayQuestion: false,\n      loading: false,\n      loadingMessage: ''\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapState\"])({\n      config: state => state.config,\n      episodeHistory: state => state.episodeHistory\n    }),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])({\n      getLastReleaseName: 'getLastReleaseName'\n    }),\n\n    releaseName() {\n      const {\n        episode,\n        getLastReleaseName,\n        show\n      } = this;\n      const lastKnownReleaseName = getLastReleaseName({\n        showSlug: show.id.slug,\n        episodeSlug: episode.slug\n      });\n\n      if (lastKnownReleaseName) {\n        return \"Select subtitle for release: \".concat(lastKnownReleaseName);\n      }\n\n      return 'Could not get a downloaded release name from the history table';\n    },\n\n    subtitleParams() {\n      const {\n        episode,\n        show\n      } = this;\n      const params = {\n        indexername: show.indexer,\n        seriesid: show.id[show.indexer],\n        season: episode.season,\n        episode: episode.episode\n      };\n      return params;\n    }\n\n  },\n\n  mounted() {\n    const {\n      episode,\n      getShowEpisodeHistory,\n      show\n    } = this;\n    this.displayQuestion = true;\n    getShowEpisodeHistory({\n      showSlug: show.id.slug,\n      episodeSlug: episode.slug\n    });\n  },\n\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])(['getShowEpisodeHistory']),\n\n    autoSearch() {\n      const {\n        lang,\n        subtitleParams\n      } = this;\n      const params = subtitleParams;\n\n      if (lang !== undefined) {\n        params.lang = lang;\n      }\n\n      this.displayQuestion = false;\n      this.loadingMessage = 'Searching for subtitles and downloading if available... ';\n      this.loading = true;\n      Object(_api__WEBPACK_IMPORTED_MODULE_2__[\"apiRoute\"])('home/searchEpisodeSubtitles', {\n        params\n      }).then(response => {\n        if (response.data.result !== 'failure') {\n          // Update the show, as we have new information (subtitles)\n          // Let's emit an event, telling the displayShow component, to update the show using the api/store.\n          this.$emit('update', {\n            reason: 'new subtitles found',\n            codes: response.data.subtitles,\n            languages: response.data.languages\n          });\n        }\n      }).catch(error => {\n        console.log(\"Error trying to search for subtitles. Error: \".concat(error));\n      }).finally(() => {\n        // Cleanup\n        this.loadingMessage = '';\n        this.loading = false;\n        this.close();\n      });\n    },\n\n    manualSearch() {\n      const {\n        getShowEpisodeHistory,\n        subtitleParams\n      } = this;\n      this.displayQuestion = false;\n      this.loading = true;\n      this.loadingMessage = 'Searching for subtitles... ';\n      Object(_api__WEBPACK_IMPORTED_MODULE_2__[\"apiRoute\"])('home/manualSearchSubtitles', {\n        params: subtitleParams\n      }).then(response => {\n        if (response.data.result === 'success') {\n          this.subtitles.push(...response.data.subtitles);\n        }\n      }).catch(error => {\n        console.log(\"Error trying to search for subtitles. Error: \".concat(error));\n      }).finally(() => {\n        this.loading = false;\n      });\n    },\n\n    redownloadLang() {\n      const {\n        subtitleParams\n      } = this;\n      Object(_api__WEBPACK_IMPORTED_MODULE_2__[\"apiRoute\"])('home/searchEpisodeSubtitles', {\n        params: subtitleParams\n      }).then(response => {\n        if (response.data.result !== 'failure') {\n          // Update the show, as we have new information (subtitles)\n          // Let's emit an event, telling the displayShow component, to update the show using the api/store.\n          this.$emit('update', {\n            reason: 'new subtitles found',\n            codes: response.data.subtitles,\n            languages: response.data.languages\n          });\n        }\n      }).catch(error => {\n        console.log(\"Error trying to search for subtitles. Error: \".concat(error));\n      }).finally(() => {\n        // Cleanup\n        this.loadingMessage = '';\n        this.loading = false;\n        this.close();\n      });\n    },\n\n    pickSubtitle(subtitleId) {\n      // Download and save this subtitle with the episode.\n      const {\n        subtitleParams\n      } = this;\n      const params = { ...subtitleParams,\n        picked_id: subtitleId // eslint-disable-line camelcase\n\n      };\n      this.displayQuestion = false;\n      this.loadingMessage = 'downloading subtitle... ';\n      this.loading = true;\n      Object(_api__WEBPACK_IMPORTED_MODULE_2__[\"apiRoute\"])('home/manualSearchSubtitles', {\n        params\n      }).then(response => {\n        if (response.data.result === 'success') {\n          // Update the show, as we have new information (subtitles)\n          // Let's emit an event, telling the displayShow component, to update the show using the api/store.\n          this.$emit('update', {\n            reason: 'new subtitles found',\n            codes: response.data.subtitles,\n            languages: response.data.languages\n          });\n        }\n      }).catch(error => {\n        console.log(\"Error trying to search for subtitles. Error: \".concat(error));\n      }).finally(() => {\n        // Cleanup\n        this.loadingMessage = '';\n        this.loading = false;\n        this.close();\n      });\n    },\n\n    close() {\n      this.$emit('close'); // Destroy the vue listeners, etc\n\n      this.$destroy(); // Remove the element from the DOM\n\n      this.$el.parentNode.removeChild(this.$el);\n    }\n\n  }\n});\n\n//# sourceURL=webpack:///./src/components/subtitle-search.vue?./node_modules/babel-loader/lib??ref--1!./node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -1256,7 +1256,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(\"tr\", { staticClass: \"subtitle-search-wrapper\" }, [\n    _c(\"td\", { attrs: { colspan: \"9999\" } }, [\n      _vm.loading\n        ? _c(\n            \"span\",\n            { staticClass: \"loading-message\" },\n            [\n              _vm._v(_vm._s(_vm.loadingMessage) + \" \"),\n              _c(\"state-switch\", {\n                attrs: { theme: _vm.config.themeName, state: \"loading\" }\n              })\n            ],\n            1\n          )\n        : _vm._e(),\n      _vm._v(\" \"),\n      _vm.displayQuestion\n        ? _c(\"div\", { staticClass: \"search-question\" }, [\n            _c(\"div\", { staticClass: \"question\" }, [\n              !_vm.lang\n                ? _c(\"p\", [\n                    _vm._v(\n                      \"Do you want to manually pick subtitles or let us choose it for you?\"\n                    )\n                  ])\n                : _c(\"p\", [\n                    _vm._v(\n                      \"Do you want to manually pick subtitles or search a subtitle with the language code \"\n                    ),\n                    _c(\"b\", [_vm._v(_vm._s(_vm.lang))]),\n                    _vm._v(\" for you?\")\n                  ])\n            ]),\n            _vm._v(\" \"),\n            _c(\"div\", { staticClass: \"options\" }, [\n              _c(\n                \"button\",\n                {\n                  staticClass: \"btn-medusa btn-info\",\n                  attrs: { type: \"button\" },\n                  on: { click: _vm.autoSearch }\n                },\n                [_vm._v(\"Auto\")]\n              ),\n              _vm._v(\" \"),\n              _c(\n                \"button\",\n                {\n                  staticClass: \"btn-medusa btn-success\",\n                  attrs: { type: \"button\" },\n                  on: { click: _vm.manualSearch }\n                },\n                [_vm._v(\"Manual\")]\n              )\n            ])\n          ])\n        : _vm._e(),\n      _vm._v(\" \"),\n      _vm.subtitles.length > 0\n        ? _c(\n            \"div\",\n            { staticClass: \"subtitle-results\" },\n            [\n              _c(\"span\", { staticClass: \"release-name\" }, [\n                _vm._v(\n                  \"\\n                Select subtitle for release name: \" +\n                    _vm._s(_vm.releaseName) +\n                    \"\\n            \"\n                )\n              ]),\n              _vm._v(\" \"),\n              _c(\"vue-good-table\", {\n                attrs: {\n                  columns: _vm.columns,\n                  rows: _vm.subtitles,\n                  \"search-options\": {\n                    enabled: false\n                  },\n                  \"sort-options\": {\n                    enabled: true,\n                    initialSortBy: { field: \"score\", type: \"desc\" }\n                  },\n                  styleClass: \"vgt-table condensed subtitle-table\"\n                },\n                scopedSlots: _vm._u(\n                  [\n                    {\n                      key: \"table-column\",\n                      fn: function(props) {\n                        return [\n                          props.column.label === \"Download\"\n                            ? _c(\"span\", [\n                                _c(\"span\", [\n                                  _vm._v(_vm._s(props.column.label))\n                                ]),\n                                _vm._v(\" \"),\n                                _c(\n                                  \"span\",\n                                  {\n                                    staticClass: \"btn-medusa btn-xs pull-right\",\n                                    on: { click: _vm.close }\n                                  },\n                                  [_vm._v(\"hide\")]\n                                )\n                              ])\n                            : _c(\"span\", [\n                                _vm._v(\n                                  \"\\n                        \" +\n                                    _vm._s(props.column.label) +\n                                    \"\\n                    \"\n                                )\n                              ])\n                        ]\n                      }\n                    },\n                    {\n                      key: \"table-row\",\n                      fn: function(props) {\n                        return [\n                          props.column.field === \"provider\"\n                            ? _c(\"span\", [\n                                _c(\"img\", {\n                                  attrs: {\n                                    src:\n                                      \"images/subtitles/\" +\n                                      props.row.provider +\n                                      \".png\",\n                                    width: \"16\",\n                                    height: \"16\"\n                                  }\n                                }),\n                                _vm._v(\" \"),\n                                _c(\n                                  \"span\",\n                                  { attrs: { title: props.row.provider } },\n                                  [_vm._v(_vm._s(props.row.provider))]\n                                )\n                              ])\n                            : props.column.field === \"lang\"\n                            ? _c(\"span\", [\n                                _c(\"img\", {\n                                  attrs: {\n                                    title: props.row.lang,\n                                    src:\n                                      \"images/subtitles/flags/\" +\n                                      props.row.lang +\n                                      \".png\",\n                                    width: \"16\",\n                                    height: \"11\"\n                                  }\n                                })\n                              ])\n                            : props.column.field === \"filename\"\n                            ? _c(\"span\", [\n                                _c(\n                                  \"a\",\n                                  {\n                                    attrs: {\n                                      title:\n                                        \"Download\" +\n                                        (props.row.hearing_impaired\n                                          ? \" hearing impaired \"\n                                          : \" \") +\n                                        \"subtitle: \" +\n                                        props.row.filename\n                                    },\n                                    on: {\n                                      click: function($event) {\n                                        return _vm.pickSubtitle(props.row.id)\n                                      }\n                                    }\n                                  },\n                                  [\n                                    props.row.hearing_impaired\n                                      ? _c(\"img\", {\n                                          attrs: {\n                                            src: \"images/hearing_impaired.png\",\n                                            width: \"16\",\n                                            height: \"16\"\n                                          }\n                                        })\n                                      : _vm._e(),\n                                    _vm._v(\" \"),\n                                    _c(\n                                      \"span\",\n                                      { staticClass: \"subtitle-name\" },\n                                      [_vm._v(_vm._s(props.row.filename))]\n                                    ),\n                                    _vm._v(\" \"),\n                                    props.row.sub_score >= props.row.min_score\n                                      ? _c(\"img\", {\n                                          attrs: {\n                                            src: \"images/save.png\",\n                                            width: \"16\",\n                                            height: \"16\"\n                                          }\n                                        })\n                                      : _vm._e()\n                                  ]\n                                )\n                              ])\n                            : props.column.field === \"download\"\n                            ? _c(\"span\", [\n                                _c(\n                                  \"a\",\n                                  {\n                                    attrs: {\n                                      title:\n                                        \"Download\" +\n                                        (props.row.hearing_impaired\n                                          ? \" hearing impaired \"\n                                          : \" \") +\n                                        \"subtitle: \" +\n                                        props.row.filename\n                                    },\n                                    on: {\n                                      click: function($event) {\n                                        return _vm.pickSubtitle(props.row.id)\n                                      }\n                                    }\n                                  },\n                                  [\n                                    _c(\"img\", {\n                                      attrs: {\n                                        src: \"images/download.png\",\n                                        width: \"16\",\n                                        height: \"16\"\n                                      }\n                                    })\n                                  ]\n                                )\n                              ])\n                            : _c(\"span\", [\n                                _vm._v(\n                                  \"\\n                        \" +\n                                    _vm._s(\n                                      props.formattedRow[props.column.field]\n                                    ) +\n                                    \"\\n                    \"\n                                )\n                              ])\n                        ]\n                      }\n                    }\n                  ],\n                  null,\n                  false,\n                  3665434881\n                )\n              })\n            ],\n            1\n          )\n        : _vm._e()\n    ])\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./src/components/subtitle-search.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(\"tr\", { staticClass: \"subtitle-search-wrapper\" }, [\n    _c(\"td\", { attrs: { colspan: \"9999\" } }, [\n      _vm.loading\n        ? _c(\n            \"span\",\n            { staticClass: \"loading-message\" },\n            [\n              _vm._v(_vm._s(_vm.loadingMessage) + \" \"),\n              _c(\"state-switch\", {\n                attrs: { theme: _vm.config.themeName, state: \"loading\" }\n              })\n            ],\n            1\n          )\n        : _vm._e(),\n      _vm._v(\" \"),\n      _vm.displayQuestion\n        ? _c(\"div\", { staticClass: \"search-question\" }, [\n            _c(\"div\", { staticClass: \"question\" }, [\n              !_vm.lang\n                ? _c(\"p\", [\n                    _vm._v(\n                      \"Do you want to manually pick subtitles or let us choose it for you?\"\n                    )\n                  ])\n                : _c(\"p\", [\n                    _vm._v(\n                      \"Do you want to manually pick subtitles or search a subtitle with the language code \"\n                    ),\n                    _c(\"b\", [_vm._v(_vm._s(_vm.lang))]),\n                    _vm._v(\" for you?\")\n                  ])\n            ]),\n            _vm._v(\" \"),\n            _c(\"div\", { staticClass: \"options\" }, [\n              _c(\n                \"button\",\n                {\n                  staticClass: \"btn-medusa btn-info\",\n                  attrs: { type: \"button\" },\n                  on: { click: _vm.autoSearch }\n                },\n                [_vm._v(\"Auto\")]\n              ),\n              _vm._v(\" \"),\n              _c(\n                \"button\",\n                {\n                  staticClass: \"btn-medusa btn-success\",\n                  attrs: { type: \"button\" },\n                  on: { click: _vm.manualSearch }\n                },\n                [_vm._v(\"Manual\")]\n              )\n            ])\n          ])\n        : _vm._e(),\n      _vm._v(\" \"),\n      _vm.subtitles.length > 0\n        ? _c(\n            \"div\",\n            { staticClass: \"subtitle-results\" },\n            [\n              _c(\"span\", { staticClass: \"release-name\" }, [\n                _vm._v(\n                  \"\\n                \" +\n                    _vm._s(_vm.releaseName) +\n                    \"\\n            \"\n                )\n              ]),\n              _vm._v(\" \"),\n              _c(\"vue-good-table\", {\n                attrs: {\n                  columns: _vm.columns,\n                  rows: _vm.subtitles,\n                  \"search-options\": {\n                    enabled: false\n                  },\n                  \"sort-options\": {\n                    enabled: true,\n                    initialSortBy: { field: \"score\", type: \"desc\" }\n                  },\n                  styleClass: \"vgt-table condensed subtitle-table\"\n                },\n                scopedSlots: _vm._u(\n                  [\n                    {\n                      key: \"table-column\",\n                      fn: function(props) {\n                        return [\n                          props.column.label === \"Download\"\n                            ? _c(\"span\", [\n                                _c(\"span\", [\n                                  _vm._v(_vm._s(props.column.label))\n                                ]),\n                                _vm._v(\" \"),\n                                _c(\n                                  \"span\",\n                                  {\n                                    staticClass: \"btn-medusa btn-xs pull-right\",\n                                    on: { click: _vm.close }\n                                  },\n                                  [_vm._v(\"hide\")]\n                                )\n                              ])\n                            : _c(\"span\", [\n                                _vm._v(\n                                  \"\\n                        \" +\n                                    _vm._s(props.column.label) +\n                                    \"\\n                    \"\n                                )\n                              ])\n                        ]\n                      }\n                    },\n                    {\n                      key: \"table-row\",\n                      fn: function(props) {\n                        return [\n                          props.column.field === \"provider\"\n                            ? _c(\"span\", [\n                                _c(\"img\", {\n                                  attrs: {\n                                    src:\n                                      \"images/subtitles/\" +\n                                      props.row.provider +\n                                      \".png\",\n                                    width: \"16\",\n                                    height: \"16\"\n                                  }\n                                }),\n                                _vm._v(\" \"),\n                                _c(\n                                  \"span\",\n                                  { attrs: { title: props.row.provider } },\n                                  [_vm._v(_vm._s(props.row.provider))]\n                                )\n                              ])\n                            : props.column.field === \"lang\"\n                            ? _c(\"span\", [\n                                _c(\"img\", {\n                                  attrs: {\n                                    title: props.row.lang,\n                                    src:\n                                      \"images/subtitles/flags/\" +\n                                      props.row.lang +\n                                      \".png\",\n                                    width: \"16\",\n                                    height: \"11\"\n                                  }\n                                })\n                              ])\n                            : props.column.field === \"filename\"\n                            ? _c(\"span\", [\n                                _c(\n                                  \"a\",\n                                  {\n                                    attrs: {\n                                      title:\n                                        \"Download\" +\n                                        (props.row.hearing_impaired\n                                          ? \" hearing impaired \"\n                                          : \" \") +\n                                        \"subtitle: \" +\n                                        props.row.filename\n                                    },\n                                    on: {\n                                      click: function($event) {\n                                        return _vm.pickSubtitle(props.row.id)\n                                      }\n                                    }\n                                  },\n                                  [\n                                    props.row.hearing_impaired\n                                      ? _c(\"img\", {\n                                          attrs: {\n                                            src: \"images/hearing_impaired.png\",\n                                            width: \"16\",\n                                            height: \"16\"\n                                          }\n                                        })\n                                      : _vm._e(),\n                                    _vm._v(\" \"),\n                                    _c(\n                                      \"span\",\n                                      { staticClass: \"subtitle-name\" },\n                                      [_vm._v(_vm._s(props.row.filename))]\n                                    ),\n                                    _vm._v(\" \"),\n                                    props.row.sub_score >= props.row.min_score\n                                      ? _c(\"img\", {\n                                          attrs: {\n                                            src: \"images/save.png\",\n                                            width: \"16\",\n                                            height: \"16\"\n                                          }\n                                        })\n                                      : _vm._e()\n                                  ]\n                                )\n                              ])\n                            : props.column.field === \"download\"\n                            ? _c(\"span\", [\n                                _c(\n                                  \"a\",\n                                  {\n                                    attrs: {\n                                      title:\n                                        \"Download\" +\n                                        (props.row.hearing_impaired\n                                          ? \" hearing impaired \"\n                                          : \" \") +\n                                        \"subtitle: \" +\n                                        props.row.filename\n                                    },\n                                    on: {\n                                      click: function($event) {\n                                        return _vm.pickSubtitle(props.row.id)\n                                      }\n                                    }\n                                  },\n                                  [\n                                    _c(\"img\", {\n                                      attrs: {\n                                        src: \"images/download.png\",\n                                        width: \"16\",\n                                        height: \"16\"\n                                      }\n                                    })\n                                  ]\n                                )\n                              ])\n                            : _c(\"span\", [\n                                _vm._v(\n                                  \"\\n                        \" +\n                                    _vm._s(\n                                      props.formattedRow[props.column.field]\n                                    ) +\n                                    \"\\n                    \"\n                                )\n                              ])\n                        ]\n                      }\n                    }\n                  ],\n                  null,\n                  false,\n                  3665434881\n                )\n              })\n            ],\n            1\n          )\n        : _vm._e()\n    ])\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./src/components/subtitle-search.vue?./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -3524,7 +3524,7 @@ eval("__webpack_require__.r(__webpack_exports__);\nconst state = {\n  show: {\n
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ \"./node_modules/vue/dist/vue.esm.js\");\n/* harmony import */ var _api__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../api */ \"./src/api.js\");\n/* harmony import */ var _mutation_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../mutation-types */ \"./src/store/mutation-types.js\");\n\n\n\nconst state = {\n  history: [],\n  page: 0,\n  showHistory: {},\n  episodeHistory: {}\n};\nconst mutations = {\n  [_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_HISTORY\"]](state, history) {\n    // Update state\n    state.history.push(...history);\n  },\n\n  [_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW_HISTORY\"]](state, {\n    showSlug,\n    history\n  }) {\n    // Keep an array of shows, with their history\n    // Maybe we can just check the last id. And if the id's are newer, add them. Less fancy, much more fast.\n    vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"].set(state.showHistory, showSlug, history);\n  },\n\n  [_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW_EPISODE_HISTORY\"]](state, {\n    showSlug,\n    episodeSlug,\n    history\n  }) {\n    // Keep an object of shows, with their history per episode\n    // Example: {tvdb1234: {s01e01: [history]}}\n    if (!Object.keys(state.episodeHistory).includes(showSlug)) {\n      state.episodeHistory[showSlug] = {};\n    }\n\n    vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"].set(state.episodeHistory[showSlug], episodeSlug, history);\n  }\n\n};\nconst getters = {\n  getShowHistoryBySlug: state => showSlug => state.showHistory[showSlug],\n  getLastReleaseName: state => ({\n    showSlug,\n    episodeSlug\n  }) => {\n    if (state.episodeHistory[showSlug] !== undefined) {\n      if (state.episodeHistory[showSlug][episodeSlug] !== undefined) {\n        if (state.episodeHistory[showSlug][episodeSlug].length === 1) {\n          return state.episodeHistory[showSlug][episodeSlug][0].resource;\n        }\n\n        return state.episodeHistory[showSlug][episodeSlug].sort((a, b) => (a.actionDate - b.actionDate) * -1).filter(ep => ep.resource !== '')[0].resource;\n      }\n    }\n  }\n};\n/**\n * An object representing request parameters for getting a show from the API.\n *\n * @typedef {object} ShowGetParameters\n * @property {boolean} detailed Fetch detailed information? (e.g. scene/xem numbering)\n * @property {boolean} episodes Fetch seasons & episodes?\n */\n\nconst actions = {\n  /**\n   * Get show history from API and commit it to the store.\n   *\n   * @param {*} context The store context.\n   * @param {ShowIdentifier&ShowGetParameters} parameters Request parameters.\n   * @returns {Promise} The API response.\n   */\n  async getShowHistory(context, {\n    slug\n  }) {\n    const {\n      commit\n    } = context;\n    const response = await _api__WEBPACK_IMPORTED_MODULE_1__[\"api\"].get(\"/history/\".concat(slug));\n\n    if (response.data.length > 0) {\n      commit(_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW_HISTORY\"], {\n        showSlug: slug,\n        history: response.data\n      });\n    }\n  },\n\n  /**\n   * Get history from API and commit them to the store.\n   *\n   * @param {*} context - The store context.\n   * @param {(ShowIdentifier&ShowGetParameters)[]} shows Shows to get. If not provided, gets the first 1k shows.\n   * @returns {undefined|Promise} undefined if `shows` was provided or the API response if not.\n   */\n  async getHistory(context) {\n    const {\n      commit,\n      state\n    } = context;\n    const limit = 1000;\n    const params = {\n      limit\n    };\n    let lastPage = false;\n    let response = null;\n\n    while (!lastPage) {\n      state.page += 1;\n      params.page = state.page;\n      response = await _api__WEBPACK_IMPORTED_MODULE_1__[\"api\"].get(\"/history\", {\n        params\n      }); // No way around this.\n\n      commit(_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_HISTORY\"], response.data);\n\n      if (response.data.length < limit) {\n        lastPage = true;\n      }\n    }\n  },\n\n  /**\n   * Get episode history from API and commit it to the store.\n   *\n   * @param {*} context The store context.\n   * @param {ShowIdentifier&ShowGetParameters} parameters Request parameters.\n   * @returns {Promise} The API response.\n   */\n  async getShowEpisodeHistory(context, {\n    showSlug,\n    episodeSlug\n  }) {\n    const {\n      commit\n    } = context;\n    const response = await _api__WEBPACK_IMPORTED_MODULE_1__[\"api\"].get(\"/history/\".concat(showSlug, \"/episode/\").concat(episodeSlug));\n\n    if (response.data.length > 0) {\n      commit(_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW_EPISODE_HISTORY\"], {\n        showSlug,\n        episodeSlug,\n        history: response.data\n      });\n    }\n  }\n\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  state,\n  mutations,\n  getters,\n  actions\n});\n\n//# sourceURL=webpack:///./src/store/modules/history.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ \"./node_modules/vue/dist/vue.esm.js\");\n/* harmony import */ var _api__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../api */ \"./src/api.js\");\n/* harmony import */ var _mutation_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../mutation-types */ \"./src/store/mutation-types.js\");\n\n\n\nconst state = {\n  history: [],\n  page: 0,\n  showHistory: {},\n  episodeHistory: {}\n};\nconst mutations = {\n  [_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_HISTORY\"]](state, history) {\n    // Update state\n    state.history.push(...history);\n  },\n\n  [_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW_HISTORY\"]](state, {\n    showSlug,\n    history\n  }) {\n    // Keep an array of shows, with their history\n    // Maybe we can just check the last id. And if the id's are newer, add them. Less fancy, much more fast.\n    vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"].set(state.showHistory, showSlug, history);\n  },\n\n  [_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW_EPISODE_HISTORY\"]](state, {\n    showSlug,\n    episodeSlug,\n    history\n  }) {\n    // Keep an object of shows, with their history per episode\n    // Example: {tvdb1234: {s01e01: [history]}}\n    if (!Object.keys(state.episodeHistory).includes(showSlug)) {\n      state.episodeHistory[showSlug] = {};\n    }\n\n    vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"].set(state.episodeHistory[showSlug], episodeSlug, history);\n  }\n\n};\nconst getters = {\n  getShowHistoryBySlug: state => showSlug => state.showHistory[showSlug],\n  getLastReleaseName: state => ({\n    showSlug,\n    episodeSlug\n  }) => {\n    if (state.episodeHistory[showSlug] !== undefined) {\n      if (state.episodeHistory[showSlug][episodeSlug] !== undefined) {\n        if (state.episodeHistory[showSlug][episodeSlug].length === 1) {\n          return state.episodeHistory[showSlug][episodeSlug][0].resource;\n        }\n\n        const filteredHistory = state.episodeHistory[showSlug][episodeSlug].sort((a, b) => (a.actionDate - b.actionDate) * -1).filter(ep => ['Snatched', 'Downloaded'].includes(ep.statusName) && ep.resource !== '');\n\n        if (filteredHistory.length > 0) {\n          return filteredHistory[0].resource;\n        }\n      }\n    }\n  }\n};\n/**\n * An object representing request parameters for getting a show from the API.\n *\n * @typedef {object} ShowGetParameters\n * @property {boolean} detailed Fetch detailed information? (e.g. scene/xem numbering)\n * @property {boolean} episodes Fetch seasons & episodes?\n */\n\nconst actions = {\n  /**\n   * Get show history from API and commit it to the store.\n   *\n   * @param {*} context The store context.\n   * @param {ShowIdentifier&ShowGetParameters} parameters Request parameters.\n   * @returns {Promise} The API response.\n   */\n  async getShowHistory(context, {\n    slug\n  }) {\n    const {\n      commit\n    } = context;\n    const response = await _api__WEBPACK_IMPORTED_MODULE_1__[\"api\"].get(\"/history/\".concat(slug));\n\n    if (response.data.length > 0) {\n      commit(_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW_HISTORY\"], {\n        showSlug: slug,\n        history: response.data\n      });\n    }\n  },\n\n  /**\n   * Get history from API and commit them to the store.\n   *\n   * @param {*} context - The store context.\n   * @param {(ShowIdentifier&ShowGetParameters)[]} shows Shows to get. If not provided, gets the first 1k shows.\n   * @returns {undefined|Promise} undefined if `shows` was provided or the API response if not.\n   */\n  async getHistory(context) {\n    const {\n      commit,\n      state\n    } = context;\n    const limit = 1000;\n    const params = {\n      limit\n    };\n    let lastPage = false;\n    let response = null;\n\n    while (!lastPage) {\n      state.page += 1;\n      params.page = state.page;\n      response = await _api__WEBPACK_IMPORTED_MODULE_1__[\"api\"].get(\"/history\", {\n        params\n      }); // No way around this.\n\n      commit(_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_HISTORY\"], response.data);\n\n      if (response.data.length < limit) {\n        lastPage = true;\n      }\n    }\n  },\n\n  /**\n   * Get episode history from API and commit it to the store.\n   *\n   * @param {*} context The store context.\n   * @param {ShowIdentifier&ShowGetParameters} parameters Request parameters.\n   * @returns {Promise} The API response.\n   */\n  async getShowEpisodeHistory(context, {\n    showSlug,\n    episodeSlug\n  }) {\n    const {\n      commit\n    } = context;\n    const response = await _api__WEBPACK_IMPORTED_MODULE_1__[\"api\"].get(\"/history/\".concat(showSlug, \"/episode/\").concat(episodeSlug));\n\n    if (response.data.length > 0) {\n      commit(_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW_EPISODE_HISTORY\"], {\n        showSlug,\n        episodeSlug,\n        history: response.data\n      });\n    }\n  }\n\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  state,\n  mutations,\n  getters,\n  actions\n});\n\n//# sourceURL=webpack:///./src/store/modules/history.js?");
 
 /***/ }),
 
diff --git a/themes/light/assets/js/medusa-runtime.js b/themes/light/assets/js/medusa-runtime.js
index 53b6700c64..f55452cdda 100644
--- a/themes/light/assets/js/medusa-runtime.js
+++ b/themes/light/assets/js/medusa-runtime.js
@@ -536,7 +536,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(f
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var vue_good_table__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue-good-table */ \"./node_modules/vue-good-table/dist/vue-good-table.es.js\");\n/* harmony import */ var _api__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../api */ \"./src/api.js\");\n/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./helpers */ \"./src/components/helpers/index.js\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: 'subtitle-search',\n  components: {\n    StateSwitch: _helpers__WEBPACK_IMPORTED_MODULE_3__[\"StateSwitch\"],\n    VueGoodTable: vue_good_table__WEBPACK_IMPORTED_MODULE_1__[\"VueGoodTable\"]\n  },\n  props: {\n    show: {\n      type: Object,\n      required: true\n    },\n    episode: {\n      type: Object,\n      required: true\n    },\n    lang: {\n      type: String,\n      required: false\n    }\n  },\n\n  data() {\n    return {\n      columns: [{\n        label: 'Filename',\n        field: 'filename'\n      }, {\n        label: 'Language',\n        field: 'lang'\n      }, {\n        label: 'Provider',\n        field: 'provider'\n      }, {\n        label: 'Score',\n        field: 'score',\n        type: 'number'\n      }, {\n        label: 'Sub Score',\n        field: 'sub_score',\n        type: 'number'\n      }, {\n        label: 'Missing Matches',\n        field: rowObj => {\n          if (rowObj.missing_guess) {\n            return rowObj.missing_guess.join(', ');\n          }\n        },\n        type: 'array'\n      }, {\n        label: 'Download',\n        field: 'download',\n        sortable: false\n      }],\n      subtitles: [],\n      displayQuestion: false,\n      loading: false,\n      loadingMessage: ''\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapState\"])({\n      config: state => state.config,\n      episodeHistory: state => state.episodeHistory\n    }),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])({\n      getLastReleaseName: 'getLastReleaseName'\n    }),\n\n    releaseName() {\n      const {\n        episode,\n        getLastReleaseName,\n        show\n      } = this;\n      const lastKnownReleaseName = getLastReleaseName({\n        showSlug: show.id.slug,\n        episodeSlug: episode.slug\n      });\n\n      if (lastKnownReleaseName) {\n        return lastKnownReleaseName;\n      } else {\n        return 'Could not get a downloaded release name from the history table';\n      }\n    },\n\n    subtitleParams() {\n      const {\n        episode,\n        show\n      } = this;\n      const params = {\n        indexername: show.indexer,\n        seriesid: show.id[show.indexer],\n        season: episode.season,\n        episode: episode.episode\n      };\n      return params;\n    }\n\n  },\n\n  mounted() {\n    const {\n      episode,\n      getShowEpisodeHistory,\n      show\n    } = this;\n    this.displayQuestion = true;\n    getShowEpisodeHistory({\n      showSlug: show.id.slug,\n      episodeSlug: episode.slug\n    });\n  },\n\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])(['getShowEpisodeHistory']),\n\n    autoSearch() {\n      const {\n        lang,\n        subtitleParams\n      } = this;\n      const params = subtitleParams;\n\n      if (lang !== undefined) {\n        params.lang = lang;\n      }\n\n      this.displayQuestion = false;\n      this.loadingMessage = 'Searching for subtitles and downloading if available... ';\n      this.loading = true;\n      Object(_api__WEBPACK_IMPORTED_MODULE_2__[\"apiRoute\"])('home/searchEpisodeSubtitles', {\n        params\n      }).then(response => {\n        if (response.data.result !== 'failure') {\n          // Update the show, as we have new information (subtitles)\n          // Let's emit an event, telling the displayShow component, to update the show using the api/store.\n          this.$emit('update', {\n            reason: 'new subtitles found',\n            codes: response.data.subtitles,\n            languages: response.data.languages\n          });\n        }\n      }).catch(error => {\n        console.log(\"Error trying to search for subtitles. Error: \".concat(error));\n      }).finally(() => {\n        // Cleanup\n        this.loadingMessage = '';\n        this.loading = false;\n        this.close();\n      });\n    },\n\n    manualSearch() {\n      const {\n        getShowEpisodeHistory,\n        subtitleParams\n      } = this;\n      this.displayQuestion = false;\n      this.loading = true;\n      this.loadingMessage = 'Searching for subtitles... ';\n      Object(_api__WEBPACK_IMPORTED_MODULE_2__[\"apiRoute\"])('home/manualSearchSubtitles', {\n        params: subtitleParams\n      }).then(response => {\n        if (response.data.result === 'success') {\n          this.subtitles.push(...response.data.subtitles);\n        }\n      }).catch(error => {\n        console.log(\"Error trying to search for subtitles. Error: \".concat(error));\n      }).finally(() => {\n        this.loading = false;\n      });\n    },\n\n    redownloadLang() {\n      const {\n        subtitleParams\n      } = this;\n      Object(_api__WEBPACK_IMPORTED_MODULE_2__[\"apiRoute\"])('home/searchEpisodeSubtitles', {\n        params: subtitleParams\n      }).then(response => {\n        if (response.data.result !== 'failure') {\n          // Update the show, as we have new information (subtitles)\n          // Let's emit an event, telling the displayShow component, to update the show using the api/store.\n          this.$emit('update', {\n            reason: 'new subtitles found',\n            codes: response.data.subtitles,\n            languages: response.data.languages\n          });\n        }\n      }).catch(error => {\n        console.log(\"Error trying to search for subtitles. Error: \".concat(error));\n      }).finally(() => {\n        // Cleanup\n        this.loadingMessage = '';\n        this.loading = false;\n        this.close();\n      });\n    },\n\n    pickSubtitle(subtitleId) {\n      // Download and save this subtitle with the episode.\n      const {\n        subtitleParams\n      } = this;\n      const params = { ...subtitleParams,\n        picked_id: subtitleId // eslint-disable-line camelcase\n\n      };\n      this.displayQuestion = false;\n      this.loadingMessage = 'downloading subtitle... ';\n      this.loading = true;\n      Object(_api__WEBPACK_IMPORTED_MODULE_2__[\"apiRoute\"])('home/manualSearchSubtitles', {\n        params\n      }).then(response => {\n        if (response.data.result === 'success') {\n          // Update the show, as we have new information (subtitles)\n          // Let's emit an event, telling the displayShow component, to update the show using the api/store.\n          this.$emit('update', {\n            reason: 'new subtitles found',\n            codes: response.data.subtitles,\n            languages: response.data.languages\n          });\n        }\n      }).catch(error => {\n        console.log(\"Error trying to search for subtitles. Error: \".concat(error));\n      }).finally(() => {\n        // Cleanup\n        this.loadingMessage = '';\n        this.loading = false;\n        this.close();\n      });\n    },\n\n    close() {\n      this.$emit('close'); // Destroy the vue listeners, etc\n\n      this.$destroy(); // Remove the element from the DOM\n\n      this.$el.parentNode.removeChild(this.$el);\n    }\n\n  }\n});\n\n//# sourceURL=webpack:///./src/components/subtitle-search.vue?./node_modules/babel-loader/lib??ref--1!./node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var vue_good_table__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue-good-table */ \"./node_modules/vue-good-table/dist/vue-good-table.es.js\");\n/* harmony import */ var _api__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../api */ \"./src/api.js\");\n/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./helpers */ \"./src/components/helpers/index.js\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: 'subtitle-search',\n  components: {\n    StateSwitch: _helpers__WEBPACK_IMPORTED_MODULE_3__[\"StateSwitch\"],\n    VueGoodTable: vue_good_table__WEBPACK_IMPORTED_MODULE_1__[\"VueGoodTable\"]\n  },\n  props: {\n    show: {\n      type: Object,\n      required: true\n    },\n    episode: {\n      type: Object,\n      required: true\n    },\n    lang: {\n      type: String,\n      required: false\n    }\n  },\n\n  data() {\n    return {\n      columns: [{\n        label: 'Filename',\n        field: 'filename'\n      }, {\n        label: 'Language',\n        field: 'lang'\n      }, {\n        label: 'Provider',\n        field: 'provider'\n      }, {\n        label: 'Score',\n        field: 'score',\n        type: 'number'\n      }, {\n        label: 'Sub Score',\n        field: 'sub_score',\n        type: 'number'\n      }, {\n        label: 'Missing Matches',\n        field: rowObj => {\n          if (rowObj.missing_guess) {\n            return rowObj.missing_guess.join(', ');\n          }\n        },\n        type: 'array'\n      }, {\n        label: 'Download',\n        field: 'download',\n        sortable: false\n      }],\n      subtitles: [],\n      displayQuestion: false,\n      loading: false,\n      loadingMessage: ''\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapState\"])({\n      config: state => state.config,\n      episodeHistory: state => state.episodeHistory\n    }),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])({\n      getLastReleaseName: 'getLastReleaseName'\n    }),\n\n    releaseName() {\n      const {\n        episode,\n        getLastReleaseName,\n        show\n      } = this;\n      const lastKnownReleaseName = getLastReleaseName({\n        showSlug: show.id.slug,\n        episodeSlug: episode.slug\n      });\n\n      if (lastKnownReleaseName) {\n        return \"Select subtitle for release: \".concat(lastKnownReleaseName);\n      }\n\n      return 'Could not get a downloaded release name from the history table';\n    },\n\n    subtitleParams() {\n      const {\n        episode,\n        show\n      } = this;\n      const params = {\n        indexername: show.indexer,\n        seriesid: show.id[show.indexer],\n        season: episode.season,\n        episode: episode.episode\n      };\n      return params;\n    }\n\n  },\n\n  mounted() {\n    const {\n      episode,\n      getShowEpisodeHistory,\n      show\n    } = this;\n    this.displayQuestion = true;\n    getShowEpisodeHistory({\n      showSlug: show.id.slug,\n      episodeSlug: episode.slug\n    });\n  },\n\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])(['getShowEpisodeHistory']),\n\n    autoSearch() {\n      const {\n        lang,\n        subtitleParams\n      } = this;\n      const params = subtitleParams;\n\n      if (lang !== undefined) {\n        params.lang = lang;\n      }\n\n      this.displayQuestion = false;\n      this.loadingMessage = 'Searching for subtitles and downloading if available... ';\n      this.loading = true;\n      Object(_api__WEBPACK_IMPORTED_MODULE_2__[\"apiRoute\"])('home/searchEpisodeSubtitles', {\n        params\n      }).then(response => {\n        if (response.data.result !== 'failure') {\n          // Update the show, as we have new information (subtitles)\n          // Let's emit an event, telling the displayShow component, to update the show using the api/store.\n          this.$emit('update', {\n            reason: 'new subtitles found',\n            codes: response.data.subtitles,\n            languages: response.data.languages\n          });\n        }\n      }).catch(error => {\n        console.log(\"Error trying to search for subtitles. Error: \".concat(error));\n      }).finally(() => {\n        // Cleanup\n        this.loadingMessage = '';\n        this.loading = false;\n        this.close();\n      });\n    },\n\n    manualSearch() {\n      const {\n        getShowEpisodeHistory,\n        subtitleParams\n      } = this;\n      this.displayQuestion = false;\n      this.loading = true;\n      this.loadingMessage = 'Searching for subtitles... ';\n      Object(_api__WEBPACK_IMPORTED_MODULE_2__[\"apiRoute\"])('home/manualSearchSubtitles', {\n        params: subtitleParams\n      }).then(response => {\n        if (response.data.result === 'success') {\n          this.subtitles.push(...response.data.subtitles);\n        }\n      }).catch(error => {\n        console.log(\"Error trying to search for subtitles. Error: \".concat(error));\n      }).finally(() => {\n        this.loading = false;\n      });\n    },\n\n    redownloadLang() {\n      const {\n        subtitleParams\n      } = this;\n      Object(_api__WEBPACK_IMPORTED_MODULE_2__[\"apiRoute\"])('home/searchEpisodeSubtitles', {\n        params: subtitleParams\n      }).then(response => {\n        if (response.data.result !== 'failure') {\n          // Update the show, as we have new information (subtitles)\n          // Let's emit an event, telling the displayShow component, to update the show using the api/store.\n          this.$emit('update', {\n            reason: 'new subtitles found',\n            codes: response.data.subtitles,\n            languages: response.data.languages\n          });\n        }\n      }).catch(error => {\n        console.log(\"Error trying to search for subtitles. Error: \".concat(error));\n      }).finally(() => {\n        // Cleanup\n        this.loadingMessage = '';\n        this.loading = false;\n        this.close();\n      });\n    },\n\n    pickSubtitle(subtitleId) {\n      // Download and save this subtitle with the episode.\n      const {\n        subtitleParams\n      } = this;\n      const params = { ...subtitleParams,\n        picked_id: subtitleId // eslint-disable-line camelcase\n\n      };\n      this.displayQuestion = false;\n      this.loadingMessage = 'downloading subtitle... ';\n      this.loading = true;\n      Object(_api__WEBPACK_IMPORTED_MODULE_2__[\"apiRoute\"])('home/manualSearchSubtitles', {\n        params\n      }).then(response => {\n        if (response.data.result === 'success') {\n          // Update the show, as we have new information (subtitles)\n          // Let's emit an event, telling the displayShow component, to update the show using the api/store.\n          this.$emit('update', {\n            reason: 'new subtitles found',\n            codes: response.data.subtitles,\n            languages: response.data.languages\n          });\n        }\n      }).catch(error => {\n        console.log(\"Error trying to search for subtitles. Error: \".concat(error));\n      }).finally(() => {\n        // Cleanup\n        this.loadingMessage = '';\n        this.loading = false;\n        this.close();\n      });\n    },\n\n    close() {\n      this.$emit('close'); // Destroy the vue listeners, etc\n\n      this.$destroy(); // Remove the element from the DOM\n\n      this.$el.parentNode.removeChild(this.$el);\n    }\n\n  }\n});\n\n//# sourceURL=webpack:///./src/components/subtitle-search.vue?./node_modules/babel-loader/lib??ref--1!./node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -1256,7 +1256,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(\"tr\", { staticClass: \"subtitle-search-wrapper\" }, [\n    _c(\"td\", { attrs: { colspan: \"9999\" } }, [\n      _vm.loading\n        ? _c(\n            \"span\",\n            { staticClass: \"loading-message\" },\n            [\n              _vm._v(_vm._s(_vm.loadingMessage) + \" \"),\n              _c(\"state-switch\", {\n                attrs: { theme: _vm.config.themeName, state: \"loading\" }\n              })\n            ],\n            1\n          )\n        : _vm._e(),\n      _vm._v(\" \"),\n      _vm.displayQuestion\n        ? _c(\"div\", { staticClass: \"search-question\" }, [\n            _c(\"div\", { staticClass: \"question\" }, [\n              !_vm.lang\n                ? _c(\"p\", [\n                    _vm._v(\n                      \"Do you want to manually pick subtitles or let us choose it for you?\"\n                    )\n                  ])\n                : _c(\"p\", [\n                    _vm._v(\n                      \"Do you want to manually pick subtitles or search a subtitle with the language code \"\n                    ),\n                    _c(\"b\", [_vm._v(_vm._s(_vm.lang))]),\n                    _vm._v(\" for you?\")\n                  ])\n            ]),\n            _vm._v(\" \"),\n            _c(\"div\", { staticClass: \"options\" }, [\n              _c(\n                \"button\",\n                {\n                  staticClass: \"btn-medusa btn-info\",\n                  attrs: { type: \"button\" },\n                  on: { click: _vm.autoSearch }\n                },\n                [_vm._v(\"Auto\")]\n              ),\n              _vm._v(\" \"),\n              _c(\n                \"button\",\n                {\n                  staticClass: \"btn-medusa btn-success\",\n                  attrs: { type: \"button\" },\n                  on: { click: _vm.manualSearch }\n                },\n                [_vm._v(\"Manual\")]\n              )\n            ])\n          ])\n        : _vm._e(),\n      _vm._v(\" \"),\n      _vm.subtitles.length > 0\n        ? _c(\n            \"div\",\n            { staticClass: \"subtitle-results\" },\n            [\n              _c(\"span\", { staticClass: \"release-name\" }, [\n                _vm._v(\n                  \"\\n                Select subtitle for release name: \" +\n                    _vm._s(_vm.releaseName) +\n                    \"\\n            \"\n                )\n              ]),\n              _vm._v(\" \"),\n              _c(\"vue-good-table\", {\n                attrs: {\n                  columns: _vm.columns,\n                  rows: _vm.subtitles,\n                  \"search-options\": {\n                    enabled: false\n                  },\n                  \"sort-options\": {\n                    enabled: true,\n                    initialSortBy: { field: \"score\", type: \"desc\" }\n                  },\n                  styleClass: \"vgt-table condensed subtitle-table\"\n                },\n                scopedSlots: _vm._u(\n                  [\n                    {\n                      key: \"table-column\",\n                      fn: function(props) {\n                        return [\n                          props.column.label === \"Download\"\n                            ? _c(\"span\", [\n                                _c(\"span\", [\n                                  _vm._v(_vm._s(props.column.label))\n                                ]),\n                                _vm._v(\" \"),\n                                _c(\n                                  \"span\",\n                                  {\n                                    staticClass: \"btn-medusa btn-xs pull-right\",\n                                    on: { click: _vm.close }\n                                  },\n                                  [_vm._v(\"hide\")]\n                                )\n                              ])\n                            : _c(\"span\", [\n                                _vm._v(\n                                  \"\\n                        \" +\n                                    _vm._s(props.column.label) +\n                                    \"\\n                    \"\n                                )\n                              ])\n                        ]\n                      }\n                    },\n                    {\n                      key: \"table-row\",\n                      fn: function(props) {\n                        return [\n                          props.column.field === \"provider\"\n                            ? _c(\"span\", [\n                                _c(\"img\", {\n                                  attrs: {\n                                    src:\n                                      \"images/subtitles/\" +\n                                      props.row.provider +\n                                      \".png\",\n                                    width: \"16\",\n                                    height: \"16\"\n                                  }\n                                }),\n                                _vm._v(\" \"),\n                                _c(\n                                  \"span\",\n                                  { attrs: { title: props.row.provider } },\n                                  [_vm._v(_vm._s(props.row.provider))]\n                                )\n                              ])\n                            : props.column.field === \"lang\"\n                            ? _c(\"span\", [\n                                _c(\"img\", {\n                                  attrs: {\n                                    title: props.row.lang,\n                                    src:\n                                      \"images/subtitles/flags/\" +\n                                      props.row.lang +\n                                      \".png\",\n                                    width: \"16\",\n                                    height: \"11\"\n                                  }\n                                })\n                              ])\n                            : props.column.field === \"filename\"\n                            ? _c(\"span\", [\n                                _c(\n                                  \"a\",\n                                  {\n                                    attrs: {\n                                      title:\n                                        \"Download\" +\n                                        (props.row.hearing_impaired\n                                          ? \" hearing impaired \"\n                                          : \" \") +\n                                        \"subtitle: \" +\n                                        props.row.filename\n                                    },\n                                    on: {\n                                      click: function($event) {\n                                        return _vm.pickSubtitle(props.row.id)\n                                      }\n                                    }\n                                  },\n                                  [\n                                    props.row.hearing_impaired\n                                      ? _c(\"img\", {\n                                          attrs: {\n                                            src: \"images/hearing_impaired.png\",\n                                            width: \"16\",\n                                            height: \"16\"\n                                          }\n                                        })\n                                      : _vm._e(),\n                                    _vm._v(\" \"),\n                                    _c(\n                                      \"span\",\n                                      { staticClass: \"subtitle-name\" },\n                                      [_vm._v(_vm._s(props.row.filename))]\n                                    ),\n                                    _vm._v(\" \"),\n                                    props.row.sub_score >= props.row.min_score\n                                      ? _c(\"img\", {\n                                          attrs: {\n                                            src: \"images/save.png\",\n                                            width: \"16\",\n                                            height: \"16\"\n                                          }\n                                        })\n                                      : _vm._e()\n                                  ]\n                                )\n                              ])\n                            : props.column.field === \"download\"\n                            ? _c(\"span\", [\n                                _c(\n                                  \"a\",\n                                  {\n                                    attrs: {\n                                      title:\n                                        \"Download\" +\n                                        (props.row.hearing_impaired\n                                          ? \" hearing impaired \"\n                                          : \" \") +\n                                        \"subtitle: \" +\n                                        props.row.filename\n                                    },\n                                    on: {\n                                      click: function($event) {\n                                        return _vm.pickSubtitle(props.row.id)\n                                      }\n                                    }\n                                  },\n                                  [\n                                    _c(\"img\", {\n                                      attrs: {\n                                        src: \"images/download.png\",\n                                        width: \"16\",\n                                        height: \"16\"\n                                      }\n                                    })\n                                  ]\n                                )\n                              ])\n                            : _c(\"span\", [\n                                _vm._v(\n                                  \"\\n                        \" +\n                                    _vm._s(\n                                      props.formattedRow[props.column.field]\n                                    ) +\n                                    \"\\n                    \"\n                                )\n                              ])\n                        ]\n                      }\n                    }\n                  ],\n                  null,\n                  false,\n                  3665434881\n                )\n              })\n            ],\n            1\n          )\n        : _vm._e()\n    ])\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./src/components/subtitle-search.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(\"tr\", { staticClass: \"subtitle-search-wrapper\" }, [\n    _c(\"td\", { attrs: { colspan: \"9999\" } }, [\n      _vm.loading\n        ? _c(\n            \"span\",\n            { staticClass: \"loading-message\" },\n            [\n              _vm._v(_vm._s(_vm.loadingMessage) + \" \"),\n              _c(\"state-switch\", {\n                attrs: { theme: _vm.config.themeName, state: \"loading\" }\n              })\n            ],\n            1\n          )\n        : _vm._e(),\n      _vm._v(\" \"),\n      _vm.displayQuestion\n        ? _c(\"div\", { staticClass: \"search-question\" }, [\n            _c(\"div\", { staticClass: \"question\" }, [\n              !_vm.lang\n                ? _c(\"p\", [\n                    _vm._v(\n                      \"Do you want to manually pick subtitles or let us choose it for you?\"\n                    )\n                  ])\n                : _c(\"p\", [\n                    _vm._v(\n                      \"Do you want to manually pick subtitles or search a subtitle with the language code \"\n                    ),\n                    _c(\"b\", [_vm._v(_vm._s(_vm.lang))]),\n                    _vm._v(\" for you?\")\n                  ])\n            ]),\n            _vm._v(\" \"),\n            _c(\"div\", { staticClass: \"options\" }, [\n              _c(\n                \"button\",\n                {\n                  staticClass: \"btn-medusa btn-info\",\n                  attrs: { type: \"button\" },\n                  on: { click: _vm.autoSearch }\n                },\n                [_vm._v(\"Auto\")]\n              ),\n              _vm._v(\" \"),\n              _c(\n                \"button\",\n                {\n                  staticClass: \"btn-medusa btn-success\",\n                  attrs: { type: \"button\" },\n                  on: { click: _vm.manualSearch }\n                },\n                [_vm._v(\"Manual\")]\n              )\n            ])\n          ])\n        : _vm._e(),\n      _vm._v(\" \"),\n      _vm.subtitles.length > 0\n        ? _c(\n            \"div\",\n            { staticClass: \"subtitle-results\" },\n            [\n              _c(\"span\", { staticClass: \"release-name\" }, [\n                _vm._v(\n                  \"\\n                \" +\n                    _vm._s(_vm.releaseName) +\n                    \"\\n            \"\n                )\n              ]),\n              _vm._v(\" \"),\n              _c(\"vue-good-table\", {\n                attrs: {\n                  columns: _vm.columns,\n                  rows: _vm.subtitles,\n                  \"search-options\": {\n                    enabled: false\n                  },\n                  \"sort-options\": {\n                    enabled: true,\n                    initialSortBy: { field: \"score\", type: \"desc\" }\n                  },\n                  styleClass: \"vgt-table condensed subtitle-table\"\n                },\n                scopedSlots: _vm._u(\n                  [\n                    {\n                      key: \"table-column\",\n                      fn: function(props) {\n                        return [\n                          props.column.label === \"Download\"\n                            ? _c(\"span\", [\n                                _c(\"span\", [\n                                  _vm._v(_vm._s(props.column.label))\n                                ]),\n                                _vm._v(\" \"),\n                                _c(\n                                  \"span\",\n                                  {\n                                    staticClass: \"btn-medusa btn-xs pull-right\",\n                                    on: { click: _vm.close }\n                                  },\n                                  [_vm._v(\"hide\")]\n                                )\n                              ])\n                            : _c(\"span\", [\n                                _vm._v(\n                                  \"\\n                        \" +\n                                    _vm._s(props.column.label) +\n                                    \"\\n                    \"\n                                )\n                              ])\n                        ]\n                      }\n                    },\n                    {\n                      key: \"table-row\",\n                      fn: function(props) {\n                        return [\n                          props.column.field === \"provider\"\n                            ? _c(\"span\", [\n                                _c(\"img\", {\n                                  attrs: {\n                                    src:\n                                      \"images/subtitles/\" +\n                                      props.row.provider +\n                                      \".png\",\n                                    width: \"16\",\n                                    height: \"16\"\n                                  }\n                                }),\n                                _vm._v(\" \"),\n                                _c(\n                                  \"span\",\n                                  { attrs: { title: props.row.provider } },\n                                  [_vm._v(_vm._s(props.row.provider))]\n                                )\n                              ])\n                            : props.column.field === \"lang\"\n                            ? _c(\"span\", [\n                                _c(\"img\", {\n                                  attrs: {\n                                    title: props.row.lang,\n                                    src:\n                                      \"images/subtitles/flags/\" +\n                                      props.row.lang +\n                                      \".png\",\n                                    width: \"16\",\n                                    height: \"11\"\n                                  }\n                                })\n                              ])\n                            : props.column.field === \"filename\"\n                            ? _c(\"span\", [\n                                _c(\n                                  \"a\",\n                                  {\n                                    attrs: {\n                                      title:\n                                        \"Download\" +\n                                        (props.row.hearing_impaired\n                                          ? \" hearing impaired \"\n                                          : \" \") +\n                                        \"subtitle: \" +\n                                        props.row.filename\n                                    },\n                                    on: {\n                                      click: function($event) {\n                                        return _vm.pickSubtitle(props.row.id)\n                                      }\n                                    }\n                                  },\n                                  [\n                                    props.row.hearing_impaired\n                                      ? _c(\"img\", {\n                                          attrs: {\n                                            src: \"images/hearing_impaired.png\",\n                                            width: \"16\",\n                                            height: \"16\"\n                                          }\n                                        })\n                                      : _vm._e(),\n                                    _vm._v(\" \"),\n                                    _c(\n                                      \"span\",\n                                      { staticClass: \"subtitle-name\" },\n                                      [_vm._v(_vm._s(props.row.filename))]\n                                    ),\n                                    _vm._v(\" \"),\n                                    props.row.sub_score >= props.row.min_score\n                                      ? _c(\"img\", {\n                                          attrs: {\n                                            src: \"images/save.png\",\n                                            width: \"16\",\n                                            height: \"16\"\n                                          }\n                                        })\n                                      : _vm._e()\n                                  ]\n                                )\n                              ])\n                            : props.column.field === \"download\"\n                            ? _c(\"span\", [\n                                _c(\n                                  \"a\",\n                                  {\n                                    attrs: {\n                                      title:\n                                        \"Download\" +\n                                        (props.row.hearing_impaired\n                                          ? \" hearing impaired \"\n                                          : \" \") +\n                                        \"subtitle: \" +\n                                        props.row.filename\n                                    },\n                                    on: {\n                                      click: function($event) {\n                                        return _vm.pickSubtitle(props.row.id)\n                                      }\n                                    }\n                                  },\n                                  [\n                                    _c(\"img\", {\n                                      attrs: {\n                                        src: \"images/download.png\",\n                                        width: \"16\",\n                                        height: \"16\"\n                                      }\n                                    })\n                                  ]\n                                )\n                              ])\n                            : _c(\"span\", [\n                                _vm._v(\n                                  \"\\n                        \" +\n                                    _vm._s(\n                                      props.formattedRow[props.column.field]\n                                    ) +\n                                    \"\\n                    \"\n                                )\n                              ])\n                        ]\n                      }\n                    }\n                  ],\n                  null,\n                  false,\n                  3665434881\n                )\n              })\n            ],\n            1\n          )\n        : _vm._e()\n    ])\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./src/components/subtitle-search.vue?./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -3524,7 +3524,7 @@ eval("__webpack_require__.r(__webpack_exports__);\nconst state = {\n  show: {\n
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ \"./node_modules/vue/dist/vue.esm.js\");\n/* harmony import */ var _api__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../api */ \"./src/api.js\");\n/* harmony import */ var _mutation_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../mutation-types */ \"./src/store/mutation-types.js\");\n\n\n\nconst state = {\n  history: [],\n  page: 0,\n  showHistory: {},\n  episodeHistory: {}\n};\nconst mutations = {\n  [_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_HISTORY\"]](state, history) {\n    // Update state\n    state.history.push(...history);\n  },\n\n  [_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW_HISTORY\"]](state, {\n    showSlug,\n    history\n  }) {\n    // Keep an array of shows, with their history\n    // Maybe we can just check the last id. And if the id's are newer, add them. Less fancy, much more fast.\n    vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"].set(state.showHistory, showSlug, history);\n  },\n\n  [_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW_EPISODE_HISTORY\"]](state, {\n    showSlug,\n    episodeSlug,\n    history\n  }) {\n    // Keep an object of shows, with their history per episode\n    // Example: {tvdb1234: {s01e01: [history]}}\n    if (!Object.keys(state.episodeHistory).includes(showSlug)) {\n      state.episodeHistory[showSlug] = {};\n    }\n\n    vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"].set(state.episodeHistory[showSlug], episodeSlug, history);\n  }\n\n};\nconst getters = {\n  getShowHistoryBySlug: state => showSlug => state.showHistory[showSlug],\n  getLastReleaseName: state => ({\n    showSlug,\n    episodeSlug\n  }) => {\n    if (state.episodeHistory[showSlug] !== undefined) {\n      if (state.episodeHistory[showSlug][episodeSlug] !== undefined) {\n        if (state.episodeHistory[showSlug][episodeSlug].length === 1) {\n          return state.episodeHistory[showSlug][episodeSlug][0].resource;\n        }\n\n        return state.episodeHistory[showSlug][episodeSlug].sort((a, b) => (a.actionDate - b.actionDate) * -1).filter(ep => ep.resource !== '')[0].resource;\n      }\n    }\n  }\n};\n/**\n * An object representing request parameters for getting a show from the API.\n *\n * @typedef {object} ShowGetParameters\n * @property {boolean} detailed Fetch detailed information? (e.g. scene/xem numbering)\n * @property {boolean} episodes Fetch seasons & episodes?\n */\n\nconst actions = {\n  /**\n   * Get show history from API and commit it to the store.\n   *\n   * @param {*} context The store context.\n   * @param {ShowIdentifier&ShowGetParameters} parameters Request parameters.\n   * @returns {Promise} The API response.\n   */\n  async getShowHistory(context, {\n    slug\n  }) {\n    const {\n      commit\n    } = context;\n    const response = await _api__WEBPACK_IMPORTED_MODULE_1__[\"api\"].get(\"/history/\".concat(slug));\n\n    if (response.data.length > 0) {\n      commit(_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW_HISTORY\"], {\n        showSlug: slug,\n        history: response.data\n      });\n    }\n  },\n\n  /**\n   * Get history from API and commit them to the store.\n   *\n   * @param {*} context - The store context.\n   * @param {(ShowIdentifier&ShowGetParameters)[]} shows Shows to get. If not provided, gets the first 1k shows.\n   * @returns {undefined|Promise} undefined if `shows` was provided or the API response if not.\n   */\n  async getHistory(context) {\n    const {\n      commit,\n      state\n    } = context;\n    const limit = 1000;\n    const params = {\n      limit\n    };\n    let lastPage = false;\n    let response = null;\n\n    while (!lastPage) {\n      state.page += 1;\n      params.page = state.page;\n      response = await _api__WEBPACK_IMPORTED_MODULE_1__[\"api\"].get(\"/history\", {\n        params\n      }); // No way around this.\n\n      commit(_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_HISTORY\"], response.data);\n\n      if (response.data.length < limit) {\n        lastPage = true;\n      }\n    }\n  },\n\n  /**\n   * Get episode history from API and commit it to the store.\n   *\n   * @param {*} context The store context.\n   * @param {ShowIdentifier&ShowGetParameters} parameters Request parameters.\n   * @returns {Promise} The API response.\n   */\n  async getShowEpisodeHistory(context, {\n    showSlug,\n    episodeSlug\n  }) {\n    const {\n      commit\n    } = context;\n    const response = await _api__WEBPACK_IMPORTED_MODULE_1__[\"api\"].get(\"/history/\".concat(showSlug, \"/episode/\").concat(episodeSlug));\n\n    if (response.data.length > 0) {\n      commit(_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW_EPISODE_HISTORY\"], {\n        showSlug,\n        episodeSlug,\n        history: response.data\n      });\n    }\n  }\n\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  state,\n  mutations,\n  getters,\n  actions\n});\n\n//# sourceURL=webpack:///./src/store/modules/history.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ \"./node_modules/vue/dist/vue.esm.js\");\n/* harmony import */ var _api__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../api */ \"./src/api.js\");\n/* harmony import */ var _mutation_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../mutation-types */ \"./src/store/mutation-types.js\");\n\n\n\nconst state = {\n  history: [],\n  page: 0,\n  showHistory: {},\n  episodeHistory: {}\n};\nconst mutations = {\n  [_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_HISTORY\"]](state, history) {\n    // Update state\n    state.history.push(...history);\n  },\n\n  [_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW_HISTORY\"]](state, {\n    showSlug,\n    history\n  }) {\n    // Keep an array of shows, with their history\n    // Maybe we can just check the last id. And if the id's are newer, add them. Less fancy, much more fast.\n    vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"].set(state.showHistory, showSlug, history);\n  },\n\n  [_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW_EPISODE_HISTORY\"]](state, {\n    showSlug,\n    episodeSlug,\n    history\n  }) {\n    // Keep an object of shows, with their history per episode\n    // Example: {tvdb1234: {s01e01: [history]}}\n    if (!Object.keys(state.episodeHistory).includes(showSlug)) {\n      state.episodeHistory[showSlug] = {};\n    }\n\n    vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"].set(state.episodeHistory[showSlug], episodeSlug, history);\n  }\n\n};\nconst getters = {\n  getShowHistoryBySlug: state => showSlug => state.showHistory[showSlug],\n  getLastReleaseName: state => ({\n    showSlug,\n    episodeSlug\n  }) => {\n    if (state.episodeHistory[showSlug] !== undefined) {\n      if (state.episodeHistory[showSlug][episodeSlug] !== undefined) {\n        if (state.episodeHistory[showSlug][episodeSlug].length === 1) {\n          return state.episodeHistory[showSlug][episodeSlug][0].resource;\n        }\n\n        const filteredHistory = state.episodeHistory[showSlug][episodeSlug].sort((a, b) => (a.actionDate - b.actionDate) * -1).filter(ep => ['Snatched', 'Downloaded'].includes(ep.statusName) && ep.resource !== '');\n\n        if (filteredHistory.length > 0) {\n          return filteredHistory[0].resource;\n        }\n      }\n    }\n  }\n};\n/**\n * An object representing request parameters for getting a show from the API.\n *\n * @typedef {object} ShowGetParameters\n * @property {boolean} detailed Fetch detailed information? (e.g. scene/xem numbering)\n * @property {boolean} episodes Fetch seasons & episodes?\n */\n\nconst actions = {\n  /**\n   * Get show history from API and commit it to the store.\n   *\n   * @param {*} context The store context.\n   * @param {ShowIdentifier&ShowGetParameters} parameters Request parameters.\n   * @returns {Promise} The API response.\n   */\n  async getShowHistory(context, {\n    slug\n  }) {\n    const {\n      commit\n    } = context;\n    const response = await _api__WEBPACK_IMPORTED_MODULE_1__[\"api\"].get(\"/history/\".concat(slug));\n\n    if (response.data.length > 0) {\n      commit(_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW_HISTORY\"], {\n        showSlug: slug,\n        history: response.data\n      });\n    }\n  },\n\n  /**\n   * Get history from API and commit them to the store.\n   *\n   * @param {*} context - The store context.\n   * @param {(ShowIdentifier&ShowGetParameters)[]} shows Shows to get. If not provided, gets the first 1k shows.\n   * @returns {undefined|Promise} undefined if `shows` was provided or the API response if not.\n   */\n  async getHistory(context) {\n    const {\n      commit,\n      state\n    } = context;\n    const limit = 1000;\n    const params = {\n      limit\n    };\n    let lastPage = false;\n    let response = null;\n\n    while (!lastPage) {\n      state.page += 1;\n      params.page = state.page;\n      response = await _api__WEBPACK_IMPORTED_MODULE_1__[\"api\"].get(\"/history\", {\n        params\n      }); // No way around this.\n\n      commit(_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_HISTORY\"], response.data);\n\n      if (response.data.length < limit) {\n        lastPage = true;\n      }\n    }\n  },\n\n  /**\n   * Get episode history from API and commit it to the store.\n   *\n   * @param {*} context The store context.\n   * @param {ShowIdentifier&ShowGetParameters} parameters Request parameters.\n   * @returns {Promise} The API response.\n   */\n  async getShowEpisodeHistory(context, {\n    showSlug,\n    episodeSlug\n  }) {\n    const {\n      commit\n    } = context;\n    const response = await _api__WEBPACK_IMPORTED_MODULE_1__[\"api\"].get(\"/history/\".concat(showSlug, \"/episode/\").concat(episodeSlug));\n\n    if (response.data.length > 0) {\n      commit(_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW_EPISODE_HISTORY\"], {\n        showSlug,\n        episodeSlug,\n        history: response.data\n      });\n    }\n  }\n\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  state,\n  mutations,\n  getters,\n  actions\n});\n\n//# sourceURL=webpack:///./src/store/modules/history.js?");
 
 /***/ }),
 

From 26d1ad17b6ef5c212e46e8d5076f6ff274ae46a7 Mon Sep 17 00:00:00 2001
From: P0psicles <rogier@headshots.nl>
Date: Mon, 13 Apr 2020 19:15:18 +0200
Subject: [PATCH 05/16] Fix lint errors

---
 .../slim/src/components/subtitle-search.vue   | 23 +++++++++----------
 .../slim/src/store/modules/history.js         | 12 +++++-----
 themes/dark/assets/js/medusa-runtime.js       |  4 ++--
 themes/light/assets/js/medusa-runtime.js      |  4 ++--
 4 files changed, 21 insertions(+), 22 deletions(-)

diff --git a/themes-default/slim/src/components/subtitle-search.vue b/themes-default/slim/src/components/subtitle-search.vue
index c2849b40da..a8fba055de 100644
--- a/themes-default/slim/src/components/subtitle-search.vue
+++ b/themes-default/slim/src/components/subtitle-search.vue
@@ -18,16 +18,16 @@
                     {{releaseName}}
                 </span>
                 <vue-good-table
-                            :columns="columns"
-                            :rows="subtitles"
-                            :search-options="{
-                                enabled: false
-                            }"
-                            :sort-options="{
-                                enabled: true,
-                                initialSortBy: { field: 'score', type: 'desc' }
-                            }"
-                            styleClass="vgt-table condensed subtitle-table"
+                    :columns="columns"
+                    :rows="subtitles"
+                    :search-options="{
+                        enabled: false
+                    }"
+                    :sort-options="{
+                        enabled: true,
+                        initialSortBy: { field: 'score', type: 'desc' }
+                    }"
+                    styleClass="vgt-table condensed subtitle-table"
                 >
                     <template v-slot:table-column="props">
                         <span v-if="props.column.label === 'Download'">
@@ -65,7 +65,6 @@
                 </vue-good-table>
             </div>
 
-
         </td>
     </tr>
 </template>
@@ -205,7 +204,7 @@ export default {
                 });
         },
         manualSearch() {
-            const { getShowEpisodeHistory, subtitleParams } = this;
+            const { subtitleParams } = this;
 
             this.displayQuestion = false;
             this.loading = true;
diff --git a/themes-default/slim/src/store/modules/history.js b/themes-default/slim/src/store/modules/history.js
index a3ba810c1a..ceed91c09e 100644
--- a/themes-default/slim/src/store/modules/history.js
+++ b/themes-default/slim/src/store/modules/history.js
@@ -29,7 +29,7 @@ const mutations = {
         }
 
         Vue.set(state.episodeHistory[showSlug], episodeSlug, history);
-    },
+    }
 };
 
 const getters = {
@@ -37,14 +37,14 @@ const getters = {
     getLastReleaseName: state => ({ showSlug, episodeSlug }) => {
         if (state.episodeHistory[showSlug] !== undefined) {
             if (state.episodeHistory[showSlug][episodeSlug] !== undefined) {
-                if ( state.episodeHistory[showSlug][episodeSlug].length === 1) {
+                if (state.episodeHistory[showSlug][episodeSlug].length === 1) {
                     return state.episodeHistory[showSlug][episodeSlug][0].resource;
                 }
                 const filteredHistory = state.episodeHistory[showSlug][episodeSlug]
                     .sort((a, b) => (a.actionDate - b.actionDate) * -1)
-                    .filter(ep => ['Snatched', 'Downloaded'].includes(ep.statusName) &&  ep.resource !== '');
+                    .filter(ep => ['Snatched', 'Downloaded'].includes(ep.statusName) && ep.resource !== '');
                 if (filteredHistory.length > 0) {
-                    return filteredHistory[0].resource
+                    return filteredHistory[0].resource;
                 }
             }
         }
@@ -92,7 +92,7 @@ const actions = {
         while (!lastPage) {
             state.page += 1;
             params.page = state.page;
-            response = await api.get(`/history`, { params }); // No way around this.
+            response = await api.get('/history', { params }); // eslint-disable-line no-await-in-loop
             commit(ADD_HISTORY, response.data);
 
             if (response.data.length < limit) {
@@ -114,7 +114,7 @@ const actions = {
         if (response.data.length > 0) {
             commit(ADD_SHOW_EPISODE_HISTORY, { showSlug, episodeSlug, history: response.data });
         }
-    },
+    }
 };
 
 export default {
diff --git a/themes/dark/assets/js/medusa-runtime.js b/themes/dark/assets/js/medusa-runtime.js
index f55452cdda..1c947fae0d 100644
--- a/themes/dark/assets/js/medusa-runtime.js
+++ b/themes/dark/assets/js/medusa-runtime.js
@@ -536,7 +536,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(f
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var vue_good_table__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue-good-table */ \"./node_modules/vue-good-table/dist/vue-good-table.es.js\");\n/* harmony import */ var _api__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../api */ \"./src/api.js\");\n/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./helpers */ \"./src/components/helpers/index.js\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: 'subtitle-search',\n  components: {\n    StateSwitch: _helpers__WEBPACK_IMPORTED_MODULE_3__[\"StateSwitch\"],\n    VueGoodTable: vue_good_table__WEBPACK_IMPORTED_MODULE_1__[\"VueGoodTable\"]\n  },\n  props: {\n    show: {\n      type: Object,\n      required: true\n    },\n    episode: {\n      type: Object,\n      required: true\n    },\n    lang: {\n      type: String,\n      required: false\n    }\n  },\n\n  data() {\n    return {\n      columns: [{\n        label: 'Filename',\n        field: 'filename'\n      }, {\n        label: 'Language',\n        field: 'lang'\n      }, {\n        label: 'Provider',\n        field: 'provider'\n      }, {\n        label: 'Score',\n        field: 'score',\n        type: 'number'\n      }, {\n        label: 'Sub Score',\n        field: 'sub_score',\n        type: 'number'\n      }, {\n        label: 'Missing Matches',\n        field: rowObj => {\n          if (rowObj.missing_guess) {\n            return rowObj.missing_guess.join(', ');\n          }\n        },\n        type: 'array'\n      }, {\n        label: 'Download',\n        field: 'download',\n        sortable: false\n      }],\n      subtitles: [],\n      displayQuestion: false,\n      loading: false,\n      loadingMessage: ''\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapState\"])({\n      config: state => state.config,\n      episodeHistory: state => state.episodeHistory\n    }),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])({\n      getLastReleaseName: 'getLastReleaseName'\n    }),\n\n    releaseName() {\n      const {\n        episode,\n        getLastReleaseName,\n        show\n      } = this;\n      const lastKnownReleaseName = getLastReleaseName({\n        showSlug: show.id.slug,\n        episodeSlug: episode.slug\n      });\n\n      if (lastKnownReleaseName) {\n        return \"Select subtitle for release: \".concat(lastKnownReleaseName);\n      }\n\n      return 'Could not get a downloaded release name from the history table';\n    },\n\n    subtitleParams() {\n      const {\n        episode,\n        show\n      } = this;\n      const params = {\n        indexername: show.indexer,\n        seriesid: show.id[show.indexer],\n        season: episode.season,\n        episode: episode.episode\n      };\n      return params;\n    }\n\n  },\n\n  mounted() {\n    const {\n      episode,\n      getShowEpisodeHistory,\n      show\n    } = this;\n    this.displayQuestion = true;\n    getShowEpisodeHistory({\n      showSlug: show.id.slug,\n      episodeSlug: episode.slug\n    });\n  },\n\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])(['getShowEpisodeHistory']),\n\n    autoSearch() {\n      const {\n        lang,\n        subtitleParams\n      } = this;\n      const params = subtitleParams;\n\n      if (lang !== undefined) {\n        params.lang = lang;\n      }\n\n      this.displayQuestion = false;\n      this.loadingMessage = 'Searching for subtitles and downloading if available... ';\n      this.loading = true;\n      Object(_api__WEBPACK_IMPORTED_MODULE_2__[\"apiRoute\"])('home/searchEpisodeSubtitles', {\n        params\n      }).then(response => {\n        if (response.data.result !== 'failure') {\n          // Update the show, as we have new information (subtitles)\n          // Let's emit an event, telling the displayShow component, to update the show using the api/store.\n          this.$emit('update', {\n            reason: 'new subtitles found',\n            codes: response.data.subtitles,\n            languages: response.data.languages\n          });\n        }\n      }).catch(error => {\n        console.log(\"Error trying to search for subtitles. Error: \".concat(error));\n      }).finally(() => {\n        // Cleanup\n        this.loadingMessage = '';\n        this.loading = false;\n        this.close();\n      });\n    },\n\n    manualSearch() {\n      const {\n        getShowEpisodeHistory,\n        subtitleParams\n      } = this;\n      this.displayQuestion = false;\n      this.loading = true;\n      this.loadingMessage = 'Searching for subtitles... ';\n      Object(_api__WEBPACK_IMPORTED_MODULE_2__[\"apiRoute\"])('home/manualSearchSubtitles', {\n        params: subtitleParams\n      }).then(response => {\n        if (response.data.result === 'success') {\n          this.subtitles.push(...response.data.subtitles);\n        }\n      }).catch(error => {\n        console.log(\"Error trying to search for subtitles. Error: \".concat(error));\n      }).finally(() => {\n        this.loading = false;\n      });\n    },\n\n    redownloadLang() {\n      const {\n        subtitleParams\n      } = this;\n      Object(_api__WEBPACK_IMPORTED_MODULE_2__[\"apiRoute\"])('home/searchEpisodeSubtitles', {\n        params: subtitleParams\n      }).then(response => {\n        if (response.data.result !== 'failure') {\n          // Update the show, as we have new information (subtitles)\n          // Let's emit an event, telling the displayShow component, to update the show using the api/store.\n          this.$emit('update', {\n            reason: 'new subtitles found',\n            codes: response.data.subtitles,\n            languages: response.data.languages\n          });\n        }\n      }).catch(error => {\n        console.log(\"Error trying to search for subtitles. Error: \".concat(error));\n      }).finally(() => {\n        // Cleanup\n        this.loadingMessage = '';\n        this.loading = false;\n        this.close();\n      });\n    },\n\n    pickSubtitle(subtitleId) {\n      // Download and save this subtitle with the episode.\n      const {\n        subtitleParams\n      } = this;\n      const params = { ...subtitleParams,\n        picked_id: subtitleId // eslint-disable-line camelcase\n\n      };\n      this.displayQuestion = false;\n      this.loadingMessage = 'downloading subtitle... ';\n      this.loading = true;\n      Object(_api__WEBPACK_IMPORTED_MODULE_2__[\"apiRoute\"])('home/manualSearchSubtitles', {\n        params\n      }).then(response => {\n        if (response.data.result === 'success') {\n          // Update the show, as we have new information (subtitles)\n          // Let's emit an event, telling the displayShow component, to update the show using the api/store.\n          this.$emit('update', {\n            reason: 'new subtitles found',\n            codes: response.data.subtitles,\n            languages: response.data.languages\n          });\n        }\n      }).catch(error => {\n        console.log(\"Error trying to search for subtitles. Error: \".concat(error));\n      }).finally(() => {\n        // Cleanup\n        this.loadingMessage = '';\n        this.loading = false;\n        this.close();\n      });\n    },\n\n    close() {\n      this.$emit('close'); // Destroy the vue listeners, etc\n\n      this.$destroy(); // Remove the element from the DOM\n\n      this.$el.parentNode.removeChild(this.$el);\n    }\n\n  }\n});\n\n//# sourceURL=webpack:///./src/components/subtitle-search.vue?./node_modules/babel-loader/lib??ref--1!./node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var vue_good_table__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue-good-table */ \"./node_modules/vue-good-table/dist/vue-good-table.es.js\");\n/* harmony import */ var _api__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../api */ \"./src/api.js\");\n/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./helpers */ \"./src/components/helpers/index.js\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: 'subtitle-search',\n  components: {\n    StateSwitch: _helpers__WEBPACK_IMPORTED_MODULE_3__[\"StateSwitch\"],\n    VueGoodTable: vue_good_table__WEBPACK_IMPORTED_MODULE_1__[\"VueGoodTable\"]\n  },\n  props: {\n    show: {\n      type: Object,\n      required: true\n    },\n    episode: {\n      type: Object,\n      required: true\n    },\n    lang: {\n      type: String,\n      required: false\n    }\n  },\n\n  data() {\n    return {\n      columns: [{\n        label: 'Filename',\n        field: 'filename'\n      }, {\n        label: 'Language',\n        field: 'lang'\n      }, {\n        label: 'Provider',\n        field: 'provider'\n      }, {\n        label: 'Score',\n        field: 'score',\n        type: 'number'\n      }, {\n        label: 'Sub Score',\n        field: 'sub_score',\n        type: 'number'\n      }, {\n        label: 'Missing Matches',\n        field: rowObj => {\n          if (rowObj.missing_guess) {\n            return rowObj.missing_guess.join(', ');\n          }\n        },\n        type: 'array'\n      }, {\n        label: 'Download',\n        field: 'download',\n        sortable: false\n      }],\n      subtitles: [],\n      displayQuestion: false,\n      loading: false,\n      loadingMessage: ''\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapState\"])({\n      config: state => state.config,\n      episodeHistory: state => state.episodeHistory\n    }),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])({\n      getLastReleaseName: 'getLastReleaseName'\n    }),\n\n    releaseName() {\n      const {\n        episode,\n        getLastReleaseName,\n        show\n      } = this;\n      const lastKnownReleaseName = getLastReleaseName({\n        showSlug: show.id.slug,\n        episodeSlug: episode.slug\n      });\n\n      if (lastKnownReleaseName) {\n        return \"Select subtitle for release: \".concat(lastKnownReleaseName);\n      }\n\n      return 'Could not get a downloaded release name from the history table';\n    },\n\n    subtitleParams() {\n      const {\n        episode,\n        show\n      } = this;\n      const params = {\n        indexername: show.indexer,\n        seriesid: show.id[show.indexer],\n        season: episode.season,\n        episode: episode.episode\n      };\n      return params;\n    }\n\n  },\n\n  mounted() {\n    const {\n      episode,\n      getShowEpisodeHistory,\n      show\n    } = this;\n    this.displayQuestion = true;\n    getShowEpisodeHistory({\n      showSlug: show.id.slug,\n      episodeSlug: episode.slug\n    });\n  },\n\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])(['getShowEpisodeHistory']),\n\n    autoSearch() {\n      const {\n        lang,\n        subtitleParams\n      } = this;\n      const params = subtitleParams;\n\n      if (lang !== undefined) {\n        params.lang = lang;\n      }\n\n      this.displayQuestion = false;\n      this.loadingMessage = 'Searching for subtitles and downloading if available... ';\n      this.loading = true;\n      Object(_api__WEBPACK_IMPORTED_MODULE_2__[\"apiRoute\"])('home/searchEpisodeSubtitles', {\n        params\n      }).then(response => {\n        if (response.data.result !== 'failure') {\n          // Update the show, as we have new information (subtitles)\n          // Let's emit an event, telling the displayShow component, to update the show using the api/store.\n          this.$emit('update', {\n            reason: 'new subtitles found',\n            codes: response.data.subtitles,\n            languages: response.data.languages\n          });\n        }\n      }).catch(error => {\n        console.log(\"Error trying to search for subtitles. Error: \".concat(error));\n      }).finally(() => {\n        // Cleanup\n        this.loadingMessage = '';\n        this.loading = false;\n        this.close();\n      });\n    },\n\n    manualSearch() {\n      const {\n        subtitleParams\n      } = this;\n      this.displayQuestion = false;\n      this.loading = true;\n      this.loadingMessage = 'Searching for subtitles... ';\n      Object(_api__WEBPACK_IMPORTED_MODULE_2__[\"apiRoute\"])('home/manualSearchSubtitles', {\n        params: subtitleParams\n      }).then(response => {\n        if (response.data.result === 'success') {\n          this.subtitles.push(...response.data.subtitles);\n        }\n      }).catch(error => {\n        console.log(\"Error trying to search for subtitles. Error: \".concat(error));\n      }).finally(() => {\n        this.loading = false;\n      });\n    },\n\n    redownloadLang() {\n      const {\n        subtitleParams\n      } = this;\n      Object(_api__WEBPACK_IMPORTED_MODULE_2__[\"apiRoute\"])('home/searchEpisodeSubtitles', {\n        params: subtitleParams\n      }).then(response => {\n        if (response.data.result !== 'failure') {\n          // Update the show, as we have new information (subtitles)\n          // Let's emit an event, telling the displayShow component, to update the show using the api/store.\n          this.$emit('update', {\n            reason: 'new subtitles found',\n            codes: response.data.subtitles,\n            languages: response.data.languages\n          });\n        }\n      }).catch(error => {\n        console.log(\"Error trying to search for subtitles. Error: \".concat(error));\n      }).finally(() => {\n        // Cleanup\n        this.loadingMessage = '';\n        this.loading = false;\n        this.close();\n      });\n    },\n\n    pickSubtitle(subtitleId) {\n      // Download and save this subtitle with the episode.\n      const {\n        subtitleParams\n      } = this;\n      const params = { ...subtitleParams,\n        picked_id: subtitleId // eslint-disable-line camelcase\n\n      };\n      this.displayQuestion = false;\n      this.loadingMessage = 'downloading subtitle... ';\n      this.loading = true;\n      Object(_api__WEBPACK_IMPORTED_MODULE_2__[\"apiRoute\"])('home/manualSearchSubtitles', {\n        params\n      }).then(response => {\n        if (response.data.result === 'success') {\n          // Update the show, as we have new information (subtitles)\n          // Let's emit an event, telling the displayShow component, to update the show using the api/store.\n          this.$emit('update', {\n            reason: 'new subtitles found',\n            codes: response.data.subtitles,\n            languages: response.data.languages\n          });\n        }\n      }).catch(error => {\n        console.log(\"Error trying to search for subtitles. Error: \".concat(error));\n      }).finally(() => {\n        // Cleanup\n        this.loadingMessage = '';\n        this.loading = false;\n        this.close();\n      });\n    },\n\n    close() {\n      this.$emit('close'); // Destroy the vue listeners, etc\n\n      this.$destroy(); // Remove the element from the DOM\n\n      this.$el.parentNode.removeChild(this.$el);\n    }\n\n  }\n});\n\n//# sourceURL=webpack:///./src/components/subtitle-search.vue?./node_modules/babel-loader/lib??ref--1!./node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -3524,7 +3524,7 @@ eval("__webpack_require__.r(__webpack_exports__);\nconst state = {\n  show: {\n
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ \"./node_modules/vue/dist/vue.esm.js\");\n/* harmony import */ var _api__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../api */ \"./src/api.js\");\n/* harmony import */ var _mutation_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../mutation-types */ \"./src/store/mutation-types.js\");\n\n\n\nconst state = {\n  history: [],\n  page: 0,\n  showHistory: {},\n  episodeHistory: {}\n};\nconst mutations = {\n  [_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_HISTORY\"]](state, history) {\n    // Update state\n    state.history.push(...history);\n  },\n\n  [_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW_HISTORY\"]](state, {\n    showSlug,\n    history\n  }) {\n    // Keep an array of shows, with their history\n    // Maybe we can just check the last id. And if the id's are newer, add them. Less fancy, much more fast.\n    vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"].set(state.showHistory, showSlug, history);\n  },\n\n  [_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW_EPISODE_HISTORY\"]](state, {\n    showSlug,\n    episodeSlug,\n    history\n  }) {\n    // Keep an object of shows, with their history per episode\n    // Example: {tvdb1234: {s01e01: [history]}}\n    if (!Object.keys(state.episodeHistory).includes(showSlug)) {\n      state.episodeHistory[showSlug] = {};\n    }\n\n    vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"].set(state.episodeHistory[showSlug], episodeSlug, history);\n  }\n\n};\nconst getters = {\n  getShowHistoryBySlug: state => showSlug => state.showHistory[showSlug],\n  getLastReleaseName: state => ({\n    showSlug,\n    episodeSlug\n  }) => {\n    if (state.episodeHistory[showSlug] !== undefined) {\n      if (state.episodeHistory[showSlug][episodeSlug] !== undefined) {\n        if (state.episodeHistory[showSlug][episodeSlug].length === 1) {\n          return state.episodeHistory[showSlug][episodeSlug][0].resource;\n        }\n\n        const filteredHistory = state.episodeHistory[showSlug][episodeSlug].sort((a, b) => (a.actionDate - b.actionDate) * -1).filter(ep => ['Snatched', 'Downloaded'].includes(ep.statusName) && ep.resource !== '');\n\n        if (filteredHistory.length > 0) {\n          return filteredHistory[0].resource;\n        }\n      }\n    }\n  }\n};\n/**\n * An object representing request parameters for getting a show from the API.\n *\n * @typedef {object} ShowGetParameters\n * @property {boolean} detailed Fetch detailed information? (e.g. scene/xem numbering)\n * @property {boolean} episodes Fetch seasons & episodes?\n */\n\nconst actions = {\n  /**\n   * Get show history from API and commit it to the store.\n   *\n   * @param {*} context The store context.\n   * @param {ShowIdentifier&ShowGetParameters} parameters Request parameters.\n   * @returns {Promise} The API response.\n   */\n  async getShowHistory(context, {\n    slug\n  }) {\n    const {\n      commit\n    } = context;\n    const response = await _api__WEBPACK_IMPORTED_MODULE_1__[\"api\"].get(\"/history/\".concat(slug));\n\n    if (response.data.length > 0) {\n      commit(_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW_HISTORY\"], {\n        showSlug: slug,\n        history: response.data\n      });\n    }\n  },\n\n  /**\n   * Get history from API and commit them to the store.\n   *\n   * @param {*} context - The store context.\n   * @param {(ShowIdentifier&ShowGetParameters)[]} shows Shows to get. If not provided, gets the first 1k shows.\n   * @returns {undefined|Promise} undefined if `shows` was provided or the API response if not.\n   */\n  async getHistory(context) {\n    const {\n      commit,\n      state\n    } = context;\n    const limit = 1000;\n    const params = {\n      limit\n    };\n    let lastPage = false;\n    let response = null;\n\n    while (!lastPage) {\n      state.page += 1;\n      params.page = state.page;\n      response = await _api__WEBPACK_IMPORTED_MODULE_1__[\"api\"].get(\"/history\", {\n        params\n      }); // No way around this.\n\n      commit(_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_HISTORY\"], response.data);\n\n      if (response.data.length < limit) {\n        lastPage = true;\n      }\n    }\n  },\n\n  /**\n   * Get episode history from API and commit it to the store.\n   *\n   * @param {*} context The store context.\n   * @param {ShowIdentifier&ShowGetParameters} parameters Request parameters.\n   * @returns {Promise} The API response.\n   */\n  async getShowEpisodeHistory(context, {\n    showSlug,\n    episodeSlug\n  }) {\n    const {\n      commit\n    } = context;\n    const response = await _api__WEBPACK_IMPORTED_MODULE_1__[\"api\"].get(\"/history/\".concat(showSlug, \"/episode/\").concat(episodeSlug));\n\n    if (response.data.length > 0) {\n      commit(_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW_EPISODE_HISTORY\"], {\n        showSlug,\n        episodeSlug,\n        history: response.data\n      });\n    }\n  }\n\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  state,\n  mutations,\n  getters,\n  actions\n});\n\n//# sourceURL=webpack:///./src/store/modules/history.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ \"./node_modules/vue/dist/vue.esm.js\");\n/* harmony import */ var _api__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../api */ \"./src/api.js\");\n/* harmony import */ var _mutation_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../mutation-types */ \"./src/store/mutation-types.js\");\n\n\n\nconst state = {\n  history: [],\n  page: 0,\n  showHistory: {},\n  episodeHistory: {}\n};\nconst mutations = {\n  [_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_HISTORY\"]](state, history) {\n    // Update state\n    state.history.push(...history);\n  },\n\n  [_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW_HISTORY\"]](state, {\n    showSlug,\n    history\n  }) {\n    // Keep an array of shows, with their history\n    // Maybe we can just check the last id. And if the id's are newer, add them. Less fancy, much more fast.\n    vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"].set(state.showHistory, showSlug, history);\n  },\n\n  [_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW_EPISODE_HISTORY\"]](state, {\n    showSlug,\n    episodeSlug,\n    history\n  }) {\n    // Keep an object of shows, with their history per episode\n    // Example: {tvdb1234: {s01e01: [history]}}\n    if (!Object.keys(state.episodeHistory).includes(showSlug)) {\n      state.episodeHistory[showSlug] = {};\n    }\n\n    vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"].set(state.episodeHistory[showSlug], episodeSlug, history);\n  }\n\n};\nconst getters = {\n  getShowHistoryBySlug: state => showSlug => state.showHistory[showSlug],\n  getLastReleaseName: state => ({\n    showSlug,\n    episodeSlug\n  }) => {\n    if (state.episodeHistory[showSlug] !== undefined) {\n      if (state.episodeHistory[showSlug][episodeSlug] !== undefined) {\n        if (state.episodeHistory[showSlug][episodeSlug].length === 1) {\n          return state.episodeHistory[showSlug][episodeSlug][0].resource;\n        }\n\n        const filteredHistory = state.episodeHistory[showSlug][episodeSlug].sort((a, b) => (a.actionDate - b.actionDate) * -1).filter(ep => ['Snatched', 'Downloaded'].includes(ep.statusName) && ep.resource !== '');\n\n        if (filteredHistory.length > 0) {\n          return filteredHistory[0].resource;\n        }\n      }\n    }\n  }\n};\n/**\n * An object representing request parameters for getting a show from the API.\n *\n * @typedef {object} ShowGetParameters\n * @property {boolean} detailed Fetch detailed information? (e.g. scene/xem numbering)\n * @property {boolean} episodes Fetch seasons & episodes?\n */\n\nconst actions = {\n  /**\n   * Get show history from API and commit it to the store.\n   *\n   * @param {*} context The store context.\n   * @param {ShowIdentifier&ShowGetParameters} parameters Request parameters.\n   * @returns {Promise} The API response.\n   */\n  async getShowHistory(context, {\n    slug\n  }) {\n    const {\n      commit\n    } = context;\n    const response = await _api__WEBPACK_IMPORTED_MODULE_1__[\"api\"].get(\"/history/\".concat(slug));\n\n    if (response.data.length > 0) {\n      commit(_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW_HISTORY\"], {\n        showSlug: slug,\n        history: response.data\n      });\n    }\n  },\n\n  /**\n   * Get history from API and commit them to the store.\n   *\n   * @param {*} context - The store context.\n   * @param {(ShowIdentifier&ShowGetParameters)[]} shows Shows to get. If not provided, gets the first 1k shows.\n   * @returns {undefined|Promise} undefined if `shows` was provided or the API response if not.\n   */\n  async getHistory(context) {\n    const {\n      commit,\n      state\n    } = context;\n    const limit = 1000;\n    const params = {\n      limit\n    };\n    let lastPage = false;\n    let response = null;\n\n    while (!lastPage) {\n      state.page += 1;\n      params.page = state.page;\n      response = await _api__WEBPACK_IMPORTED_MODULE_1__[\"api\"].get('/history', {\n        params\n      }); // eslint-disable-line no-await-in-loop\n\n      commit(_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_HISTORY\"], response.data);\n\n      if (response.data.length < limit) {\n        lastPage = true;\n      }\n    }\n  },\n\n  /**\n   * Get episode history from API and commit it to the store.\n   *\n   * @param {*} context The store context.\n   * @param {ShowIdentifier&ShowGetParameters} parameters Request parameters.\n   * @returns {Promise} The API response.\n   */\n  async getShowEpisodeHistory(context, {\n    showSlug,\n    episodeSlug\n  }) {\n    const {\n      commit\n    } = context;\n    const response = await _api__WEBPACK_IMPORTED_MODULE_1__[\"api\"].get(\"/history/\".concat(showSlug, \"/episode/\").concat(episodeSlug));\n\n    if (response.data.length > 0) {\n      commit(_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW_EPISODE_HISTORY\"], {\n        showSlug,\n        episodeSlug,\n        history: response.data\n      });\n    }\n  }\n\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  state,\n  mutations,\n  getters,\n  actions\n});\n\n//# sourceURL=webpack:///./src/store/modules/history.js?");
 
 /***/ }),
 
diff --git a/themes/light/assets/js/medusa-runtime.js b/themes/light/assets/js/medusa-runtime.js
index f55452cdda..1c947fae0d 100644
--- a/themes/light/assets/js/medusa-runtime.js
+++ b/themes/light/assets/js/medusa-runtime.js
@@ -536,7 +536,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(f
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var vue_good_table__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue-good-table */ \"./node_modules/vue-good-table/dist/vue-good-table.es.js\");\n/* harmony import */ var _api__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../api */ \"./src/api.js\");\n/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./helpers */ \"./src/components/helpers/index.js\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: 'subtitle-search',\n  components: {\n    StateSwitch: _helpers__WEBPACK_IMPORTED_MODULE_3__[\"StateSwitch\"],\n    VueGoodTable: vue_good_table__WEBPACK_IMPORTED_MODULE_1__[\"VueGoodTable\"]\n  },\n  props: {\n    show: {\n      type: Object,\n      required: true\n    },\n    episode: {\n      type: Object,\n      required: true\n    },\n    lang: {\n      type: String,\n      required: false\n    }\n  },\n\n  data() {\n    return {\n      columns: [{\n        label: 'Filename',\n        field: 'filename'\n      }, {\n        label: 'Language',\n        field: 'lang'\n      }, {\n        label: 'Provider',\n        field: 'provider'\n      }, {\n        label: 'Score',\n        field: 'score',\n        type: 'number'\n      }, {\n        label: 'Sub Score',\n        field: 'sub_score',\n        type: 'number'\n      }, {\n        label: 'Missing Matches',\n        field: rowObj => {\n          if (rowObj.missing_guess) {\n            return rowObj.missing_guess.join(', ');\n          }\n        },\n        type: 'array'\n      }, {\n        label: 'Download',\n        field: 'download',\n        sortable: false\n      }],\n      subtitles: [],\n      displayQuestion: false,\n      loading: false,\n      loadingMessage: ''\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapState\"])({\n      config: state => state.config,\n      episodeHistory: state => state.episodeHistory\n    }),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])({\n      getLastReleaseName: 'getLastReleaseName'\n    }),\n\n    releaseName() {\n      const {\n        episode,\n        getLastReleaseName,\n        show\n      } = this;\n      const lastKnownReleaseName = getLastReleaseName({\n        showSlug: show.id.slug,\n        episodeSlug: episode.slug\n      });\n\n      if (lastKnownReleaseName) {\n        return \"Select subtitle for release: \".concat(lastKnownReleaseName);\n      }\n\n      return 'Could not get a downloaded release name from the history table';\n    },\n\n    subtitleParams() {\n      const {\n        episode,\n        show\n      } = this;\n      const params = {\n        indexername: show.indexer,\n        seriesid: show.id[show.indexer],\n        season: episode.season,\n        episode: episode.episode\n      };\n      return params;\n    }\n\n  },\n\n  mounted() {\n    const {\n      episode,\n      getShowEpisodeHistory,\n      show\n    } = this;\n    this.displayQuestion = true;\n    getShowEpisodeHistory({\n      showSlug: show.id.slug,\n      episodeSlug: episode.slug\n    });\n  },\n\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])(['getShowEpisodeHistory']),\n\n    autoSearch() {\n      const {\n        lang,\n        subtitleParams\n      } = this;\n      const params = subtitleParams;\n\n      if (lang !== undefined) {\n        params.lang = lang;\n      }\n\n      this.displayQuestion = false;\n      this.loadingMessage = 'Searching for subtitles and downloading if available... ';\n      this.loading = true;\n      Object(_api__WEBPACK_IMPORTED_MODULE_2__[\"apiRoute\"])('home/searchEpisodeSubtitles', {\n        params\n      }).then(response => {\n        if (response.data.result !== 'failure') {\n          // Update the show, as we have new information (subtitles)\n          // Let's emit an event, telling the displayShow component, to update the show using the api/store.\n          this.$emit('update', {\n            reason: 'new subtitles found',\n            codes: response.data.subtitles,\n            languages: response.data.languages\n          });\n        }\n      }).catch(error => {\n        console.log(\"Error trying to search for subtitles. Error: \".concat(error));\n      }).finally(() => {\n        // Cleanup\n        this.loadingMessage = '';\n        this.loading = false;\n        this.close();\n      });\n    },\n\n    manualSearch() {\n      const {\n        getShowEpisodeHistory,\n        subtitleParams\n      } = this;\n      this.displayQuestion = false;\n      this.loading = true;\n      this.loadingMessage = 'Searching for subtitles... ';\n      Object(_api__WEBPACK_IMPORTED_MODULE_2__[\"apiRoute\"])('home/manualSearchSubtitles', {\n        params: subtitleParams\n      }).then(response => {\n        if (response.data.result === 'success') {\n          this.subtitles.push(...response.data.subtitles);\n        }\n      }).catch(error => {\n        console.log(\"Error trying to search for subtitles. Error: \".concat(error));\n      }).finally(() => {\n        this.loading = false;\n      });\n    },\n\n    redownloadLang() {\n      const {\n        subtitleParams\n      } = this;\n      Object(_api__WEBPACK_IMPORTED_MODULE_2__[\"apiRoute\"])('home/searchEpisodeSubtitles', {\n        params: subtitleParams\n      }).then(response => {\n        if (response.data.result !== 'failure') {\n          // Update the show, as we have new information (subtitles)\n          // Let's emit an event, telling the displayShow component, to update the show using the api/store.\n          this.$emit('update', {\n            reason: 'new subtitles found',\n            codes: response.data.subtitles,\n            languages: response.data.languages\n          });\n        }\n      }).catch(error => {\n        console.log(\"Error trying to search for subtitles. Error: \".concat(error));\n      }).finally(() => {\n        // Cleanup\n        this.loadingMessage = '';\n        this.loading = false;\n        this.close();\n      });\n    },\n\n    pickSubtitle(subtitleId) {\n      // Download and save this subtitle with the episode.\n      const {\n        subtitleParams\n      } = this;\n      const params = { ...subtitleParams,\n        picked_id: subtitleId // eslint-disable-line camelcase\n\n      };\n      this.displayQuestion = false;\n      this.loadingMessage = 'downloading subtitle... ';\n      this.loading = true;\n      Object(_api__WEBPACK_IMPORTED_MODULE_2__[\"apiRoute\"])('home/manualSearchSubtitles', {\n        params\n      }).then(response => {\n        if (response.data.result === 'success') {\n          // Update the show, as we have new information (subtitles)\n          // Let's emit an event, telling the displayShow component, to update the show using the api/store.\n          this.$emit('update', {\n            reason: 'new subtitles found',\n            codes: response.data.subtitles,\n            languages: response.data.languages\n          });\n        }\n      }).catch(error => {\n        console.log(\"Error trying to search for subtitles. Error: \".concat(error));\n      }).finally(() => {\n        // Cleanup\n        this.loadingMessage = '';\n        this.loading = false;\n        this.close();\n      });\n    },\n\n    close() {\n      this.$emit('close'); // Destroy the vue listeners, etc\n\n      this.$destroy(); // Remove the element from the DOM\n\n      this.$el.parentNode.removeChild(this.$el);\n    }\n\n  }\n});\n\n//# sourceURL=webpack:///./src/components/subtitle-search.vue?./node_modules/babel-loader/lib??ref--1!./node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var vue_good_table__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue-good-table */ \"./node_modules/vue-good-table/dist/vue-good-table.es.js\");\n/* harmony import */ var _api__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../api */ \"./src/api.js\");\n/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./helpers */ \"./src/components/helpers/index.js\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: 'subtitle-search',\n  components: {\n    StateSwitch: _helpers__WEBPACK_IMPORTED_MODULE_3__[\"StateSwitch\"],\n    VueGoodTable: vue_good_table__WEBPACK_IMPORTED_MODULE_1__[\"VueGoodTable\"]\n  },\n  props: {\n    show: {\n      type: Object,\n      required: true\n    },\n    episode: {\n      type: Object,\n      required: true\n    },\n    lang: {\n      type: String,\n      required: false\n    }\n  },\n\n  data() {\n    return {\n      columns: [{\n        label: 'Filename',\n        field: 'filename'\n      }, {\n        label: 'Language',\n        field: 'lang'\n      }, {\n        label: 'Provider',\n        field: 'provider'\n      }, {\n        label: 'Score',\n        field: 'score',\n        type: 'number'\n      }, {\n        label: 'Sub Score',\n        field: 'sub_score',\n        type: 'number'\n      }, {\n        label: 'Missing Matches',\n        field: rowObj => {\n          if (rowObj.missing_guess) {\n            return rowObj.missing_guess.join(', ');\n          }\n        },\n        type: 'array'\n      }, {\n        label: 'Download',\n        field: 'download',\n        sortable: false\n      }],\n      subtitles: [],\n      displayQuestion: false,\n      loading: false,\n      loadingMessage: ''\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapState\"])({\n      config: state => state.config,\n      episodeHistory: state => state.episodeHistory\n    }),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])({\n      getLastReleaseName: 'getLastReleaseName'\n    }),\n\n    releaseName() {\n      const {\n        episode,\n        getLastReleaseName,\n        show\n      } = this;\n      const lastKnownReleaseName = getLastReleaseName({\n        showSlug: show.id.slug,\n        episodeSlug: episode.slug\n      });\n\n      if (lastKnownReleaseName) {\n        return \"Select subtitle for release: \".concat(lastKnownReleaseName);\n      }\n\n      return 'Could not get a downloaded release name from the history table';\n    },\n\n    subtitleParams() {\n      const {\n        episode,\n        show\n      } = this;\n      const params = {\n        indexername: show.indexer,\n        seriesid: show.id[show.indexer],\n        season: episode.season,\n        episode: episode.episode\n      };\n      return params;\n    }\n\n  },\n\n  mounted() {\n    const {\n      episode,\n      getShowEpisodeHistory,\n      show\n    } = this;\n    this.displayQuestion = true;\n    getShowEpisodeHistory({\n      showSlug: show.id.slug,\n      episodeSlug: episode.slug\n    });\n  },\n\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])(['getShowEpisodeHistory']),\n\n    autoSearch() {\n      const {\n        lang,\n        subtitleParams\n      } = this;\n      const params = subtitleParams;\n\n      if (lang !== undefined) {\n        params.lang = lang;\n      }\n\n      this.displayQuestion = false;\n      this.loadingMessage = 'Searching for subtitles and downloading if available... ';\n      this.loading = true;\n      Object(_api__WEBPACK_IMPORTED_MODULE_2__[\"apiRoute\"])('home/searchEpisodeSubtitles', {\n        params\n      }).then(response => {\n        if (response.data.result !== 'failure') {\n          // Update the show, as we have new information (subtitles)\n          // Let's emit an event, telling the displayShow component, to update the show using the api/store.\n          this.$emit('update', {\n            reason: 'new subtitles found',\n            codes: response.data.subtitles,\n            languages: response.data.languages\n          });\n        }\n      }).catch(error => {\n        console.log(\"Error trying to search for subtitles. Error: \".concat(error));\n      }).finally(() => {\n        // Cleanup\n        this.loadingMessage = '';\n        this.loading = false;\n        this.close();\n      });\n    },\n\n    manualSearch() {\n      const {\n        subtitleParams\n      } = this;\n      this.displayQuestion = false;\n      this.loading = true;\n      this.loadingMessage = 'Searching for subtitles... ';\n      Object(_api__WEBPACK_IMPORTED_MODULE_2__[\"apiRoute\"])('home/manualSearchSubtitles', {\n        params: subtitleParams\n      }).then(response => {\n        if (response.data.result === 'success') {\n          this.subtitles.push(...response.data.subtitles);\n        }\n      }).catch(error => {\n        console.log(\"Error trying to search for subtitles. Error: \".concat(error));\n      }).finally(() => {\n        this.loading = false;\n      });\n    },\n\n    redownloadLang() {\n      const {\n        subtitleParams\n      } = this;\n      Object(_api__WEBPACK_IMPORTED_MODULE_2__[\"apiRoute\"])('home/searchEpisodeSubtitles', {\n        params: subtitleParams\n      }).then(response => {\n        if (response.data.result !== 'failure') {\n          // Update the show, as we have new information (subtitles)\n          // Let's emit an event, telling the displayShow component, to update the show using the api/store.\n          this.$emit('update', {\n            reason: 'new subtitles found',\n            codes: response.data.subtitles,\n            languages: response.data.languages\n          });\n        }\n      }).catch(error => {\n        console.log(\"Error trying to search for subtitles. Error: \".concat(error));\n      }).finally(() => {\n        // Cleanup\n        this.loadingMessage = '';\n        this.loading = false;\n        this.close();\n      });\n    },\n\n    pickSubtitle(subtitleId) {\n      // Download and save this subtitle with the episode.\n      const {\n        subtitleParams\n      } = this;\n      const params = { ...subtitleParams,\n        picked_id: subtitleId // eslint-disable-line camelcase\n\n      };\n      this.displayQuestion = false;\n      this.loadingMessage = 'downloading subtitle... ';\n      this.loading = true;\n      Object(_api__WEBPACK_IMPORTED_MODULE_2__[\"apiRoute\"])('home/manualSearchSubtitles', {\n        params\n      }).then(response => {\n        if (response.data.result === 'success') {\n          // Update the show, as we have new information (subtitles)\n          // Let's emit an event, telling the displayShow component, to update the show using the api/store.\n          this.$emit('update', {\n            reason: 'new subtitles found',\n            codes: response.data.subtitles,\n            languages: response.data.languages\n          });\n        }\n      }).catch(error => {\n        console.log(\"Error trying to search for subtitles. Error: \".concat(error));\n      }).finally(() => {\n        // Cleanup\n        this.loadingMessage = '';\n        this.loading = false;\n        this.close();\n      });\n    },\n\n    close() {\n      this.$emit('close'); // Destroy the vue listeners, etc\n\n      this.$destroy(); // Remove the element from the DOM\n\n      this.$el.parentNode.removeChild(this.$el);\n    }\n\n  }\n});\n\n//# sourceURL=webpack:///./src/components/subtitle-search.vue?./node_modules/babel-loader/lib??ref--1!./node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -3524,7 +3524,7 @@ eval("__webpack_require__.r(__webpack_exports__);\nconst state = {\n  show: {\n
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ \"./node_modules/vue/dist/vue.esm.js\");\n/* harmony import */ var _api__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../api */ \"./src/api.js\");\n/* harmony import */ var _mutation_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../mutation-types */ \"./src/store/mutation-types.js\");\n\n\n\nconst state = {\n  history: [],\n  page: 0,\n  showHistory: {},\n  episodeHistory: {}\n};\nconst mutations = {\n  [_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_HISTORY\"]](state, history) {\n    // Update state\n    state.history.push(...history);\n  },\n\n  [_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW_HISTORY\"]](state, {\n    showSlug,\n    history\n  }) {\n    // Keep an array of shows, with their history\n    // Maybe we can just check the last id. And if the id's are newer, add them. Less fancy, much more fast.\n    vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"].set(state.showHistory, showSlug, history);\n  },\n\n  [_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW_EPISODE_HISTORY\"]](state, {\n    showSlug,\n    episodeSlug,\n    history\n  }) {\n    // Keep an object of shows, with their history per episode\n    // Example: {tvdb1234: {s01e01: [history]}}\n    if (!Object.keys(state.episodeHistory).includes(showSlug)) {\n      state.episodeHistory[showSlug] = {};\n    }\n\n    vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"].set(state.episodeHistory[showSlug], episodeSlug, history);\n  }\n\n};\nconst getters = {\n  getShowHistoryBySlug: state => showSlug => state.showHistory[showSlug],\n  getLastReleaseName: state => ({\n    showSlug,\n    episodeSlug\n  }) => {\n    if (state.episodeHistory[showSlug] !== undefined) {\n      if (state.episodeHistory[showSlug][episodeSlug] !== undefined) {\n        if (state.episodeHistory[showSlug][episodeSlug].length === 1) {\n          return state.episodeHistory[showSlug][episodeSlug][0].resource;\n        }\n\n        const filteredHistory = state.episodeHistory[showSlug][episodeSlug].sort((a, b) => (a.actionDate - b.actionDate) * -1).filter(ep => ['Snatched', 'Downloaded'].includes(ep.statusName) && ep.resource !== '');\n\n        if (filteredHistory.length > 0) {\n          return filteredHistory[0].resource;\n        }\n      }\n    }\n  }\n};\n/**\n * An object representing request parameters for getting a show from the API.\n *\n * @typedef {object} ShowGetParameters\n * @property {boolean} detailed Fetch detailed information? (e.g. scene/xem numbering)\n * @property {boolean} episodes Fetch seasons & episodes?\n */\n\nconst actions = {\n  /**\n   * Get show history from API and commit it to the store.\n   *\n   * @param {*} context The store context.\n   * @param {ShowIdentifier&ShowGetParameters} parameters Request parameters.\n   * @returns {Promise} The API response.\n   */\n  async getShowHistory(context, {\n    slug\n  }) {\n    const {\n      commit\n    } = context;\n    const response = await _api__WEBPACK_IMPORTED_MODULE_1__[\"api\"].get(\"/history/\".concat(slug));\n\n    if (response.data.length > 0) {\n      commit(_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW_HISTORY\"], {\n        showSlug: slug,\n        history: response.data\n      });\n    }\n  },\n\n  /**\n   * Get history from API and commit them to the store.\n   *\n   * @param {*} context - The store context.\n   * @param {(ShowIdentifier&ShowGetParameters)[]} shows Shows to get. If not provided, gets the first 1k shows.\n   * @returns {undefined|Promise} undefined if `shows` was provided or the API response if not.\n   */\n  async getHistory(context) {\n    const {\n      commit,\n      state\n    } = context;\n    const limit = 1000;\n    const params = {\n      limit\n    };\n    let lastPage = false;\n    let response = null;\n\n    while (!lastPage) {\n      state.page += 1;\n      params.page = state.page;\n      response = await _api__WEBPACK_IMPORTED_MODULE_1__[\"api\"].get(\"/history\", {\n        params\n      }); // No way around this.\n\n      commit(_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_HISTORY\"], response.data);\n\n      if (response.data.length < limit) {\n        lastPage = true;\n      }\n    }\n  },\n\n  /**\n   * Get episode history from API and commit it to the store.\n   *\n   * @param {*} context The store context.\n   * @param {ShowIdentifier&ShowGetParameters} parameters Request parameters.\n   * @returns {Promise} The API response.\n   */\n  async getShowEpisodeHistory(context, {\n    showSlug,\n    episodeSlug\n  }) {\n    const {\n      commit\n    } = context;\n    const response = await _api__WEBPACK_IMPORTED_MODULE_1__[\"api\"].get(\"/history/\".concat(showSlug, \"/episode/\").concat(episodeSlug));\n\n    if (response.data.length > 0) {\n      commit(_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW_EPISODE_HISTORY\"], {\n        showSlug,\n        episodeSlug,\n        history: response.data\n      });\n    }\n  }\n\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  state,\n  mutations,\n  getters,\n  actions\n});\n\n//# sourceURL=webpack:///./src/store/modules/history.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ \"./node_modules/vue/dist/vue.esm.js\");\n/* harmony import */ var _api__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../api */ \"./src/api.js\");\n/* harmony import */ var _mutation_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../mutation-types */ \"./src/store/mutation-types.js\");\n\n\n\nconst state = {\n  history: [],\n  page: 0,\n  showHistory: {},\n  episodeHistory: {}\n};\nconst mutations = {\n  [_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_HISTORY\"]](state, history) {\n    // Update state\n    state.history.push(...history);\n  },\n\n  [_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW_HISTORY\"]](state, {\n    showSlug,\n    history\n  }) {\n    // Keep an array of shows, with their history\n    // Maybe we can just check the last id. And if the id's are newer, add them. Less fancy, much more fast.\n    vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"].set(state.showHistory, showSlug, history);\n  },\n\n  [_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW_EPISODE_HISTORY\"]](state, {\n    showSlug,\n    episodeSlug,\n    history\n  }) {\n    // Keep an object of shows, with their history per episode\n    // Example: {tvdb1234: {s01e01: [history]}}\n    if (!Object.keys(state.episodeHistory).includes(showSlug)) {\n      state.episodeHistory[showSlug] = {};\n    }\n\n    vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"].set(state.episodeHistory[showSlug], episodeSlug, history);\n  }\n\n};\nconst getters = {\n  getShowHistoryBySlug: state => showSlug => state.showHistory[showSlug],\n  getLastReleaseName: state => ({\n    showSlug,\n    episodeSlug\n  }) => {\n    if (state.episodeHistory[showSlug] !== undefined) {\n      if (state.episodeHistory[showSlug][episodeSlug] !== undefined) {\n        if (state.episodeHistory[showSlug][episodeSlug].length === 1) {\n          return state.episodeHistory[showSlug][episodeSlug][0].resource;\n        }\n\n        const filteredHistory = state.episodeHistory[showSlug][episodeSlug].sort((a, b) => (a.actionDate - b.actionDate) * -1).filter(ep => ['Snatched', 'Downloaded'].includes(ep.statusName) && ep.resource !== '');\n\n        if (filteredHistory.length > 0) {\n          return filteredHistory[0].resource;\n        }\n      }\n    }\n  }\n};\n/**\n * An object representing request parameters for getting a show from the API.\n *\n * @typedef {object} ShowGetParameters\n * @property {boolean} detailed Fetch detailed information? (e.g. scene/xem numbering)\n * @property {boolean} episodes Fetch seasons & episodes?\n */\n\nconst actions = {\n  /**\n   * Get show history from API and commit it to the store.\n   *\n   * @param {*} context The store context.\n   * @param {ShowIdentifier&ShowGetParameters} parameters Request parameters.\n   * @returns {Promise} The API response.\n   */\n  async getShowHistory(context, {\n    slug\n  }) {\n    const {\n      commit\n    } = context;\n    const response = await _api__WEBPACK_IMPORTED_MODULE_1__[\"api\"].get(\"/history/\".concat(slug));\n\n    if (response.data.length > 0) {\n      commit(_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW_HISTORY\"], {\n        showSlug: slug,\n        history: response.data\n      });\n    }\n  },\n\n  /**\n   * Get history from API and commit them to the store.\n   *\n   * @param {*} context - The store context.\n   * @param {(ShowIdentifier&ShowGetParameters)[]} shows Shows to get. If not provided, gets the first 1k shows.\n   * @returns {undefined|Promise} undefined if `shows` was provided or the API response if not.\n   */\n  async getHistory(context) {\n    const {\n      commit,\n      state\n    } = context;\n    const limit = 1000;\n    const params = {\n      limit\n    };\n    let lastPage = false;\n    let response = null;\n\n    while (!lastPage) {\n      state.page += 1;\n      params.page = state.page;\n      response = await _api__WEBPACK_IMPORTED_MODULE_1__[\"api\"].get('/history', {\n        params\n      }); // eslint-disable-line no-await-in-loop\n\n      commit(_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_HISTORY\"], response.data);\n\n      if (response.data.length < limit) {\n        lastPage = true;\n      }\n    }\n  },\n\n  /**\n   * Get episode history from API and commit it to the store.\n   *\n   * @param {*} context The store context.\n   * @param {ShowIdentifier&ShowGetParameters} parameters Request parameters.\n   * @returns {Promise} The API response.\n   */\n  async getShowEpisodeHistory(context, {\n    showSlug,\n    episodeSlug\n  }) {\n    const {\n      commit\n    } = context;\n    const response = await _api__WEBPACK_IMPORTED_MODULE_1__[\"api\"].get(\"/history/\".concat(showSlug, \"/episode/\").concat(episodeSlug));\n\n    if (response.data.length > 0) {\n      commit(_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW_EPISODE_HISTORY\"], {\n        showSlug,\n        episodeSlug,\n        history: response.data\n      });\n    }\n  }\n\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  state,\n  mutations,\n  getters,\n  actions\n});\n\n//# sourceURL=webpack:///./src/store/modules/history.js?");
 
 /***/ }),
 

From 507e90bafc33ec673578554d3c473d6e1739feca Mon Sep 17 00:00:00 2001
From: P0psicles <rogier@headshots.nl>
Date: Mon, 13 Apr 2020 19:45:26 +0200
Subject: [PATCH 06/16] Update api-description

---
 dredd/api-description.yml               | 101 ++++++++++++++++++++++++
 medusa/server/api/v2/episode_history.py |   6 +-
 medusa/server/api/v2/history.py         |   8 +-
 3 files changed, 108 insertions(+), 7 deletions(-)

diff --git a/dredd/api-description.yml b/dredd/api-description.yml
index d1bc317811..3e06e4ba73 100644
--- a/dredd/api-description.yml
+++ b/dredd/api-description.yml
@@ -995,6 +995,66 @@ paths:
         400:
           $ref: '#/responses/error'
           x-disabled: true
+  /history/{seriesid}:
+    get:
+      summary: Return history entries to a specific show
+      description: |
+        The history endpoint returns logged activities stored in the history table, like episodes snatched and downloaded. Or downloaded subtitles for an episode.
+      parameters:
+        - $ref: '#/parameters/series-id'
+          name: seriesid
+        - $ref: '#/parameters/page'
+        - $ref: '#/parameters/limit'
+        - $ref: '#/parameters/sort'
+      responses:
+        200:
+          $ref: '#/responses/pagination'
+          description: A paged array of history entries
+          schema:
+            type: array
+            items:
+              $ref: '#/definitions/History'
+        400:
+          $ref: '#/responses/error'
+          description: Invalid series id or pagination parameters
+          x-request:
+            query-params:
+              sort: abc
+        404:
+          $ref: '#/responses/error'
+          description: Series not found
+          x-request:
+            path-params:
+              seriesid: tvdb999999999
+  /history/{seriesid}/episode/{episodeid}:
+    get:
+      summary: Return history entries for a specific episode
+      description: |
+        The histories episode endpoint returns history entries for a specific episode
+      parameters:
+        - $ref: '#/parameters/series-id'
+          name: seriesid
+        - $ref: '#/parameters/episode-id'
+          name: episodeid
+      responses:
+        200:
+          description: Array of History entries
+          schema:
+            type: array
+            items:
+              $ref: '#/definitions/History'
+        400:
+          $ref: '#/responses/error'
+          description: Invalid series id or pagination parameters
+          x-request:
+            query-params:
+              sort: abc
+        404:
+          $ref: '#/responses/error'
+          description: Series not found
+          x-request:
+            path-params:
+              seriesid: tvdb999999999
 
 definitions:
   Series:
@@ -2721,6 +2781,47 @@ definitions:
       overview:
         type: string
         description: Episode status/quality overview string
+
+  History:
+    type: object
+    properties:
+      id:
+        type: integer
+        format: int32
+        description: Internal id for the history row
+      series:
+        type: string
+        description: Series slug (if available)
+      status:
+        type: integer
+        format: int32
+        description: Status (numberic)
+      statusName:
+        type: string
+        description: Status description
+      actionDate:
+        type: integer
+        format: int32
+        description: Date of when the history entrie was stored
+      resource:
+        type: string
+        description: Description of what was stored
+        example:
+            - The release name for a statusName of "Downloaded" or "Snatched"
+            - The language of a subitle downloaded fo ra statusName of "Subtitled"
+      size:
+        type: integer
+        description: Snatched or Downloaded filesize
+      season:
+        type: integer
+        description: Season number
+      episode:
+        type: integer
+        description: Episode number
+      manuallySearched:
+        type: boolean
+        description: Specifies if an episode was snatched or downloaded through a manual search
+
 parameters:
   detailed:
     name: detailed
diff --git a/medusa/server/api/v2/episode_history.py b/medusa/server/api/v2/episode_history.py
index eb88f8e0c7..d69fc2a4cd 100644
--- a/medusa/server/api/v2/episode_history.py
+++ b/medusa/server/api/v2/episode_history.py
@@ -52,11 +52,11 @@ def get(self, series_slug, episode_slug, path_param):
             return self._not_found('Series not found')
 
         if not episode_slug:
-            return self._not_found('Invalid episode slug')
+            return self._bad_request('Invalid episode slug')
 
         episode_number = EpisodeNumber.from_slug(episode_slug)
         if not episode_number:
-            return self._bad_request('Invalid episode number')
+            return self._not_found('Invalid episode number')
 
         episode = Episode.find_by_series_and_episode(series, episode_number)
         if not episode:
@@ -93,7 +93,7 @@ def data_generator():
                 d['statusName'] = statusStrings.get(item['action'])
                 d['season'] = item['season']
                 d['episode'] = item['episode']
-                d['manuallySearched'] = item['manually_searched']
+                d['manuallySearched'] = bool(item['manually_searched'])
 
                 provider = get_provider_class(GenericProvider.make_id(item['provider']))
                 d['provider'] = {}
diff --git a/medusa/server/api/v2/history.py b/medusa/server/api/v2/history.py
index d2d14b89ab..2820d3b579 100644
--- a/medusa/server/api/v2/history.py
+++ b/medusa/server/api/v2/history.py
@@ -25,7 +25,7 @@ class HistoryHandler(BaseRequestHandler):
     allowed_methods = ('GET', 'POST', 'PUT', 'DELETE')
 
     def get(self, series_slug, path_param):
-        """Query search history information."""
+        """Query history information."""
 
         sql_base = '''
             SELECT rowid, date, action, quality,
@@ -68,6 +68,7 @@ def data_generator():
                 d['statusName'] = statusStrings.get(item['action'])
                 d['season'] = item['season']
                 d['episode'] = item['episode']
+                d['manuallySearched'] = bool(item['manually_searched'])
 
                 provider = get_provider_class(GenericProvider.make_id(item['provider']))
                 d['provider'] = {}
@@ -83,9 +84,8 @@ def data_generator():
 
         return self._paginate(data_generator=data_generator)
 
-
     def delete(self, identifier, **kwargs):
-        """Delete an alias."""
+        """Delete a history record."""
         identifier = self._parse(identifier)
         if not identifier:
             return self._bad_request('Invalid history id')
@@ -94,6 +94,6 @@ def delete(self, identifier, **kwargs):
         last_changes = cache_db_con.connection.total_changes
         cache_db_con.action('DELETE FROM history WHERE row_id = ?', [identifier])
         if cache_db_con.connection.total_changes - last_changes <= 0:
-            return self._not_found('Alias not found')
+            return self._not_found('History row not found')
 
         return self._no_content()

From 1754d87feec6ac7d9758e2829cb70fea02d51576 Mon Sep 17 00:00:00 2001
From: P0psicles <rogier@headshots.nl>
Date: Mon, 13 Apr 2020 19:51:02 +0200
Subject: [PATCH 07/16] Added "provider" to api-description.yml

---
 dredd/api-description.yml | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/dredd/api-description.yml b/dredd/api-description.yml
index 3e06e4ba73..88a5ccb590 100644
--- a/dredd/api-description.yml
+++ b/dredd/api-description.yml
@@ -2821,6 +2821,18 @@ definitions:
       manuallySearched:
         type: boolean
         description: Specifies if an episode was snatched or downloaded through a manual search
+      provider:
+        type: object
+        properties:
+          id:
+            type: string
+            description: Provider id
+          name:
+            type: string
+            description: Provider name
+          imagename:
+            type: string
+            description: Provider icon image name.
 
 parameters:
   detailed:

From 07f78c34c88e5c8ff4957d08ad3b83273656d122 Mon Sep 17 00:00:00 2001
From: P0psicles <rogier@headshots.nl>
Date: Mon, 13 Apr 2020 19:56:56 +0200
Subject: [PATCH 08/16] Updated changelog

---
 CHANGELOG.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 667168e63a..fca2cf94c0 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -5,6 +5,7 @@
 #### Improvements
 - Add show names with dashes to guessit expected titles ([#7918](https://github.com/pymedusa/Medusa/pull/7918))
 - Provider YggTorrents: Add 'saison' as a season pack search keyword ([#7920](https://github.com/pymedusa/Medusa/pull/7920))
+- Show Snatched or Downloaded release name when manually picking a subtitle ([#7955](https://github.com/pymedusa/Medusa/pull/7955))
 
 #### Fixes
 - Fixed root dirs not always shown on Home page ([#7921](https://github.com/pymedusa/Medusa/pull/7921))

From 17ea6167fef7aaa6c4ad304c7b45410289e1d9c5 Mon Sep 17 00:00:00 2001
From: P0psicles <rogier@headshots.nl>
Date: Wed, 15 Apr 2020 17:08:17 +0200
Subject: [PATCH 09/16] Review comments.

---
 medusa/server/api/v2/episode_history.py | 38 ++-----------------------
 medusa/server/api/v2/history.py         | 21 +++++++-------
 2 files changed, 14 insertions(+), 45 deletions(-)

diff --git a/medusa/server/api/v2/episode_history.py b/medusa/server/api/v2/episode_history.py
index d69fc2a4cd..61e33e78e7 100644
--- a/medusa/server/api/v2/episode_history.py
+++ b/medusa/server/api/v2/episode_history.py
@@ -7,7 +7,6 @@
 from medusa import db
 
 from medusa.common import statusStrings
-from medusa.helper.exceptions import EpisodeDeletedException
 from medusa.logger.adapters.style import BraceAdapter
 from medusa.providers.generic_provider import GenericProvider
 from medusa.providers import get_provider_class
@@ -34,7 +33,7 @@ class EpisodeHistoryHandler(BaseRequestHandler):
     #: path param
     path_param = ('path_param', r'\w+')
     #: allowed HTTP methods
-    allowed_methods = ('GET', 'DELETE',)
+    allowed_methods = ('GET',)
 
     def get(self, series_slug, episode_slug, path_param):
         """Query episode's history information.
@@ -80,10 +79,7 @@ def data_generator():
             for item in results:
                 d = {}
                 d['id'] = item['rowid']
-
-                if item['indexer_id'] and item['showid']:
-                    d['series'] = SeriesIdentifier.from_id(item['indexer_id'], item['showid']).slug
-
+                d['series'] = SeriesIdentifier.from_id(item['indexer_id'], item['showid']).slug
                 d['status'] = item['action']
                 d['actionDate'] = item['date']
 
@@ -104,37 +100,9 @@ def data_generator():
 
                 yield d
 
-        if not len(results):
+        if not results:
             return self._not_found('History data not found for show {show} and episode {episode}'.format(
                 show=series.identifier.slug, episode=episode.slug
             ))
 
         return self._ok(data=list(data_generator()))
-
-    def delete(self, series_slug, episode_slug, **kwargs):
-        """Delete the episode."""
-        if not series_slug:
-            return self._method_not_allowed('Deleting multiple series are not allowed')
-
-        identifier = SeriesIdentifier.from_slug(series_slug)
-        if not identifier:
-            return self._bad_request('Invalid series identifier')
-
-        series = Series.find_by_identifier(identifier)
-        if not series:
-            return self._not_found('Series not found')
-
-        episode_number = EpisodeNumber.from_slug(episode_slug)
-        if not episode_number:
-            return self._bad_request('Invalid episode number')
-
-        episode = Episode.find_by_series_and_episode(series, episode_number)
-        if not episode:
-            return self._not_found('Episode not found')
-
-        try:
-            episode.delete_episode()
-        except EpisodeDeletedException:
-            return self._no_content()
-        else:
-            return self._conflict('Unable to delete episode')
diff --git a/medusa/server/api/v2/history.py b/medusa/server/api/v2/history.py
index 2820d3b579..3ac06ba5a5 100644
--- a/medusa/server/api/v2/history.py
+++ b/medusa/server/api/v2/history.py
@@ -25,8 +25,11 @@ class HistoryHandler(BaseRequestHandler):
     allowed_methods = ('GET', 'POST', 'PUT', 'DELETE')
 
     def get(self, series_slug, path_param):
-        """Query history information."""
+        """
+        Get history records.
 
+        History records can be specified using a show slug.
+        """
         sql_base = '''
             SELECT rowid, date, action, quality,
                    provider, version, resource, size,
@@ -56,15 +59,13 @@ def data_generator():
             for item in results[start - 1:start - 1 + arg_limit]:
                 d = {}
                 d['id'] = item['rowid']
-
-                if item['indexer_id'] and item['showid']:
-                    d['series'] = SeriesIdentifier.from_id(item['indexer_id'], item['showid']).slug
-
+                d['series'] = SeriesIdentifier.from_id(item['indexer_id'], item['showid']).slug
                 d['status'] = item['action']
                 d['actionDate'] = item['date']
 
                 d['resource'] = basename(item['resource'])
                 d['size'] = item['size']
+                d['properTags'] = item['proper_tags']
                 d['statusName'] = statusStrings.get(item['action'])
                 d['season'] = item['season']
                 d['episode'] = item['episode']
@@ -79,7 +80,7 @@ def data_generator():
 
                 yield d
 
-        if not len(results):
+        if not results:
             return self._not_found('History data not found')
 
         return self._paginate(data_generator=data_generator)
@@ -90,10 +91,10 @@ def delete(self, identifier, **kwargs):
         if not identifier:
             return self._bad_request('Invalid history id')
 
-        cache_db_con = db.DBConnection('cache.db')
-        last_changes = cache_db_con.connection.total_changes
-        cache_db_con.action('DELETE FROM history WHERE row_id = ?', [identifier])
-        if cache_db_con.connection.total_changes - last_changes <= 0:
+        main_db_con = db.DBConnection()
+        last_changes = main_db_con.connection.total_changes
+        main_db_con.action('DELETE FROM history WHERE row_id = ?', [identifier])
+        if main_db_con.connection.total_changes - last_changes <= 0:
             return self._not_found('History row not found')
 
         return self._no_content()

From 2a5372887fe4f4b7d660eda6c4fd6ce1a4796f76 Mon Sep 17 00:00:00 2001
From: P0psicles <rogier@headshots.nl>
Date: Sat, 18 Apr 2020 12:49:02 +0200
Subject: [PATCH 10/16] Re-arange subtitle-search.vue to make it more test
 friendly * Fixed jest tests * Updated jest snapshot

---
 medusa/server/api/v2/history.py               |    6 +-
 .../slim/src/components/subtitle-search.vue   |    9 +-
 .../slim/src/store/modules/history.js         |   12 +-
 .../test/__fixtures__/episode-history.json    |   44 +
 .../slim/test/__fixtures__/show-episode.json  |   35 +
 .../subtitle-search.spec.js.snap              | 3242 +++++++++--------
 .../slim/test/specs/subtitle-search.spec.js   |   37 +-
 themes/dark/assets/js/medusa-runtime.js       |    4 +-
 themes/light/assets/js/medusa-runtime.js      |    4 +-
 9 files changed, 1753 insertions(+), 1640 deletions(-)
 create mode 100644 themes-default/slim/test/__fixtures__/episode-history.json
 create mode 100644 themes-default/slim/test/__fixtures__/show-episode.json

diff --git a/medusa/server/api/v2/history.py b/medusa/server/api/v2/history.py
index 3ac06ba5a5..7cd82e1c66 100644
--- a/medusa/server/api/v2/history.py
+++ b/medusa/server/api/v2/history.py
@@ -53,10 +53,10 @@ def get(self, series_slug, path_param):
         results = db.DBConnection().select(sql_base, params)
 
         def data_generator():
-            """Read log lines based on the specified criteria."""
-            start = arg_limit * (arg_page - 1) + 1
+            """Read and paginate history records."""
+            start = arg_limit * (arg_page - 1)
 
-            for item in results[start - 1:start - 1 + arg_limit]:
+            for item in results[start:start + arg_limit]:
                 d = {}
                 d['id'] = item['rowid']
                 d['series'] = SeriesIdentifier.from_id(item['indexer_id'], item['showid']).slug
diff --git a/themes-default/slim/src/components/subtitle-search.vue b/themes-default/slim/src/components/subtitle-search.vue
index a8fba055de..afd5364361 100644
--- a/themes-default/slim/src/components/subtitle-search.vue
+++ b/themes-default/slim/src/components/subtitle-search.vue
@@ -135,8 +135,7 @@ export default {
     },
     computed: {
         ...mapState({
-            config: state => state.config,
-            episodeHistory: state => state.episodeHistory
+            config: state => state.config
         }),
         ...mapGetters({
             getLastReleaseName: 'getLastReleaseName'
@@ -162,9 +161,7 @@ export default {
         }
     },
     mounted() {
-        const { episode, getShowEpisodeHistory, show } = this;
         this.displayQuestion = true;
-        getShowEpisodeHistory({ showSlug: show.id.slug, episodeSlug: episode.slug });
     },
     methods: {
         ...mapActions([
@@ -204,7 +201,7 @@ export default {
                 });
         },
         manualSearch() {
-            const { subtitleParams } = this;
+            const { episode, getShowEpisodeHistory, show, subtitleParams } = this;
 
             this.displayQuestion = false;
             this.loading = true;
@@ -213,6 +210,8 @@ export default {
                 .then(response => {
                     if (response.data.result === 'success') {
                         this.subtitles.push(...response.data.subtitles);
+                        // Load episode history if we have subtitles.
+                        getShowEpisodeHistory({ showSlug: show.id.slug, episodeSlug: episode.slug });
                     }
                 }).catch(error => {
                     console.log(`Error trying to search for subtitles. Error: ${error}`);
diff --git a/themes-default/slim/src/store/modules/history.js b/themes-default/slim/src/store/modules/history.js
index ceed91c09e..73211555ba 100644
--- a/themes-default/slim/src/store/modules/history.js
+++ b/themes-default/slim/src/store/modules/history.js
@@ -25,7 +25,7 @@ const mutations = {
         // Example: {tvdb1234: {s01e01: [history]}}
 
         if (!Object.keys(state.episodeHistory).includes(showSlug)) {
-            state.episodeHistory[showSlug] = {};
+            Vue.set(state.episodeHistory, showSlug, {});
         }
 
         Vue.set(state.episodeHistory[showSlug], episodeSlug, history);
@@ -110,9 +110,13 @@ const actions = {
     async getShowEpisodeHistory(context, { showSlug, episodeSlug }) {
         const { commit } = context;
 
-        const response = await api.get(`/history/${showSlug}/episode/${episodeSlug}`);
-        if (response.data.length > 0) {
-            commit(ADD_SHOW_EPISODE_HISTORY, { showSlug, episodeSlug, history: response.data });
+        try {
+            const response = await api.get(`/history/${showSlug}/episode/${episodeSlug}`);
+            if (response.data.length > 0) {
+                commit(ADD_SHOW_EPISODE_HISTORY, { showSlug, episodeSlug, history: response.data });
+            }
+        } catch {
+            console.warn(`No episode history found for show ${showSlug} and episode ${episodeSlug}`);
         }
     }
 };
diff --git a/themes-default/slim/test/__fixtures__/episode-history.json b/themes-default/slim/test/__fixtures__/episode-history.json
new file mode 100644
index 0000000000..6e6df01d65
--- /dev/null
+++ b/themes-default/slim/test/__fixtures__/episode-history.json
@@ -0,0 +1,44 @@
+[{
+    "id": 69,
+    "series": "tvdb5692427",
+    "status": 10,
+    "actionDate": 20200411194134,
+    "resource": "dut",
+    "size": -1,
+    "properTags": "",
+    "statusName": "Subtitled",
+    "season": 4,
+    "episode": 6,
+    "manuallySearched": false,
+    "provider": {}
+}, {
+    "id": 70,
+    "series": "tvdb5692427",
+    "status": 10,
+    "actionDate": 20200411194134,
+    "resource": "eng",
+    "size": -1,
+    "properTags": "",
+    "statusName": "Subtitled",
+    "season": 4,
+    "episode": 6,
+    "manuallySearched": false,
+    "provider": {}
+}, {
+    "id": 18,
+    "series": "tvdb5692427",
+    "status": 2,
+    "actionDate": 20190626052818,
+    "resource": "Example.S04E06.1080p.WEB.h264-TBS",
+    "size": 2553994732,
+    "properTags": "",
+    "statusName": "Snatched",
+    "season": 4,
+    "episode": 6,
+    "manuallySearched": false,
+    "provider": {
+        "id": "rarbg",
+        "name": "Rarbg",
+        "imageName": "rarbg.png"
+    }
+}]
diff --git a/themes-default/slim/test/__fixtures__/show-episode.json b/themes-default/slim/test/__fixtures__/show-episode.json
new file mode 100644
index 0000000000..8752f78c34
--- /dev/null
+++ b/themes-default/slim/test/__fixtures__/show-episode.json
@@ -0,0 +1,35 @@
+{
+    "episode": 6,
+    "airDate": "2016-10-21T09:00:00+02:00",
+    "scene": {
+        "episode": 6,
+        "season": 4,
+        "absoluteNumber": 6
+    },
+    "status": "Skipped",
+    "identifier": "s04e06",
+    "title": "Nosedive",
+    "file": {
+        "location": ""
+    },
+    "description": "Insecure office worker Lacie lives in a happy, smiley, status-obsessed nightmare world. Her old friend Naomi is one of society\u2019s elites, and Lacie may have found a way to join her\u2026",
+    "watched": false,
+    "quality": 0,
+    "content": {
+        "hasTbn": false,
+        "hasNfo": false
+    },
+    "season": 4,
+    "id": {
+        "tvdb": 5692427
+    },
+    "release": {
+        "name": "",
+        "group": "",
+        "version": 0,
+        "proper": false
+    },
+    "subtitles": [],
+    "absoluteNumber": 42,
+    "slug": "s04e06"
+}
diff --git a/themes-default/slim/test/specs/__snapshots__/subtitle-search.spec.js.snap b/themes-default/slim/test/specs/__snapshots__/subtitle-search.spec.js.snap
index 789d0eea7c..38a4bfbe1c 100644
--- a/themes-default/slim/test/specs/__snapshots__/subtitle-search.spec.js.snap
+++ b/themes-default/slim/test/specs/__snapshots__/subtitle-search.spec.js.snap
@@ -28,1903 +28,1915 @@ exports[`SubtitleSearch renders subtitle component with manual subtitle results
     <!---->
      
     <div
-      class="vgt-wrap"
+      class="subtitle-results"
     >
-      <!---->
+      <span
+        class="release-name"
+      >
+        
+                Could not get a downloaded release name from the history table
+            
+      </span>
        
       <div
-        class="vgt-inner-wrap"
+        class="vgt-wrap"
       >
         <!---->
          
-        <!---->
-         
-        <!---->
-         
         <div
-          class="vgt-fixed-header"
+          class="vgt-inner-wrap"
         >
           <!---->
-        </div>
-         
-        <div
-          class="vgt-responsive"
-          style="overflow: scroll-y; max-height: auto;"
-        >
-          <table
-            class="vgt-table condensed subtitle-table "
+           
+          <!---->
+           
+          <!---->
+           
+          <div
+            class="vgt-fixed-header"
           >
-            <thead
-              data-v-1a3bd028=""
+            <!---->
+          </div>
+           
+          <div
+            class="vgt-responsive"
+            style="overflow: scroll-y; max-height: auto;"
+          >
+            <table
+              class="vgt-table condensed subtitle-table "
             >
-              <tr
+              <thead
                 data-v-1a3bd028=""
               >
-                <!---->
-                 
-                <!---->
-                 
-                <th
-                  class="vgt-left-align"
-                  data-v-1a3bd028=""
-                >
-                  <span
-                    data-v-1a3bd028=""
-                  >
-                    
-                    Filename
-                
-                  </span>
-                </th>
-                <th
-                  class="vgt-left-align"
+                <tr
                   data-v-1a3bd028=""
                 >
-                  <span
+                  <!---->
+                   
+                  <!---->
+                   
+                  <th
+                    class="vgt-left-align"
                     data-v-1a3bd028=""
                   >
+                    <span
+                      data-v-1a3bd028=""
+                    >
+                      
+                        Filename
                     
-                    Language
-                
-                  </span>
-                </th>
-                <th
-                  class="vgt-left-align"
-                  data-v-1a3bd028=""
-                >
-                  <span
+                    </span>
+                  </th>
+                  <th
+                    class="vgt-left-align"
                     data-v-1a3bd028=""
                   >
+                    <span
+                      data-v-1a3bd028=""
+                    >
+                      
+                        Language
                     
-                    Provider
-                
-                  </span>
-                </th>
-                <th
-                  class="vgt-right-align sorting sorting-desc"
-                  data-v-1a3bd028=""
-                >
-                  <span
+                    </span>
+                  </th>
+                  <th
+                    class="vgt-left-align"
                     data-v-1a3bd028=""
                   >
+                    <span
+                      data-v-1a3bd028=""
+                    >
+                      
+                        Provider
                     
-                    Score
-                
-                  </span>
-                </th>
-                <th
-                  class="vgt-right-align"
-                  data-v-1a3bd028=""
-                >
-                  <span
+                    </span>
+                  </th>
+                  <th
+                    class="vgt-right-align sorting sorting-desc"
                     data-v-1a3bd028=""
                   >
+                    <span
+                      data-v-1a3bd028=""
+                    >
+                      
+                        Score
                     
-                    Sub Score
-                
-                  </span>
-                </th>
-                <th
-                  class="vgt-left-align"
-                  data-v-1a3bd028=""
-                >
-                  <span
+                    </span>
+                  </th>
+                  <th
+                    class="vgt-right-align"
                     data-v-1a3bd028=""
                   >
+                    <span
+                      data-v-1a3bd028=""
+                    >
+                      
+                        Sub Score
                     
-                    Missing Matches
-                
-                  </span>
-                </th>
-                <th
-                  class="vgt-left-align"
-                  data-v-1a3bd028=""
-                >
-                  <span
+                    </span>
+                  </th>
+                  <th
+                    class="vgt-left-align"
                     data-v-1a3bd028=""
                   >
                     <span
                       data-v-1a3bd028=""
                     >
-                      Download
+                      
+                        Missing Matches
+                    
                     </span>
-                     
+                  </th>
+                  <th
+                    class="vgt-left-align"
+                    data-v-1a3bd028=""
+                  >
                     <span
-                      class="btn-medusa btn-xs pull-right"
                       data-v-1a3bd028=""
                     >
-                      hide
+                      <span
+                        data-v-1a3bd028=""
+                      >
+                        Download
+                      </span>
+                       
+                      <span
+                        class="btn-medusa btn-xs pull-right"
+                        data-v-1a3bd028=""
+                      >
+                        hide
+                      </span>
                     </span>
-                  </span>
-                </th>
-              </tr>
-               
-              <!---->
-            </thead>
-             
-            <tbody>
-              <!---->
-               
-              <tr
-                class=""
-              >
-                <!---->
+                  </th>
+                </tr>
                  
                 <!---->
+              </thead>
+               
+              <tbody>
+                <!---->
                  
-                <td
-                  class="vgt-left-align"
+                <tr
+                  class=""
                 >
-                  <span>
-                    <a
-                      title="Download hearing impaired subtitle: Black.Mirror.S04E06.WEBRip.x264-RARBG2_Eng.srt"
-                    >
+                  <!---->
+                   
+                  <!---->
+                   
+                  <td
+                    class="vgt-left-align"
+                  >
+                    <span>
+                      <a
+                        title="Download hearing impaired subtitle: Black.Mirror.S04E06.WEBRip.x264-RARBG2_Eng.srt"
+                      >
+                        <img
+                          height="16"
+                          src="images/hearing_impaired.png"
+                          width="16"
+                        />
+                         
+                        <span
+                          class="subtitle-name"
+                        >
+                          Black.Mirror.S04E06.WEBRip.x264-RARBG2_Eng.srt
+                        </span>
+                         
+                        <img
+                          height="16"
+                          src="images/save.png"
+                          width="16"
+                        />
+                      </a>
+                    </span>
+                  </td>
+                  <td
+                    class="vgt-left-align"
+                  >
+                    <span>
+                      <img
+                        height="11"
+                        src="images/subtitles/flags/eng.png"
+                        title="eng"
+                        width="16"
+                      />
+                    </span>
+                  </td>
+                  <td
+                    class="vgt-left-align"
+                  >
+                    <span>
                       <img
                         height="16"
-                        src="images/hearing_impaired.png"
+                        src="images/subtitles/opensubtitles.png"
                         width="16"
                       />
                        
                       <span
-                        class="subtitle-name"
+                        title="opensubtitles"
                       >
-                        Black.Mirror.S04E06.WEBRip.x264-RARBG2_Eng.srt
+                        opensubtitles
                       </span>
-                       
-                      <img
-                        height="16"
-                        src="images/save.png"
-                        width="16"
-                      />
-                    </a>
-                  </span>
-                </td>
-                <td
-                  class="vgt-left-align"
-                >
-                  <span>
-                    <img
-                      height="11"
-                      src="images/subtitles/flags/eng.png"
-                      title="eng"
-                      width="16"
-                    />
-                  </span>
-                </td>
-                <td
-                  class="vgt-left-align"
-                >
-                  <span>
-                    <img
-                      height="16"
-                      src="images/subtitles/opensubtitles.png"
-                      width="16"
-                    />
-                     
-                    <span
-                      title="opensubtitles"
-                    >
-                      opensubtitles
                     </span>
-                  </span>
-                </td>
-                <td
-                  class="vgt-right-align"
-                >
-                  <span>
+                  </td>
+                  <td
+                    class="vgt-right-align"
+                  >
+                    <span>
+                      
+                        10
                     
-                    10
-                
-                  </span>
-                </td>
-                <td
-                  class="vgt-right-align"
-                >
-                  <span>
+                    </span>
+                  </td>
+                  <td
+                    class="vgt-right-align"
+                  >
+                    <span>
+                      
+                        359
                     
-                    359
-                
-                  </span>
-                </td>
-                <td
-                  class="vgt-left-align"
-                >
-                  <span>
+                    </span>
+                  </td>
+                  <td
+                    class="vgt-left-align"
+                  >
+                    <span>
+                      
+                        audio_codec, release_group, resolution
                     
-                    audio_codec, release_group, resolution
-                
-                  </span>
-                </td>
-                <td
-                  class="vgt-left-align"
+                    </span>
+                  </td>
+                  <td
+                    class="vgt-left-align"
+                  >
+                    <span>
+                      <a
+                        title="Download hearing impaired subtitle: Black.Mirror.S04E06.WEBRip.x264-RARBG2_Eng.srt"
+                      >
+                        <img
+                          height="16"
+                          src="images/download.png"
+                          width="16"
+                        />
+                      </a>
+                    </span>
+                  </td>
+                </tr>
+                <tr
+                  class=""
                 >
-                  <span>
-                    <a
-                      title="Download hearing impaired subtitle: Black.Mirror.S04E06.WEBRip.x264-RARBG2_Eng.srt"
-                    >
+                  <!---->
+                   
+                  <!---->
+                   
+                  <td
+                    class="vgt-left-align"
+                  >
+                    <span>
+                      <a
+                        title="Download hearing impaired subtitle: Black.Mirror.S04E06.720p.WEBRip.x264-STRiFE-HI.srt"
+                      >
+                        <img
+                          height="16"
+                          src="images/hearing_impaired.png"
+                          width="16"
+                        />
+                         
+                        <span
+                          class="subtitle-name"
+                        >
+                          Black.Mirror.S04E06.720p.WEBRip.x264-STRiFE-HI.srt
+                        </span>
+                         
+                        <img
+                          height="16"
+                          src="images/save.png"
+                          width="16"
+                        />
+                      </a>
+                    </span>
+                  </td>
+                  <td
+                    class="vgt-left-align"
+                  >
+                    <span>
                       <img
-                        height="16"
-                        src="images/download.png"
+                        height="11"
+                        src="images/subtitles/flags/eng.png"
+                        title="eng"
                         width="16"
                       />
-                    </a>
-                  </span>
-                </td>
-              </tr>
-              <tr
-                class=""
-              >
-                <!---->
-                 
-                <!---->
-                 
-                <td
-                  class="vgt-left-align"
-                >
-                  <span>
-                    <a
-                      title="Download hearing impaired subtitle: Black.Mirror.S04E06.720p.WEBRip.x264-STRiFE-HI.srt"
-                    >
+                    </span>
+                  </td>
+                  <td
+                    class="vgt-left-align"
+                  >
+                    <span>
                       <img
                         height="16"
-                        src="images/hearing_impaired.png"
+                        src="images/subtitles/opensubtitles.png"
                         width="16"
                       />
                        
                       <span
-                        class="subtitle-name"
+                        title="opensubtitles"
                       >
-                        Black.Mirror.S04E06.720p.WEBRip.x264-STRiFE-HI.srt
+                        opensubtitles
                       </span>
-                       
-                      <img
-                        height="16"
-                        src="images/save.png"
-                        width="16"
-                      />
-                    </a>
-                  </span>
-                </td>
-                <td
-                  class="vgt-left-align"
-                >
-                  <span>
-                    <img
-                      height="11"
-                      src="images/subtitles/flags/eng.png"
-                      title="eng"
-                      width="16"
-                    />
-                  </span>
-                </td>
-                <td
-                  class="vgt-left-align"
-                >
-                  <span>
-                    <img
-                      height="16"
-                      src="images/subtitles/opensubtitles.png"
-                      width="16"
-                    />
-                     
-                    <span
-                      title="opensubtitles"
-                    >
-                      opensubtitles
                     </span>
-                  </span>
-                </td>
-                <td
-                  class="vgt-right-align"
-                >
-                  <span>
+                  </td>
+                  <td
+                    class="vgt-right-align"
+                  >
+                    <span>
+                      
+                        10
                     
-                    10
-                
-                  </span>
-                </td>
-                <td
-                  class="vgt-right-align"
-                >
-                  <span>
+                    </span>
+                  </td>
+                  <td
+                    class="vgt-right-align"
+                  >
+                    <span>
+                      
+                        359
                     
-                    359
-                
-                  </span>
-                </td>
-                <td
-                  class="vgt-left-align"
-                >
-                  <span>
+                    </span>
+                  </td>
+                  <td
+                    class="vgt-left-align"
+                  >
+                    <span>
+                      
+                        audio_codec, resolution
                     
-                    audio_codec, resolution
-                
-                  </span>
-                </td>
-                <td
-                  class="vgt-left-align"
-                >
-                  <span>
-                    <a
-                      title="Download hearing impaired subtitle: Black.Mirror.S04E06.720p.WEBRip.x264-STRiFE-HI.srt"
-                    >
-                      <img
-                        height="16"
-                        src="images/download.png"
-                        width="16"
-                      />
-                    </a>
-                  </span>
-                </td>
-              </tr>
-              <tr
-                class=""
-              >
-                <!---->
-                 
-                <!---->
-                 
-                <td
-                  class="vgt-left-align"
+                    </span>
+                  </td>
+                  <td
+                    class="vgt-left-align"
+                  >
+                    <span>
+                      <a
+                        title="Download hearing impaired subtitle: Black.Mirror.S04E06.720p.WEBRip.x264-STRiFE-HI.srt"
+                      >
+                        <img
+                          height="16"
+                          src="images/download.png"
+                          width="16"
+                        />
+                      </a>
+                    </span>
+                  </td>
+                </tr>
+                <tr
+                  class=""
                 >
-                  <span>
-                    <a
-                      title="Download subtitle: Black.Mirror.S04E06.720p.WEBRip.x264-STRiFE.srt"
-                    >
-                      <!---->
-                       
-                      <span
-                        class="subtitle-name"
+                  <!---->
+                   
+                  <!---->
+                   
+                  <td
+                    class="vgt-left-align"
+                  >
+                    <span>
+                      <a
+                        title="Download subtitle: Black.Mirror.S04E06.720p.WEBRip.x264-STRiFE.srt"
                       >
-                        Black.Mirror.S04E06.720p.WEBRip.x264-STRiFE.srt
-                      </span>
-                       
+                        <!---->
+                         
+                        <span
+                          class="subtitle-name"
+                        >
+                          Black.Mirror.S04E06.720p.WEBRip.x264-STRiFE.srt
+                        </span>
+                         
+                        <img
+                          height="16"
+                          src="images/save.png"
+                          width="16"
+                        />
+                      </a>
+                    </span>
+                  </td>
+                  <td
+                    class="vgt-left-align"
+                  >
+                    <span>
                       <img
-                        height="16"
-                        src="images/save.png"
+                        height="11"
+                        src="images/subtitles/flags/eng.png"
+                        title="eng"
                         width="16"
                       />
-                    </a>
-                  </span>
-                </td>
-                <td
-                  class="vgt-left-align"
-                >
-                  <span>
-                    <img
-                      height="11"
-                      src="images/subtitles/flags/eng.png"
-                      title="eng"
-                      width="16"
-                    />
-                  </span>
-                </td>
-                <td
-                  class="vgt-left-align"
-                >
-                  <span>
-                    <img
-                      height="16"
-                      src="images/subtitles/opensubtitles.png"
-                      width="16"
-                    />
-                     
-                    <span
-                      title="opensubtitles"
-                    >
-                      opensubtitles
                     </span>
-                  </span>
-                </td>
-                <td
-                  class="vgt-right-align"
-                >
-                  <span>
-                    
-                    9
-                
-                  </span>
-                </td>
-                <td
-                  class="vgt-right-align"
-                >
-                  <span>
-                    
-                    355
-                
-                  </span>
-                </td>
-                <td
-                  class="vgt-left-align"
-                >
-                  <span>
-                    
-                    audio_codec, resolution
-                
-                  </span>
-                </td>
-                <td
-                  class="vgt-left-align"
-                >
-                  <span>
-                    <a
-                      title="Download subtitle: Black.Mirror.S04E06.720p.WEBRip.x264-STRiFE.srt"
-                    >
+                  </td>
+                  <td
+                    class="vgt-left-align"
+                  >
+                    <span>
                       <img
                         height="16"
-                        src="images/download.png"
+                        src="images/subtitles/opensubtitles.png"
                         width="16"
                       />
-                    </a>
-                  </span>
-                </td>
-              </tr>
-              <tr
-                class=""
-              >
-                <!---->
-                 
-                <!---->
-                 
-                <td
-                  class="vgt-left-align"
-                >
-                  <span>
-                    <a
-                      title="Download subtitle: ['Black.Mirror.S04E06.720p.WEBRip.x264-STRiFE']"
-                    >
-                      <!---->
                        
                       <span
-                        class="subtitle-name"
+                        title="opensubtitles"
                       >
-                        ['Black.Mirror.S04E06.720p.WEBRip.x264-STRiFE']
+                        opensubtitles
                       </span>
-                       
-                      <img
-                        height="16"
-                        src="images/save.png"
-                        width="16"
-                      />
-                    </a>
-                  </span>
-                </td>
-                <td
-                  class="vgt-left-align"
-                >
-                  <span>
-                    <img
-                      height="11"
-                      src="images/subtitles/flags/eng.png"
-                      title="eng"
-                      width="16"
-                    />
-                  </span>
-                </td>
-                <td
-                  class="vgt-left-align"
-                >
-                  <span>
-                    <img
-                      height="16"
-                      src="images/subtitles/podnapisi.png"
-                      width="16"
-                    />
-                     
-                    <span
-                      title="podnapisi"
-                    >
-                      podnapisi
                     </span>
-                  </span>
-                </td>
-                <td
-                  class="vgt-right-align"
-                >
-                  <span>
+                  </td>
+                  <td
+                    class="vgt-right-align"
+                  >
+                    <span>
+                      
+                        9
                     
-                    9
-                
-                  </span>
-                </td>
-                <td
-                  class="vgt-right-align"
-                >
-                  <span>
+                    </span>
+                  </td>
+                  <td
+                    class="vgt-right-align"
+                  >
+                    <span>
+                      
+                        355
                     
-                    355
-                
-                  </span>
-                </td>
-                <td
-                  class="vgt-left-align"
-                >
-                  <span>
+                    </span>
+                  </td>
+                  <td
+                    class="vgt-left-align"
+                  >
+                    <span>
+                      
+                        audio_codec, resolution
                     
-                    audio_codec, resolution
-                
-                  </span>
-                </td>
-                <td
-                  class="vgt-left-align"
+                    </span>
+                  </td>
+                  <td
+                    class="vgt-left-align"
+                  >
+                    <span>
+                      <a
+                        title="Download subtitle: Black.Mirror.S04E06.720p.WEBRip.x264-STRiFE.srt"
+                      >
+                        <img
+                          height="16"
+                          src="images/download.png"
+                          width="16"
+                        />
+                      </a>
+                    </span>
+                  </td>
+                </tr>
+                <tr
+                  class=""
                 >
-                  <span>
-                    <a
-                      title="Download subtitle: ['Black.Mirror.S04E06.720p.WEBRip.x264-STRiFE']"
-                    >
+                  <!---->
+                   
+                  <!---->
+                   
+                  <td
+                    class="vgt-left-align"
+                  >
+                    <span>
+                      <a
+                        title="Download subtitle: ['Black.Mirror.S04E06.720p.WEBRip.x264-STRiFE']"
+                      >
+                        <!---->
+                         
+                        <span
+                          class="subtitle-name"
+                        >
+                          ['Black.Mirror.S04E06.720p.WEBRip.x264-STRiFE']
+                        </span>
+                         
+                        <img
+                          height="16"
+                          src="images/save.png"
+                          width="16"
+                        />
+                      </a>
+                    </span>
+                  </td>
+                  <td
+                    class="vgt-left-align"
+                  >
+                    <span>
                       <img
-                        height="16"
-                        src="images/download.png"
+                        height="11"
+                        src="images/subtitles/flags/eng.png"
+                        title="eng"
                         width="16"
                       />
-                    </a>
-                  </span>
-                </td>
-              </tr>
-              <tr
-                class=""
-              >
-                <!---->
-                 
-                <!---->
-                 
-                <td
-                  class="vgt-left-align"
-                >
-                  <span>
-                    <a
-                      title="Download hearing impaired subtitle: Black.Mirror.S04E06.720p.WEBRip.x264-STRiFE-HI.srt"
-                    >
+                    </span>
+                  </td>
+                  <td
+                    class="vgt-left-align"
+                  >
+                    <span>
                       <img
                         height="16"
-                        src="images/hearing_impaired.png"
+                        src="images/subtitles/podnapisi.png"
                         width="16"
                       />
                        
                       <span
-                        class="subtitle-name"
+                        title="podnapisi"
                       >
-                        Black.Mirror.S04E06.720p.WEBRip.x264-STRiFE-HI.srt
+                        podnapisi
                       </span>
-                       
-                      <img
-                        height="16"
-                        src="images/save.png"
-                        width="16"
-                      />
-                    </a>
-                  </span>
-                </td>
-                <td
-                  class="vgt-left-align"
-                >
-                  <span>
-                    <img
-                      height="11"
-                      src="images/subtitles/flags/eng.png"
-                      title="eng"
-                      width="16"
-                    />
-                  </span>
-                </td>
-                <td
-                  class="vgt-left-align"
-                >
-                  <span>
-                    <img
-                      height="16"
-                      src="images/subtitles/opensubtitles.png"
-                      width="16"
-                    />
-                     
-                    <span
-                      title="opensubtitles"
-                    >
-                      opensubtitles
                     </span>
-                  </span>
-                </td>
-                <td
-                  class="vgt-right-align"
-                >
-                  <span>
-                    
-                    9
-                
-                  </span>
-                </td>
-                <td
-                  class="vgt-right-align"
-                >
-                  <span>
+                  </td>
+                  <td
+                    class="vgt-right-align"
+                  >
+                    <span>
+                      
+                        9
                     
-                    354
-                
-                  </span>
-                </td>
-                <td
-                  class="vgt-left-align"
-                >
-                  <span>
+                    </span>
+                  </td>
+                  <td
+                    class="vgt-right-align"
+                  >
+                    <span>
+                      
+                        355
                     
-                    audio_codec, resolution
-                
-                  </span>
-                </td>
-                <td
-                  class="vgt-left-align"
+                    </span>
+                  </td>
+                  <td
+                    class="vgt-left-align"
+                  >
+                    <span>
+                      
+                        audio_codec, resolution
+                    
+                    </span>
+                  </td>
+                  <td
+                    class="vgt-left-align"
+                  >
+                    <span>
+                      <a
+                        title="Download subtitle: ['Black.Mirror.S04E06.720p.WEBRip.x264-STRiFE']"
+                      >
+                        <img
+                          height="16"
+                          src="images/download.png"
+                          width="16"
+                        />
+                      </a>
+                    </span>
+                  </td>
+                </tr>
+                <tr
+                  class=""
                 >
-                  <span>
-                    <a
-                      title="Download hearing impaired subtitle: Black.Mirror.S04E06.720p.WEBRip.x264-STRiFE-HI.srt"
-                    >
+                  <!---->
+                   
+                  <!---->
+                   
+                  <td
+                    class="vgt-left-align"
+                  >
+                    <span>
+                      <a
+                        title="Download hearing impaired subtitle: Black.Mirror.S04E06.720p.WEBRip.x264-STRiFE-HI.srt"
+                      >
+                        <img
+                          height="16"
+                          src="images/hearing_impaired.png"
+                          width="16"
+                        />
+                         
+                        <span
+                          class="subtitle-name"
+                        >
+                          Black.Mirror.S04E06.720p.WEBRip.x264-STRiFE-HI.srt
+                        </span>
+                         
+                        <img
+                          height="16"
+                          src="images/save.png"
+                          width="16"
+                        />
+                      </a>
+                    </span>
+                  </td>
+                  <td
+                    class="vgt-left-align"
+                  >
+                    <span>
                       <img
-                        height="16"
-                        src="images/download.png"
+                        height="11"
+                        src="images/subtitles/flags/eng.png"
+                        title="eng"
                         width="16"
                       />
-                    </a>
-                  </span>
-                </td>
-              </tr>
-              <tr
-                class=""
-              >
-                <!---->
-                 
-                <!---->
-                 
-                <td
-                  class="vgt-left-align"
-                >
-                  <span>
-                    <a
-                      title="Download hearing impaired subtitle: ['Black.Mirror.S04E06.720p.WEBRip.x264-STRiFE']"
-                    >
+                    </span>
+                  </td>
+                  <td
+                    class="vgt-left-align"
+                  >
+                    <span>
                       <img
                         height="16"
-                        src="images/hearing_impaired.png"
+                        src="images/subtitles/opensubtitles.png"
                         width="16"
                       />
                        
                       <span
-                        class="subtitle-name"
+                        title="opensubtitles"
                       >
-                        ['Black.Mirror.S04E06.720p.WEBRip.x264-STRiFE']
+                        opensubtitles
                       </span>
-                       
-                      <img
-                        height="16"
-                        src="images/save.png"
-                        width="16"
-                      />
-                    </a>
-                  </span>
-                </td>
-                <td
-                  class="vgt-left-align"
-                >
-                  <span>
-                    <img
-                      height="11"
-                      src="images/subtitles/flags/eng.png"
-                      title="eng"
-                      width="16"
-                    />
-                  </span>
-                </td>
-                <td
-                  class="vgt-left-align"
-                >
-                  <span>
-                    <img
-                      height="16"
-                      src="images/subtitles/podnapisi.png"
-                      width="16"
-                    />
-                     
-                    <span
-                      title="podnapisi"
-                    >
-                      podnapisi
                     </span>
-                  </span>
-                </td>
-                <td
-                  class="vgt-right-align"
-                >
-                  <span>
+                  </td>
+                  <td
+                    class="vgt-right-align"
+                  >
+                    <span>
+                      
+                        9
                     
-                    9
-                
-                  </span>
-                </td>
-                <td
-                  class="vgt-right-align"
-                >
-                  <span>
+                    </span>
+                  </td>
+                  <td
+                    class="vgt-right-align"
+                  >
+                    <span>
+                      
+                        354
                     
-                    354
-                
-                  </span>
-                </td>
-                <td
-                  class="vgt-left-align"
-                >
-                  <span>
+                    </span>
+                  </td>
+                  <td
+                    class="vgt-left-align"
+                  >
+                    <span>
+                      
+                        audio_codec, resolution
                     
-                    audio_codec, resolution
-                
-                  </span>
-                </td>
-                <td
-                  class="vgt-left-align"
+                    </span>
+                  </td>
+                  <td
+                    class="vgt-left-align"
+                  >
+                    <span>
+                      <a
+                        title="Download hearing impaired subtitle: Black.Mirror.S04E06.720p.WEBRip.x264-STRiFE-HI.srt"
+                      >
+                        <img
+                          height="16"
+                          src="images/download.png"
+                          width="16"
+                        />
+                      </a>
+                    </span>
+                  </td>
+                </tr>
+                <tr
+                  class=""
                 >
-                  <span>
-                    <a
-                      title="Download hearing impaired subtitle: ['Black.Mirror.S04E06.720p.WEBRip.x264-STRiFE']"
-                    >
+                  <!---->
+                   
+                  <!---->
+                   
+                  <td
+                    class="vgt-left-align"
+                  >
+                    <span>
+                      <a
+                        title="Download hearing impaired subtitle: ['Black.Mirror.S04E06.720p.WEBRip.x264-STRiFE']"
+                      >
+                        <img
+                          height="16"
+                          src="images/hearing_impaired.png"
+                          width="16"
+                        />
+                         
+                        <span
+                          class="subtitle-name"
+                        >
+                          ['Black.Mirror.S04E06.720p.WEBRip.x264-STRiFE']
+                        </span>
+                         
+                        <img
+                          height="16"
+                          src="images/save.png"
+                          width="16"
+                        />
+                      </a>
+                    </span>
+                  </td>
+                  <td
+                    class="vgt-left-align"
+                  >
+                    <span>
+                      <img
+                        height="11"
+                        src="images/subtitles/flags/eng.png"
+                        title="eng"
+                        width="16"
+                      />
+                    </span>
+                  </td>
+                  <td
+                    class="vgt-left-align"
+                  >
+                    <span>
                       <img
                         height="16"
-                        src="images/download.png"
+                        src="images/subtitles/podnapisi.png"
                         width="16"
                       />
-                    </a>
-                  </span>
-                </td>
-              </tr>
-              <tr
-                class=""
-              >
-                <!---->
-                 
-                <!---->
-                 
-                <td
-                  class="vgt-left-align"
-                >
-                  <span>
-                    <a
-                      title="Download subtitle: Black.Mirror.S04E06.REPACK - Black Museum.1080p.WEBRip.x264-SERIOUSLY - m.srt"
-                    >
-                      <!---->
                        
                       <span
-                        class="subtitle-name"
+                        title="podnapisi"
                       >
-                        Black.Mirror.S04E06.REPACK - Black Museum.1080p.WEBRip.x264-SERIOUSLY - m.srt
+                        podnapisi
                       </span>
-                       
-                      <img
-                        height="16"
-                        src="images/save.png"
-                        width="16"
-                      />
-                    </a>
-                  </span>
-                </td>
-                <td
-                  class="vgt-left-align"
-                >
-                  <span>
-                    <img
-                      height="11"
-                      src="images/subtitles/flags/eng.png"
-                      title="eng"
-                      width="16"
-                    />
-                  </span>
-                </td>
-                <td
-                  class="vgt-left-align"
-                >
-                  <span>
-                    <img
-                      height="16"
-                      src="images/subtitles/opensubtitles.png"
-                      width="16"
-                    />
-                     
-                    <span
-                      title="opensubtitles"
-                    >
-                      opensubtitles
                     </span>
-                  </span>
-                </td>
-                <td
-                  class="vgt-right-align"
-                >
-                  <span>
+                  </td>
+                  <td
+                    class="vgt-right-align"
+                  >
+                    <span>
+                      
+                        9
                     
-                    7
-                
-                  </span>
-                </td>
-                <td
-                  class="vgt-right-align"
-                >
-                  <span>
+                    </span>
+                  </td>
+                  <td
+                    class="vgt-right-align"
+                  >
+                    <span>
+                      
+                        354
                     
-                    342
-                
-                  </span>
-                </td>
-                <td
-                  class="vgt-left-align"
-                >
-                  <span>
+                    </span>
+                  </td>
+                  <td
+                    class="vgt-left-align"
+                  >
+                    <span>
+                      
+                        audio_codec, resolution
                     
-                    audio_codec, release_group
-                
-                  </span>
-                </td>
-                <td
-                  class="vgt-left-align"
+                    </span>
+                  </td>
+                  <td
+                    class="vgt-left-align"
+                  >
+                    <span>
+                      <a
+                        title="Download hearing impaired subtitle: ['Black.Mirror.S04E06.720p.WEBRip.x264-STRiFE']"
+                      >
+                        <img
+                          height="16"
+                          src="images/download.png"
+                          width="16"
+                        />
+                      </a>
+                    </span>
+                  </td>
+                </tr>
+                <tr
+                  class=""
                 >
-                  <span>
-                    <a
-                      title="Download subtitle: Black.Mirror.S04E06.REPACK - Black Museum.1080p.WEBRip.x264-SERIOUSLY - m.srt"
-                    >
+                  <!---->
+                   
+                  <!---->
+                   
+                  <td
+                    class="vgt-left-align"
+                  >
+                    <span>
+                      <a
+                        title="Download subtitle: Black.Mirror.S04E06.REPACK - Black Museum.1080p.WEBRip.x264-SERIOUSLY - m.srt"
+                      >
+                        <!---->
+                         
+                        <span
+                          class="subtitle-name"
+                        >
+                          Black.Mirror.S04E06.REPACK - Black Museum.1080p.WEBRip.x264-SERIOUSLY - m.srt
+                        </span>
+                         
+                        <img
+                          height="16"
+                          src="images/save.png"
+                          width="16"
+                        />
+                      </a>
+                    </span>
+                  </td>
+                  <td
+                    class="vgt-left-align"
+                  >
+                    <span>
                       <img
-                        height="16"
-                        src="images/download.png"
+                        height="11"
+                        src="images/subtitles/flags/eng.png"
+                        title="eng"
                         width="16"
                       />
-                    </a>
-                  </span>
-                </td>
-              </tr>
-              <tr
-                class=""
-              >
-                <!---->
-                 
-                <!---->
-                 
-                <td
-                  class="vgt-left-align"
-                >
-                  <span>
-                    <a
-                      title="Download hearing impaired subtitle: Black.Mirror.S04E06.REPACK - Black Museum.1080p.WEBRip.x264-SERIOUSLY - HI.srt"
-                    >
+                    </span>
+                  </td>
+                  <td
+                    class="vgt-left-align"
+                  >
+                    <span>
                       <img
                         height="16"
-                        src="images/hearing_impaired.png"
+                        src="images/subtitles/opensubtitles.png"
                         width="16"
                       />
                        
                       <span
-                        class="subtitle-name"
+                        title="opensubtitles"
                       >
-                        Black.Mirror.S04E06.REPACK - Black Museum.1080p.WEBRip.x264-SERIOUSLY - HI.srt
+                        opensubtitles
                       </span>
-                       
-                      <img
-                        height="16"
-                        src="images/save.png"
-                        width="16"
-                      />
-                    </a>
-                  </span>
-                </td>
-                <td
-                  class="vgt-left-align"
-                >
-                  <span>
-                    <img
-                      height="11"
-                      src="images/subtitles/flags/eng.png"
-                      title="eng"
-                      width="16"
-                    />
-                  </span>
-                </td>
-                <td
-                  class="vgt-left-align"
-                >
-                  <span>
-                    <img
-                      height="16"
-                      src="images/subtitles/opensubtitles.png"
-                      width="16"
-                    />
-                     
-                    <span
-                      title="opensubtitles"
-                    >
-                      opensubtitles
                     </span>
-                  </span>
-                </td>
-                <td
-                  class="vgt-right-align"
-                >
-                  <span>
+                  </td>
+                  <td
+                    class="vgt-right-align"
+                  >
+                    <span>
+                      
+                        7
                     
-                    7
-                
-                  </span>
-                </td>
-                <td
-                  class="vgt-right-align"
-                >
-                  <span>
+                    </span>
+                  </td>
+                  <td
+                    class="vgt-right-align"
+                  >
+                    <span>
+                      
+                        342
                     
-                    341
-                
-                  </span>
-                </td>
-                <td
-                  class="vgt-left-align"
-                >
-                  <span>
+                    </span>
+                  </td>
+                  <td
+                    class="vgt-left-align"
+                  >
+                    <span>
+                      
+                        audio_codec, release_group
                     
-                    audio_codec, release_group
-                
-                  </span>
-                </td>
-                <td
-                  class="vgt-left-align"
+                    </span>
+                  </td>
+                  <td
+                    class="vgt-left-align"
+                  >
+                    <span>
+                      <a
+                        title="Download subtitle: Black.Mirror.S04E06.REPACK - Black Museum.1080p.WEBRip.x264-SERIOUSLY - m.srt"
+                      >
+                        <img
+                          height="16"
+                          src="images/download.png"
+                          width="16"
+                        />
+                      </a>
+                    </span>
+                  </td>
+                </tr>
+                <tr
+                  class=""
                 >
-                  <span>
-                    <a
-                      title="Download hearing impaired subtitle: Black.Mirror.S04E06.REPACK - Black Museum.1080p.WEBRip.x264-SERIOUSLY - HI.srt"
-                    >
+                  <!---->
+                   
+                  <!---->
+                   
+                  <td
+                    class="vgt-left-align"
+                  >
+                    <span>
+                      <a
+                        title="Download hearing impaired subtitle: Black.Mirror.S04E06.REPACK - Black Museum.1080p.WEBRip.x264-SERIOUSLY - HI.srt"
+                      >
+                        <img
+                          height="16"
+                          src="images/hearing_impaired.png"
+                          width="16"
+                        />
+                         
+                        <span
+                          class="subtitle-name"
+                        >
+                          Black.Mirror.S04E06.REPACK - Black Museum.1080p.WEBRip.x264-SERIOUSLY - HI.srt
+                        </span>
+                         
+                        <img
+                          height="16"
+                          src="images/save.png"
+                          width="16"
+                        />
+                      </a>
+                    </span>
+                  </td>
+                  <td
+                    class="vgt-left-align"
+                  >
+                    <span>
+                      <img
+                        height="11"
+                        src="images/subtitles/flags/eng.png"
+                        title="eng"
+                        width="16"
+                      />
+                    </span>
+                  </td>
+                  <td
+                    class="vgt-left-align"
+                  >
+                    <span>
                       <img
                         height="16"
-                        src="images/download.png"
+                        src="images/subtitles/opensubtitles.png"
                         width="16"
                       />
-                    </a>
-                  </span>
-                </td>
-              </tr>
-              <tr
-                class=""
-              >
-                <!---->
-                 
-                <!---->
-                 
-                <td
-                  class="vgt-left-align"
-                >
-                  <span>
-                    <a
-                      title="Download subtitle: Black.Mirror.S04E06.WEBRip.x264-RARBG4_Dut.srt"
-                    >
-                      <!---->
                        
                       <span
-                        class="subtitle-name"
+                        title="opensubtitles"
                       >
-                        Black.Mirror.S04E06.WEBRip.x264-RARBG4_Dut.srt
+                        opensubtitles
                       </span>
-                       
-                      <img
-                        height="16"
-                        src="images/save.png"
-                        width="16"
-                      />
-                    </a>
-                  </span>
-                </td>
-                <td
-                  class="vgt-left-align"
-                >
-                  <span>
-                    <img
-                      height="11"
-                      src="images/subtitles/flags/dut.png"
-                      title="dut"
-                      width="16"
-                    />
-                  </span>
-                </td>
-                <td
-                  class="vgt-left-align"
-                >
-                  <span>
-                    <img
-                      height="16"
-                      src="images/subtitles/opensubtitles.png"
-                      width="16"
-                    />
-                     
-                    <span
-                      title="opensubtitles"
-                    >
-                      opensubtitles
                     </span>
-                  </span>
-                </td>
-                <td
-                  class="vgt-right-align"
-                >
-                  <span>
+                  </td>
+                  <td
+                    class="vgt-right-align"
+                  >
+                    <span>
+                      
+                        7
                     
-                    7
-                
-                  </span>
-                </td>
-                <td
-                  class="vgt-right-align"
-                >
-                  <span>
+                    </span>
+                  </td>
+                  <td
+                    class="vgt-right-align"
+                  >
+                    <span>
+                      
+                        341
                     
-                    340
-                
-                  </span>
-                </td>
-                <td
-                  class="vgt-left-align"
-                >
-                  <span>
+                    </span>
+                  </td>
+                  <td
+                    class="vgt-left-align"
+                  >
+                    <span>
+                      
+                        audio_codec, release_group
                     
-                    audio_codec, release_group, resolution
-                
-                  </span>
-                </td>
-                <td
-                  class="vgt-left-align"
+                    </span>
+                  </td>
+                  <td
+                    class="vgt-left-align"
+                  >
+                    <span>
+                      <a
+                        title="Download hearing impaired subtitle: Black.Mirror.S04E06.REPACK - Black Museum.1080p.WEBRip.x264-SERIOUSLY - HI.srt"
+                      >
+                        <img
+                          height="16"
+                          src="images/download.png"
+                          width="16"
+                        />
+                      </a>
+                    </span>
+                  </td>
+                </tr>
+                <tr
+                  class=""
                 >
-                  <span>
-                    <a
-                      title="Download subtitle: Black.Mirror.S04E06.WEBRip.x264-RARBG4_Dut.srt"
-                    >
+                  <!---->
+                   
+                  <!---->
+                   
+                  <td
+                    class="vgt-left-align"
+                  >
+                    <span>
+                      <a
+                        title="Download subtitle: Black.Mirror.S04E06.WEBRip.x264-RARBG4_Dut.srt"
+                      >
+                        <!---->
+                         
+                        <span
+                          class="subtitle-name"
+                        >
+                          Black.Mirror.S04E06.WEBRip.x264-RARBG4_Dut.srt
+                        </span>
+                         
+                        <img
+                          height="16"
+                          src="images/save.png"
+                          width="16"
+                        />
+                      </a>
+                    </span>
+                  </td>
+                  <td
+                    class="vgt-left-align"
+                  >
+                    <span>
                       <img
-                        height="16"
-                        src="images/download.png"
+                        height="11"
+                        src="images/subtitles/flags/dut.png"
+                        title="dut"
                         width="16"
                       />
-                    </a>
-                  </span>
-                </td>
-              </tr>
-              <tr
-                class=""
-              >
-                <!---->
-                 
-                <!---->
-                 
-                <td
-                  class="vgt-left-align"
-                >
-                  <span>
-                    <a
-                      title="Download hearing impaired subtitle: Black.Mirror.S04E06.WEBRip.x264-RARBG2_Eng.srt"
-                    >
+                    </span>
+                  </td>
+                  <td
+                    class="vgt-left-align"
+                  >
+                    <span>
                       <img
                         height="16"
-                        src="images/hearing_impaired.png"
+                        src="images/subtitles/opensubtitles.png"
                         width="16"
                       />
                        
                       <span
-                        class="subtitle-name"
+                        title="opensubtitles"
                       >
-                        Black.Mirror.S04E06.WEBRip.x264-RARBG2_Eng.srt
+                        opensubtitles
                       </span>
-                       
-                      <img
-                        height="16"
-                        src="images/save.png"
-                        width="16"
-                      />
-                    </a>
-                  </span>
-                </td>
-                <td
-                  class="vgt-left-align"
-                >
-                  <span>
-                    <img
-                      height="11"
-                      src="images/subtitles/flags/eng.png"
-                      title="eng"
-                      width="16"
-                    />
-                  </span>
-                </td>
-                <td
-                  class="vgt-left-align"
-                >
-                  <span>
-                    <img
-                      height="16"
-                      src="images/subtitles/opensubtitles.png"
-                      width="16"
-                    />
-                     
-                    <span
-                      title="opensubtitles"
-                    >
-                      opensubtitles
                     </span>
-                  </span>
-                </td>
-                <td
-                  class="vgt-right-align"
-                >
-                  <span>
+                  </td>
+                  <td
+                    class="vgt-right-align"
+                  >
+                    <span>
+                      
+                        7
                     
-                    7
-                
-                  </span>
-                </td>
-                <td
-                  class="vgt-right-align"
-                >
-                  <span>
+                    </span>
+                  </td>
+                  <td
+                    class="vgt-right-align"
+                  >
+                    <span>
+                      
+                        340
                     
-                    339
-                
-                  </span>
-                </td>
-                <td
-                  class="vgt-left-align"
-                >
-                  <span>
+                    </span>
+                  </td>
+                  <td
+                    class="vgt-left-align"
+                  >
+                    <span>
+                      
+                        audio_codec, release_group, resolution
                     
-                    audio_codec, release_group, resolution
-                
-                  </span>
-                </td>
-                <td
-                  class="vgt-left-align"
+                    </span>
+                  </td>
+                  <td
+                    class="vgt-left-align"
+                  >
+                    <span>
+                      <a
+                        title="Download subtitle: Black.Mirror.S04E06.WEBRip.x264-RARBG4_Dut.srt"
+                      >
+                        <img
+                          height="16"
+                          src="images/download.png"
+                          width="16"
+                        />
+                      </a>
+                    </span>
+                  </td>
+                </tr>
+                <tr
+                  class=""
                 >
-                  <span>
-                    <a
-                      title="Download hearing impaired subtitle: Black.Mirror.S04E06.WEBRip.x264-RARBG2_Eng.srt"
-                    >
+                  <!---->
+                   
+                  <!---->
+                   
+                  <td
+                    class="vgt-left-align"
+                  >
+                    <span>
+                      <a
+                        title="Download hearing impaired subtitle: Black.Mirror.S04E06.WEBRip.x264-RARBG2_Eng.srt"
+                      >
+                        <img
+                          height="16"
+                          src="images/hearing_impaired.png"
+                          width="16"
+                        />
+                         
+                        <span
+                          class="subtitle-name"
+                        >
+                          Black.Mirror.S04E06.WEBRip.x264-RARBG2_Eng.srt
+                        </span>
+                         
+                        <img
+                          height="16"
+                          src="images/save.png"
+                          width="16"
+                        />
+                      </a>
+                    </span>
+                  </td>
+                  <td
+                    class="vgt-left-align"
+                  >
+                    <span>
+                      <img
+                        height="11"
+                        src="images/subtitles/flags/eng.png"
+                        title="eng"
+                        width="16"
+                      />
+                    </span>
+                  </td>
+                  <td
+                    class="vgt-left-align"
+                  >
+                    <span>
                       <img
                         height="16"
-                        src="images/download.png"
+                        src="images/subtitles/opensubtitles.png"
                         width="16"
                       />
-                    </a>
-                  </span>
-                </td>
-              </tr>
-              <tr
-                class=""
-              >
-                <!---->
-                 
-                <!---->
-                 
-                <td
-                  class="vgt-left-align"
-                >
-                  <span>
-                    <a
-                      title="Download subtitle: Black.Mirror.S04E06.BDRip.x264-HAGGiS.srt"
-                    >
-                      <!---->
                        
                       <span
-                        class="subtitle-name"
+                        title="opensubtitles"
                       >
-                        Black.Mirror.S04E06.BDRip.x264-HAGGiS.srt
+                        opensubtitles
                       </span>
-                       
-                      <img
-                        height="16"
-                        src="images/save.png"
-                        width="16"
-                      />
-                    </a>
-                  </span>
-                </td>
-                <td
-                  class="vgt-left-align"
-                >
-                  <span>
-                    <img
-                      height="11"
-                      src="images/subtitles/flags/eng.png"
-                      title="eng"
-                      width="16"
-                    />
-                  </span>
-                </td>
-                <td
-                  class="vgt-left-align"
-                >
-                  <span>
-                    <img
-                      height="16"
-                      src="images/subtitles/opensubtitles.png"
-                      width="16"
-                    />
-                     
-                    <span
-                      title="opensubtitles"
-                    >
-                      opensubtitles
                     </span>
-                  </span>
-                </td>
-                <td
-                  class="vgt-right-align"
-                >
-                  <span>
+                  </td>
+                  <td
+                    class="vgt-right-align"
+                  >
+                    <span>
+                      
+                        7
                     
-                    6
-                
-                  </span>
-                </td>
-                <td
-                  class="vgt-right-align"
-                >
-                  <span>
+                    </span>
+                  </td>
+                  <td
+                    class="vgt-right-align"
+                  >
+                    <span>
+                      
+                        339
                     
-                    333
-                
-                  </span>
-                </td>
-                <td
-                  class="vgt-left-align"
-                >
-                  <span>
+                    </span>
+                  </td>
+                  <td
+                    class="vgt-left-align"
+                  >
+                    <span>
+                      
+                        audio_codec, release_group, resolution
                     
-                    audio_codec, release_group, resolution, source
-                
-                  </span>
-                </td>
-                <td
-                  class="vgt-left-align"
-                >
-                  <span>
-                    <a
-                      title="Download subtitle: Black.Mirror.S04E06.BDRip.x264-HAGGiS.srt"
-                    >
+                    </span>
+                  </td>
+                  <td
+                    class="vgt-left-align"
+                  >
+                    <span>
+                      <a
+                        title="Download hearing impaired subtitle: Black.Mirror.S04E06.WEBRip.x264-RARBG2_Eng.srt"
+                      >
+                        <img
+                          height="16"
+                          src="images/download.png"
+                          width="16"
+                        />
+                      </a>
+                    </span>
+                  </td>
+                </tr>
+                <tr
+                  class=""
+                >
+                  <!---->
+                   
+                  <!---->
+                   
+                  <td
+                    class="vgt-left-align"
+                  >
+                    <span>
+                      <a
+                        title="Download subtitle: Black.Mirror.S04E06.BDRip.x264-HAGGiS.srt"
+                      >
+                        <!---->
+                         
+                        <span
+                          class="subtitle-name"
+                        >
+                          Black.Mirror.S04E06.BDRip.x264-HAGGiS.srt
+                        </span>
+                         
+                        <img
+                          height="16"
+                          src="images/save.png"
+                          width="16"
+                        />
+                      </a>
+                    </span>
+                  </td>
+                  <td
+                    class="vgt-left-align"
+                  >
+                    <span>
                       <img
-                        height="16"
-                        src="images/download.png"
+                        height="11"
+                        src="images/subtitles/flags/eng.png"
+                        title="eng"
                         width="16"
                       />
-                    </a>
-                  </span>
-                </td>
-              </tr>
-              <tr
-                class=""
-              >
-                <!---->
-                 
-                <!---->
-                 
-                <td
-                  class="vgt-left-align"
-                >
-                  <span>
-                    <a
-                      title="Download hearing impaired subtitle: Black.Mirror.S04E06.BDRip.x264-HAGGiS-HI.srt"
-                    >
+                    </span>
+                  </td>
+                  <td
+                    class="vgt-left-align"
+                  >
+                    <span>
                       <img
                         height="16"
-                        src="images/hearing_impaired.png"
+                        src="images/subtitles/opensubtitles.png"
                         width="16"
                       />
                        
                       <span
-                        class="subtitle-name"
+                        title="opensubtitles"
                       >
-                        Black.Mirror.S04E06.BDRip.x264-HAGGiS-HI.srt
+                        opensubtitles
                       </span>
-                       
-                      <img
-                        height="16"
-                        src="images/save.png"
-                        width="16"
-                      />
-                    </a>
-                  </span>
-                </td>
-                <td
-                  class="vgt-left-align"
-                >
-                  <span>
-                    <img
-                      height="11"
-                      src="images/subtitles/flags/eng.png"
-                      title="eng"
-                      width="16"
-                    />
-                  </span>
-                </td>
-                <td
-                  class="vgt-left-align"
-                >
-                  <span>
-                    <img
-                      height="16"
-                      src="images/subtitles/opensubtitles.png"
-                      width="16"
-                    />
-                     
-                    <span
-                      title="opensubtitles"
-                    >
-                      opensubtitles
                     </span>
-                  </span>
-                </td>
-                <td
-                  class="vgt-right-align"
-                >
-                  <span>
+                  </td>
+                  <td
+                    class="vgt-right-align"
+                  >
+                    <span>
+                      
+                        6
                     
-                    6
-                
-                  </span>
-                </td>
-                <td
-                  class="vgt-right-align"
-                >
-                  <span>
+                    </span>
+                  </td>
+                  <td
+                    class="vgt-right-align"
+                  >
+                    <span>
+                      
+                        333
                     
-                    332
-                
-                  </span>
-                </td>
-                <td
-                  class="vgt-left-align"
-                >
-                  <span>
+                    </span>
+                  </td>
+                  <td
+                    class="vgt-left-align"
+                  >
+                    <span>
+                      
+                        audio_codec, release_group, resolution, source
                     
-                    audio_codec, release_group, resolution, source
-                
-                  </span>
-                </td>
-                <td
-                  class="vgt-left-align"
+                    </span>
+                  </td>
+                  <td
+                    class="vgt-left-align"
+                  >
+                    <span>
+                      <a
+                        title="Download subtitle: Black.Mirror.S04E06.BDRip.x264-HAGGiS.srt"
+                      >
+                        <img
+                          height="16"
+                          src="images/download.png"
+                          width="16"
+                        />
+                      </a>
+                    </span>
+                  </td>
+                </tr>
+                <tr
+                  class=""
                 >
-                  <span>
-                    <a
-                      title="Download hearing impaired subtitle: Black.Mirror.S04E06.BDRip.x264-HAGGiS-HI.srt"
-                    >
+                  <!---->
+                   
+                  <!---->
+                   
+                  <td
+                    class="vgt-left-align"
+                  >
+                    <span>
+                      <a
+                        title="Download hearing impaired subtitle: Black.Mirror.S04E06.BDRip.x264-HAGGiS-HI.srt"
+                      >
+                        <img
+                          height="16"
+                          src="images/hearing_impaired.png"
+                          width="16"
+                        />
+                         
+                        <span
+                          class="subtitle-name"
+                        >
+                          Black.Mirror.S04E06.BDRip.x264-HAGGiS-HI.srt
+                        </span>
+                         
+                        <img
+                          height="16"
+                          src="images/save.png"
+                          width="16"
+                        />
+                      </a>
+                    </span>
+                  </td>
+                  <td
+                    class="vgt-left-align"
+                  >
+                    <span>
+                      <img
+                        height="11"
+                        src="images/subtitles/flags/eng.png"
+                        title="eng"
+                        width="16"
+                      />
+                    </span>
+                  </td>
+                  <td
+                    class="vgt-left-align"
+                  >
+                    <span>
                       <img
                         height="16"
-                        src="images/download.png"
+                        src="images/subtitles/opensubtitles.png"
                         width="16"
                       />
-                    </a>
-                  </span>
-                </td>
-              </tr>
-              <tr
-                class=""
-              >
-                <!---->
-                 
-                <!---->
-                 
-                <td
-                  class="vgt-left-align"
-                >
-                  <span>
-                    <a
-                      title="Download subtitle: Black Mirror S04E06.srt"
-                    >
-                      <!---->
                        
                       <span
-                        class="subtitle-name"
+                        title="opensubtitles"
                       >
-                        Black Mirror S04E06.srt
+                        opensubtitles
                       </span>
-                       
-                      <img
-                        height="16"
-                        src="images/save.png"
-                        width="16"
-                      />
-                    </a>
-                  </span>
-                </td>
-                <td
-                  class="vgt-left-align"
-                >
-                  <span>
-                    <img
-                      height="11"
-                      src="images/subtitles/flags/eng.png"
-                      title="eng"
-                      width="16"
-                    />
-                  </span>
-                </td>
-                <td
-                  class="vgt-left-align"
-                >
-                  <span>
-                    <img
-                      height="16"
-                      src="images/subtitles/opensubtitles.png"
-                      width="16"
-                    />
-                     
-                    <span
-                      title="opensubtitles"
-                    >
-                      opensubtitles
                     </span>
-                  </span>
-                </td>
-                <td
-                  class="vgt-right-align"
-                >
-                  <span>
+                  </td>
+                  <td
+                    class="vgt-right-align"
+                  >
+                    <span>
+                      
+                        6
                     
-                    6
-                
-                  </span>
-                </td>
-                <td
-                  class="vgt-right-align"
-                >
-                  <span>
+                    </span>
+                  </td>
+                  <td
+                    class="vgt-right-align"
+                  >
+                    <span>
+                      
+                        332
                     
-                    331
-                
-                  </span>
-                </td>
-                <td
-                  class="vgt-left-align"
-                >
-                  <span>
+                    </span>
+                  </td>
+                  <td
+                    class="vgt-left-align"
+                  >
+                    <span>
+                      
+                        audio_codec, release_group, resolution, source
                     
-                    audio_codec, release_group, resolution, source, video_codec
-                
-                  </span>
-                </td>
-                <td
-                  class="vgt-left-align"
+                    </span>
+                  </td>
+                  <td
+                    class="vgt-left-align"
+                  >
+                    <span>
+                      <a
+                        title="Download hearing impaired subtitle: Black.Mirror.S04E06.BDRip.x264-HAGGiS-HI.srt"
+                      >
+                        <img
+                          height="16"
+                          src="images/download.png"
+                          width="16"
+                        />
+                      </a>
+                    </span>
+                  </td>
+                </tr>
+                <tr
+                  class=""
                 >
-                  <span>
-                    <a
-                      title="Download subtitle: Black Mirror S04E06.srt"
-                    >
+                  <!---->
+                   
+                  <!---->
+                   
+                  <td
+                    class="vgt-left-align"
+                  >
+                    <span>
+                      <a
+                        title="Download subtitle: Black Mirror S04E06.srt"
+                      >
+                        <!---->
+                         
+                        <span
+                          class="subtitle-name"
+                        >
+                          Black Mirror S04E06.srt
+                        </span>
+                         
+                        <img
+                          height="16"
+                          src="images/save.png"
+                          width="16"
+                        />
+                      </a>
+                    </span>
+                  </td>
+                  <td
+                    class="vgt-left-align"
+                  >
+                    <span>
+                      <img
+                        height="11"
+                        src="images/subtitles/flags/eng.png"
+                        title="eng"
+                        width="16"
+                      />
+                    </span>
+                  </td>
+                  <td
+                    class="vgt-left-align"
+                  >
+                    <span>
                       <img
                         height="16"
-                        src="images/download.png"
+                        src="images/subtitles/opensubtitles.png"
                         width="16"
                       />
-                    </a>
-                  </span>
-                </td>
-              </tr>
-              <tr
-                class=""
-              >
-                <!---->
-                 
-                <!---->
-                 
-                <td
-                  class="vgt-left-align"
-                >
-                  <span>
-                    <a
-                      title="Download subtitle: Black Mirror (2011) - 04x06 - Black Museum.STRiFE.English.C.orig.Addic7ed.com.srt"
-                    >
-                      <!---->
                        
                       <span
-                        class="subtitle-name"
+                        title="opensubtitles"
                       >
-                        Black Mirror (2011) - 04x06 - Black Museum.STRiFE.English.C.orig.Addic7ed.com.srt
+                        opensubtitles
                       </span>
-                       
-                      <img
-                        height="16"
-                        src="images/save.png"
-                        width="16"
-                      />
-                    </a>
-                  </span>
-                </td>
-                <td
-                  class="vgt-left-align"
-                >
-                  <span>
-                    <img
-                      height="11"
-                      src="images/subtitles/flags/eng.png"
-                      title="eng"
-                      width="16"
-                    />
-                  </span>
-                </td>
-                <td
-                  class="vgt-left-align"
-                >
-                  <span>
-                    <img
-                      height="16"
-                      src="images/subtitles/opensubtitles.png"
-                      width="16"
-                    />
-                     
-                    <span
-                      title="opensubtitles"
-                    >
-                      opensubtitles
                     </span>
-                  </span>
-                </td>
-                <td
-                  class="vgt-right-align"
-                >
-                  <span>
+                  </td>
+                  <td
+                    class="vgt-right-align"
+                  >
+                    <span>
+                      
+                        6
                     
-                    6
-                
-                  </span>
-                </td>
-                <td
-                  class="vgt-right-align"
-                >
-                  <span>
+                    </span>
+                  </td>
+                  <td
+                    class="vgt-right-align"
+                  >
+                    <span>
+                      
+                        331
                     
-                    331
-                
-                  </span>
-                </td>
-                <td
-                  class="vgt-left-align"
-                >
-                  <span>
+                    </span>
+                  </td>
+                  <td
+                    class="vgt-left-align"
+                  >
+                    <span>
+                      
+                        audio_codec, release_group, resolution, source, video_codec
                     
-                    audio_codec, release_group, resolution, source, video_codec
-                
-                  </span>
-                </td>
-                <td
-                  class="vgt-left-align"
+                    </span>
+                  </td>
+                  <td
+                    class="vgt-left-align"
+                  >
+                    <span>
+                      <a
+                        title="Download subtitle: Black Mirror S04E06.srt"
+                      >
+                        <img
+                          height="16"
+                          src="images/download.png"
+                          width="16"
+                        />
+                      </a>
+                    </span>
+                  </td>
+                </tr>
+                <tr
+                  class=""
                 >
-                  <span>
-                    <a
-                      title="Download subtitle: Black Mirror (2011) - 04x06 - Black Museum.STRiFE.English.C.orig.Addic7ed.com.srt"
-                    >
+                  <!---->
+                   
+                  <!---->
+                   
+                  <td
+                    class="vgt-left-align"
+                  >
+                    <span>
+                      <a
+                        title="Download subtitle: Black Mirror (2011) - 04x06 - Black Museum.STRiFE.English.C.orig.Addic7ed.com.srt"
+                      >
+                        <!---->
+                         
+                        <span
+                          class="subtitle-name"
+                        >
+                          Black Mirror (2011) - 04x06 - Black Museum.STRiFE.English.C.orig.Addic7ed.com.srt
+                        </span>
+                         
+                        <img
+                          height="16"
+                          src="images/save.png"
+                          width="16"
+                        />
+                      </a>
+                    </span>
+                  </td>
+                  <td
+                    class="vgt-left-align"
+                  >
+                    <span>
+                      <img
+                        height="11"
+                        src="images/subtitles/flags/eng.png"
+                        title="eng"
+                        width="16"
+                      />
+                    </span>
+                  </td>
+                  <td
+                    class="vgt-left-align"
+                  >
+                    <span>
                       <img
                         height="16"
-                        src="images/download.png"
+                        src="images/subtitles/opensubtitles.png"
                         width="16"
                       />
-                    </a>
-                  </span>
-                </td>
-              </tr>
-              <tr
-                class=""
-              >
-                <!---->
-                 
-                <!---->
-                 
-                <td
-                  class="vgt-left-align"
-                >
-                  <span>
-                    <a
-                      title="Download subtitle: xhtF"
-                    >
-                      <!---->
                        
                       <span
-                        class="subtitle-name"
+                        title="opensubtitles"
                       >
-                        xhtF
+                        opensubtitles
                       </span>
-                       
-                      <img
-                        height="16"
-                        src="images/save.png"
-                        width="16"
-                      />
-                    </a>
-                  </span>
-                </td>
-                <td
-                  class="vgt-left-align"
-                >
-                  <span>
-                    <img
-                      height="11"
-                      src="images/subtitles/flags/dut.png"
-                      title="dut"
-                      width="16"
-                    />
-                  </span>
-                </td>
-                <td
-                  class="vgt-left-align"
-                >
-                  <span>
-                    <img
-                      height="16"
-                      src="images/subtitles/podnapisi.png"
-                      width="16"
-                    />
-                     
-                    <span
-                      title="podnapisi"
-                    >
-                      podnapisi
                     </span>
-                  </span>
-                </td>
-                <td
-                  class="vgt-right-align"
-                >
-                  <span>
+                  </td>
+                  <td
+                    class="vgt-right-align"
+                  >
+                    <span>
+                      
+                        6
                     
-                    6
-                
-                  </span>
-                </td>
-                <td
-                  class="vgt-right-align"
-                >
-                  <span>
+                    </span>
+                  </td>
+                  <td
+                    class="vgt-right-align"
+                  >
+                    <span>
+                      
+                        331
                     
-                    331
-                
-                  </span>
-                </td>
-                <td
-                  class="vgt-left-align"
-                >
-                  <span>
+                    </span>
+                  </td>
+                  <td
+                    class="vgt-left-align"
+                  >
+                    <span>
+                      
+                        audio_codec, release_group, resolution, source, video_codec
                     
-                    audio_codec, release_group, resolution, source, video_codec
-                
-                  </span>
-                </td>
-                <td
-                  class="vgt-left-align"
+                    </span>
+                  </td>
+                  <td
+                    class="vgt-left-align"
+                  >
+                    <span>
+                      <a
+                        title="Download subtitle: Black Mirror (2011) - 04x06 - Black Museum.STRiFE.English.C.orig.Addic7ed.com.srt"
+                      >
+                        <img
+                          height="16"
+                          src="images/download.png"
+                          width="16"
+                        />
+                      </a>
+                    </span>
+                  </td>
+                </tr>
+                <tr
+                  class=""
                 >
-                  <span>
-                    <a
-                      title="Download subtitle: xhtF"
-                    >
+                  <!---->
+                   
+                  <!---->
+                   
+                  <td
+                    class="vgt-left-align"
+                  >
+                    <span>
+                      <a
+                        title="Download subtitle: xhtF"
+                      >
+                        <!---->
+                         
+                        <span
+                          class="subtitle-name"
+                        >
+                          xhtF
+                        </span>
+                         
+                        <img
+                          height="16"
+                          src="images/save.png"
+                          width="16"
+                        />
+                      </a>
+                    </span>
+                  </td>
+                  <td
+                    class="vgt-left-align"
+                  >
+                    <span>
+                      <img
+                        height="11"
+                        src="images/subtitles/flags/dut.png"
+                        title="dut"
+                        width="16"
+                      />
+                    </span>
+                  </td>
+                  <td
+                    class="vgt-left-align"
+                  >
+                    <span>
                       <img
                         height="16"
-                        src="images/download.png"
+                        src="images/subtitles/podnapisi.png"
                         width="16"
                       />
-                    </a>
-                  </span>
-                </td>
-              </tr>
-              <tr
-                class=""
-              >
-                <!---->
-                 
-                <!---->
-                 
-                <td
-                  class="vgt-left-align"
-                >
-                  <span>
-                    <a
-                      title="Download subtitle: Black Mirror 4x06 (HDTV)"
-                    >
-                      <!---->
                        
                       <span
-                        class="subtitle-name"
+                        title="podnapisi"
                       >
-                        Black Mirror 4x06 (HDTV)
+                        podnapisi
                       </span>
-                       
-                      <img
-                        height="16"
-                        src="images/save.png"
-                        width="16"
-                      />
-                    </a>
-                  </span>
-                </td>
-                <td
-                  class="vgt-left-align"
-                >
-                  <span>
-                    <img
-                      height="11"
-                      src="images/subtitles/flags/eng.png"
-                      title="eng"
-                      width="16"
-                    />
-                  </span>
-                </td>
-                <td
-                  class="vgt-left-align"
-                >
-                  <span>
-                    <img
-                      height="16"
-                      src="images/subtitles/tvsubtitles.png"
-                      width="16"
-                    />
-                     
-                    <span
-                      title="tvsubtitles"
-                    >
-                      tvsubtitles
                     </span>
-                  </span>
-                </td>
-                <td
-                  class="vgt-right-align"
-                >
-                  <span>
+                  </td>
+                  <td
+                    class="vgt-right-align"
+                  >
+                    <span>
+                      
+                        6
                     
-                    6
-                
-                  </span>
-                </td>
-                <td
-                  class="vgt-right-align"
-                >
-                  <span>
+                    </span>
+                  </td>
+                  <td
+                    class="vgt-right-align"
+                  >
+                    <span>
+                      
+                        331
                     
-                    331
-                
-                  </span>
-                </td>
-                <td
-                  class="vgt-left-align"
-                >
-                  <span>
+                    </span>
+                  </td>
+                  <td
+                    class="vgt-left-align"
+                  >
+                    <span>
+                      
+                        audio_codec, release_group, resolution, source, video_codec
                     
-                    audio_codec, release_group, resolution, source, video_codec
-                
-                  </span>
-                </td>
-                <td
-                  class="vgt-left-align"
+                    </span>
+                  </td>
+                  <td
+                    class="vgt-left-align"
+                  >
+                    <span>
+                      <a
+                        title="Download subtitle: xhtF"
+                      >
+                        <img
+                          height="16"
+                          src="images/download.png"
+                          width="16"
+                        />
+                      </a>
+                    </span>
+                  </td>
+                </tr>
+                <tr
+                  class=""
                 >
-                  <span>
-                    <a
-                      title="Download subtitle: Black Mirror 4x06 (HDTV)"
-                    >
+                  <!---->
+                   
+                  <!---->
+                   
+                  <td
+                    class="vgt-left-align"
+                  >
+                    <span>
+                      <a
+                        title="Download subtitle: Black Mirror 4x06 (HDTV)"
+                      >
+                        <!---->
+                         
+                        <span
+                          class="subtitle-name"
+                        >
+                          Black Mirror 4x06 (HDTV)
+                        </span>
+                         
+                        <img
+                          height="16"
+                          src="images/save.png"
+                          width="16"
+                        />
+                      </a>
+                    </span>
+                  </td>
+                  <td
+                    class="vgt-left-align"
+                  >
+                    <span>
+                      <img
+                        height="11"
+                        src="images/subtitles/flags/eng.png"
+                        title="eng"
+                        width="16"
+                      />
+                    </span>
+                  </td>
+                  <td
+                    class="vgt-left-align"
+                  >
+                    <span>
                       <img
                         height="16"
-                        src="images/download.png"
+                        src="images/subtitles/tvsubtitles.png"
                         width="16"
                       />
-                    </a>
-                  </span>
-                </td>
-              </tr>
-               
-              <tr
-                mode="local"
-              >
-                <!---->
-                 
-                <!---->
-                 
-                <!---->
+                       
+                      <span
+                        title="tvsubtitles"
+                      >
+                        tvsubtitles
+                      </span>
+                    </span>
+                  </td>
+                  <td
+                    class="vgt-right-align"
+                  >
+                    <span>
+                      
+                        6
+                    
+                    </span>
+                  </td>
+                  <td
+                    class="vgt-right-align"
+                  >
+                    <span>
+                      
+                        331
+                    
+                    </span>
+                  </td>
+                  <td
+                    class="vgt-left-align"
+                  >
+                    <span>
+                      
+                        audio_codec, release_group, resolution, source, video_codec
+                    
+                    </span>
+                  </td>
+                  <td
+                    class="vgt-left-align"
+                  >
+                    <span>
+                      <a
+                        title="Download subtitle: Black Mirror 4x06 (HDTV)"
+                      >
+                        <img
+                          height="16"
+                          src="images/download.png"
+                          width="16"
+                        />
+                      </a>
+                    </span>
+                  </td>
+                </tr>
                  
-                <th
-                  class="vgt-row-header vgt-left-align"
+                <tr
+                  mode="local"
                 >
-                  <span>
-                    
-          
-        
-                  </span>
+                  <!---->
                    
                   <!---->
-                </th>
-                <th
-                  class="vgt-row-header vgt-left-align"
-                >
-                  <span>
-                    
-          
-        
-                  </span>
                    
                   <!---->
-                </th>
-                <th
-                  class="vgt-row-header vgt-left-align"
-                >
-                  <span>
-                    
+                   
+                  <th
+                    class="vgt-row-header vgt-left-align"
+                  >
+                    <span>
+                      
           
         
-                  </span>
-                   
-                  <!---->
-                </th>
-                <th
-                  class="vgt-row-header vgt-right-align"
-                >
-                  <span>
-                    
+                    </span>
+                     
+                    <!---->
+                  </th>
+                  <th
+                    class="vgt-row-header vgt-left-align"
+                  >
+                    <span>
+                      
           
         
-                  </span>
-                   
-                  <!---->
-                </th>
-                <th
-                  class="vgt-row-header vgt-right-align"
-                >
-                  <span>
-                    
+                    </span>
+                     
+                    <!---->
+                  </th>
+                  <th
+                    class="vgt-row-header vgt-left-align"
+                  >
+                    <span>
+                      
           
         
-                  </span>
-                   
-                  <!---->
-                </th>
-                <th
-                  class="vgt-row-header vgt-left-align"
-                >
-                  <span>
-                    
+                    </span>
+                     
+                    <!---->
+                  </th>
+                  <th
+                    class="vgt-row-header vgt-right-align"
+                  >
+                    <span>
+                      
           
         
-                  </span>
-                   
-                  <!---->
-                </th>
-                <th
-                  class="vgt-row-header vgt-left-align"
-                >
-                  <span>
-                    
+                    </span>
+                     
+                    <!---->
+                  </th>
+                  <th
+                    class="vgt-row-header vgt-right-align"
+                  >
+                    <span>
+                      
           
         
-                  </span>
-                   
-                  <!---->
-                </th>
-              </tr>
+                    </span>
+                     
+                    <!---->
+                  </th>
+                  <th
+                    class="vgt-row-header vgt-left-align"
+                  >
+                    <span>
+                      
+          
+        
+                    </span>
+                     
+                    <!---->
+                  </th>
+                  <th
+                    class="vgt-row-header vgt-left-align"
+                  >
+                    <span>
+                      
+          
+        
+                    </span>
+                     
+                    <!---->
+                  </th>
+                </tr>
+                 
+              </tbody>
                
-            </tbody>
-             
-            <!---->
-          </table>
+              <!---->
+            </table>
+          </div>
+           
+          <div
+            class="vgt-wrap__actions-footer"
+          />
+           
+          <!---->
         </div>
-         
-        <div
-          class="vgt-wrap__actions-footer"
-        />
-         
-        <!---->
       </div>
     </div>
   </td>
diff --git a/themes-default/slim/test/specs/subtitle-search.spec.js b/themes-default/slim/test/specs/subtitle-search.spec.js
index 2bb924bab8..6551217331 100644
--- a/themes-default/slim/test/specs/subtitle-search.spec.js
+++ b/themes-default/slim/test/specs/subtitle-search.spec.js
@@ -1,18 +1,40 @@
-import Vuex from 'vuex';
+import Vuex, { Store } from 'vuex';
 import VueRouter from 'vue-router';
 import { createLocalVue, shallowMount, mount } from '@vue/test-utils';
 import { SubtitleSearch } from '../../src/components';
+import historyModule from '../../src/store/modules/history';
 import show from '../__fixtures__/show-detailed';
-import { result } from '../__fixtures__/subtitle-search';
+import { result as subtitleResult } from '../__fixtures__/subtitle-search';
+import episodeHistory from '../__fixtures__/episode-history';
+import episode from '../__fixtures__/show-episode';
 
 describe('SubtitleSearch', () => {
     let localVue;
     let store;
+    const state = {
+        history: {
+            history: [],
+            page: 0,
+            showHistory: {},
+            episodeHistory: {
+                tvdb5692427: {
+                    s04e06: episodeHistory
+                }
+            }
+        }
+    };
 
     beforeEach(() => {
         localVue = createLocalVue();
         localVue.use(Vuex);
         localVue.use(VueRouter);
+
+        store = new Store({
+            modules: {
+                history: historyModule
+            }
+        });
+        store.replaceState(state);
     });
 
     it('renders subtitle component with question', async () => {
@@ -21,8 +43,7 @@ describe('SubtitleSearch', () => {
             store,
             propsData: {
                 show,
-                season: 4,
-                episode: 6
+                episode
             }
         });
 
@@ -40,13 +61,12 @@ describe('SubtitleSearch', () => {
             store,
             propsData: {
                 show,
-                season: 4,
-                episode: 6
+                episode
             }
         });
 
         wrapper.setData({
-            subtitles: result[0].subtitles,
+            subtitles: subtitleResult[0].subtitles,
             displayQuestion: false
         });
 
@@ -60,8 +80,7 @@ describe('SubtitleSearch', () => {
             store,
             propsData: {
                 show,
-                season: 4,
-                episode: 6
+                episode
             }
         });
 
diff --git a/themes/dark/assets/js/medusa-runtime.js b/themes/dark/assets/js/medusa-runtime.js
index 57bc77eea2..e0ff7b9702 100644
--- a/themes/dark/assets/js/medusa-runtime.js
+++ b/themes/dark/assets/js/medusa-runtime.js
@@ -536,7 +536,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(f
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var vue_good_table__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue-good-table */ \"./node_modules/vue-good-table/dist/vue-good-table.es.js\");\n/* harmony import */ var _api__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../api */ \"./src/api.js\");\n/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./helpers */ \"./src/components/helpers/index.js\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: 'subtitle-search',\n  components: {\n    StateSwitch: _helpers__WEBPACK_IMPORTED_MODULE_3__[\"StateSwitch\"],\n    VueGoodTable: vue_good_table__WEBPACK_IMPORTED_MODULE_1__[\"VueGoodTable\"]\n  },\n  props: {\n    show: {\n      type: Object,\n      required: true\n    },\n    episode: {\n      type: Object,\n      required: true\n    },\n    lang: {\n      type: String,\n      required: false\n    }\n  },\n\n  data() {\n    return {\n      columns: [{\n        label: 'Filename',\n        field: 'filename'\n      }, {\n        label: 'Language',\n        field: 'lang'\n      }, {\n        label: 'Provider',\n        field: 'provider'\n      }, {\n        label: 'Score',\n        field: 'score',\n        type: 'number'\n      }, {\n        label: 'Sub Score',\n        field: 'sub_score',\n        type: 'number'\n      }, {\n        label: 'Missing Matches',\n        field: rowObj => {\n          if (rowObj.missing_guess) {\n            return rowObj.missing_guess.join(', ');\n          }\n        },\n        type: 'array'\n      }, {\n        label: 'Download',\n        field: 'download',\n        sortable: false\n      }],\n      subtitles: [],\n      displayQuestion: false,\n      loading: false,\n      loadingMessage: ''\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapState\"])({\n      config: state => state.config,\n      episodeHistory: state => state.episodeHistory\n    }),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])({\n      getLastReleaseName: 'getLastReleaseName'\n    }),\n\n    releaseName() {\n      const {\n        episode,\n        getLastReleaseName,\n        show\n      } = this;\n      const lastKnownReleaseName = getLastReleaseName({\n        showSlug: show.id.slug,\n        episodeSlug: episode.slug\n      });\n\n      if (lastKnownReleaseName) {\n        return \"Select subtitle for release: \".concat(lastKnownReleaseName);\n      }\n\n      return 'Could not get a downloaded release name from the history table';\n    },\n\n    subtitleParams() {\n      const {\n        episode,\n        show\n      } = this;\n      const params = {\n        indexername: show.indexer,\n        seriesid: show.id[show.indexer],\n        season: episode.season,\n        episode: episode.episode\n      };\n      return params;\n    }\n\n  },\n\n  mounted() {\n    const {\n      episode,\n      getShowEpisodeHistory,\n      show\n    } = this;\n    this.displayQuestion = true;\n    getShowEpisodeHistory({\n      showSlug: show.id.slug,\n      episodeSlug: episode.slug\n    });\n  },\n\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])(['getShowEpisodeHistory']),\n\n    autoSearch() {\n      const {\n        lang,\n        subtitleParams\n      } = this;\n      const params = subtitleParams;\n\n      if (lang !== undefined) {\n        params.lang = lang;\n      }\n\n      this.displayQuestion = false;\n      this.loadingMessage = 'Searching for subtitles and downloading if available... ';\n      this.loading = true;\n      Object(_api__WEBPACK_IMPORTED_MODULE_2__[\"apiRoute\"])('home/searchEpisodeSubtitles', {\n        params\n      }).then(response => {\n        if (response.data.result !== 'failure') {\n          // Update the show, as we have new information (subtitles)\n          // Let's emit an event, telling the displayShow component, to update the show using the api/store.\n          this.$emit('update', {\n            reason: 'new subtitles found',\n            codes: response.data.subtitles,\n            languages: response.data.languages\n          });\n        }\n      }).catch(error => {\n        console.log(\"Error trying to search for subtitles. Error: \".concat(error));\n      }).finally(() => {\n        // Cleanup\n        this.loadingMessage = '';\n        this.loading = false;\n        this.close();\n      });\n    },\n\n    manualSearch() {\n      const {\n        subtitleParams\n      } = this;\n      this.displayQuestion = false;\n      this.loading = true;\n      this.loadingMessage = 'Searching for subtitles... ';\n      Object(_api__WEBPACK_IMPORTED_MODULE_2__[\"apiRoute\"])('home/manualSearchSubtitles', {\n        params: subtitleParams\n      }).then(response => {\n        if (response.data.result === 'success') {\n          this.subtitles.push(...response.data.subtitles);\n        }\n      }).catch(error => {\n        console.log(\"Error trying to search for subtitles. Error: \".concat(error));\n      }).finally(() => {\n        this.loading = false;\n      });\n    },\n\n    redownloadLang() {\n      const {\n        subtitleParams\n      } = this;\n      Object(_api__WEBPACK_IMPORTED_MODULE_2__[\"apiRoute\"])('home/searchEpisodeSubtitles', {\n        params: subtitleParams\n      }).then(response => {\n        if (response.data.result !== 'failure') {\n          // Update the show, as we have new information (subtitles)\n          // Let's emit an event, telling the displayShow component, to update the show using the api/store.\n          this.$emit('update', {\n            reason: 'new subtitles found',\n            codes: response.data.subtitles,\n            languages: response.data.languages\n          });\n        }\n      }).catch(error => {\n        console.log(\"Error trying to search for subtitles. Error: \".concat(error));\n      }).finally(() => {\n        // Cleanup\n        this.loadingMessage = '';\n        this.loading = false;\n        this.close();\n      });\n    },\n\n    pickSubtitle(subtitleId) {\n      // Download and save this subtitle with the episode.\n      const {\n        subtitleParams\n      } = this;\n      const params = { ...subtitleParams,\n        picked_id: subtitleId // eslint-disable-line camelcase\n\n      };\n      this.displayQuestion = false;\n      this.loadingMessage = 'downloading subtitle... ';\n      this.loading = true;\n      Object(_api__WEBPACK_IMPORTED_MODULE_2__[\"apiRoute\"])('home/manualSearchSubtitles', {\n        params\n      }).then(response => {\n        if (response.data.result === 'success') {\n          // Update the show, as we have new information (subtitles)\n          // Let's emit an event, telling the displayShow component, to update the show using the api/store.\n          this.$emit('update', {\n            reason: 'new subtitles found',\n            codes: response.data.subtitles,\n            languages: response.data.languages\n          });\n        }\n      }).catch(error => {\n        console.log(\"Error trying to search for subtitles. Error: \".concat(error));\n      }).finally(() => {\n        // Cleanup\n        this.loadingMessage = '';\n        this.loading = false;\n        this.close();\n      });\n    },\n\n    close() {\n      this.$emit('close'); // Destroy the vue listeners, etc\n\n      this.$destroy(); // Remove the element from the DOM\n\n      this.$el.parentNode.removeChild(this.$el);\n    }\n\n  }\n});\n\n//# sourceURL=webpack:///./src/components/subtitle-search.vue?./node_modules/babel-loader/lib??ref--1!./node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var vue_good_table__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue-good-table */ \"./node_modules/vue-good-table/dist/vue-good-table.es.js\");\n/* harmony import */ var _api__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../api */ \"./src/api.js\");\n/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./helpers */ \"./src/components/helpers/index.js\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: 'subtitle-search',\n  components: {\n    StateSwitch: _helpers__WEBPACK_IMPORTED_MODULE_3__[\"StateSwitch\"],\n    VueGoodTable: vue_good_table__WEBPACK_IMPORTED_MODULE_1__[\"VueGoodTable\"]\n  },\n  props: {\n    show: {\n      type: Object,\n      required: true\n    },\n    episode: {\n      type: Object,\n      required: true\n    },\n    lang: {\n      type: String,\n      required: false\n    }\n  },\n\n  data() {\n    return {\n      columns: [{\n        label: 'Filename',\n        field: 'filename'\n      }, {\n        label: 'Language',\n        field: 'lang'\n      }, {\n        label: 'Provider',\n        field: 'provider'\n      }, {\n        label: 'Score',\n        field: 'score',\n        type: 'number'\n      }, {\n        label: 'Sub Score',\n        field: 'sub_score',\n        type: 'number'\n      }, {\n        label: 'Missing Matches',\n        field: rowObj => {\n          if (rowObj.missing_guess) {\n            return rowObj.missing_guess.join(', ');\n          }\n        },\n        type: 'array'\n      }, {\n        label: 'Download',\n        field: 'download',\n        sortable: false\n      }],\n      subtitles: [],\n      displayQuestion: false,\n      loading: false,\n      loadingMessage: ''\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapState\"])({\n      config: state => state.config\n    }),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])({\n      getLastReleaseName: 'getLastReleaseName'\n    }),\n\n    releaseName() {\n      const {\n        episode,\n        getLastReleaseName,\n        show\n      } = this;\n      const lastKnownReleaseName = getLastReleaseName({\n        showSlug: show.id.slug,\n        episodeSlug: episode.slug\n      });\n\n      if (lastKnownReleaseName) {\n        return \"Select subtitle for release: \".concat(lastKnownReleaseName);\n      }\n\n      return 'Could not get a downloaded release name from the history table';\n    },\n\n    subtitleParams() {\n      const {\n        episode,\n        show\n      } = this;\n      const params = {\n        indexername: show.indexer,\n        seriesid: show.id[show.indexer],\n        season: episode.season,\n        episode: episode.episode\n      };\n      return params;\n    }\n\n  },\n\n  mounted() {\n    this.displayQuestion = true;\n  },\n\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])(['getShowEpisodeHistory']),\n\n    autoSearch() {\n      const {\n        lang,\n        subtitleParams\n      } = this;\n      const params = subtitleParams;\n\n      if (lang !== undefined) {\n        params.lang = lang;\n      }\n\n      this.displayQuestion = false;\n      this.loadingMessage = 'Searching for subtitles and downloading if available... ';\n      this.loading = true;\n      Object(_api__WEBPACK_IMPORTED_MODULE_2__[\"apiRoute\"])('home/searchEpisodeSubtitles', {\n        params\n      }).then(response => {\n        if (response.data.result !== 'failure') {\n          // Update the show, as we have new information (subtitles)\n          // Let's emit an event, telling the displayShow component, to update the show using the api/store.\n          this.$emit('update', {\n            reason: 'new subtitles found',\n            codes: response.data.subtitles,\n            languages: response.data.languages\n          });\n        }\n      }).catch(error => {\n        console.log(\"Error trying to search for subtitles. Error: \".concat(error));\n      }).finally(() => {\n        // Cleanup\n        this.loadingMessage = '';\n        this.loading = false;\n        this.close();\n      });\n    },\n\n    manualSearch() {\n      const {\n        episode,\n        getShowEpisodeHistory,\n        show,\n        subtitleParams\n      } = this;\n      this.displayQuestion = false;\n      this.loading = true;\n      this.loadingMessage = 'Searching for subtitles... ';\n      Object(_api__WEBPACK_IMPORTED_MODULE_2__[\"apiRoute\"])('home/manualSearchSubtitles', {\n        params: subtitleParams\n      }).then(response => {\n        if (response.data.result === 'success') {\n          this.subtitles.push(...response.data.subtitles); // Load episode history if we have subtitles.\n\n          getShowEpisodeHistory({\n            showSlug: show.id.slug,\n            episodeSlug: episode.slug\n          });\n        }\n      }).catch(error => {\n        console.log(\"Error trying to search for subtitles. Error: \".concat(error));\n      }).finally(() => {\n        this.loading = false;\n      });\n    },\n\n    redownloadLang() {\n      const {\n        subtitleParams\n      } = this;\n      Object(_api__WEBPACK_IMPORTED_MODULE_2__[\"apiRoute\"])('home/searchEpisodeSubtitles', {\n        params: subtitleParams\n      }).then(response => {\n        if (response.data.result !== 'failure') {\n          // Update the show, as we have new information (subtitles)\n          // Let's emit an event, telling the displayShow component, to update the show using the api/store.\n          this.$emit('update', {\n            reason: 'new subtitles found',\n            codes: response.data.subtitles,\n            languages: response.data.languages\n          });\n        }\n      }).catch(error => {\n        console.log(\"Error trying to search for subtitles. Error: \".concat(error));\n      }).finally(() => {\n        // Cleanup\n        this.loadingMessage = '';\n        this.loading = false;\n        this.close();\n      });\n    },\n\n    pickSubtitle(subtitleId) {\n      // Download and save this subtitle with the episode.\n      const {\n        subtitleParams\n      } = this;\n      const params = { ...subtitleParams,\n        picked_id: subtitleId // eslint-disable-line camelcase\n\n      };\n      this.displayQuestion = false;\n      this.loadingMessage = 'downloading subtitle... ';\n      this.loading = true;\n      Object(_api__WEBPACK_IMPORTED_MODULE_2__[\"apiRoute\"])('home/manualSearchSubtitles', {\n        params\n      }).then(response => {\n        if (response.data.result === 'success') {\n          // Update the show, as we have new information (subtitles)\n          // Let's emit an event, telling the displayShow component, to update the show using the api/store.\n          this.$emit('update', {\n            reason: 'new subtitles found',\n            codes: response.data.subtitles,\n            languages: response.data.languages\n          });\n        }\n      }).catch(error => {\n        console.log(\"Error trying to search for subtitles. Error: \".concat(error));\n      }).finally(() => {\n        // Cleanup\n        this.loadingMessage = '';\n        this.loading = false;\n        this.close();\n      });\n    },\n\n    close() {\n      this.$emit('close'); // Destroy the vue listeners, etc\n\n      this.$destroy(); // Remove the element from the DOM\n\n      this.$el.parentNode.removeChild(this.$el);\n    }\n\n  }\n});\n\n//# sourceURL=webpack:///./src/components/subtitle-search.vue?./node_modules/babel-loader/lib??ref--1!./node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -3524,7 +3524,7 @@ eval("__webpack_require__.r(__webpack_exports__);\nconst state = {\n  show: {\n
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ \"./node_modules/vue/dist/vue.esm.js\");\n/* harmony import */ var _api__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../api */ \"./src/api.js\");\n/* harmony import */ var _mutation_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../mutation-types */ \"./src/store/mutation-types.js\");\n\n\n\nconst state = {\n  history: [],\n  page: 0,\n  showHistory: {},\n  episodeHistory: {}\n};\nconst mutations = {\n  [_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_HISTORY\"]](state, history) {\n    // Update state\n    state.history.push(...history);\n  },\n\n  [_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW_HISTORY\"]](state, {\n    showSlug,\n    history\n  }) {\n    // Keep an array of shows, with their history\n    // Maybe we can just check the last id. And if the id's are newer, add them. Less fancy, much more fast.\n    vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"].set(state.showHistory, showSlug, history);\n  },\n\n  [_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW_EPISODE_HISTORY\"]](state, {\n    showSlug,\n    episodeSlug,\n    history\n  }) {\n    // Keep an object of shows, with their history per episode\n    // Example: {tvdb1234: {s01e01: [history]}}\n    if (!Object.keys(state.episodeHistory).includes(showSlug)) {\n      state.episodeHistory[showSlug] = {};\n    }\n\n    vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"].set(state.episodeHistory[showSlug], episodeSlug, history);\n  }\n\n};\nconst getters = {\n  getShowHistoryBySlug: state => showSlug => state.showHistory[showSlug],\n  getLastReleaseName: state => ({\n    showSlug,\n    episodeSlug\n  }) => {\n    if (state.episodeHistory[showSlug] !== undefined) {\n      if (state.episodeHistory[showSlug][episodeSlug] !== undefined) {\n        if (state.episodeHistory[showSlug][episodeSlug].length === 1) {\n          return state.episodeHistory[showSlug][episodeSlug][0].resource;\n        }\n\n        const filteredHistory = state.episodeHistory[showSlug][episodeSlug].sort((a, b) => (a.actionDate - b.actionDate) * -1).filter(ep => ['Snatched', 'Downloaded'].includes(ep.statusName) && ep.resource !== '');\n\n        if (filteredHistory.length > 0) {\n          return filteredHistory[0].resource;\n        }\n      }\n    }\n  }\n};\n/**\n * An object representing request parameters for getting a show from the API.\n *\n * @typedef {object} ShowGetParameters\n * @property {boolean} detailed Fetch detailed information? (e.g. scene/xem numbering)\n * @property {boolean} episodes Fetch seasons & episodes?\n */\n\nconst actions = {\n  /**\n   * Get show history from API and commit it to the store.\n   *\n   * @param {*} context The store context.\n   * @param {ShowIdentifier&ShowGetParameters} parameters Request parameters.\n   * @returns {Promise} The API response.\n   */\n  async getShowHistory(context, {\n    slug\n  }) {\n    const {\n      commit\n    } = context;\n    const response = await _api__WEBPACK_IMPORTED_MODULE_1__[\"api\"].get(\"/history/\".concat(slug));\n\n    if (response.data.length > 0) {\n      commit(_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW_HISTORY\"], {\n        showSlug: slug,\n        history: response.data\n      });\n    }\n  },\n\n  /**\n   * Get history from API and commit them to the store.\n   *\n   * @param {*} context - The store context.\n   * @param {(ShowIdentifier&ShowGetParameters)[]} shows Shows to get. If not provided, gets the first 1k shows.\n   * @returns {undefined|Promise} undefined if `shows` was provided or the API response if not.\n   */\n  async getHistory(context) {\n    const {\n      commit,\n      state\n    } = context;\n    const limit = 1000;\n    const params = {\n      limit\n    };\n    let lastPage = false;\n    let response = null;\n\n    while (!lastPage) {\n      state.page += 1;\n      params.page = state.page;\n      response = await _api__WEBPACK_IMPORTED_MODULE_1__[\"api\"].get('/history', {\n        params\n      }); // eslint-disable-line no-await-in-loop\n\n      commit(_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_HISTORY\"], response.data);\n\n      if (response.data.length < limit) {\n        lastPage = true;\n      }\n    }\n  },\n\n  /**\n   * Get episode history from API and commit it to the store.\n   *\n   * @param {*} context The store context.\n   * @param {ShowIdentifier&ShowGetParameters} parameters Request parameters.\n   * @returns {Promise} The API response.\n   */\n  async getShowEpisodeHistory(context, {\n    showSlug,\n    episodeSlug\n  }) {\n    const {\n      commit\n    } = context;\n    const response = await _api__WEBPACK_IMPORTED_MODULE_1__[\"api\"].get(\"/history/\".concat(showSlug, \"/episode/\").concat(episodeSlug));\n\n    if (response.data.length > 0) {\n      commit(_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW_EPISODE_HISTORY\"], {\n        showSlug,\n        episodeSlug,\n        history: response.data\n      });\n    }\n  }\n\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  state,\n  mutations,\n  getters,\n  actions\n});\n\n//# sourceURL=webpack:///./src/store/modules/history.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ \"./node_modules/vue/dist/vue.esm.js\");\n/* harmony import */ var _api__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../api */ \"./src/api.js\");\n/* harmony import */ var _mutation_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../mutation-types */ \"./src/store/mutation-types.js\");\n\n\n\nconst state = {\n  history: [],\n  page: 0,\n  showHistory: {},\n  episodeHistory: {}\n};\nconst mutations = {\n  [_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_HISTORY\"]](state, history) {\n    // Update state\n    state.history.push(...history);\n  },\n\n  [_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW_HISTORY\"]](state, {\n    showSlug,\n    history\n  }) {\n    // Keep an array of shows, with their history\n    // Maybe we can just check the last id. And if the id's are newer, add them. Less fancy, much more fast.\n    vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"].set(state.showHistory, showSlug, history);\n  },\n\n  [_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW_EPISODE_HISTORY\"]](state, {\n    showSlug,\n    episodeSlug,\n    history\n  }) {\n    // Keep an object of shows, with their history per episode\n    // Example: {tvdb1234: {s01e01: [history]}}\n    if (!Object.keys(state.episodeHistory).includes(showSlug)) {\n      vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"].set(state.episodeHistory, showSlug, {});\n    }\n\n    vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"].set(state.episodeHistory[showSlug], episodeSlug, history);\n  }\n\n};\nconst getters = {\n  getShowHistoryBySlug: state => showSlug => state.showHistory[showSlug],\n  getLastReleaseName: state => ({\n    showSlug,\n    episodeSlug\n  }) => {\n    if (state.episodeHistory[showSlug] !== undefined) {\n      if (state.episodeHistory[showSlug][episodeSlug] !== undefined) {\n        if (state.episodeHistory[showSlug][episodeSlug].length === 1) {\n          return state.episodeHistory[showSlug][episodeSlug][0].resource;\n        }\n\n        const filteredHistory = state.episodeHistory[showSlug][episodeSlug].sort((a, b) => (a.actionDate - b.actionDate) * -1).filter(ep => ['Snatched', 'Downloaded'].includes(ep.statusName) && ep.resource !== '');\n\n        if (filteredHistory.length > 0) {\n          return filteredHistory[0].resource;\n        }\n      }\n    }\n  }\n};\n/**\n * An object representing request parameters for getting a show from the API.\n *\n * @typedef {object} ShowGetParameters\n * @property {boolean} detailed Fetch detailed information? (e.g. scene/xem numbering)\n * @property {boolean} episodes Fetch seasons & episodes?\n */\n\nconst actions = {\n  /**\n   * Get show history from API and commit it to the store.\n   *\n   * @param {*} context The store context.\n   * @param {ShowIdentifier&ShowGetParameters} parameters Request parameters.\n   * @returns {Promise} The API response.\n   */\n  async getShowHistory(context, {\n    slug\n  }) {\n    const {\n      commit\n    } = context;\n    const response = await _api__WEBPACK_IMPORTED_MODULE_1__[\"api\"].get(\"/history/\".concat(slug));\n\n    if (response.data.length > 0) {\n      commit(_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW_HISTORY\"], {\n        showSlug: slug,\n        history: response.data\n      });\n    }\n  },\n\n  /**\n   * Get history from API and commit them to the store.\n   *\n   * @param {*} context - The store context.\n   * @param {(ShowIdentifier&ShowGetParameters)[]} shows Shows to get. If not provided, gets the first 1k shows.\n   * @returns {undefined|Promise} undefined if `shows` was provided or the API response if not.\n   */\n  async getHistory(context) {\n    const {\n      commit,\n      state\n    } = context;\n    const limit = 1000;\n    const params = {\n      limit\n    };\n    let lastPage = false;\n    let response = null;\n\n    while (!lastPage) {\n      state.page += 1;\n      params.page = state.page;\n      response = await _api__WEBPACK_IMPORTED_MODULE_1__[\"api\"].get('/history', {\n        params\n      }); // eslint-disable-line no-await-in-loop\n\n      commit(_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_HISTORY\"], response.data);\n\n      if (response.data.length < limit) {\n        lastPage = true;\n      }\n    }\n  },\n\n  /**\n   * Get episode history from API and commit it to the store.\n   *\n   * @param {*} context The store context.\n   * @param {ShowIdentifier&ShowGetParameters} parameters Request parameters.\n   * @returns {Promise} The API response.\n   */\n  async getShowEpisodeHistory(context, {\n    showSlug,\n    episodeSlug\n  }) {\n    const {\n      commit\n    } = context;\n\n    try {\n      const response = await _api__WEBPACK_IMPORTED_MODULE_1__[\"api\"].get(\"/history/\".concat(showSlug, \"/episode/\").concat(episodeSlug));\n\n      if (response.data.length > 0) {\n        commit(_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW_EPISODE_HISTORY\"], {\n          showSlug,\n          episodeSlug,\n          history: response.data\n        });\n      }\n    } catch {\n      console.warn(\"No episode history found for show \".concat(showSlug, \" and episode \").concat(episodeSlug));\n    }\n  }\n\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  state,\n  mutations,\n  getters,\n  actions\n});\n\n//# sourceURL=webpack:///./src/store/modules/history.js?");
 
 /***/ }),
 
diff --git a/themes/light/assets/js/medusa-runtime.js b/themes/light/assets/js/medusa-runtime.js
index 57bc77eea2..e0ff7b9702 100644
--- a/themes/light/assets/js/medusa-runtime.js
+++ b/themes/light/assets/js/medusa-runtime.js
@@ -536,7 +536,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(f
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var vue_good_table__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue-good-table */ \"./node_modules/vue-good-table/dist/vue-good-table.es.js\");\n/* harmony import */ var _api__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../api */ \"./src/api.js\");\n/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./helpers */ \"./src/components/helpers/index.js\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: 'subtitle-search',\n  components: {\n    StateSwitch: _helpers__WEBPACK_IMPORTED_MODULE_3__[\"StateSwitch\"],\n    VueGoodTable: vue_good_table__WEBPACK_IMPORTED_MODULE_1__[\"VueGoodTable\"]\n  },\n  props: {\n    show: {\n      type: Object,\n      required: true\n    },\n    episode: {\n      type: Object,\n      required: true\n    },\n    lang: {\n      type: String,\n      required: false\n    }\n  },\n\n  data() {\n    return {\n      columns: [{\n        label: 'Filename',\n        field: 'filename'\n      }, {\n        label: 'Language',\n        field: 'lang'\n      }, {\n        label: 'Provider',\n        field: 'provider'\n      }, {\n        label: 'Score',\n        field: 'score',\n        type: 'number'\n      }, {\n        label: 'Sub Score',\n        field: 'sub_score',\n        type: 'number'\n      }, {\n        label: 'Missing Matches',\n        field: rowObj => {\n          if (rowObj.missing_guess) {\n            return rowObj.missing_guess.join(', ');\n          }\n        },\n        type: 'array'\n      }, {\n        label: 'Download',\n        field: 'download',\n        sortable: false\n      }],\n      subtitles: [],\n      displayQuestion: false,\n      loading: false,\n      loadingMessage: ''\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapState\"])({\n      config: state => state.config,\n      episodeHistory: state => state.episodeHistory\n    }),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])({\n      getLastReleaseName: 'getLastReleaseName'\n    }),\n\n    releaseName() {\n      const {\n        episode,\n        getLastReleaseName,\n        show\n      } = this;\n      const lastKnownReleaseName = getLastReleaseName({\n        showSlug: show.id.slug,\n        episodeSlug: episode.slug\n      });\n\n      if (lastKnownReleaseName) {\n        return \"Select subtitle for release: \".concat(lastKnownReleaseName);\n      }\n\n      return 'Could not get a downloaded release name from the history table';\n    },\n\n    subtitleParams() {\n      const {\n        episode,\n        show\n      } = this;\n      const params = {\n        indexername: show.indexer,\n        seriesid: show.id[show.indexer],\n        season: episode.season,\n        episode: episode.episode\n      };\n      return params;\n    }\n\n  },\n\n  mounted() {\n    const {\n      episode,\n      getShowEpisodeHistory,\n      show\n    } = this;\n    this.displayQuestion = true;\n    getShowEpisodeHistory({\n      showSlug: show.id.slug,\n      episodeSlug: episode.slug\n    });\n  },\n\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])(['getShowEpisodeHistory']),\n\n    autoSearch() {\n      const {\n        lang,\n        subtitleParams\n      } = this;\n      const params = subtitleParams;\n\n      if (lang !== undefined) {\n        params.lang = lang;\n      }\n\n      this.displayQuestion = false;\n      this.loadingMessage = 'Searching for subtitles and downloading if available... ';\n      this.loading = true;\n      Object(_api__WEBPACK_IMPORTED_MODULE_2__[\"apiRoute\"])('home/searchEpisodeSubtitles', {\n        params\n      }).then(response => {\n        if (response.data.result !== 'failure') {\n          // Update the show, as we have new information (subtitles)\n          // Let's emit an event, telling the displayShow component, to update the show using the api/store.\n          this.$emit('update', {\n            reason: 'new subtitles found',\n            codes: response.data.subtitles,\n            languages: response.data.languages\n          });\n        }\n      }).catch(error => {\n        console.log(\"Error trying to search for subtitles. Error: \".concat(error));\n      }).finally(() => {\n        // Cleanup\n        this.loadingMessage = '';\n        this.loading = false;\n        this.close();\n      });\n    },\n\n    manualSearch() {\n      const {\n        subtitleParams\n      } = this;\n      this.displayQuestion = false;\n      this.loading = true;\n      this.loadingMessage = 'Searching for subtitles... ';\n      Object(_api__WEBPACK_IMPORTED_MODULE_2__[\"apiRoute\"])('home/manualSearchSubtitles', {\n        params: subtitleParams\n      }).then(response => {\n        if (response.data.result === 'success') {\n          this.subtitles.push(...response.data.subtitles);\n        }\n      }).catch(error => {\n        console.log(\"Error trying to search for subtitles. Error: \".concat(error));\n      }).finally(() => {\n        this.loading = false;\n      });\n    },\n\n    redownloadLang() {\n      const {\n        subtitleParams\n      } = this;\n      Object(_api__WEBPACK_IMPORTED_MODULE_2__[\"apiRoute\"])('home/searchEpisodeSubtitles', {\n        params: subtitleParams\n      }).then(response => {\n        if (response.data.result !== 'failure') {\n          // Update the show, as we have new information (subtitles)\n          // Let's emit an event, telling the displayShow component, to update the show using the api/store.\n          this.$emit('update', {\n            reason: 'new subtitles found',\n            codes: response.data.subtitles,\n            languages: response.data.languages\n          });\n        }\n      }).catch(error => {\n        console.log(\"Error trying to search for subtitles. Error: \".concat(error));\n      }).finally(() => {\n        // Cleanup\n        this.loadingMessage = '';\n        this.loading = false;\n        this.close();\n      });\n    },\n\n    pickSubtitle(subtitleId) {\n      // Download and save this subtitle with the episode.\n      const {\n        subtitleParams\n      } = this;\n      const params = { ...subtitleParams,\n        picked_id: subtitleId // eslint-disable-line camelcase\n\n      };\n      this.displayQuestion = false;\n      this.loadingMessage = 'downloading subtitle... ';\n      this.loading = true;\n      Object(_api__WEBPACK_IMPORTED_MODULE_2__[\"apiRoute\"])('home/manualSearchSubtitles', {\n        params\n      }).then(response => {\n        if (response.data.result === 'success') {\n          // Update the show, as we have new information (subtitles)\n          // Let's emit an event, telling the displayShow component, to update the show using the api/store.\n          this.$emit('update', {\n            reason: 'new subtitles found',\n            codes: response.data.subtitles,\n            languages: response.data.languages\n          });\n        }\n      }).catch(error => {\n        console.log(\"Error trying to search for subtitles. Error: \".concat(error));\n      }).finally(() => {\n        // Cleanup\n        this.loadingMessage = '';\n        this.loading = false;\n        this.close();\n      });\n    },\n\n    close() {\n      this.$emit('close'); // Destroy the vue listeners, etc\n\n      this.$destroy(); // Remove the element from the DOM\n\n      this.$el.parentNode.removeChild(this.$el);\n    }\n\n  }\n});\n\n//# sourceURL=webpack:///./src/components/subtitle-search.vue?./node_modules/babel-loader/lib??ref--1!./node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var vue_good_table__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue-good-table */ \"./node_modules/vue-good-table/dist/vue-good-table.es.js\");\n/* harmony import */ var _api__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../api */ \"./src/api.js\");\n/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./helpers */ \"./src/components/helpers/index.js\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: 'subtitle-search',\n  components: {\n    StateSwitch: _helpers__WEBPACK_IMPORTED_MODULE_3__[\"StateSwitch\"],\n    VueGoodTable: vue_good_table__WEBPACK_IMPORTED_MODULE_1__[\"VueGoodTable\"]\n  },\n  props: {\n    show: {\n      type: Object,\n      required: true\n    },\n    episode: {\n      type: Object,\n      required: true\n    },\n    lang: {\n      type: String,\n      required: false\n    }\n  },\n\n  data() {\n    return {\n      columns: [{\n        label: 'Filename',\n        field: 'filename'\n      }, {\n        label: 'Language',\n        field: 'lang'\n      }, {\n        label: 'Provider',\n        field: 'provider'\n      }, {\n        label: 'Score',\n        field: 'score',\n        type: 'number'\n      }, {\n        label: 'Sub Score',\n        field: 'sub_score',\n        type: 'number'\n      }, {\n        label: 'Missing Matches',\n        field: rowObj => {\n          if (rowObj.missing_guess) {\n            return rowObj.missing_guess.join(', ');\n          }\n        },\n        type: 'array'\n      }, {\n        label: 'Download',\n        field: 'download',\n        sortable: false\n      }],\n      subtitles: [],\n      displayQuestion: false,\n      loading: false,\n      loadingMessage: ''\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapState\"])({\n      config: state => state.config\n    }),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])({\n      getLastReleaseName: 'getLastReleaseName'\n    }),\n\n    releaseName() {\n      const {\n        episode,\n        getLastReleaseName,\n        show\n      } = this;\n      const lastKnownReleaseName = getLastReleaseName({\n        showSlug: show.id.slug,\n        episodeSlug: episode.slug\n      });\n\n      if (lastKnownReleaseName) {\n        return \"Select subtitle for release: \".concat(lastKnownReleaseName);\n      }\n\n      return 'Could not get a downloaded release name from the history table';\n    },\n\n    subtitleParams() {\n      const {\n        episode,\n        show\n      } = this;\n      const params = {\n        indexername: show.indexer,\n        seriesid: show.id[show.indexer],\n        season: episode.season,\n        episode: episode.episode\n      };\n      return params;\n    }\n\n  },\n\n  mounted() {\n    this.displayQuestion = true;\n  },\n\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])(['getShowEpisodeHistory']),\n\n    autoSearch() {\n      const {\n        lang,\n        subtitleParams\n      } = this;\n      const params = subtitleParams;\n\n      if (lang !== undefined) {\n        params.lang = lang;\n      }\n\n      this.displayQuestion = false;\n      this.loadingMessage = 'Searching for subtitles and downloading if available... ';\n      this.loading = true;\n      Object(_api__WEBPACK_IMPORTED_MODULE_2__[\"apiRoute\"])('home/searchEpisodeSubtitles', {\n        params\n      }).then(response => {\n        if (response.data.result !== 'failure') {\n          // Update the show, as we have new information (subtitles)\n          // Let's emit an event, telling the displayShow component, to update the show using the api/store.\n          this.$emit('update', {\n            reason: 'new subtitles found',\n            codes: response.data.subtitles,\n            languages: response.data.languages\n          });\n        }\n      }).catch(error => {\n        console.log(\"Error trying to search for subtitles. Error: \".concat(error));\n      }).finally(() => {\n        // Cleanup\n        this.loadingMessage = '';\n        this.loading = false;\n        this.close();\n      });\n    },\n\n    manualSearch() {\n      const {\n        episode,\n        getShowEpisodeHistory,\n        show,\n        subtitleParams\n      } = this;\n      this.displayQuestion = false;\n      this.loading = true;\n      this.loadingMessage = 'Searching for subtitles... ';\n      Object(_api__WEBPACK_IMPORTED_MODULE_2__[\"apiRoute\"])('home/manualSearchSubtitles', {\n        params: subtitleParams\n      }).then(response => {\n        if (response.data.result === 'success') {\n          this.subtitles.push(...response.data.subtitles); // Load episode history if we have subtitles.\n\n          getShowEpisodeHistory({\n            showSlug: show.id.slug,\n            episodeSlug: episode.slug\n          });\n        }\n      }).catch(error => {\n        console.log(\"Error trying to search for subtitles. Error: \".concat(error));\n      }).finally(() => {\n        this.loading = false;\n      });\n    },\n\n    redownloadLang() {\n      const {\n        subtitleParams\n      } = this;\n      Object(_api__WEBPACK_IMPORTED_MODULE_2__[\"apiRoute\"])('home/searchEpisodeSubtitles', {\n        params: subtitleParams\n      }).then(response => {\n        if (response.data.result !== 'failure') {\n          // Update the show, as we have new information (subtitles)\n          // Let's emit an event, telling the displayShow component, to update the show using the api/store.\n          this.$emit('update', {\n            reason: 'new subtitles found',\n            codes: response.data.subtitles,\n            languages: response.data.languages\n          });\n        }\n      }).catch(error => {\n        console.log(\"Error trying to search for subtitles. Error: \".concat(error));\n      }).finally(() => {\n        // Cleanup\n        this.loadingMessage = '';\n        this.loading = false;\n        this.close();\n      });\n    },\n\n    pickSubtitle(subtitleId) {\n      // Download and save this subtitle with the episode.\n      const {\n        subtitleParams\n      } = this;\n      const params = { ...subtitleParams,\n        picked_id: subtitleId // eslint-disable-line camelcase\n\n      };\n      this.displayQuestion = false;\n      this.loadingMessage = 'downloading subtitle... ';\n      this.loading = true;\n      Object(_api__WEBPACK_IMPORTED_MODULE_2__[\"apiRoute\"])('home/manualSearchSubtitles', {\n        params\n      }).then(response => {\n        if (response.data.result === 'success') {\n          // Update the show, as we have new information (subtitles)\n          // Let's emit an event, telling the displayShow component, to update the show using the api/store.\n          this.$emit('update', {\n            reason: 'new subtitles found',\n            codes: response.data.subtitles,\n            languages: response.data.languages\n          });\n        }\n      }).catch(error => {\n        console.log(\"Error trying to search for subtitles. Error: \".concat(error));\n      }).finally(() => {\n        // Cleanup\n        this.loadingMessage = '';\n        this.loading = false;\n        this.close();\n      });\n    },\n\n    close() {\n      this.$emit('close'); // Destroy the vue listeners, etc\n\n      this.$destroy(); // Remove the element from the DOM\n\n      this.$el.parentNode.removeChild(this.$el);\n    }\n\n  }\n});\n\n//# sourceURL=webpack:///./src/components/subtitle-search.vue?./node_modules/babel-loader/lib??ref--1!./node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -3524,7 +3524,7 @@ eval("__webpack_require__.r(__webpack_exports__);\nconst state = {\n  show: {\n
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ \"./node_modules/vue/dist/vue.esm.js\");\n/* harmony import */ var _api__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../api */ \"./src/api.js\");\n/* harmony import */ var _mutation_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../mutation-types */ \"./src/store/mutation-types.js\");\n\n\n\nconst state = {\n  history: [],\n  page: 0,\n  showHistory: {},\n  episodeHistory: {}\n};\nconst mutations = {\n  [_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_HISTORY\"]](state, history) {\n    // Update state\n    state.history.push(...history);\n  },\n\n  [_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW_HISTORY\"]](state, {\n    showSlug,\n    history\n  }) {\n    // Keep an array of shows, with their history\n    // Maybe we can just check the last id. And if the id's are newer, add them. Less fancy, much more fast.\n    vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"].set(state.showHistory, showSlug, history);\n  },\n\n  [_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW_EPISODE_HISTORY\"]](state, {\n    showSlug,\n    episodeSlug,\n    history\n  }) {\n    // Keep an object of shows, with their history per episode\n    // Example: {tvdb1234: {s01e01: [history]}}\n    if (!Object.keys(state.episodeHistory).includes(showSlug)) {\n      state.episodeHistory[showSlug] = {};\n    }\n\n    vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"].set(state.episodeHistory[showSlug], episodeSlug, history);\n  }\n\n};\nconst getters = {\n  getShowHistoryBySlug: state => showSlug => state.showHistory[showSlug],\n  getLastReleaseName: state => ({\n    showSlug,\n    episodeSlug\n  }) => {\n    if (state.episodeHistory[showSlug] !== undefined) {\n      if (state.episodeHistory[showSlug][episodeSlug] !== undefined) {\n        if (state.episodeHistory[showSlug][episodeSlug].length === 1) {\n          return state.episodeHistory[showSlug][episodeSlug][0].resource;\n        }\n\n        const filteredHistory = state.episodeHistory[showSlug][episodeSlug].sort((a, b) => (a.actionDate - b.actionDate) * -1).filter(ep => ['Snatched', 'Downloaded'].includes(ep.statusName) && ep.resource !== '');\n\n        if (filteredHistory.length > 0) {\n          return filteredHistory[0].resource;\n        }\n      }\n    }\n  }\n};\n/**\n * An object representing request parameters for getting a show from the API.\n *\n * @typedef {object} ShowGetParameters\n * @property {boolean} detailed Fetch detailed information? (e.g. scene/xem numbering)\n * @property {boolean} episodes Fetch seasons & episodes?\n */\n\nconst actions = {\n  /**\n   * Get show history from API and commit it to the store.\n   *\n   * @param {*} context The store context.\n   * @param {ShowIdentifier&ShowGetParameters} parameters Request parameters.\n   * @returns {Promise} The API response.\n   */\n  async getShowHistory(context, {\n    slug\n  }) {\n    const {\n      commit\n    } = context;\n    const response = await _api__WEBPACK_IMPORTED_MODULE_1__[\"api\"].get(\"/history/\".concat(slug));\n\n    if (response.data.length > 0) {\n      commit(_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW_HISTORY\"], {\n        showSlug: slug,\n        history: response.data\n      });\n    }\n  },\n\n  /**\n   * Get history from API and commit them to the store.\n   *\n   * @param {*} context - The store context.\n   * @param {(ShowIdentifier&ShowGetParameters)[]} shows Shows to get. If not provided, gets the first 1k shows.\n   * @returns {undefined|Promise} undefined if `shows` was provided or the API response if not.\n   */\n  async getHistory(context) {\n    const {\n      commit,\n      state\n    } = context;\n    const limit = 1000;\n    const params = {\n      limit\n    };\n    let lastPage = false;\n    let response = null;\n\n    while (!lastPage) {\n      state.page += 1;\n      params.page = state.page;\n      response = await _api__WEBPACK_IMPORTED_MODULE_1__[\"api\"].get('/history', {\n        params\n      }); // eslint-disable-line no-await-in-loop\n\n      commit(_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_HISTORY\"], response.data);\n\n      if (response.data.length < limit) {\n        lastPage = true;\n      }\n    }\n  },\n\n  /**\n   * Get episode history from API and commit it to the store.\n   *\n   * @param {*} context The store context.\n   * @param {ShowIdentifier&ShowGetParameters} parameters Request parameters.\n   * @returns {Promise} The API response.\n   */\n  async getShowEpisodeHistory(context, {\n    showSlug,\n    episodeSlug\n  }) {\n    const {\n      commit\n    } = context;\n    const response = await _api__WEBPACK_IMPORTED_MODULE_1__[\"api\"].get(\"/history/\".concat(showSlug, \"/episode/\").concat(episodeSlug));\n\n    if (response.data.length > 0) {\n      commit(_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW_EPISODE_HISTORY\"], {\n        showSlug,\n        episodeSlug,\n        history: response.data\n      });\n    }\n  }\n\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  state,\n  mutations,\n  getters,\n  actions\n});\n\n//# sourceURL=webpack:///./src/store/modules/history.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ \"./node_modules/vue/dist/vue.esm.js\");\n/* harmony import */ var _api__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../api */ \"./src/api.js\");\n/* harmony import */ var _mutation_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../mutation-types */ \"./src/store/mutation-types.js\");\n\n\n\nconst state = {\n  history: [],\n  page: 0,\n  showHistory: {},\n  episodeHistory: {}\n};\nconst mutations = {\n  [_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_HISTORY\"]](state, history) {\n    // Update state\n    state.history.push(...history);\n  },\n\n  [_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW_HISTORY\"]](state, {\n    showSlug,\n    history\n  }) {\n    // Keep an array of shows, with their history\n    // Maybe we can just check the last id. And if the id's are newer, add them. Less fancy, much more fast.\n    vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"].set(state.showHistory, showSlug, history);\n  },\n\n  [_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW_EPISODE_HISTORY\"]](state, {\n    showSlug,\n    episodeSlug,\n    history\n  }) {\n    // Keep an object of shows, with their history per episode\n    // Example: {tvdb1234: {s01e01: [history]}}\n    if (!Object.keys(state.episodeHistory).includes(showSlug)) {\n      vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"].set(state.episodeHistory, showSlug, {});\n    }\n\n    vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"].set(state.episodeHistory[showSlug], episodeSlug, history);\n  }\n\n};\nconst getters = {\n  getShowHistoryBySlug: state => showSlug => state.showHistory[showSlug],\n  getLastReleaseName: state => ({\n    showSlug,\n    episodeSlug\n  }) => {\n    if (state.episodeHistory[showSlug] !== undefined) {\n      if (state.episodeHistory[showSlug][episodeSlug] !== undefined) {\n        if (state.episodeHistory[showSlug][episodeSlug].length === 1) {\n          return state.episodeHistory[showSlug][episodeSlug][0].resource;\n        }\n\n        const filteredHistory = state.episodeHistory[showSlug][episodeSlug].sort((a, b) => (a.actionDate - b.actionDate) * -1).filter(ep => ['Snatched', 'Downloaded'].includes(ep.statusName) && ep.resource !== '');\n\n        if (filteredHistory.length > 0) {\n          return filteredHistory[0].resource;\n        }\n      }\n    }\n  }\n};\n/**\n * An object representing request parameters for getting a show from the API.\n *\n * @typedef {object} ShowGetParameters\n * @property {boolean} detailed Fetch detailed information? (e.g. scene/xem numbering)\n * @property {boolean} episodes Fetch seasons & episodes?\n */\n\nconst actions = {\n  /**\n   * Get show history from API and commit it to the store.\n   *\n   * @param {*} context The store context.\n   * @param {ShowIdentifier&ShowGetParameters} parameters Request parameters.\n   * @returns {Promise} The API response.\n   */\n  async getShowHistory(context, {\n    slug\n  }) {\n    const {\n      commit\n    } = context;\n    const response = await _api__WEBPACK_IMPORTED_MODULE_1__[\"api\"].get(\"/history/\".concat(slug));\n\n    if (response.data.length > 0) {\n      commit(_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW_HISTORY\"], {\n        showSlug: slug,\n        history: response.data\n      });\n    }\n  },\n\n  /**\n   * Get history from API and commit them to the store.\n   *\n   * @param {*} context - The store context.\n   * @param {(ShowIdentifier&ShowGetParameters)[]} shows Shows to get. If not provided, gets the first 1k shows.\n   * @returns {undefined|Promise} undefined if `shows` was provided or the API response if not.\n   */\n  async getHistory(context) {\n    const {\n      commit,\n      state\n    } = context;\n    const limit = 1000;\n    const params = {\n      limit\n    };\n    let lastPage = false;\n    let response = null;\n\n    while (!lastPage) {\n      state.page += 1;\n      params.page = state.page;\n      response = await _api__WEBPACK_IMPORTED_MODULE_1__[\"api\"].get('/history', {\n        params\n      }); // eslint-disable-line no-await-in-loop\n\n      commit(_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_HISTORY\"], response.data);\n\n      if (response.data.length < limit) {\n        lastPage = true;\n      }\n    }\n  },\n\n  /**\n   * Get episode history from API and commit it to the store.\n   *\n   * @param {*} context The store context.\n   * @param {ShowIdentifier&ShowGetParameters} parameters Request parameters.\n   * @returns {Promise} The API response.\n   */\n  async getShowEpisodeHistory(context, {\n    showSlug,\n    episodeSlug\n  }) {\n    const {\n      commit\n    } = context;\n\n    try {\n      const response = await _api__WEBPACK_IMPORTED_MODULE_1__[\"api\"].get(\"/history/\".concat(showSlug, \"/episode/\").concat(episodeSlug));\n\n      if (response.data.length > 0) {\n        commit(_mutation_types__WEBPACK_IMPORTED_MODULE_2__[\"ADD_SHOW_EPISODE_HISTORY\"], {\n          showSlug,\n          episodeSlug,\n          history: response.data\n        });\n      }\n    } catch {\n      console.warn(\"No episode history found for show \".concat(showSlug, \" and episode \").concat(episodeSlug));\n    }\n  }\n\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  state,\n  mutations,\n  getters,\n  actions\n});\n\n//# sourceURL=webpack:///./src/store/modules/history.js?");
 
 /***/ }),
 

From 6ae5e57128f78610d02b952786390f42581055d9 Mon Sep 17 00:00:00 2001
From: Dario <medariox@users.noreply.github.com>
Date: Sat, 18 Apr 2020 15:37:43 +0200
Subject: [PATCH 11/16] Fix getting proper_tags & manually_searched

---
 medusa/server/api/v2/history.py | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/medusa/server/api/v2/history.py b/medusa/server/api/v2/history.py
index 7cd82e1c66..d007402fc5 100644
--- a/medusa/server/api/v2/history.py
+++ b/medusa/server/api/v2/history.py
@@ -32,8 +32,8 @@ def get(self, series_slug, path_param):
         """
         sql_base = '''
             SELECT rowid, date, action, quality,
-                   provider, version, resource, size,
-                   indexer_id, showid, season, episode
+                   provider, version, proper_tags, manually_searched,
+                   resource, size, indexer_id, showid, season, episode
             FROM history
         '''
         params = []

From d6ce12c2b33029bf27213b4c09bd1c01d24c89c3 Mon Sep 17 00:00:00 2001
From: P0psicles <rogier@headshots.nl>
Date: Sat, 18 Apr 2020 17:19:25 +0200
Subject: [PATCH 12/16] make sure the pagination response is valid.

---
 dredd/api-description.yml | 35 +++++++++++++++++++++++++----------
 1 file changed, 25 insertions(+), 10 deletions(-)

diff --git a/dredd/api-description.yml b/dredd/api-description.yml
index 88a5ccb590..93e03a9af5 100644
--- a/dredd/api-description.yml
+++ b/dredd/api-description.yml
@@ -221,7 +221,6 @@ paths:
         The Episode endpoint returns information about the Episodes from a given Series.
       parameters:
         - $ref: '#/parameters/series-id'
-          name: seriesid
         - name: season
           in: query
           required: false
@@ -1002,18 +1001,12 @@ paths:
         The history endpoint returns logged activities stored in the history table, like episodes snatched and downloaded. Or downloaded subtitles for an episode.
       parameters:
         - $ref: '#/parameters/series-id'
-          name: seriesid
         - $ref: '#/parameters/page'
         - $ref: '#/parameters/limit'
         - $ref: '#/parameters/sort'
       responses:
         200:
-          $ref: '#/responses/pagination'
-          description: A paged array of history entries
-          schema:
-            type: array
-            items:
-              $ref: '#/definitions/History'
+          $ref: '#/responses/pagination_history'
         400:
           $ref: '#/responses/error'
           description: Invalid series id or pagination parameters
@@ -1033,9 +1026,7 @@ paths:
         The histories episode endpoint returns history entries for a specific episode
       parameters:
         - $ref: '#/parameters/series-id'
-          name: seriesid
         - $ref: '#/parameters/episode-id'
-          name: episodeid
       responses:
         200:
           description: Array of History entries
@@ -2783,6 +2774,7 @@ definitions:
         description: Episode status/quality overview string
 
   History:
+    description: History object
     type: object
     properties:
       id:
@@ -3038,3 +3030,26 @@ responses:
     description: Unexpected error
     schema:
       $ref: '#/definitions/Error'
+  pagination_history:
+    description: A paged array of history records
+    headers:
+      X-Pagination-Page:
+        type: integer
+        format: int32
+        description: The page number
+      X-Pagination-Limit:
+        type: integer
+        format: int32
+        description: The pagination limit
+      X-Pagination-Count:
+        type: integer
+        format: int32
+        description: The total items count
+      Link:
+        type: string
+        description: "The pagination links: next, last, first and previous"
+    schema:
+      type: array
+      items:
+        $ref: '#/definitions/History'
+

From 8f32868e124203411e560ff29fdb62b106a5e9e0 Mon Sep 17 00:00:00 2001
From: P0psicles <rogier@headshots.nl>
Date: Sat, 18 Apr 2020 18:15:12 +0200
Subject: [PATCH 13/16] Disabling the history tests.

---
 dredd/api-description.yml                | 73 ++++++++++++++++++++++--
 themes/dark/assets/js/medusa-runtime.js  |  2 +-
 themes/light/assets/js/medusa-runtime.js |  2 +-
 3 files changed, 70 insertions(+), 7 deletions(-)

diff --git a/dredd/api-description.yml b/dredd/api-description.yml
index 93e03a9af5..ab290caa48 100644
--- a/dredd/api-description.yml
+++ b/dredd/api-description.yml
@@ -994,6 +994,33 @@ paths:
         400:
           $ref: '#/responses/error'
           x-disabled: true
+  /history:
+    get:
+      summary: Return history entries to a specific show
+      description: |
+        The history endpoint returns logged activities stored in the history table, like episodes snatched and downloaded. Or downloaded subtitles for an episode.
+      parameters:
+        - $ref: '#/parameters/page'
+        - $ref: '#/parameters/limit'
+        - $ref: '#/parameters/sort'
+      responses:
+        200:
+          $ref: '#/responses/pagination_history'
+          x-disabled: true
+        400:
+          $ref: '#/responses/error'
+          description: Invalid series id or pagination parameters
+          x-request:
+            path-params:
+              seriesid: asdf
+          x-disabled: true
+        404:
+          $ref: '#/responses/error'
+          description: Series not found
+          x-request:
+            path-params:
+              seriesid: tvdb999999999
+          x-disabled: true
   /history/{seriesid}:
     get:
       summary: Return history entries to a specific show
@@ -1007,18 +1034,21 @@ paths:
       responses:
         200:
           $ref: '#/responses/pagination_history'
+          x-disabled: true
         400:
           $ref: '#/responses/error'
           description: Invalid series id or pagination parameters
           x-request:
-            query-params:
-              sort: abc
+            path-params:
+              seriesid: asdf
+          x-disabled: true
         404:
           $ref: '#/responses/error'
           description: Series not found
           x-request:
             path-params:
               seriesid: tvdb999999999
+          x-disabled: true
   /history/{seriesid}/episode/{episodeid}:
     get:
       summary: Return history entries for a specific episode
@@ -1034,18 +1064,21 @@ paths:
             type: array
             items:
               $ref: '#/definitions/History'
+          x-disabled: true
         400:
           $ref: '#/responses/error'
           description: Invalid series id or pagination parameters
           x-request:
-            query-params:
-              sort: abc
+            path-params:
+              seriesid: asdf
+          x-disabled: true
         404:
           $ref: '#/responses/error'
           description: Series not found
           x-request:
             path-params:
               seriesid: tvdb999999999
+          x-disabled: true
 
 definitions:
   Series:
@@ -2867,7 +2900,7 @@ parameters:
     x-example: tvdb301824
     type: string
   episode-id:
-    name: episode-id
+    name: episodeid
     in: path
     required: true
     description: The episode id to retrieve. E.g. s02e03, e34 or 2016-12-31
@@ -2993,6 +3026,36 @@ parameters:
                 - 'episode'
                 - 'season'
               example: 'episode'
+  history:
+    in: body
+    name: Search Config
+    description: Object with required information to search for a specific show's episode(s).
+    schema:
+      type: object
+      required:
+        - showSlug
+        - episodes
+      properties:
+        showSlug:
+          description: Show slug consisting of the indexer name + indexers id
+          type: string
+          example: tvdb301824
+        episodes:
+          description: An array of searched episode objects with information on the type of search used
+          type: array
+          items:
+            type: string
+          example: ["s01e01", "s03e03"]
+        options:
+          description: Type of the manual search. 'episode' or 'season' search.
+          type: object
+          properties:
+            type:
+              type: string
+              enum:
+                - 'episode'
+                - 'season'
+              example: 'episode'
 responses:
   pagination:
     description: Pagination response
diff --git a/themes/dark/assets/js/medusa-runtime.js b/themes/dark/assets/js/medusa-runtime.js
index ecd4d8c049..9c849e629a 100644
--- a/themes/dark/assets/js/medusa-runtime.js
+++ b/themes/dark/assets/js/medusa-runtime.js
@@ -152,7 +152,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function($) {/* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash/debounce */ \"./node_modules/lodash/debounce.js\");\n/* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_debounce__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var date_fns_format__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! date-fns/format */ \"./node_modules/date-fns/esm/format/index.js\");\n/* harmony import */ var date_fns_parseISO__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! date-fns/parseISO */ \"./node_modules/date-fns/esm/parseISO/index.js\");\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./helpers */ \"./src/components/helpers/index.js\");\n/* harmony import */ var _utils_core__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../utils/core */ \"./src/utils/core.js\");\n/* harmony import */ var _utils_jquery__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../utils/jquery */ \"./src/utils/jquery.js\");\n/* harmony import */ var vue_good_table__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! vue-good-table */ \"./node_modules/vue-good-table/dist/vue-good-table.es.js\");\n/* harmony import */ var _backstretch_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./backstretch.vue */ \"./src/components/backstretch.vue\");\n/* harmony import */ var _show_header_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./show-header.vue */ \"./src/components/show-header.vue\");\n/* harmony import */ var _subtitle_search_vue__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./subtitle-search.vue */ \"./src/components/subtitle-search.vue\");\n/* harmony import */ var javascript_time_ago__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! javascript-time-ago */ \"./node_modules/javascript-time-ago/index.js\");\n/* harmony import */ var javascript_time_ago_locale_en__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! javascript-time-ago/locale/en */ \"./node_modules/javascript-time-ago/locale/en/index.js\");\n/* harmony import */ var javascript_time_ago_locale_en__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(javascript_time_ago_locale_en__WEBPACK_IMPORTED_MODULE_12__);\n/* harmony import */ var _helpers_quality_pill_vue__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./helpers/quality-pill.vue */ \"./src/components/helpers/quality-pill.vue\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n\n\n\n\n\n\n\n\n\n // Add locale-specific relative date/time formatting rules.\n\njavascript_time_ago__WEBPACK_IMPORTED_MODULE_11__[\"default\"].addLocale(javascript_time_ago_locale_en__WEBPACK_IMPORTED_MODULE_12___default.a);\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: 'show',\n  components: {\n    AppLink: _helpers__WEBPACK_IMPORTED_MODULE_4__[\"AppLink\"],\n    VueGoodTable: vue_good_table__WEBPACK_IMPORTED_MODULE_7__[\"VueGoodTable\"],\n    Backstretch: _backstretch_vue__WEBPACK_IMPORTED_MODULE_8__[\"default\"],\n    PlotInfo: _helpers__WEBPACK_IMPORTED_MODULE_4__[\"PlotInfo\"],\n    ShowHeader: _show_header_vue__WEBPACK_IMPORTED_MODULE_9__[\"default\"],\n    QualityPill: _helpers_quality_pill_vue__WEBPACK_IMPORTED_MODULE_13__[\"default\"]\n  },\n\n  metaInfo() {\n    if (!this.show || !this.show.title) {\n      return {\n        title: 'Medusa'\n      };\n    }\n\n    const {\n      title\n    } = this.show;\n    return {\n      title,\n      titleTemplate: '%s | Medusa'\n    };\n  },\n\n  props: {\n    /**\n     * Show indexer\n     */\n    showIndexer: {\n      type: String\n    },\n\n    /**\n     * Show id\n     */\n    showId: {\n      type: Number\n    }\n  },\n\n  data() {\n    const {\n      getCookie\n    } = this;\n    const perPageDropdown = [25, 50, 100, 250, 500];\n\n    const getPaginationPerPage = () => {\n      const rows = getCookie('displayShow-pagination-perPage');\n\n      if (!rows) {\n        return 50;\n      }\n\n      if (!perPageDropdown.includes(rows)) {\n        return 500;\n      }\n\n      return rows;\n    };\n\n    return {\n      invertTable: true,\n      isMobile: false,\n      subtitleSearchComponents: [],\n      columns: [{\n        label: 'NFO',\n        field: 'content.hasNfo',\n        type: 'boolean',\n        sortable: false,\n        hidden: getCookie('displayShow-hide-field-NFO')\n      }, {\n        label: 'TBN',\n        field: 'content.hasTbn',\n        type: 'boolean',\n        sortable: false,\n        hidden: getCookie('displayShow-hide-field-TBN')\n      }, {\n        label: 'Episode',\n        field: 'episode',\n        type: 'number',\n        hidden: getCookie('displayShow-hide-field-Episode')\n      }, {\n        label: 'Abs. #',\n        field: 'absoluteNumber',\n        type: 'number',\n        hidden: getCookie('displayShow-hide-field-Abs. #')\n      }, {\n        label: 'Scene',\n        field: row => {\n          const {\n            getSceneNumbering\n          } = this;\n          return getSceneNumbering(row);\n        },\n        sortable: false,\n        hidden: getCookie('displayShow-hide-field-Scene')\n      }, {\n        label: 'Scene Abs. #',\n        field: row => {\n          const {\n            getSceneAbsoluteNumbering\n          } = this;\n          return getSceneAbsoluteNumbering(row);\n        },\n        type: 'number',\n\n        /**\n         * Vue-good-table sort overwrite function.\n         * @param {Object} x - row1 value for column.\n         * @param {object} y - row2 value for column.\n         * @returns {Boolean} - if we want to display this row before the next\n         */\n        sortFn(x, y) {\n          return x < y ? -1 : x > y ? 1 : 0;\n        },\n\n        hidden: getCookie('displayShow-hide-field-Scene Abs. #')\n      }, {\n        label: 'Title',\n        field: 'title',\n        hidden: getCookie('displayShow-hide-field-Title')\n      }, {\n        label: 'File',\n        field: 'file.location',\n        hidden: getCookie('displayShow-hide-field-File')\n      }, {\n        label: 'Size',\n        field: 'file.size',\n        type: 'number',\n        formatFn: _utils_core__WEBPACK_IMPORTED_MODULE_5__[\"humanFileSize\"],\n        hidden: getCookie('displayShow-hide-field-Size')\n      }, {\n        // For now i'm using a custom function the parse it. As the type: date, isn't working for us.\n        // But the goal is to have this user formatted (as configured in backend)\n        label: 'Air date',\n        field: this.parseDateFn,\n        sortable: false,\n        hidden: getCookie('displayShow-hide-field-Air date')\n      }, {\n        label: 'Download',\n        field: 'download',\n        sortable: false,\n        hidden: getCookie('displayShow-hide-field-Download')\n      }, {\n        label: 'Subtitles',\n        field: 'subtitles',\n        sortable: false,\n        hidden: getCookie('displayShow-hide-field-Subtitles')\n      }, {\n        label: 'Status',\n        field: 'status',\n        hidden: getCookie('displayShow-hide-field-Status')\n      }, {\n        label: 'Search',\n        field: 'search',\n        sortable: false,\n        hidden: getCookie('displayShow-hide-field-Search')\n      }],\n      perPageDropdown,\n      paginationPerPage: getPaginationPerPage(),\n      selectedEpisodes: [],\n      // We need to keep track of which episode where trying to search, for the vue-modal\n      failedSearchEpisode: null,\n      backlogSearchEpisodes: [],\n      filterByOverviewStatus: false,\n      timeAgo: new javascript_time_ago__WEBPACK_IMPORTED_MODULE_11__[\"default\"]('en-US')\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_3__[\"mapState\"])({\n      shows: state => state.shows.shows,\n      configLoaded: state => state.layout.fanartBackground !== null,\n      config: state => state.config,\n      layout: state => state.layout,\n      stateSearch: state => state.search\n    }),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_3__[\"mapGetters\"])({\n      show: 'getCurrentShow',\n      getOverviewStatus: 'getOverviewStatus'\n    }),\n\n    indexer() {\n      return this.showIndexer || this.$route.query.indexername;\n    },\n\n    id() {\n      return this.showId || Number(this.$route.query.seriesid) || undefined;\n    },\n\n    theme() {\n      const {\n        layout\n      } = this;\n      const {\n        themeName\n      } = layout;\n      return themeName || 'light';\n    },\n\n    orderSeasons() {\n      const {\n        filterByOverviewStatus,\n        invertTable,\n        show\n      } = this;\n\n      if (!show.seasons) {\n        return [];\n      }\n\n      let sortedSeasons = show.seasons.sort((a, b) => a.season - b.season).filter(season => season.season !== 0); // Use the filterOverviewStatus to filter the data based on what's checked in the show-header.\n\n      if (filterByOverviewStatus && filterByOverviewStatus.filter(status => status.checked).length < filterByOverviewStatus.length) {\n        const filteredSortedSeasons = [];\n\n        for (const season of sortedSeasons) {\n          const {\n            episodes,\n            ...res\n          } = season;\n          const filteredEpisodes = episodes.filter(episode => {\n            const episodeOverviewStatus = this.getOverviewStatus(episode.status, episode.quality, show.config.qualities);\n            const filteredStatus = filterByOverviewStatus.find(overviewStatus => overviewStatus.name === episodeOverviewStatus);\n            return !filteredStatus || filteredStatus.checked;\n          });\n          filteredSortedSeasons.push(Object.assign({\n            episodes: filteredEpisodes\n          }, res));\n        }\n\n        sortedSeasons = filteredSortedSeasons;\n      }\n\n      if (invertTable) {\n        return sortedSeasons.reverse();\n      }\n\n      return sortedSeasons;\n    },\n\n    specials() {\n      const {\n        show\n      } = this;\n\n      if (!show.seasons) {\n        return [];\n      }\n\n      return show.seasons.filter(season => season.season === 0);\n    }\n\n  },\n\n  created() {\n    const {\n      getShows\n    } = this; // Without getting any specific show data, we pick the show needed from the shows array.\n    // We need to get the complete list of shows anyway, as this is also needed for the show-selector component\n\n    getShows();\n  },\n\n  mounted() {\n    const {\n      id,\n      indexer,\n      getShow,\n      setEpisodeSceneNumbering,\n      setAbsoluteSceneNumbering,\n      setInputValidInvalid,\n      $store\n    } = this; // Let's tell the store which show we currently want as current.\n\n    $store.commit('currentShow', {\n      indexer,\n      id\n    }); // We need detailed info for the xem / scene exceptions, so let's get it.\n\n    getShow({\n      id,\n      indexer,\n      detailed: true\n    });\n    this.$watch('show', () => {\n      this.$nextTick(() => this.reflowLayout());\n    });\n    ['load', 'resize'].map(event => {\n      return window.addEventListener(event, () => {\n        this.reflowLayout();\n      });\n    });\n    $(document.body).on('click', '.seasonCheck', event => {\n      const seasCheck = event.currentTarget;\n      const seasNo = $(seasCheck).attr('id');\n      $('#collapseSeason-' + seasNo).collapse('show');\n      const seasonIdentifier = 's' + seasNo;\n      $('.epCheck:visible').each((index, element) => {\n        const epParts = $(element).attr('id').split('e');\n\n        if (epParts[0] === seasonIdentifier) {\n          element.checked = seasCheck.checked;\n        }\n      });\n    });\n    $(document.body).on('change', '.sceneSeasonXEpisode', event => {\n      const target = event.currentTarget; // Strip non-numeric characters\n\n      const value = $(target).val();\n      $(target).val(value.replace(/[^0-9xX]*/g, ''));\n      const forSeason = $(target).attr('data-for-season');\n      const forEpisode = $(target).attr('data-for-episode'); // If empty reset the field\n\n      if (value === '') {\n        setEpisodeSceneNumbering(forSeason, forEpisode, null, null);\n        return;\n      }\n\n      const m = $(target).val().match(/^(\\d+)x(\\d+)$/i);\n      const onlyEpisode = $(target).val().match(/^(\\d+)$/i);\n      let sceneSeason = null;\n      let sceneEpisode = null;\n      let isValid = false;\n\n      if (m) {\n        sceneSeason = m[1];\n        sceneEpisode = m[2];\n        isValid = setInputValidInvalid(true, $(target));\n      } else if (onlyEpisode) {\n        // For example when '5' is filled in instead of '1x5', asume it's the first season\n        sceneSeason = forSeason;\n        sceneEpisode = onlyEpisode[1];\n        isValid = setInputValidInvalid(true, $(target));\n      } else {\n        isValid = setInputValidInvalid(false, $(target));\n      }\n\n      if (isValid) {\n        setEpisodeSceneNumbering(forSeason, forEpisode, sceneSeason, sceneEpisode);\n      }\n    });\n    $(document.body).on('change', '.sceneAbsolute', event => {\n      const target = event.currentTarget; // Strip non-numeric characters\n\n      $(target).val($(target).val().replace(/[^0-9xX]*/g, ''));\n      const forAbsolute = $(target).attr('data-for-absolute');\n      const m = $(target).val().match(/^(\\d{1,3})$/i);\n      let sceneAbsolute = null;\n\n      if (m) {\n        sceneAbsolute = m[1];\n      }\n\n      setAbsoluteSceneNumbering(forAbsolute, sceneAbsolute);\n    });\n  },\n\n  methods: {\n    humanFileSize: _utils_core__WEBPACK_IMPORTED_MODULE_5__[\"humanFileSize\"],\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_3__[\"mapActions\"])({\n      getShow: 'getShow',\n      // Map `this.getShow()` to `this.$store.dispatch('getShow')`\n      getShows: 'getShows',\n      getEpisodes: 'getEpisodes'\n    }),\n\n    statusQualityUpdate(event) {\n      const {\n        selectedEpisodes,\n        setStatus,\n        setQuality\n      } = this;\n\n      if (event.newQuality !== null && event.newQuality !== 'Change quality to:') {\n        setQuality(event.newQuality, selectedEpisodes);\n      }\n\n      if (event.newStatus !== null && event.newStatus !== 'Change status to:') {\n        setStatus(event.newStatus, selectedEpisodes);\n      }\n    },\n\n    setQuality(quality, episodes) {\n      const {\n        id,\n        indexer,\n        getEpisodes,\n        show\n      } = this;\n      const patchData = {};\n      episodes.forEach(episode => {\n        patchData[episode.slug] = {\n          quality: parseInt(quality, 10)\n        };\n      });\n      api.patch('series/' + show.id.slug + '/episodes', patchData) // eslint-disable-line no-undef\n      .then(_ => {\n        console.info(\"patched show \".concat(show.id.slug, \" with quality \").concat(quality));\n        [...new Set(episodes.map(episode => episode.season))].forEach(season => {\n          getEpisodes({\n            id,\n            indexer,\n            season\n          });\n        });\n      }).catch(error => {\n        console.error(String(error));\n      });\n    },\n\n    setStatus(status, episodes) {\n      const {\n        id,\n        indexer,\n        getEpisodes,\n        show\n      } = this;\n      const patchData = {};\n      episodes.forEach(episode => {\n        patchData[episode.slug] = {\n          status\n        };\n      });\n      api.patch('series/' + show.id.slug + '/episodes', patchData) // eslint-disable-line no-undef\n      .then(_ => {\n        console.info(\"patched show \".concat(show.id.slug, \" with status \").concat(status));\n        [...new Set(episodes.map(episode => episode.season))].forEach(season => {\n          getEpisodes({\n            id,\n            indexer,\n            season\n          });\n        });\n      }).catch(error => {\n        console.error(String(error));\n      });\n\n      if (status === 3) {\n        this.$modal.show('query-start-backlog-search', {\n          episodes\n        });\n      }\n    },\n\n    parseDateFn(row) {\n      const {\n        layout,\n        timeAgo\n      } = this;\n      const {\n        dateStyle,\n        timeStyle\n      } = layout;\n      const {\n        fuzzyDating\n      } = layout;\n\n      if (!row.airDate) {\n        return '';\n      }\n\n      if (fuzzyDating) {\n        return timeAgo.format(new Date(row.airDate));\n      }\n\n      if (dateStyle === '%x') {\n        return new Date(row.airDate).toLocaleString();\n      }\n\n      const fdate = Object(date_fns_parseISO__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(row.airDate);\n      return Object(date_fns_format__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(fdate, Object(_utils_core__WEBPACK_IMPORTED_MODULE_5__[\"convertDateFormat\"])(\"\".concat(dateStyle, \" \").concat(timeStyle)));\n    },\n\n    rowStyleClassFn(row) {\n      const {\n        getOverviewStatus,\n        show\n      } = this;\n      const overview = getOverviewStatus(row.status, row.quality, show.config.qualities).toLowerCase().trim();\n      return overview;\n    },\n\n    /**\n     * Add (reduce) the total episodes filesize.\n     * @param {object} headerRow header row object.\n     * @returns {string} - Human readable file size.\n     */\n    addFileSize(headerRow) {\n      return Object(_utils_core__WEBPACK_IMPORTED_MODULE_5__[\"humanFileSize\"])(headerRow.episodes.reduce((a, b) => a + (b.file.size || 0), 0));\n    },\n\n    searchSubtitle(event, episode, lang) {\n      const {\n        id,\n        indexer,\n        getEpisodes,\n        show,\n        subtitleSearchComponents\n      } = this;\n      const SubtitleSearchClass = Vue.extend(_subtitle_search_vue__WEBPACK_IMPORTED_MODULE_10__[\"default\"]); // eslint-disable-line no-undef\n\n      const instance = new SubtitleSearchClass({\n        propsData: {\n          show,\n          season: episode.season,\n          episode: episode.episode,\n          key: episode.originalIndex,\n          lang\n        },\n        parent: this\n      }); // Update the show, as we downloaded new subtitle(s)\n\n      instance.$on('update', event => {\n        // This could be replaced by the generic websocket updates in future.\n        if (event.reason === 'new subtitles found') {\n          getEpisodes({\n            id,\n            indexer,\n            season: episode.season\n          });\n        }\n      });\n      const node = document.createElement('div');\n      const subtitleRef = episode.season === 0 ? 'table-specials' : 'table-seasons';\n      this.$refs[subtitleRef].$refs[\"row-\".concat(episode.originalIndex)][0].after(node);\n      instance.$mount(node);\n      subtitleSearchComponents.push(instance);\n    },\n\n    /**\n     * Attaches IMDB tooltip,\n     * Moves summary and checkbox controls backgrounds\n     */\n    reflowLayout: lodash_debounce__WEBPACK_IMPORTED_MODULE_0___default()(function () {\n      console.debug('Reflowing layout');\n      this.$nextTick(() => {\n        this.movecheckboxControlsBackground();\n      });\n      Object(_utils_jquery__WEBPACK_IMPORTED_MODULE_6__[\"addQTip\"])(); // eslint-disable-line no-undef\n    }, 1000),\n\n    /**\n     * Adjust the checkbox controls (episode filter) background position\n     */\n    movecheckboxControlsBackground() {\n      const height = $('#checkboxControls').height() + 10;\n      const top = $('#checkboxControls').offset().top - 3;\n      $('#checkboxControlsBackground').height(height);\n      $('#checkboxControlsBackground').offset({\n        top,\n        left: 0\n      });\n      $('#checkboxControlsBackground').show();\n    },\n\n    setEpisodeSceneNumbering(forSeason, forEpisode, sceneSeason, sceneEpisode) {\n      const {\n        $snotify,\n        id,\n        indexer,\n        show\n      } = this;\n\n      if (!show.config.scene) {\n        $snotify.warning('To change episode scene numbering you need to enable the show option `scene` first', 'Warning', {\n          timeout: 0\n        });\n      }\n\n      if (sceneSeason === '') {\n        sceneSeason = null;\n      }\n\n      if (sceneEpisode === '') {\n        sceneEpisode = null;\n      }\n\n      $.getJSON('home/setSceneNumbering', {\n        indexername: indexer,\n        seriesid: id,\n        forSeason,\n        forEpisode,\n        sceneSeason,\n        sceneEpisode\n      }, data => {\n        // Set the values we get back\n        if (data.sceneSeason === null || data.sceneEpisode === null) {\n          $('#sceneSeasonXEpisode_' + id + '_' + forSeason + '_' + forEpisode).val('');\n        } else {\n          $('#sceneSeasonXEpisode_' + id + '_' + forSeason + '_' + forEpisode).val(data.sceneSeason + 'x' + data.sceneEpisode);\n        }\n\n        if (!data.success) {\n          if (data.errorMessage) {\n            alert(data.errorMessage); // eslint-disable-line no-alert\n          } else {\n            alert('Update failed.'); // eslint-disable-line no-alert\n          }\n        }\n      });\n    },\n\n    setAbsoluteSceneNumbering(forAbsolute, sceneAbsolute) {\n      const {\n        $snotify,\n        id,\n        indexer,\n        show\n      } = this;\n\n      if (!show.config.scene) {\n        $snotify.warning('To change an anime episode scene numbering you need to enable the show option `scene` first', 'Warning', {\n          timeout: 0\n        });\n      }\n\n      if (sceneAbsolute === '') {\n        sceneAbsolute = null;\n      }\n\n      $.getJSON('home/setSceneNumbering', {\n        indexername: indexer,\n        seriesid: id,\n        forAbsolute,\n        sceneAbsolute\n      }, data => {\n        // Set the values we get back\n        if (data.sceneAbsolute === null) {\n          $('#sceneAbsolute_' + id + '_' + forAbsolute).val('');\n        } else {\n          $('#sceneAbsolute_' + id + '_' + forAbsolute).val(data.sceneAbsolute);\n        }\n\n        if (!data.success) {\n          if (data.errorMessage) {\n            alert(data.errorMessage); // eslint-disable-line no-alert\n          } else {\n            alert('Update failed.'); // eslint-disable-line no-alert\n          }\n        }\n      });\n    },\n\n    setInputValidInvalid(valid, el) {\n      if (valid) {\n        $(el).css({\n          'background-color': '#90EE90',\n          // Green\n          'color': '#FFF',\n          // eslint-disable-line quote-props\n          'font-weight': 'bold'\n        });\n        return true;\n      }\n\n      $(el).css({\n        'background-color': '#FF0000',\n        // Red\n        'color': '#FFF !important',\n        // eslint-disable-line quote-props\n        'font-weight': 'bold'\n      });\n      return false;\n    },\n\n    /**\n     * Check if any of the episodes in this season does not have the status \"unaired\".\n     * If that's the case we want to manual season search icon.\n     * @param {object} season - A season object.\n     * @returns {Boolean} - true if one of the seasons episodes has a status 'unaired'.\n     */\n    anyEpisodeNotUnaired(season) {\n      return season.episodes.filter(ep => ep.status !== 'Unaired').length > 0;\n    },\n\n    episodesInverse(season) {\n      const {\n        invertTable\n      } = this;\n\n      if (!season.episodes) {\n        return [];\n      }\n\n      if (invertTable) {\n        return season.episodes.slice().reverse();\n      }\n\n      return season.episodes;\n    },\n\n    /**\n     * Check if the season/episode combination exists in the scene numbering.\n     * @param {Object} episode - object.\n     * @returns {Object} with scene season and episodes mapped numbering.\n     */\n    getSceneNumbering(episode) {\n      const {\n        show\n      } = this;\n      const {\n        sceneNumbering,\n        xemNumbering\n      } = show;\n\n      if (!show.config.scene) {\n        return {\n          season: 0,\n          episode: 0\n        };\n      } // Manually configured scene numbering\n\n\n      if (sceneNumbering.length !== 0) {\n        const mapped = sceneNumbering.filter(x => {\n          return x.source.season === episode.season && x.source.episode === episode.episode;\n        });\n\n        if (mapped.length !== 0) {\n          return mapped[0].destination;\n        }\n      } // Scene numbering downloaded from thexem.de.\n\n\n      if (xemNumbering.length !== 0) {\n        const mapped = xemNumbering.filter(x => {\n          return x.source.season === episode.season && x.source.episode === episode.episode;\n        });\n\n        if (mapped.length !== 0) {\n          return mapped[0].destination;\n        }\n      }\n\n      return {\n        season: episode.scene.season || 0,\n        episode: episode.scene.episode || 0\n      };\n    },\n\n    getSceneAbsoluteNumbering(episode) {\n      const {\n        show\n      } = this;\n      const {\n        sceneAbsoluteNumbering,\n        xemAbsoluteNumbering\n      } = show;\n\n      if (!show.config.anime || !show.config.scene) {\n        return episode.scene.absoluteNumber;\n      }\n\n      if (Object.keys(sceneAbsoluteNumbering).length > 0 && sceneAbsoluteNumbering[episode.absoluteNumber]) {\n        return sceneAbsoluteNumbering[episode.absoluteNumber].sceneAbsolute;\n      }\n\n      if (Object.keys(xemAbsoluteNumbering).length > 0 && xemAbsoluteNumbering[episode.absoluteNumber]) {\n        return xemAbsoluteNumbering[episode.absoluteNumber].sceneAbsolute;\n      }\n\n      return episode.scene.absoluteNumber;\n    },\n\n    /**\n     * Vue-js-modal requires a method, to pass an event to.\n     * The event then can be used to assign the value of the episode.\n     * @param {Object} event - vue js modal event\n     */\n    beforeBacklogSearchModalClose(event) {\n      this.backlogSearchEpisodes = event.params.episodes;\n    },\n\n    /**\n     * Vue-js-modal requires a method, to pass an event to.\n     * The event then can be used to assign the value of the episode.\n     * @param {Object} event - vue js modal event\n     */\n    beforeFailedSearchModalClose(event) {\n      this.failedSearchEpisode = event.params.episode;\n    },\n\n    retryDownload(episode) {\n      const {\n        stateSearch\n      } = this;\n      return stateSearch.general.failedDownloads.enabled && ['Snatched', 'Snatched (Proper)', 'Snatched (Best)', 'Downloaded'].includes(episode.status);\n    },\n\n    search(episodes, searchType) {\n      const {\n        show\n      } = this;\n      let data = {};\n\n      if (episodes) {\n        data = {\n          showSlug: show.id.slug,\n          episodes: [],\n          options: {}\n        };\n        episodes.forEach(episode => {\n          data.episodes.push(episode.slug);\n          this.$refs[\"search-\".concat(episode.slug)].src = 'images/loading16-dark.gif';\n        });\n      }\n\n      api.put(\"search/\".concat(searchType), data) // eslint-disable-line no-undef\n      .then(_ => {\n        if (episodes.length === 1) {\n          console.info(\"started search for show: \".concat(show.id.slug, \" episode: \").concat(episodes[0].slug));\n          this.$refs[\"search-\".concat(episodes[0].slug)].src = 'images/queued.png';\n          this.$refs[\"search-\".concat(episodes[0].slug)].disabled = true;\n        } else {\n          console.info('started a full backlog search');\n        }\n      }).catch(error => {\n        console.error(String(error));\n        episodes.forEach(episode => {\n          data.episodes.push(episode.slug);\n          this.$refs[\"search-\".concat(episodes[0].slug)].src = 'images/no16.png';\n        });\n      }).finally(() => {\n        this.failedSearchEpisode = null;\n        this.backlogSearchEpisodes = [];\n      });\n    },\n\n    /**\n     * Start a backlog search or failed search for the specific episode.\n     * A failed search is started depending on the current episodes status.\n     * @param {Object} episode - Episode object. If no episode object is passed, a backlog search is started.\n     */\n    queueSearch(episode) {\n      const {\n        $modal,\n        search,\n        retryDownload\n      } = this;\n      const episodeIdentifier = episode.slug;\n\n      if (episode) {\n        if (this.$refs[\"search-\".concat(episodeIdentifier)].disabled === true) {\n          return;\n        }\n\n        if (retryDownload(episode)) {\n          $modal.show('query-mark-failed-and-search', {\n            episode\n          });\n        } else {\n          search([episode], 'backlog');\n        }\n      }\n    },\n\n    showSubtitleButton(episode) {\n      const {\n        config,\n        show\n      } = this;\n      return episode.season !== 0 && config.subtitles.enabled && show.config.subtitlesEnabled && !['Snatched', 'Snatched (Proper)', 'Snatched (Best)', 'Downloaded'].includes(episode.status);\n    },\n\n    totalSeasonEpisodeSize(season) {\n      return season.episodes.filter(x => x.file && x.file.size > 0).reduce((a, b) => a + b.file.size, 0);\n    },\n\n    getSeasonExceptions(season) {\n      const {\n        show\n      } = this;\n      const {\n        config\n      } = show;\n      const {\n        aliases\n      } = config;\n      let bindData = {\n        class: 'display: none'\n      }; // Map the indexer season to a xem mapped season.\n      // check if the season exception also exists in the xem numbering table\n\n      let xemSeasons = [];\n      let foundInXem = false;\n\n      if (show.xemNumbering.length > 0) {\n        const xemResult = show.xemNumbering.filter(x => x.source.season === season); // Create an array with unique seasons\n\n        xemSeasons = [...new Set(xemResult.map(item => item.destination.season))];\n        foundInXem = Boolean(xemSeasons.length);\n      } // Check if there is a season exception for this season\n\n\n      if (aliases.find(x => x.season === season)) {\n        // If there is not a match on the xem table, display it as a medusa scene exception\n        bindData = {\n          id: \"xem-exception-season-\".concat(foundInXem ? xemSeasons[0] : season),\n          alt: foundInXem ? '[xem]' : '[medusa]',\n          src: foundInXem ? 'images/xem.png' : 'images/ico/favicon-16.png',\n          title: foundInXem ? xemSeasons.reduce((a, b) => {\n            return a.concat(aliases.filter(alias => alias.season === b).map(alias => alias.title));\n          }, []).join(', ') : aliases.filter(alias => alias.season === season).map(alias => alias.title).join(', ')\n        };\n      }\n\n      return bindData;\n    },\n\n    getCookie(key) {\n      const cookie = this.$cookies.get(key);\n      return JSON.parse(cookie);\n    },\n\n    setCookie(key, value) {\n      return this.$cookies.set(key, JSON.stringify(value));\n    },\n\n    updateEpisodeWatched(episode, watched) {\n      const {\n        id,\n        indexer,\n        getEpisodes,\n        show\n      } = this;\n      const patchData = {};\n      patchData[episode.slug] = {\n        watched\n      };\n      api.patch(\"series/\".concat(show.id.slug, \"/episodes\"), patchData) // eslint-disable-line no-undef\n      .then(_ => {\n        console.info(\"patched episode \".concat(episode.slug, \" with watched set to \").concat(watched));\n        getEpisodes({\n          id,\n          indexer,\n          season: episode.season\n        });\n      }).catch(error => {\n        console.error(String(error));\n      });\n      episode.watched = watched;\n    },\n\n    updatePaginationPerPage(rows) {\n      const {\n        setCookie\n      } = this;\n      this.paginationPerPage = rows;\n      setCookie('displayShow-pagination-perPage', rows);\n    },\n\n    onPageChange(params) {\n      this.loadEpisodes(params.currentPage);\n    },\n\n    neededSeasons(page) {\n      const {\n        paginationPerPage,\n        show\n      } = this;\n      const seasons = show.seasonCount.length - 1;\n      let pagesCount = 1;\n      let episodeCount = 0;\n      const pages = {};\n\n      for (let i = seasons; i >= 0; i--) {\n        const {\n          season\n        } = show.seasonCount[i]; // Exclude specials\n\n        if (season === 0) {\n          break;\n        }\n\n        if (pagesCount in pages) {\n          pages[pagesCount].push(season);\n        } else {\n          pages[pagesCount] = [season];\n        }\n\n        episodeCount += show.seasonCount[i].episodeCount;\n\n        if (episodeCount / paginationPerPage > pagesCount) {\n          pagesCount++;\n          pages[pagesCount] = [season];\n        }\n\n        if (pagesCount > page) {\n          break;\n        }\n      }\n\n      return pages[page] || [];\n    },\n\n    loadEpisodes(page) {\n      const {\n        id,\n        indexer,\n        getEpisodes\n      } = this; // Wrap getEpisodes into an async/await function, so we can wait for the season to have been committed\n      // before going on to the next one.\n\n      const _getEpisodes = async (id, indexer) => {\n        for (const season of this.neededSeasons(page)) {\n          // We're waiting for the results by design, to give vue the chance to update the dom.\n          // If we fire all the promises at once for, for example 25 seasons. We'll overload medusa's app\n          // and chance is high a number of requests will timeout.\n          await getEpisodes({\n            id,\n            indexer,\n            season\n          }); // eslint-disable-line no-await-in-loop\n        }\n      };\n\n      _getEpisodes(id, indexer);\n    }\n\n  },\n  watch: {\n    'show.id.slug': function (slug) {\n      // eslint-disable-line object-shorthand\n      const {\n        getEpisodes,\n        id,\n        indexer\n      } = this; // Show's slug has changed, meaning the show's page has finished loading.\n\n      if (slug) {\n        Object(_utils_jquery__WEBPACK_IMPORTED_MODULE_6__[\"updateSearchIcons\"])(slug, this);\n        const {\n          show\n        } = this;\n\n        if (!show.seasons) {\n          // Load episodes for the first page.\n          this.loadEpisodes(1); // Always get special episodes if available.\n\n          if (show.seasonCount.length > 0 && show.seasonCount[0].season === 0) {\n            getEpisodes({\n              id,\n              indexer,\n              season: 0\n            });\n          }\n        }\n      }\n    },\n    columns: {\n      handler: function (newVal) {\n        // eslint-disable-line object-shorthand\n        // Monitor the columns, to update the cookies, when changed.\n        const {\n          setCookie\n        } = this;\n\n        for (const column of newVal) {\n          if (column) {\n            setCookie(\"displayShow-hide-field-\".concat(column.label), column.hidden);\n          }\n        }\n      },\n      deep: true\n    }\n  }\n});\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! jquery */ \"./node_modules/jquery/dist/jquery.js\")))\n\n//# sourceURL=webpack:///./src/components/display-show.vue?./node_modules/babel-loader/lib??ref--1!./node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function($) {/* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash/debounce */ \"./node_modules/lodash/debounce.js\");\n/* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_debounce__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var date_fns_format__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! date-fns/format */ \"./node_modules/date-fns/esm/format/index.js\");\n/* harmony import */ var date_fns_parseISO__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! date-fns/parseISO */ \"./node_modules/date-fns/esm/parseISO/index.js\");\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./helpers */ \"./src/components/helpers/index.js\");\n/* harmony import */ var _utils_core__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../utils/core */ \"./src/utils/core.js\");\n/* harmony import */ var _utils_jquery__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../utils/jquery */ \"./src/utils/jquery.js\");\n/* harmony import */ var vue_good_table__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! vue-good-table */ \"./node_modules/vue-good-table/dist/vue-good-table.es.js\");\n/* harmony import */ var _backstretch_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./backstretch.vue */ \"./src/components/backstretch.vue\");\n/* harmony import */ var _show_header_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./show-header.vue */ \"./src/components/show-header.vue\");\n/* harmony import */ var _subtitle_search_vue__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./subtitle-search.vue */ \"./src/components/subtitle-search.vue\");\n/* harmony import */ var javascript_time_ago__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! javascript-time-ago */ \"./node_modules/javascript-time-ago/index.js\");\n/* harmony import */ var javascript_time_ago_locale_en__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! javascript-time-ago/locale/en */ \"./node_modules/javascript-time-ago/locale/en/index.js\");\n/* harmony import */ var javascript_time_ago_locale_en__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(javascript_time_ago_locale_en__WEBPACK_IMPORTED_MODULE_12__);\n/* harmony import */ var _helpers_quality_pill_vue__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./helpers/quality-pill.vue */ \"./src/components/helpers/quality-pill.vue\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n\n\n\n\n\n\n\n\n\n // Add locale-specific relative date/time formatting rules.\n\njavascript_time_ago__WEBPACK_IMPORTED_MODULE_11__[\"default\"].addLocale(javascript_time_ago_locale_en__WEBPACK_IMPORTED_MODULE_12___default.a);\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: 'show',\n  components: {\n    AppLink: _helpers__WEBPACK_IMPORTED_MODULE_4__[\"AppLink\"],\n    VueGoodTable: vue_good_table__WEBPACK_IMPORTED_MODULE_7__[\"VueGoodTable\"],\n    Backstretch: _backstretch_vue__WEBPACK_IMPORTED_MODULE_8__[\"default\"],\n    PlotInfo: _helpers__WEBPACK_IMPORTED_MODULE_4__[\"PlotInfo\"],\n    ShowHeader: _show_header_vue__WEBPACK_IMPORTED_MODULE_9__[\"default\"],\n    QualityPill: _helpers_quality_pill_vue__WEBPACK_IMPORTED_MODULE_13__[\"default\"]\n  },\n\n  metaInfo() {\n    if (!this.show || !this.show.title) {\n      return {\n        title: 'Medusa'\n      };\n    }\n\n    const {\n      title\n    } = this.show;\n    return {\n      title,\n      titleTemplate: '%s | Medusa'\n    };\n  },\n\n  props: {\n    /**\n     * Show indexer\n     */\n    showIndexer: {\n      type: String\n    },\n\n    /**\n     * Show id\n     */\n    showId: {\n      type: Number\n    }\n  },\n\n  data() {\n    const {\n      getCookie\n    } = this;\n    const perPageDropdown = [25, 50, 100, 250, 500];\n\n    const getPaginationPerPage = () => {\n      const rows = getCookie('displayShow-pagination-perPage');\n\n      if (!rows) {\n        return 50;\n      }\n\n      if (!perPageDropdown.includes(rows)) {\n        return 500;\n      }\n\n      return rows;\n    };\n\n    return {\n      invertTable: true,\n      isMobile: false,\n      subtitleSearchComponents: [],\n      columns: [{\n        label: 'NFO',\n        field: 'content.hasNfo',\n        type: 'boolean',\n        sortable: false,\n        hidden: getCookie('displayShow-hide-field-NFO')\n      }, {\n        label: 'TBN',\n        field: 'content.hasTbn',\n        type: 'boolean',\n        sortable: false,\n        hidden: getCookie('displayShow-hide-field-TBN')\n      }, {\n        label: 'Episode',\n        field: 'episode',\n        type: 'number',\n        hidden: getCookie('displayShow-hide-field-Episode')\n      }, {\n        label: 'Abs. #',\n        field: 'absoluteNumber',\n        type: 'number',\n        hidden: getCookie('displayShow-hide-field-Abs. #')\n      }, {\n        label: 'Scene',\n        field: row => {\n          const {\n            getSceneNumbering\n          } = this;\n          return getSceneNumbering(row);\n        },\n        sortable: false,\n        hidden: getCookie('displayShow-hide-field-Scene')\n      }, {\n        label: 'Scene Abs. #',\n        field: row => {\n          const {\n            getSceneAbsoluteNumbering\n          } = this;\n          return getSceneAbsoluteNumbering(row);\n        },\n        type: 'number',\n\n        /**\n         * Vue-good-table sort overwrite function.\n         * @param {Object} x - row1 value for column.\n         * @param {object} y - row2 value for column.\n         * @returns {Boolean} - if we want to display this row before the next\n         */\n        sortFn(x, y) {\n          return x < y ? -1 : x > y ? 1 : 0;\n        },\n\n        hidden: getCookie('displayShow-hide-field-Scene Abs. #')\n      }, {\n        label: 'Title',\n        field: 'title',\n        hidden: getCookie('displayShow-hide-field-Title')\n      }, {\n        label: 'File',\n        field: 'file.location',\n        hidden: getCookie('displayShow-hide-field-File')\n      }, {\n        label: 'Size',\n        field: 'file.size',\n        type: 'number',\n        formatFn: _utils_core__WEBPACK_IMPORTED_MODULE_5__[\"humanFileSize\"],\n        hidden: getCookie('displayShow-hide-field-Size')\n      }, {\n        // For now i'm using a custom function the parse it. As the type: date, isn't working for us.\n        // But the goal is to have this user formatted (as configured in backend)\n        label: 'Air date',\n        field: this.parseDateFn,\n        sortable: false,\n        hidden: getCookie('displayShow-hide-field-Air date')\n      }, {\n        label: 'Download',\n        field: 'download',\n        sortable: false,\n        hidden: getCookie('displayShow-hide-field-Download')\n      }, {\n        label: 'Subtitles',\n        field: 'subtitles',\n        sortable: false,\n        hidden: getCookie('displayShow-hide-field-Subtitles')\n      }, {\n        label: 'Status',\n        field: 'status',\n        hidden: getCookie('displayShow-hide-field-Status')\n      }, {\n        label: 'Search',\n        field: 'search',\n        sortable: false,\n        hidden: getCookie('displayShow-hide-field-Search')\n      }],\n      perPageDropdown,\n      paginationPerPage: getPaginationPerPage(),\n      selectedEpisodes: [],\n      // We need to keep track of which episode where trying to search, for the vue-modal\n      failedSearchEpisode: null,\n      backlogSearchEpisodes: [],\n      filterByOverviewStatus: false,\n      timeAgo: new javascript_time_ago__WEBPACK_IMPORTED_MODULE_11__[\"default\"]('en-US')\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_3__[\"mapState\"])({\n      shows: state => state.shows.shows,\n      configLoaded: state => state.layout.fanartBackground !== null,\n      config: state => state.config,\n      layout: state => state.layout,\n      stateSearch: state => state.search\n    }),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_3__[\"mapGetters\"])({\n      show: 'getCurrentShow',\n      getOverviewStatus: 'getOverviewStatus'\n    }),\n\n    indexer() {\n      return this.showIndexer || this.$route.query.indexername;\n    },\n\n    id() {\n      return this.showId || Number(this.$route.query.seriesid) || undefined;\n    },\n\n    theme() {\n      const {\n        layout\n      } = this;\n      const {\n        themeName\n      } = layout;\n      return themeName || 'light';\n    },\n\n    orderSeasons() {\n      const {\n        filterByOverviewStatus,\n        invertTable,\n        show\n      } = this;\n\n      if (!show.seasons) {\n        return [];\n      }\n\n      let sortedSeasons = show.seasons.sort((a, b) => a.season - b.season).filter(season => season.season !== 0); // Use the filterOverviewStatus to filter the data based on what's checked in the show-header.\n\n      if (filterByOverviewStatus && filterByOverviewStatus.filter(status => status.checked).length < filterByOverviewStatus.length) {\n        const filteredSortedSeasons = [];\n\n        for (const season of sortedSeasons) {\n          const {\n            episodes,\n            ...res\n          } = season;\n          const filteredEpisodes = episodes.filter(episode => {\n            const episodeOverviewStatus = this.getOverviewStatus(episode.status, episode.quality, show.config.qualities);\n            const filteredStatus = filterByOverviewStatus.find(overviewStatus => overviewStatus.name === episodeOverviewStatus);\n            return !filteredStatus || filteredStatus.checked;\n          });\n          filteredSortedSeasons.push(Object.assign({\n            episodes: filteredEpisodes\n          }, res));\n        }\n\n        sortedSeasons = filteredSortedSeasons;\n      }\n\n      if (invertTable) {\n        return sortedSeasons.reverse();\n      }\n\n      return sortedSeasons;\n    },\n\n    specials() {\n      const {\n        show\n      } = this;\n\n      if (!show.seasons) {\n        return [];\n      }\n\n      return show.seasons.filter(season => season.season === 0);\n    }\n\n  },\n\n  created() {\n    const {\n      getShows\n    } = this; // Without getting any specific show data, we pick the show needed from the shows array.\n    // We need to get the complete list of shows anyway, as this is also needed for the show-selector component\n\n    getShows();\n  },\n\n  mounted() {\n    const {\n      id,\n      indexer,\n      getShow,\n      setEpisodeSceneNumbering,\n      setAbsoluteSceneNumbering,\n      setInputValidInvalid,\n      $store\n    } = this; // Let's tell the store which show we currently want as current.\n\n    $store.commit('currentShow', {\n      indexer,\n      id\n    }); // We need detailed info for the xem / scene exceptions, so let's get it.\n\n    getShow({\n      id,\n      indexer,\n      detailed: true\n    });\n    this.$watch('show', () => {\n      this.$nextTick(() => this.reflowLayout());\n    });\n    ['load', 'resize'].map(event => {\n      return window.addEventListener(event, () => {\n        this.reflowLayout();\n      });\n    });\n    $(document.body).on('click', '.seasonCheck', event => {\n      const seasCheck = event.currentTarget;\n      const seasNo = $(seasCheck).attr('id');\n      $('#collapseSeason-' + seasNo).collapse('show');\n      const seasonIdentifier = 's' + seasNo;\n      $('.epCheck:visible').each((index, element) => {\n        const epParts = $(element).attr('id').split('e');\n\n        if (epParts[0] === seasonIdentifier) {\n          element.checked = seasCheck.checked;\n        }\n      });\n    });\n    $(document.body).on('change', '.sceneSeasonXEpisode', event => {\n      const target = event.currentTarget; // Strip non-numeric characters\n\n      const value = $(target).val();\n      $(target).val(value.replace(/[^0-9xX]*/g, ''));\n      const forSeason = $(target).attr('data-for-season');\n      const forEpisode = $(target).attr('data-for-episode'); // If empty reset the field\n\n      if (value === '') {\n        setEpisodeSceneNumbering(forSeason, forEpisode, null, null);\n        return;\n      }\n\n      const m = $(target).val().match(/^(\\d+)x(\\d+)$/i);\n      const onlyEpisode = $(target).val().match(/^(\\d+)$/i);\n      let sceneSeason = null;\n      let sceneEpisode = null;\n      let isValid = false;\n\n      if (m) {\n        sceneSeason = m[1];\n        sceneEpisode = m[2];\n        isValid = setInputValidInvalid(true, $(target));\n      } else if (onlyEpisode) {\n        // For example when '5' is filled in instead of '1x5', asume it's the first season\n        sceneSeason = forSeason;\n        sceneEpisode = onlyEpisode[1];\n        isValid = setInputValidInvalid(true, $(target));\n      } else {\n        isValid = setInputValidInvalid(false, $(target));\n      }\n\n      if (isValid) {\n        setEpisodeSceneNumbering(forSeason, forEpisode, sceneSeason, sceneEpisode);\n      }\n    });\n    $(document.body).on('change', '.sceneAbsolute', event => {\n      const target = event.currentTarget; // Strip non-numeric characters\n\n      $(target).val($(target).val().replace(/[^0-9xX]*/g, ''));\n      const forAbsolute = $(target).attr('data-for-absolute');\n      const m = $(target).val().match(/^(\\d{1,3})$/i);\n      let sceneAbsolute = null;\n\n      if (m) {\n        sceneAbsolute = m[1];\n      }\n\n      setAbsoluteSceneNumbering(forAbsolute, sceneAbsolute);\n    });\n  },\n\n  methods: {\n    humanFileSize: _utils_core__WEBPACK_IMPORTED_MODULE_5__[\"humanFileSize\"],\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_3__[\"mapActions\"])({\n      getShow: 'getShow',\n      // Map `this.getShow()` to `this.$store.dispatch('getShow')`\n      getShows: 'getShows',\n      getEpisodes: 'getEpisodes'\n    }),\n\n    statusQualityUpdate(event) {\n      const {\n        selectedEpisodes,\n        setStatus,\n        setQuality\n      } = this;\n\n      if (event.newQuality !== null && event.newQuality !== 'Change quality to:') {\n        setQuality(event.newQuality, selectedEpisodes);\n      }\n\n      if (event.newStatus !== null && event.newStatus !== 'Change status to:') {\n        setStatus(event.newStatus, selectedEpisodes);\n      }\n    },\n\n    setQuality(quality, episodes) {\n      const {\n        id,\n        indexer,\n        getEpisodes,\n        show\n      } = this;\n      const patchData = {};\n      episodes.forEach(episode => {\n        patchData[episode.slug] = {\n          quality: parseInt(quality, 10)\n        };\n      });\n      api.patch('series/' + show.id.slug + '/episodes', patchData) // eslint-disable-line no-undef\n      .then(_ => {\n        console.info(\"patched show \".concat(show.id.slug, \" with quality \").concat(quality));\n        [...new Set(episodes.map(episode => episode.season))].forEach(season => {\n          getEpisodes({\n            id,\n            indexer,\n            season\n          });\n        });\n      }).catch(error => {\n        console.error(String(error));\n      });\n    },\n\n    setStatus(status, episodes) {\n      const {\n        id,\n        indexer,\n        getEpisodes,\n        show\n      } = this;\n      const patchData = {};\n      episodes.forEach(episode => {\n        patchData[episode.slug] = {\n          status\n        };\n      });\n      api.patch('series/' + show.id.slug + '/episodes', patchData) // eslint-disable-line no-undef\n      .then(_ => {\n        console.info(\"patched show \".concat(show.id.slug, \" with status \").concat(status));\n        [...new Set(episodes.map(episode => episode.season))].forEach(season => {\n          getEpisodes({\n            id,\n            indexer,\n            season\n          });\n        });\n      }).catch(error => {\n        console.error(String(error));\n      });\n\n      if (status === 3) {\n        this.$modal.show('query-start-backlog-search', {\n          episodes\n        });\n      }\n    },\n\n    parseDateFn(row) {\n      const {\n        layout,\n        timeAgo\n      } = this;\n      const {\n        dateStyle,\n        timeStyle\n      } = layout;\n      const {\n        fuzzyDating\n      } = layout;\n\n      if (!row.airDate) {\n        return '';\n      }\n\n      if (fuzzyDating) {\n        return timeAgo.format(new Date(row.airDate));\n      }\n\n      if (dateStyle === '%x') {\n        return new Date(row.airDate).toLocaleString();\n      }\n\n      const fdate = Object(date_fns_parseISO__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(row.airDate);\n      return Object(date_fns_format__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(fdate, Object(_utils_core__WEBPACK_IMPORTED_MODULE_5__[\"convertDateFormat\"])(\"\".concat(dateStyle, \" \").concat(timeStyle)));\n    },\n\n    rowStyleClassFn(row) {\n      const {\n        getOverviewStatus,\n        show\n      } = this;\n      const overview = getOverviewStatus(row.status, row.quality, show.config.qualities).toLowerCase().trim();\n      return overview;\n    },\n\n    /**\n     * Add (reduce) the total episodes filesize.\n     * @param {object} headerRow header row object.\n     * @returns {string} - Human readable file size.\n     */\n    addFileSize(headerRow) {\n      return Object(_utils_core__WEBPACK_IMPORTED_MODULE_5__[\"humanFileSize\"])(headerRow.episodes.reduce((a, b) => a + (b.file.size || 0), 0));\n    },\n\n    searchSubtitle(event, episode, lang) {\n      const {\n        id,\n        indexer,\n        getEpisodes,\n        show,\n        subtitleSearchComponents\n      } = this;\n      const SubtitleSearchClass = Vue.extend(_subtitle_search_vue__WEBPACK_IMPORTED_MODULE_10__[\"default\"]); // eslint-disable-line no-undef\n\n      const instance = new SubtitleSearchClass({\n        propsData: {\n          show,\n          episode,\n          key: episode.originalIndex,\n          lang\n        },\n        parent: this\n      }); // Update the show, as we downloaded new subtitle(s)\n\n      instance.$on('update', event => {\n        // This could be replaced by the generic websocket updates in future.\n        if (event.reason === 'new subtitles found') {\n          getEpisodes({\n            id,\n            indexer,\n            season: episode.season\n          });\n        }\n      });\n      const node = document.createElement('div');\n      const subtitleRef = episode.season === 0 ? 'table-specials' : 'table-seasons';\n      this.$refs[subtitleRef].$refs[\"row-\".concat(episode.originalIndex)][0].after(node);\n      instance.$mount(node);\n      subtitleSearchComponents.push(instance);\n    },\n\n    /**\n     * Attaches IMDB tooltip,\n     * Moves summary and checkbox controls backgrounds\n     */\n    reflowLayout: lodash_debounce__WEBPACK_IMPORTED_MODULE_0___default()(function () {\n      console.debug('Reflowing layout');\n      this.$nextTick(() => {\n        this.movecheckboxControlsBackground();\n      });\n      Object(_utils_jquery__WEBPACK_IMPORTED_MODULE_6__[\"addQTip\"])(); // eslint-disable-line no-undef\n    }, 1000),\n\n    /**\n     * Adjust the checkbox controls (episode filter) background position\n     */\n    movecheckboxControlsBackground() {\n      const height = $('#checkboxControls').height() + 10;\n      const top = $('#checkboxControls').offset().top - 3;\n      $('#checkboxControlsBackground').height(height);\n      $('#checkboxControlsBackground').offset({\n        top,\n        left: 0\n      });\n      $('#checkboxControlsBackground').show();\n    },\n\n    setEpisodeSceneNumbering(forSeason, forEpisode, sceneSeason, sceneEpisode) {\n      const {\n        $snotify,\n        id,\n        indexer,\n        show\n      } = this;\n\n      if (!show.config.scene) {\n        $snotify.warning('To change episode scene numbering you need to enable the show option `scene` first', 'Warning', {\n          timeout: 0\n        });\n      }\n\n      if (sceneSeason === '') {\n        sceneSeason = null;\n      }\n\n      if (sceneEpisode === '') {\n        sceneEpisode = null;\n      }\n\n      $.getJSON('home/setSceneNumbering', {\n        indexername: indexer,\n        seriesid: id,\n        forSeason,\n        forEpisode,\n        sceneSeason,\n        sceneEpisode\n      }, data => {\n        // Set the values we get back\n        if (data.sceneSeason === null || data.sceneEpisode === null) {\n          $('#sceneSeasonXEpisode_' + id + '_' + forSeason + '_' + forEpisode).val('');\n        } else {\n          $('#sceneSeasonXEpisode_' + id + '_' + forSeason + '_' + forEpisode).val(data.sceneSeason + 'x' + data.sceneEpisode);\n        }\n\n        if (!data.success) {\n          if (data.errorMessage) {\n            alert(data.errorMessage); // eslint-disable-line no-alert\n          } else {\n            alert('Update failed.'); // eslint-disable-line no-alert\n          }\n        }\n      });\n    },\n\n    setAbsoluteSceneNumbering(forAbsolute, sceneAbsolute) {\n      const {\n        $snotify,\n        id,\n        indexer,\n        show\n      } = this;\n\n      if (!show.config.scene) {\n        $snotify.warning('To change an anime episode scene numbering you need to enable the show option `scene` first', 'Warning', {\n          timeout: 0\n        });\n      }\n\n      if (sceneAbsolute === '') {\n        sceneAbsolute = null;\n      }\n\n      $.getJSON('home/setSceneNumbering', {\n        indexername: indexer,\n        seriesid: id,\n        forAbsolute,\n        sceneAbsolute\n      }, data => {\n        // Set the values we get back\n        if (data.sceneAbsolute === null) {\n          $('#sceneAbsolute_' + id + '_' + forAbsolute).val('');\n        } else {\n          $('#sceneAbsolute_' + id + '_' + forAbsolute).val(data.sceneAbsolute);\n        }\n\n        if (!data.success) {\n          if (data.errorMessage) {\n            alert(data.errorMessage); // eslint-disable-line no-alert\n          } else {\n            alert('Update failed.'); // eslint-disable-line no-alert\n          }\n        }\n      });\n    },\n\n    setInputValidInvalid(valid, el) {\n      if (valid) {\n        $(el).css({\n          'background-color': '#90EE90',\n          // Green\n          'color': '#FFF',\n          // eslint-disable-line quote-props\n          'font-weight': 'bold'\n        });\n        return true;\n      }\n\n      $(el).css({\n        'background-color': '#FF0000',\n        // Red\n        'color': '#FFF !important',\n        // eslint-disable-line quote-props\n        'font-weight': 'bold'\n      });\n      return false;\n    },\n\n    /**\n     * Check if any of the episodes in this season does not have the status \"unaired\".\n     * If that's the case we want to manual season search icon.\n     * @param {object} season - A season object.\n     * @returns {Boolean} - true if one of the seasons episodes has a status 'unaired'.\n     */\n    anyEpisodeNotUnaired(season) {\n      return season.episodes.filter(ep => ep.status !== 'Unaired').length > 0;\n    },\n\n    episodesInverse(season) {\n      const {\n        invertTable\n      } = this;\n\n      if (!season.episodes) {\n        return [];\n      }\n\n      if (invertTable) {\n        return season.episodes.slice().reverse();\n      }\n\n      return season.episodes;\n    },\n\n    /**\n     * Check if the season/episode combination exists in the scene numbering.\n     * @param {Object} episode - object.\n     * @returns {Object} with scene season and episodes mapped numbering.\n     */\n    getSceneNumbering(episode) {\n      const {\n        show\n      } = this;\n      const {\n        sceneNumbering,\n        xemNumbering\n      } = show;\n\n      if (!show.config.scene) {\n        return {\n          season: 0,\n          episode: 0\n        };\n      } // Manually configured scene numbering\n\n\n      if (sceneNumbering.length !== 0) {\n        const mapped = sceneNumbering.filter(x => {\n          return x.source.season === episode.season && x.source.episode === episode.episode;\n        });\n\n        if (mapped.length !== 0) {\n          return mapped[0].destination;\n        }\n      } // Scene numbering downloaded from thexem.de.\n\n\n      if (xemNumbering.length !== 0) {\n        const mapped = xemNumbering.filter(x => {\n          return x.source.season === episode.season && x.source.episode === episode.episode;\n        });\n\n        if (mapped.length !== 0) {\n          return mapped[0].destination;\n        }\n      }\n\n      return {\n        season: episode.scene.season || 0,\n        episode: episode.scene.episode || 0\n      };\n    },\n\n    getSceneAbsoluteNumbering(episode) {\n      const {\n        show\n      } = this;\n      const {\n        sceneAbsoluteNumbering,\n        xemAbsoluteNumbering\n      } = show;\n\n      if (!show.config.anime || !show.config.scene) {\n        return episode.scene.absoluteNumber;\n      }\n\n      if (Object.keys(sceneAbsoluteNumbering).length > 0 && sceneAbsoluteNumbering[episode.absoluteNumber]) {\n        return sceneAbsoluteNumbering[episode.absoluteNumber].sceneAbsolute;\n      }\n\n      if (Object.keys(xemAbsoluteNumbering).length > 0 && xemAbsoluteNumbering[episode.absoluteNumber]) {\n        return xemAbsoluteNumbering[episode.absoluteNumber].sceneAbsolute;\n      }\n\n      return episode.scene.absoluteNumber;\n    },\n\n    /**\n     * Vue-js-modal requires a method, to pass an event to.\n     * The event then can be used to assign the value of the episode.\n     * @param {Object} event - vue js modal event\n     */\n    beforeBacklogSearchModalClose(event) {\n      this.backlogSearchEpisodes = event.params.episodes;\n    },\n\n    /**\n     * Vue-js-modal requires a method, to pass an event to.\n     * The event then can be used to assign the value of the episode.\n     * @param {Object} event - vue js modal event\n     */\n    beforeFailedSearchModalClose(event) {\n      this.failedSearchEpisode = event.params.episode;\n    },\n\n    retryDownload(episode) {\n      const {\n        stateSearch\n      } = this;\n      return stateSearch.general.failedDownloads.enabled && ['Snatched', 'Snatched (Proper)', 'Snatched (Best)', 'Downloaded'].includes(episode.status);\n    },\n\n    search(episodes, searchType) {\n      const {\n        show\n      } = this;\n      let data = {};\n\n      if (episodes) {\n        data = {\n          showSlug: show.id.slug,\n          episodes: [],\n          options: {}\n        };\n        episodes.forEach(episode => {\n          data.episodes.push(episode.slug);\n          this.$refs[\"search-\".concat(episode.slug)].src = 'images/loading16-dark.gif';\n        });\n      }\n\n      api.put(\"search/\".concat(searchType), data) // eslint-disable-line no-undef\n      .then(_ => {\n        if (episodes.length === 1) {\n          console.info(\"started search for show: \".concat(show.id.slug, \" episode: \").concat(episodes[0].slug));\n          this.$refs[\"search-\".concat(episodes[0].slug)].src = 'images/queued.png';\n          this.$refs[\"search-\".concat(episodes[0].slug)].disabled = true;\n        } else {\n          console.info('started a full backlog search');\n        }\n      }).catch(error => {\n        console.error(String(error));\n        episodes.forEach(episode => {\n          data.episodes.push(episode.slug);\n          this.$refs[\"search-\".concat(episodes[0].slug)].src = 'images/no16.png';\n        });\n      }).finally(() => {\n        this.failedSearchEpisode = null;\n        this.backlogSearchEpisodes = [];\n      });\n    },\n\n    /**\n     * Start a backlog search or failed search for the specific episode.\n     * A failed search is started depending on the current episodes status.\n     * @param {Object} episode - Episode object. If no episode object is passed, a backlog search is started.\n     */\n    queueSearch(episode) {\n      const {\n        $modal,\n        search,\n        retryDownload\n      } = this;\n      const episodeIdentifier = episode.slug;\n\n      if (episode) {\n        if (this.$refs[\"search-\".concat(episodeIdentifier)].disabled === true) {\n          return;\n        }\n\n        if (retryDownload(episode)) {\n          $modal.show('query-mark-failed-and-search', {\n            episode\n          });\n        } else {\n          search([episode], 'backlog');\n        }\n      }\n    },\n\n    showSubtitleButton(episode) {\n      const {\n        config,\n        show\n      } = this;\n      return episode.season !== 0 && config.subtitles.enabled && show.config.subtitlesEnabled && !['Snatched', 'Snatched (Proper)', 'Snatched (Best)', 'Downloaded'].includes(episode.status);\n    },\n\n    totalSeasonEpisodeSize(season) {\n      return season.episodes.filter(x => x.file && x.file.size > 0).reduce((a, b) => a + b.file.size, 0);\n    },\n\n    getSeasonExceptions(season) {\n      const {\n        show\n      } = this;\n      const {\n        config\n      } = show;\n      const {\n        aliases\n      } = config;\n      let bindData = {\n        class: 'display: none'\n      }; // Map the indexer season to a xem mapped season.\n      // check if the season exception also exists in the xem numbering table\n\n      let xemSeasons = [];\n      let foundInXem = false;\n\n      if (show.xemNumbering.length > 0) {\n        const xemResult = show.xemNumbering.filter(x => x.source.season === season); // Create an array with unique seasons\n\n        xemSeasons = [...new Set(xemResult.map(item => item.destination.season))];\n        foundInXem = Boolean(xemSeasons.length);\n      } // Check if there is a season exception for this season\n\n\n      if (aliases.find(x => x.season === season)) {\n        // If there is not a match on the xem table, display it as a medusa scene exception\n        bindData = {\n          id: \"xem-exception-season-\".concat(foundInXem ? xemSeasons[0] : season),\n          alt: foundInXem ? '[xem]' : '[medusa]',\n          src: foundInXem ? 'images/xem.png' : 'images/ico/favicon-16.png',\n          title: foundInXem ? xemSeasons.reduce((a, b) => {\n            return a.concat(aliases.filter(alias => alias.season === b).map(alias => alias.title));\n          }, []).join(', ') : aliases.filter(alias => alias.season === season).map(alias => alias.title).join(', ')\n        };\n      }\n\n      return bindData;\n    },\n\n    getCookie(key) {\n      const cookie = this.$cookies.get(key);\n      return JSON.parse(cookie);\n    },\n\n    setCookie(key, value) {\n      return this.$cookies.set(key, JSON.stringify(value));\n    },\n\n    updateEpisodeWatched(episode, watched) {\n      const {\n        id,\n        indexer,\n        getEpisodes,\n        show\n      } = this;\n      const patchData = {};\n      patchData[episode.slug] = {\n        watched\n      };\n      api.patch(\"series/\".concat(show.id.slug, \"/episodes\"), patchData) // eslint-disable-line no-undef\n      .then(_ => {\n        console.info(\"patched episode \".concat(episode.slug, \" with watched set to \").concat(watched));\n        getEpisodes({\n          id,\n          indexer,\n          season: episode.season\n        });\n      }).catch(error => {\n        console.error(String(error));\n      });\n      episode.watched = watched;\n    },\n\n    updatePaginationPerPage(rows) {\n      const {\n        setCookie\n      } = this;\n      this.paginationPerPage = rows;\n      setCookie('displayShow-pagination-perPage', rows);\n    },\n\n    onPageChange(params) {\n      this.loadEpisodes(params.currentPage);\n    },\n\n    neededSeasons(page) {\n      const {\n        paginationPerPage,\n        show\n      } = this;\n      const seasons = show.seasonCount.length - 1;\n      let pagesCount = 1;\n      let episodeCount = 0;\n      const pages = {};\n\n      for (let i = seasons; i >= 0; i--) {\n        const {\n          season\n        } = show.seasonCount[i]; // Exclude specials\n\n        if (season === 0) {\n          break;\n        }\n\n        if (pagesCount in pages) {\n          pages[pagesCount].push(season);\n        } else {\n          pages[pagesCount] = [season];\n        }\n\n        episodeCount += show.seasonCount[i].episodeCount;\n\n        if (episodeCount / paginationPerPage > pagesCount) {\n          pagesCount++;\n          pages[pagesCount] = [season];\n        }\n\n        if (pagesCount > page) {\n          break;\n        }\n      }\n\n      return pages[page] || [];\n    },\n\n    loadEpisodes(page) {\n      const {\n        id,\n        indexer,\n        getEpisodes\n      } = this; // Wrap getEpisodes into an async/await function, so we can wait for the season to have been committed\n      // before going on to the next one.\n\n      const _getEpisodes = async (id, indexer) => {\n        for (const season of this.neededSeasons(page)) {\n          // We're waiting for the results by design, to give vue the chance to update the dom.\n          // If we fire all the promises at once for, for example 25 seasons. We'll overload medusa's app\n          // and chance is high a number of requests will timeout.\n          await getEpisodes({\n            id,\n            indexer,\n            season\n          }); // eslint-disable-line no-await-in-loop\n        }\n      };\n\n      _getEpisodes(id, indexer);\n    }\n\n  },\n  watch: {\n    'show.id.slug': function (slug) {\n      // eslint-disable-line object-shorthand\n      const {\n        getEpisodes,\n        id,\n        indexer\n      } = this; // Show's slug has changed, meaning the show's page has finished loading.\n\n      if (slug) {\n        Object(_utils_jquery__WEBPACK_IMPORTED_MODULE_6__[\"updateSearchIcons\"])(slug, this);\n        const {\n          show\n        } = this;\n\n        if (!show.seasons) {\n          // Load episodes for the first page.\n          this.loadEpisodes(1); // Always get special episodes if available.\n\n          if (show.seasonCount.length > 0 && show.seasonCount[0].season === 0) {\n            getEpisodes({\n              id,\n              indexer,\n              season: 0\n            });\n          }\n        }\n      }\n    },\n    columns: {\n      handler: function (newVal) {\n        // eslint-disable-line object-shorthand\n        // Monitor the columns, to update the cookies, when changed.\n        const {\n          setCookie\n        } = this;\n\n        for (const column of newVal) {\n          if (column) {\n            setCookie(\"displayShow-hide-field-\".concat(column.label), column.hidden);\n          }\n        }\n      },\n      deep: true\n    }\n  }\n});\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! jquery */ \"./node_modules/jquery/dist/jquery.js\")))\n\n//# sourceURL=webpack:///./src/components/display-show.vue?./node_modules/babel-loader/lib??ref--1!./node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
diff --git a/themes/light/assets/js/medusa-runtime.js b/themes/light/assets/js/medusa-runtime.js
index ecd4d8c049..9c849e629a 100644
--- a/themes/light/assets/js/medusa-runtime.js
+++ b/themes/light/assets/js/medusa-runtime.js
@@ -152,7 +152,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function($) {/* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash/debounce */ \"./node_modules/lodash/debounce.js\");\n/* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_debounce__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var date_fns_format__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! date-fns/format */ \"./node_modules/date-fns/esm/format/index.js\");\n/* harmony import */ var date_fns_parseISO__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! date-fns/parseISO */ \"./node_modules/date-fns/esm/parseISO/index.js\");\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./helpers */ \"./src/components/helpers/index.js\");\n/* harmony import */ var _utils_core__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../utils/core */ \"./src/utils/core.js\");\n/* harmony import */ var _utils_jquery__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../utils/jquery */ \"./src/utils/jquery.js\");\n/* harmony import */ var vue_good_table__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! vue-good-table */ \"./node_modules/vue-good-table/dist/vue-good-table.es.js\");\n/* harmony import */ var _backstretch_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./backstretch.vue */ \"./src/components/backstretch.vue\");\n/* harmony import */ var _show_header_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./show-header.vue */ \"./src/components/show-header.vue\");\n/* harmony import */ var _subtitle_search_vue__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./subtitle-search.vue */ \"./src/components/subtitle-search.vue\");\n/* harmony import */ var javascript_time_ago__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! javascript-time-ago */ \"./node_modules/javascript-time-ago/index.js\");\n/* harmony import */ var javascript_time_ago_locale_en__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! javascript-time-ago/locale/en */ \"./node_modules/javascript-time-ago/locale/en/index.js\");\n/* harmony import */ var javascript_time_ago_locale_en__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(javascript_time_ago_locale_en__WEBPACK_IMPORTED_MODULE_12__);\n/* harmony import */ var _helpers_quality_pill_vue__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./helpers/quality-pill.vue */ \"./src/components/helpers/quality-pill.vue\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n\n\n\n\n\n\n\n\n\n // Add locale-specific relative date/time formatting rules.\n\njavascript_time_ago__WEBPACK_IMPORTED_MODULE_11__[\"default\"].addLocale(javascript_time_ago_locale_en__WEBPACK_IMPORTED_MODULE_12___default.a);\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: 'show',\n  components: {\n    AppLink: _helpers__WEBPACK_IMPORTED_MODULE_4__[\"AppLink\"],\n    VueGoodTable: vue_good_table__WEBPACK_IMPORTED_MODULE_7__[\"VueGoodTable\"],\n    Backstretch: _backstretch_vue__WEBPACK_IMPORTED_MODULE_8__[\"default\"],\n    PlotInfo: _helpers__WEBPACK_IMPORTED_MODULE_4__[\"PlotInfo\"],\n    ShowHeader: _show_header_vue__WEBPACK_IMPORTED_MODULE_9__[\"default\"],\n    QualityPill: _helpers_quality_pill_vue__WEBPACK_IMPORTED_MODULE_13__[\"default\"]\n  },\n\n  metaInfo() {\n    if (!this.show || !this.show.title) {\n      return {\n        title: 'Medusa'\n      };\n    }\n\n    const {\n      title\n    } = this.show;\n    return {\n      title,\n      titleTemplate: '%s | Medusa'\n    };\n  },\n\n  props: {\n    /**\n     * Show indexer\n     */\n    showIndexer: {\n      type: String\n    },\n\n    /**\n     * Show id\n     */\n    showId: {\n      type: Number\n    }\n  },\n\n  data() {\n    const {\n      getCookie\n    } = this;\n    const perPageDropdown = [25, 50, 100, 250, 500];\n\n    const getPaginationPerPage = () => {\n      const rows = getCookie('displayShow-pagination-perPage');\n\n      if (!rows) {\n        return 50;\n      }\n\n      if (!perPageDropdown.includes(rows)) {\n        return 500;\n      }\n\n      return rows;\n    };\n\n    return {\n      invertTable: true,\n      isMobile: false,\n      subtitleSearchComponents: [],\n      columns: [{\n        label: 'NFO',\n        field: 'content.hasNfo',\n        type: 'boolean',\n        sortable: false,\n        hidden: getCookie('displayShow-hide-field-NFO')\n      }, {\n        label: 'TBN',\n        field: 'content.hasTbn',\n        type: 'boolean',\n        sortable: false,\n        hidden: getCookie('displayShow-hide-field-TBN')\n      }, {\n        label: 'Episode',\n        field: 'episode',\n        type: 'number',\n        hidden: getCookie('displayShow-hide-field-Episode')\n      }, {\n        label: 'Abs. #',\n        field: 'absoluteNumber',\n        type: 'number',\n        hidden: getCookie('displayShow-hide-field-Abs. #')\n      }, {\n        label: 'Scene',\n        field: row => {\n          const {\n            getSceneNumbering\n          } = this;\n          return getSceneNumbering(row);\n        },\n        sortable: false,\n        hidden: getCookie('displayShow-hide-field-Scene')\n      }, {\n        label: 'Scene Abs. #',\n        field: row => {\n          const {\n            getSceneAbsoluteNumbering\n          } = this;\n          return getSceneAbsoluteNumbering(row);\n        },\n        type: 'number',\n\n        /**\n         * Vue-good-table sort overwrite function.\n         * @param {Object} x - row1 value for column.\n         * @param {object} y - row2 value for column.\n         * @returns {Boolean} - if we want to display this row before the next\n         */\n        sortFn(x, y) {\n          return x < y ? -1 : x > y ? 1 : 0;\n        },\n\n        hidden: getCookie('displayShow-hide-field-Scene Abs. #')\n      }, {\n        label: 'Title',\n        field: 'title',\n        hidden: getCookie('displayShow-hide-field-Title')\n      }, {\n        label: 'File',\n        field: 'file.location',\n        hidden: getCookie('displayShow-hide-field-File')\n      }, {\n        label: 'Size',\n        field: 'file.size',\n        type: 'number',\n        formatFn: _utils_core__WEBPACK_IMPORTED_MODULE_5__[\"humanFileSize\"],\n        hidden: getCookie('displayShow-hide-field-Size')\n      }, {\n        // For now i'm using a custom function the parse it. As the type: date, isn't working for us.\n        // But the goal is to have this user formatted (as configured in backend)\n        label: 'Air date',\n        field: this.parseDateFn,\n        sortable: false,\n        hidden: getCookie('displayShow-hide-field-Air date')\n      }, {\n        label: 'Download',\n        field: 'download',\n        sortable: false,\n        hidden: getCookie('displayShow-hide-field-Download')\n      }, {\n        label: 'Subtitles',\n        field: 'subtitles',\n        sortable: false,\n        hidden: getCookie('displayShow-hide-field-Subtitles')\n      }, {\n        label: 'Status',\n        field: 'status',\n        hidden: getCookie('displayShow-hide-field-Status')\n      }, {\n        label: 'Search',\n        field: 'search',\n        sortable: false,\n        hidden: getCookie('displayShow-hide-field-Search')\n      }],\n      perPageDropdown,\n      paginationPerPage: getPaginationPerPage(),\n      selectedEpisodes: [],\n      // We need to keep track of which episode where trying to search, for the vue-modal\n      failedSearchEpisode: null,\n      backlogSearchEpisodes: [],\n      filterByOverviewStatus: false,\n      timeAgo: new javascript_time_ago__WEBPACK_IMPORTED_MODULE_11__[\"default\"]('en-US')\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_3__[\"mapState\"])({\n      shows: state => state.shows.shows,\n      configLoaded: state => state.layout.fanartBackground !== null,\n      config: state => state.config,\n      layout: state => state.layout,\n      stateSearch: state => state.search\n    }),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_3__[\"mapGetters\"])({\n      show: 'getCurrentShow',\n      getOverviewStatus: 'getOverviewStatus'\n    }),\n\n    indexer() {\n      return this.showIndexer || this.$route.query.indexername;\n    },\n\n    id() {\n      return this.showId || Number(this.$route.query.seriesid) || undefined;\n    },\n\n    theme() {\n      const {\n        layout\n      } = this;\n      const {\n        themeName\n      } = layout;\n      return themeName || 'light';\n    },\n\n    orderSeasons() {\n      const {\n        filterByOverviewStatus,\n        invertTable,\n        show\n      } = this;\n\n      if (!show.seasons) {\n        return [];\n      }\n\n      let sortedSeasons = show.seasons.sort((a, b) => a.season - b.season).filter(season => season.season !== 0); // Use the filterOverviewStatus to filter the data based on what's checked in the show-header.\n\n      if (filterByOverviewStatus && filterByOverviewStatus.filter(status => status.checked).length < filterByOverviewStatus.length) {\n        const filteredSortedSeasons = [];\n\n        for (const season of sortedSeasons) {\n          const {\n            episodes,\n            ...res\n          } = season;\n          const filteredEpisodes = episodes.filter(episode => {\n            const episodeOverviewStatus = this.getOverviewStatus(episode.status, episode.quality, show.config.qualities);\n            const filteredStatus = filterByOverviewStatus.find(overviewStatus => overviewStatus.name === episodeOverviewStatus);\n            return !filteredStatus || filteredStatus.checked;\n          });\n          filteredSortedSeasons.push(Object.assign({\n            episodes: filteredEpisodes\n          }, res));\n        }\n\n        sortedSeasons = filteredSortedSeasons;\n      }\n\n      if (invertTable) {\n        return sortedSeasons.reverse();\n      }\n\n      return sortedSeasons;\n    },\n\n    specials() {\n      const {\n        show\n      } = this;\n\n      if (!show.seasons) {\n        return [];\n      }\n\n      return show.seasons.filter(season => season.season === 0);\n    }\n\n  },\n\n  created() {\n    const {\n      getShows\n    } = this; // Without getting any specific show data, we pick the show needed from the shows array.\n    // We need to get the complete list of shows anyway, as this is also needed for the show-selector component\n\n    getShows();\n  },\n\n  mounted() {\n    const {\n      id,\n      indexer,\n      getShow,\n      setEpisodeSceneNumbering,\n      setAbsoluteSceneNumbering,\n      setInputValidInvalid,\n      $store\n    } = this; // Let's tell the store which show we currently want as current.\n\n    $store.commit('currentShow', {\n      indexer,\n      id\n    }); // We need detailed info for the xem / scene exceptions, so let's get it.\n\n    getShow({\n      id,\n      indexer,\n      detailed: true\n    });\n    this.$watch('show', () => {\n      this.$nextTick(() => this.reflowLayout());\n    });\n    ['load', 'resize'].map(event => {\n      return window.addEventListener(event, () => {\n        this.reflowLayout();\n      });\n    });\n    $(document.body).on('click', '.seasonCheck', event => {\n      const seasCheck = event.currentTarget;\n      const seasNo = $(seasCheck).attr('id');\n      $('#collapseSeason-' + seasNo).collapse('show');\n      const seasonIdentifier = 's' + seasNo;\n      $('.epCheck:visible').each((index, element) => {\n        const epParts = $(element).attr('id').split('e');\n\n        if (epParts[0] === seasonIdentifier) {\n          element.checked = seasCheck.checked;\n        }\n      });\n    });\n    $(document.body).on('change', '.sceneSeasonXEpisode', event => {\n      const target = event.currentTarget; // Strip non-numeric characters\n\n      const value = $(target).val();\n      $(target).val(value.replace(/[^0-9xX]*/g, ''));\n      const forSeason = $(target).attr('data-for-season');\n      const forEpisode = $(target).attr('data-for-episode'); // If empty reset the field\n\n      if (value === '') {\n        setEpisodeSceneNumbering(forSeason, forEpisode, null, null);\n        return;\n      }\n\n      const m = $(target).val().match(/^(\\d+)x(\\d+)$/i);\n      const onlyEpisode = $(target).val().match(/^(\\d+)$/i);\n      let sceneSeason = null;\n      let sceneEpisode = null;\n      let isValid = false;\n\n      if (m) {\n        sceneSeason = m[1];\n        sceneEpisode = m[2];\n        isValid = setInputValidInvalid(true, $(target));\n      } else if (onlyEpisode) {\n        // For example when '5' is filled in instead of '1x5', asume it's the first season\n        sceneSeason = forSeason;\n        sceneEpisode = onlyEpisode[1];\n        isValid = setInputValidInvalid(true, $(target));\n      } else {\n        isValid = setInputValidInvalid(false, $(target));\n      }\n\n      if (isValid) {\n        setEpisodeSceneNumbering(forSeason, forEpisode, sceneSeason, sceneEpisode);\n      }\n    });\n    $(document.body).on('change', '.sceneAbsolute', event => {\n      const target = event.currentTarget; // Strip non-numeric characters\n\n      $(target).val($(target).val().replace(/[^0-9xX]*/g, ''));\n      const forAbsolute = $(target).attr('data-for-absolute');\n      const m = $(target).val().match(/^(\\d{1,3})$/i);\n      let sceneAbsolute = null;\n\n      if (m) {\n        sceneAbsolute = m[1];\n      }\n\n      setAbsoluteSceneNumbering(forAbsolute, sceneAbsolute);\n    });\n  },\n\n  methods: {\n    humanFileSize: _utils_core__WEBPACK_IMPORTED_MODULE_5__[\"humanFileSize\"],\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_3__[\"mapActions\"])({\n      getShow: 'getShow',\n      // Map `this.getShow()` to `this.$store.dispatch('getShow')`\n      getShows: 'getShows',\n      getEpisodes: 'getEpisodes'\n    }),\n\n    statusQualityUpdate(event) {\n      const {\n        selectedEpisodes,\n        setStatus,\n        setQuality\n      } = this;\n\n      if (event.newQuality !== null && event.newQuality !== 'Change quality to:') {\n        setQuality(event.newQuality, selectedEpisodes);\n      }\n\n      if (event.newStatus !== null && event.newStatus !== 'Change status to:') {\n        setStatus(event.newStatus, selectedEpisodes);\n      }\n    },\n\n    setQuality(quality, episodes) {\n      const {\n        id,\n        indexer,\n        getEpisodes,\n        show\n      } = this;\n      const patchData = {};\n      episodes.forEach(episode => {\n        patchData[episode.slug] = {\n          quality: parseInt(quality, 10)\n        };\n      });\n      api.patch('series/' + show.id.slug + '/episodes', patchData) // eslint-disable-line no-undef\n      .then(_ => {\n        console.info(\"patched show \".concat(show.id.slug, \" with quality \").concat(quality));\n        [...new Set(episodes.map(episode => episode.season))].forEach(season => {\n          getEpisodes({\n            id,\n            indexer,\n            season\n          });\n        });\n      }).catch(error => {\n        console.error(String(error));\n      });\n    },\n\n    setStatus(status, episodes) {\n      const {\n        id,\n        indexer,\n        getEpisodes,\n        show\n      } = this;\n      const patchData = {};\n      episodes.forEach(episode => {\n        patchData[episode.slug] = {\n          status\n        };\n      });\n      api.patch('series/' + show.id.slug + '/episodes', patchData) // eslint-disable-line no-undef\n      .then(_ => {\n        console.info(\"patched show \".concat(show.id.slug, \" with status \").concat(status));\n        [...new Set(episodes.map(episode => episode.season))].forEach(season => {\n          getEpisodes({\n            id,\n            indexer,\n            season\n          });\n        });\n      }).catch(error => {\n        console.error(String(error));\n      });\n\n      if (status === 3) {\n        this.$modal.show('query-start-backlog-search', {\n          episodes\n        });\n      }\n    },\n\n    parseDateFn(row) {\n      const {\n        layout,\n        timeAgo\n      } = this;\n      const {\n        dateStyle,\n        timeStyle\n      } = layout;\n      const {\n        fuzzyDating\n      } = layout;\n\n      if (!row.airDate) {\n        return '';\n      }\n\n      if (fuzzyDating) {\n        return timeAgo.format(new Date(row.airDate));\n      }\n\n      if (dateStyle === '%x') {\n        return new Date(row.airDate).toLocaleString();\n      }\n\n      const fdate = Object(date_fns_parseISO__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(row.airDate);\n      return Object(date_fns_format__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(fdate, Object(_utils_core__WEBPACK_IMPORTED_MODULE_5__[\"convertDateFormat\"])(\"\".concat(dateStyle, \" \").concat(timeStyle)));\n    },\n\n    rowStyleClassFn(row) {\n      const {\n        getOverviewStatus,\n        show\n      } = this;\n      const overview = getOverviewStatus(row.status, row.quality, show.config.qualities).toLowerCase().trim();\n      return overview;\n    },\n\n    /**\n     * Add (reduce) the total episodes filesize.\n     * @param {object} headerRow header row object.\n     * @returns {string} - Human readable file size.\n     */\n    addFileSize(headerRow) {\n      return Object(_utils_core__WEBPACK_IMPORTED_MODULE_5__[\"humanFileSize\"])(headerRow.episodes.reduce((a, b) => a + (b.file.size || 0), 0));\n    },\n\n    searchSubtitle(event, episode, lang) {\n      const {\n        id,\n        indexer,\n        getEpisodes,\n        show,\n        subtitleSearchComponents\n      } = this;\n      const SubtitleSearchClass = Vue.extend(_subtitle_search_vue__WEBPACK_IMPORTED_MODULE_10__[\"default\"]); // eslint-disable-line no-undef\n\n      const instance = new SubtitleSearchClass({\n        propsData: {\n          show,\n          season: episode.season,\n          episode: episode.episode,\n          key: episode.originalIndex,\n          lang\n        },\n        parent: this\n      }); // Update the show, as we downloaded new subtitle(s)\n\n      instance.$on('update', event => {\n        // This could be replaced by the generic websocket updates in future.\n        if (event.reason === 'new subtitles found') {\n          getEpisodes({\n            id,\n            indexer,\n            season: episode.season\n          });\n        }\n      });\n      const node = document.createElement('div');\n      const subtitleRef = episode.season === 0 ? 'table-specials' : 'table-seasons';\n      this.$refs[subtitleRef].$refs[\"row-\".concat(episode.originalIndex)][0].after(node);\n      instance.$mount(node);\n      subtitleSearchComponents.push(instance);\n    },\n\n    /**\n     * Attaches IMDB tooltip,\n     * Moves summary and checkbox controls backgrounds\n     */\n    reflowLayout: lodash_debounce__WEBPACK_IMPORTED_MODULE_0___default()(function () {\n      console.debug('Reflowing layout');\n      this.$nextTick(() => {\n        this.movecheckboxControlsBackground();\n      });\n      Object(_utils_jquery__WEBPACK_IMPORTED_MODULE_6__[\"addQTip\"])(); // eslint-disable-line no-undef\n    }, 1000),\n\n    /**\n     * Adjust the checkbox controls (episode filter) background position\n     */\n    movecheckboxControlsBackground() {\n      const height = $('#checkboxControls').height() + 10;\n      const top = $('#checkboxControls').offset().top - 3;\n      $('#checkboxControlsBackground').height(height);\n      $('#checkboxControlsBackground').offset({\n        top,\n        left: 0\n      });\n      $('#checkboxControlsBackground').show();\n    },\n\n    setEpisodeSceneNumbering(forSeason, forEpisode, sceneSeason, sceneEpisode) {\n      const {\n        $snotify,\n        id,\n        indexer,\n        show\n      } = this;\n\n      if (!show.config.scene) {\n        $snotify.warning('To change episode scene numbering you need to enable the show option `scene` first', 'Warning', {\n          timeout: 0\n        });\n      }\n\n      if (sceneSeason === '') {\n        sceneSeason = null;\n      }\n\n      if (sceneEpisode === '') {\n        sceneEpisode = null;\n      }\n\n      $.getJSON('home/setSceneNumbering', {\n        indexername: indexer,\n        seriesid: id,\n        forSeason,\n        forEpisode,\n        sceneSeason,\n        sceneEpisode\n      }, data => {\n        // Set the values we get back\n        if (data.sceneSeason === null || data.sceneEpisode === null) {\n          $('#sceneSeasonXEpisode_' + id + '_' + forSeason + '_' + forEpisode).val('');\n        } else {\n          $('#sceneSeasonXEpisode_' + id + '_' + forSeason + '_' + forEpisode).val(data.sceneSeason + 'x' + data.sceneEpisode);\n        }\n\n        if (!data.success) {\n          if (data.errorMessage) {\n            alert(data.errorMessage); // eslint-disable-line no-alert\n          } else {\n            alert('Update failed.'); // eslint-disable-line no-alert\n          }\n        }\n      });\n    },\n\n    setAbsoluteSceneNumbering(forAbsolute, sceneAbsolute) {\n      const {\n        $snotify,\n        id,\n        indexer,\n        show\n      } = this;\n\n      if (!show.config.scene) {\n        $snotify.warning('To change an anime episode scene numbering you need to enable the show option `scene` first', 'Warning', {\n          timeout: 0\n        });\n      }\n\n      if (sceneAbsolute === '') {\n        sceneAbsolute = null;\n      }\n\n      $.getJSON('home/setSceneNumbering', {\n        indexername: indexer,\n        seriesid: id,\n        forAbsolute,\n        sceneAbsolute\n      }, data => {\n        // Set the values we get back\n        if (data.sceneAbsolute === null) {\n          $('#sceneAbsolute_' + id + '_' + forAbsolute).val('');\n        } else {\n          $('#sceneAbsolute_' + id + '_' + forAbsolute).val(data.sceneAbsolute);\n        }\n\n        if (!data.success) {\n          if (data.errorMessage) {\n            alert(data.errorMessage); // eslint-disable-line no-alert\n          } else {\n            alert('Update failed.'); // eslint-disable-line no-alert\n          }\n        }\n      });\n    },\n\n    setInputValidInvalid(valid, el) {\n      if (valid) {\n        $(el).css({\n          'background-color': '#90EE90',\n          // Green\n          'color': '#FFF',\n          // eslint-disable-line quote-props\n          'font-weight': 'bold'\n        });\n        return true;\n      }\n\n      $(el).css({\n        'background-color': '#FF0000',\n        // Red\n        'color': '#FFF !important',\n        // eslint-disable-line quote-props\n        'font-weight': 'bold'\n      });\n      return false;\n    },\n\n    /**\n     * Check if any of the episodes in this season does not have the status \"unaired\".\n     * If that's the case we want to manual season search icon.\n     * @param {object} season - A season object.\n     * @returns {Boolean} - true if one of the seasons episodes has a status 'unaired'.\n     */\n    anyEpisodeNotUnaired(season) {\n      return season.episodes.filter(ep => ep.status !== 'Unaired').length > 0;\n    },\n\n    episodesInverse(season) {\n      const {\n        invertTable\n      } = this;\n\n      if (!season.episodes) {\n        return [];\n      }\n\n      if (invertTable) {\n        return season.episodes.slice().reverse();\n      }\n\n      return season.episodes;\n    },\n\n    /**\n     * Check if the season/episode combination exists in the scene numbering.\n     * @param {Object} episode - object.\n     * @returns {Object} with scene season and episodes mapped numbering.\n     */\n    getSceneNumbering(episode) {\n      const {\n        show\n      } = this;\n      const {\n        sceneNumbering,\n        xemNumbering\n      } = show;\n\n      if (!show.config.scene) {\n        return {\n          season: 0,\n          episode: 0\n        };\n      } // Manually configured scene numbering\n\n\n      if (sceneNumbering.length !== 0) {\n        const mapped = sceneNumbering.filter(x => {\n          return x.source.season === episode.season && x.source.episode === episode.episode;\n        });\n\n        if (mapped.length !== 0) {\n          return mapped[0].destination;\n        }\n      } // Scene numbering downloaded from thexem.de.\n\n\n      if (xemNumbering.length !== 0) {\n        const mapped = xemNumbering.filter(x => {\n          return x.source.season === episode.season && x.source.episode === episode.episode;\n        });\n\n        if (mapped.length !== 0) {\n          return mapped[0].destination;\n        }\n      }\n\n      return {\n        season: episode.scene.season || 0,\n        episode: episode.scene.episode || 0\n      };\n    },\n\n    getSceneAbsoluteNumbering(episode) {\n      const {\n        show\n      } = this;\n      const {\n        sceneAbsoluteNumbering,\n        xemAbsoluteNumbering\n      } = show;\n\n      if (!show.config.anime || !show.config.scene) {\n        return episode.scene.absoluteNumber;\n      }\n\n      if (Object.keys(sceneAbsoluteNumbering).length > 0 && sceneAbsoluteNumbering[episode.absoluteNumber]) {\n        return sceneAbsoluteNumbering[episode.absoluteNumber].sceneAbsolute;\n      }\n\n      if (Object.keys(xemAbsoluteNumbering).length > 0 && xemAbsoluteNumbering[episode.absoluteNumber]) {\n        return xemAbsoluteNumbering[episode.absoluteNumber].sceneAbsolute;\n      }\n\n      return episode.scene.absoluteNumber;\n    },\n\n    /**\n     * Vue-js-modal requires a method, to pass an event to.\n     * The event then can be used to assign the value of the episode.\n     * @param {Object} event - vue js modal event\n     */\n    beforeBacklogSearchModalClose(event) {\n      this.backlogSearchEpisodes = event.params.episodes;\n    },\n\n    /**\n     * Vue-js-modal requires a method, to pass an event to.\n     * The event then can be used to assign the value of the episode.\n     * @param {Object} event - vue js modal event\n     */\n    beforeFailedSearchModalClose(event) {\n      this.failedSearchEpisode = event.params.episode;\n    },\n\n    retryDownload(episode) {\n      const {\n        stateSearch\n      } = this;\n      return stateSearch.general.failedDownloads.enabled && ['Snatched', 'Snatched (Proper)', 'Snatched (Best)', 'Downloaded'].includes(episode.status);\n    },\n\n    search(episodes, searchType) {\n      const {\n        show\n      } = this;\n      let data = {};\n\n      if (episodes) {\n        data = {\n          showSlug: show.id.slug,\n          episodes: [],\n          options: {}\n        };\n        episodes.forEach(episode => {\n          data.episodes.push(episode.slug);\n          this.$refs[\"search-\".concat(episode.slug)].src = 'images/loading16-dark.gif';\n        });\n      }\n\n      api.put(\"search/\".concat(searchType), data) // eslint-disable-line no-undef\n      .then(_ => {\n        if (episodes.length === 1) {\n          console.info(\"started search for show: \".concat(show.id.slug, \" episode: \").concat(episodes[0].slug));\n          this.$refs[\"search-\".concat(episodes[0].slug)].src = 'images/queued.png';\n          this.$refs[\"search-\".concat(episodes[0].slug)].disabled = true;\n        } else {\n          console.info('started a full backlog search');\n        }\n      }).catch(error => {\n        console.error(String(error));\n        episodes.forEach(episode => {\n          data.episodes.push(episode.slug);\n          this.$refs[\"search-\".concat(episodes[0].slug)].src = 'images/no16.png';\n        });\n      }).finally(() => {\n        this.failedSearchEpisode = null;\n        this.backlogSearchEpisodes = [];\n      });\n    },\n\n    /**\n     * Start a backlog search or failed search for the specific episode.\n     * A failed search is started depending on the current episodes status.\n     * @param {Object} episode - Episode object. If no episode object is passed, a backlog search is started.\n     */\n    queueSearch(episode) {\n      const {\n        $modal,\n        search,\n        retryDownload\n      } = this;\n      const episodeIdentifier = episode.slug;\n\n      if (episode) {\n        if (this.$refs[\"search-\".concat(episodeIdentifier)].disabled === true) {\n          return;\n        }\n\n        if (retryDownload(episode)) {\n          $modal.show('query-mark-failed-and-search', {\n            episode\n          });\n        } else {\n          search([episode], 'backlog');\n        }\n      }\n    },\n\n    showSubtitleButton(episode) {\n      const {\n        config,\n        show\n      } = this;\n      return episode.season !== 0 && config.subtitles.enabled && show.config.subtitlesEnabled && !['Snatched', 'Snatched (Proper)', 'Snatched (Best)', 'Downloaded'].includes(episode.status);\n    },\n\n    totalSeasonEpisodeSize(season) {\n      return season.episodes.filter(x => x.file && x.file.size > 0).reduce((a, b) => a + b.file.size, 0);\n    },\n\n    getSeasonExceptions(season) {\n      const {\n        show\n      } = this;\n      const {\n        config\n      } = show;\n      const {\n        aliases\n      } = config;\n      let bindData = {\n        class: 'display: none'\n      }; // Map the indexer season to a xem mapped season.\n      // check if the season exception also exists in the xem numbering table\n\n      let xemSeasons = [];\n      let foundInXem = false;\n\n      if (show.xemNumbering.length > 0) {\n        const xemResult = show.xemNumbering.filter(x => x.source.season === season); // Create an array with unique seasons\n\n        xemSeasons = [...new Set(xemResult.map(item => item.destination.season))];\n        foundInXem = Boolean(xemSeasons.length);\n      } // Check if there is a season exception for this season\n\n\n      if (aliases.find(x => x.season === season)) {\n        // If there is not a match on the xem table, display it as a medusa scene exception\n        bindData = {\n          id: \"xem-exception-season-\".concat(foundInXem ? xemSeasons[0] : season),\n          alt: foundInXem ? '[xem]' : '[medusa]',\n          src: foundInXem ? 'images/xem.png' : 'images/ico/favicon-16.png',\n          title: foundInXem ? xemSeasons.reduce((a, b) => {\n            return a.concat(aliases.filter(alias => alias.season === b).map(alias => alias.title));\n          }, []).join(', ') : aliases.filter(alias => alias.season === season).map(alias => alias.title).join(', ')\n        };\n      }\n\n      return bindData;\n    },\n\n    getCookie(key) {\n      const cookie = this.$cookies.get(key);\n      return JSON.parse(cookie);\n    },\n\n    setCookie(key, value) {\n      return this.$cookies.set(key, JSON.stringify(value));\n    },\n\n    updateEpisodeWatched(episode, watched) {\n      const {\n        id,\n        indexer,\n        getEpisodes,\n        show\n      } = this;\n      const patchData = {};\n      patchData[episode.slug] = {\n        watched\n      };\n      api.patch(\"series/\".concat(show.id.slug, \"/episodes\"), patchData) // eslint-disable-line no-undef\n      .then(_ => {\n        console.info(\"patched episode \".concat(episode.slug, \" with watched set to \").concat(watched));\n        getEpisodes({\n          id,\n          indexer,\n          season: episode.season\n        });\n      }).catch(error => {\n        console.error(String(error));\n      });\n      episode.watched = watched;\n    },\n\n    updatePaginationPerPage(rows) {\n      const {\n        setCookie\n      } = this;\n      this.paginationPerPage = rows;\n      setCookie('displayShow-pagination-perPage', rows);\n    },\n\n    onPageChange(params) {\n      this.loadEpisodes(params.currentPage);\n    },\n\n    neededSeasons(page) {\n      const {\n        paginationPerPage,\n        show\n      } = this;\n      const seasons = show.seasonCount.length - 1;\n      let pagesCount = 1;\n      let episodeCount = 0;\n      const pages = {};\n\n      for (let i = seasons; i >= 0; i--) {\n        const {\n          season\n        } = show.seasonCount[i]; // Exclude specials\n\n        if (season === 0) {\n          break;\n        }\n\n        if (pagesCount in pages) {\n          pages[pagesCount].push(season);\n        } else {\n          pages[pagesCount] = [season];\n        }\n\n        episodeCount += show.seasonCount[i].episodeCount;\n\n        if (episodeCount / paginationPerPage > pagesCount) {\n          pagesCount++;\n          pages[pagesCount] = [season];\n        }\n\n        if (pagesCount > page) {\n          break;\n        }\n      }\n\n      return pages[page] || [];\n    },\n\n    loadEpisodes(page) {\n      const {\n        id,\n        indexer,\n        getEpisodes\n      } = this; // Wrap getEpisodes into an async/await function, so we can wait for the season to have been committed\n      // before going on to the next one.\n\n      const _getEpisodes = async (id, indexer) => {\n        for (const season of this.neededSeasons(page)) {\n          // We're waiting for the results by design, to give vue the chance to update the dom.\n          // If we fire all the promises at once for, for example 25 seasons. We'll overload medusa's app\n          // and chance is high a number of requests will timeout.\n          await getEpisodes({\n            id,\n            indexer,\n            season\n          }); // eslint-disable-line no-await-in-loop\n        }\n      };\n\n      _getEpisodes(id, indexer);\n    }\n\n  },\n  watch: {\n    'show.id.slug': function (slug) {\n      // eslint-disable-line object-shorthand\n      const {\n        getEpisodes,\n        id,\n        indexer\n      } = this; // Show's slug has changed, meaning the show's page has finished loading.\n\n      if (slug) {\n        Object(_utils_jquery__WEBPACK_IMPORTED_MODULE_6__[\"updateSearchIcons\"])(slug, this);\n        const {\n          show\n        } = this;\n\n        if (!show.seasons) {\n          // Load episodes for the first page.\n          this.loadEpisodes(1); // Always get special episodes if available.\n\n          if (show.seasonCount.length > 0 && show.seasonCount[0].season === 0) {\n            getEpisodes({\n              id,\n              indexer,\n              season: 0\n            });\n          }\n        }\n      }\n    },\n    columns: {\n      handler: function (newVal) {\n        // eslint-disable-line object-shorthand\n        // Monitor the columns, to update the cookies, when changed.\n        const {\n          setCookie\n        } = this;\n\n        for (const column of newVal) {\n          if (column) {\n            setCookie(\"displayShow-hide-field-\".concat(column.label), column.hidden);\n          }\n        }\n      },\n      deep: true\n    }\n  }\n});\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! jquery */ \"./node_modules/jquery/dist/jquery.js\")))\n\n//# sourceURL=webpack:///./src/components/display-show.vue?./node_modules/babel-loader/lib??ref--1!./node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function($) {/* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash/debounce */ \"./node_modules/lodash/debounce.js\");\n/* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_debounce__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var date_fns_format__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! date-fns/format */ \"./node_modules/date-fns/esm/format/index.js\");\n/* harmony import */ var date_fns_parseISO__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! date-fns/parseISO */ \"./node_modules/date-fns/esm/parseISO/index.js\");\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./helpers */ \"./src/components/helpers/index.js\");\n/* harmony import */ var _utils_core__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../utils/core */ \"./src/utils/core.js\");\n/* harmony import */ var _utils_jquery__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../utils/jquery */ \"./src/utils/jquery.js\");\n/* harmony import */ var vue_good_table__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! vue-good-table */ \"./node_modules/vue-good-table/dist/vue-good-table.es.js\");\n/* harmony import */ var _backstretch_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./backstretch.vue */ \"./src/components/backstretch.vue\");\n/* harmony import */ var _show_header_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./show-header.vue */ \"./src/components/show-header.vue\");\n/* harmony import */ var _subtitle_search_vue__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./subtitle-search.vue */ \"./src/components/subtitle-search.vue\");\n/* harmony import */ var javascript_time_ago__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! javascript-time-ago */ \"./node_modules/javascript-time-ago/index.js\");\n/* harmony import */ var javascript_time_ago_locale_en__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! javascript-time-ago/locale/en */ \"./node_modules/javascript-time-ago/locale/en/index.js\");\n/* harmony import */ var javascript_time_ago_locale_en__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(javascript_time_ago_locale_en__WEBPACK_IMPORTED_MODULE_12__);\n/* harmony import */ var _helpers_quality_pill_vue__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./helpers/quality-pill.vue */ \"./src/components/helpers/quality-pill.vue\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n\n\n\n\n\n\n\n\n\n // Add locale-specific relative date/time formatting rules.\n\njavascript_time_ago__WEBPACK_IMPORTED_MODULE_11__[\"default\"].addLocale(javascript_time_ago_locale_en__WEBPACK_IMPORTED_MODULE_12___default.a);\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: 'show',\n  components: {\n    AppLink: _helpers__WEBPACK_IMPORTED_MODULE_4__[\"AppLink\"],\n    VueGoodTable: vue_good_table__WEBPACK_IMPORTED_MODULE_7__[\"VueGoodTable\"],\n    Backstretch: _backstretch_vue__WEBPACK_IMPORTED_MODULE_8__[\"default\"],\n    PlotInfo: _helpers__WEBPACK_IMPORTED_MODULE_4__[\"PlotInfo\"],\n    ShowHeader: _show_header_vue__WEBPACK_IMPORTED_MODULE_9__[\"default\"],\n    QualityPill: _helpers_quality_pill_vue__WEBPACK_IMPORTED_MODULE_13__[\"default\"]\n  },\n\n  metaInfo() {\n    if (!this.show || !this.show.title) {\n      return {\n        title: 'Medusa'\n      };\n    }\n\n    const {\n      title\n    } = this.show;\n    return {\n      title,\n      titleTemplate: '%s | Medusa'\n    };\n  },\n\n  props: {\n    /**\n     * Show indexer\n     */\n    showIndexer: {\n      type: String\n    },\n\n    /**\n     * Show id\n     */\n    showId: {\n      type: Number\n    }\n  },\n\n  data() {\n    const {\n      getCookie\n    } = this;\n    const perPageDropdown = [25, 50, 100, 250, 500];\n\n    const getPaginationPerPage = () => {\n      const rows = getCookie('displayShow-pagination-perPage');\n\n      if (!rows) {\n        return 50;\n      }\n\n      if (!perPageDropdown.includes(rows)) {\n        return 500;\n      }\n\n      return rows;\n    };\n\n    return {\n      invertTable: true,\n      isMobile: false,\n      subtitleSearchComponents: [],\n      columns: [{\n        label: 'NFO',\n        field: 'content.hasNfo',\n        type: 'boolean',\n        sortable: false,\n        hidden: getCookie('displayShow-hide-field-NFO')\n      }, {\n        label: 'TBN',\n        field: 'content.hasTbn',\n        type: 'boolean',\n        sortable: false,\n        hidden: getCookie('displayShow-hide-field-TBN')\n      }, {\n        label: 'Episode',\n        field: 'episode',\n        type: 'number',\n        hidden: getCookie('displayShow-hide-field-Episode')\n      }, {\n        label: 'Abs. #',\n        field: 'absoluteNumber',\n        type: 'number',\n        hidden: getCookie('displayShow-hide-field-Abs. #')\n      }, {\n        label: 'Scene',\n        field: row => {\n          const {\n            getSceneNumbering\n          } = this;\n          return getSceneNumbering(row);\n        },\n        sortable: false,\n        hidden: getCookie('displayShow-hide-field-Scene')\n      }, {\n        label: 'Scene Abs. #',\n        field: row => {\n          const {\n            getSceneAbsoluteNumbering\n          } = this;\n          return getSceneAbsoluteNumbering(row);\n        },\n        type: 'number',\n\n        /**\n         * Vue-good-table sort overwrite function.\n         * @param {Object} x - row1 value for column.\n         * @param {object} y - row2 value for column.\n         * @returns {Boolean} - if we want to display this row before the next\n         */\n        sortFn(x, y) {\n          return x < y ? -1 : x > y ? 1 : 0;\n        },\n\n        hidden: getCookie('displayShow-hide-field-Scene Abs. #')\n      }, {\n        label: 'Title',\n        field: 'title',\n        hidden: getCookie('displayShow-hide-field-Title')\n      }, {\n        label: 'File',\n        field: 'file.location',\n        hidden: getCookie('displayShow-hide-field-File')\n      }, {\n        label: 'Size',\n        field: 'file.size',\n        type: 'number',\n        formatFn: _utils_core__WEBPACK_IMPORTED_MODULE_5__[\"humanFileSize\"],\n        hidden: getCookie('displayShow-hide-field-Size')\n      }, {\n        // For now i'm using a custom function the parse it. As the type: date, isn't working for us.\n        // But the goal is to have this user formatted (as configured in backend)\n        label: 'Air date',\n        field: this.parseDateFn,\n        sortable: false,\n        hidden: getCookie('displayShow-hide-field-Air date')\n      }, {\n        label: 'Download',\n        field: 'download',\n        sortable: false,\n        hidden: getCookie('displayShow-hide-field-Download')\n      }, {\n        label: 'Subtitles',\n        field: 'subtitles',\n        sortable: false,\n        hidden: getCookie('displayShow-hide-field-Subtitles')\n      }, {\n        label: 'Status',\n        field: 'status',\n        hidden: getCookie('displayShow-hide-field-Status')\n      }, {\n        label: 'Search',\n        field: 'search',\n        sortable: false,\n        hidden: getCookie('displayShow-hide-field-Search')\n      }],\n      perPageDropdown,\n      paginationPerPage: getPaginationPerPage(),\n      selectedEpisodes: [],\n      // We need to keep track of which episode where trying to search, for the vue-modal\n      failedSearchEpisode: null,\n      backlogSearchEpisodes: [],\n      filterByOverviewStatus: false,\n      timeAgo: new javascript_time_ago__WEBPACK_IMPORTED_MODULE_11__[\"default\"]('en-US')\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_3__[\"mapState\"])({\n      shows: state => state.shows.shows,\n      configLoaded: state => state.layout.fanartBackground !== null,\n      config: state => state.config,\n      layout: state => state.layout,\n      stateSearch: state => state.search\n    }),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_3__[\"mapGetters\"])({\n      show: 'getCurrentShow',\n      getOverviewStatus: 'getOverviewStatus'\n    }),\n\n    indexer() {\n      return this.showIndexer || this.$route.query.indexername;\n    },\n\n    id() {\n      return this.showId || Number(this.$route.query.seriesid) || undefined;\n    },\n\n    theme() {\n      const {\n        layout\n      } = this;\n      const {\n        themeName\n      } = layout;\n      return themeName || 'light';\n    },\n\n    orderSeasons() {\n      const {\n        filterByOverviewStatus,\n        invertTable,\n        show\n      } = this;\n\n      if (!show.seasons) {\n        return [];\n      }\n\n      let sortedSeasons = show.seasons.sort((a, b) => a.season - b.season).filter(season => season.season !== 0); // Use the filterOverviewStatus to filter the data based on what's checked in the show-header.\n\n      if (filterByOverviewStatus && filterByOverviewStatus.filter(status => status.checked).length < filterByOverviewStatus.length) {\n        const filteredSortedSeasons = [];\n\n        for (const season of sortedSeasons) {\n          const {\n            episodes,\n            ...res\n          } = season;\n          const filteredEpisodes = episodes.filter(episode => {\n            const episodeOverviewStatus = this.getOverviewStatus(episode.status, episode.quality, show.config.qualities);\n            const filteredStatus = filterByOverviewStatus.find(overviewStatus => overviewStatus.name === episodeOverviewStatus);\n            return !filteredStatus || filteredStatus.checked;\n          });\n          filteredSortedSeasons.push(Object.assign({\n            episodes: filteredEpisodes\n          }, res));\n        }\n\n        sortedSeasons = filteredSortedSeasons;\n      }\n\n      if (invertTable) {\n        return sortedSeasons.reverse();\n      }\n\n      return sortedSeasons;\n    },\n\n    specials() {\n      const {\n        show\n      } = this;\n\n      if (!show.seasons) {\n        return [];\n      }\n\n      return show.seasons.filter(season => season.season === 0);\n    }\n\n  },\n\n  created() {\n    const {\n      getShows\n    } = this; // Without getting any specific show data, we pick the show needed from the shows array.\n    // We need to get the complete list of shows anyway, as this is also needed for the show-selector component\n\n    getShows();\n  },\n\n  mounted() {\n    const {\n      id,\n      indexer,\n      getShow,\n      setEpisodeSceneNumbering,\n      setAbsoluteSceneNumbering,\n      setInputValidInvalid,\n      $store\n    } = this; // Let's tell the store which show we currently want as current.\n\n    $store.commit('currentShow', {\n      indexer,\n      id\n    }); // We need detailed info for the xem / scene exceptions, so let's get it.\n\n    getShow({\n      id,\n      indexer,\n      detailed: true\n    });\n    this.$watch('show', () => {\n      this.$nextTick(() => this.reflowLayout());\n    });\n    ['load', 'resize'].map(event => {\n      return window.addEventListener(event, () => {\n        this.reflowLayout();\n      });\n    });\n    $(document.body).on('click', '.seasonCheck', event => {\n      const seasCheck = event.currentTarget;\n      const seasNo = $(seasCheck).attr('id');\n      $('#collapseSeason-' + seasNo).collapse('show');\n      const seasonIdentifier = 's' + seasNo;\n      $('.epCheck:visible').each((index, element) => {\n        const epParts = $(element).attr('id').split('e');\n\n        if (epParts[0] === seasonIdentifier) {\n          element.checked = seasCheck.checked;\n        }\n      });\n    });\n    $(document.body).on('change', '.sceneSeasonXEpisode', event => {\n      const target = event.currentTarget; // Strip non-numeric characters\n\n      const value = $(target).val();\n      $(target).val(value.replace(/[^0-9xX]*/g, ''));\n      const forSeason = $(target).attr('data-for-season');\n      const forEpisode = $(target).attr('data-for-episode'); // If empty reset the field\n\n      if (value === '') {\n        setEpisodeSceneNumbering(forSeason, forEpisode, null, null);\n        return;\n      }\n\n      const m = $(target).val().match(/^(\\d+)x(\\d+)$/i);\n      const onlyEpisode = $(target).val().match(/^(\\d+)$/i);\n      let sceneSeason = null;\n      let sceneEpisode = null;\n      let isValid = false;\n\n      if (m) {\n        sceneSeason = m[1];\n        sceneEpisode = m[2];\n        isValid = setInputValidInvalid(true, $(target));\n      } else if (onlyEpisode) {\n        // For example when '5' is filled in instead of '1x5', asume it's the first season\n        sceneSeason = forSeason;\n        sceneEpisode = onlyEpisode[1];\n        isValid = setInputValidInvalid(true, $(target));\n      } else {\n        isValid = setInputValidInvalid(false, $(target));\n      }\n\n      if (isValid) {\n        setEpisodeSceneNumbering(forSeason, forEpisode, sceneSeason, sceneEpisode);\n      }\n    });\n    $(document.body).on('change', '.sceneAbsolute', event => {\n      const target = event.currentTarget; // Strip non-numeric characters\n\n      $(target).val($(target).val().replace(/[^0-9xX]*/g, ''));\n      const forAbsolute = $(target).attr('data-for-absolute');\n      const m = $(target).val().match(/^(\\d{1,3})$/i);\n      let sceneAbsolute = null;\n\n      if (m) {\n        sceneAbsolute = m[1];\n      }\n\n      setAbsoluteSceneNumbering(forAbsolute, sceneAbsolute);\n    });\n  },\n\n  methods: {\n    humanFileSize: _utils_core__WEBPACK_IMPORTED_MODULE_5__[\"humanFileSize\"],\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_3__[\"mapActions\"])({\n      getShow: 'getShow',\n      // Map `this.getShow()` to `this.$store.dispatch('getShow')`\n      getShows: 'getShows',\n      getEpisodes: 'getEpisodes'\n    }),\n\n    statusQualityUpdate(event) {\n      const {\n        selectedEpisodes,\n        setStatus,\n        setQuality\n      } = this;\n\n      if (event.newQuality !== null && event.newQuality !== 'Change quality to:') {\n        setQuality(event.newQuality, selectedEpisodes);\n      }\n\n      if (event.newStatus !== null && event.newStatus !== 'Change status to:') {\n        setStatus(event.newStatus, selectedEpisodes);\n      }\n    },\n\n    setQuality(quality, episodes) {\n      const {\n        id,\n        indexer,\n        getEpisodes,\n        show\n      } = this;\n      const patchData = {};\n      episodes.forEach(episode => {\n        patchData[episode.slug] = {\n          quality: parseInt(quality, 10)\n        };\n      });\n      api.patch('series/' + show.id.slug + '/episodes', patchData) // eslint-disable-line no-undef\n      .then(_ => {\n        console.info(\"patched show \".concat(show.id.slug, \" with quality \").concat(quality));\n        [...new Set(episodes.map(episode => episode.season))].forEach(season => {\n          getEpisodes({\n            id,\n            indexer,\n            season\n          });\n        });\n      }).catch(error => {\n        console.error(String(error));\n      });\n    },\n\n    setStatus(status, episodes) {\n      const {\n        id,\n        indexer,\n        getEpisodes,\n        show\n      } = this;\n      const patchData = {};\n      episodes.forEach(episode => {\n        patchData[episode.slug] = {\n          status\n        };\n      });\n      api.patch('series/' + show.id.slug + '/episodes', patchData) // eslint-disable-line no-undef\n      .then(_ => {\n        console.info(\"patched show \".concat(show.id.slug, \" with status \").concat(status));\n        [...new Set(episodes.map(episode => episode.season))].forEach(season => {\n          getEpisodes({\n            id,\n            indexer,\n            season\n          });\n        });\n      }).catch(error => {\n        console.error(String(error));\n      });\n\n      if (status === 3) {\n        this.$modal.show('query-start-backlog-search', {\n          episodes\n        });\n      }\n    },\n\n    parseDateFn(row) {\n      const {\n        layout,\n        timeAgo\n      } = this;\n      const {\n        dateStyle,\n        timeStyle\n      } = layout;\n      const {\n        fuzzyDating\n      } = layout;\n\n      if (!row.airDate) {\n        return '';\n      }\n\n      if (fuzzyDating) {\n        return timeAgo.format(new Date(row.airDate));\n      }\n\n      if (dateStyle === '%x') {\n        return new Date(row.airDate).toLocaleString();\n      }\n\n      const fdate = Object(date_fns_parseISO__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(row.airDate);\n      return Object(date_fns_format__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(fdate, Object(_utils_core__WEBPACK_IMPORTED_MODULE_5__[\"convertDateFormat\"])(\"\".concat(dateStyle, \" \").concat(timeStyle)));\n    },\n\n    rowStyleClassFn(row) {\n      const {\n        getOverviewStatus,\n        show\n      } = this;\n      const overview = getOverviewStatus(row.status, row.quality, show.config.qualities).toLowerCase().trim();\n      return overview;\n    },\n\n    /**\n     * Add (reduce) the total episodes filesize.\n     * @param {object} headerRow header row object.\n     * @returns {string} - Human readable file size.\n     */\n    addFileSize(headerRow) {\n      return Object(_utils_core__WEBPACK_IMPORTED_MODULE_5__[\"humanFileSize\"])(headerRow.episodes.reduce((a, b) => a + (b.file.size || 0), 0));\n    },\n\n    searchSubtitle(event, episode, lang) {\n      const {\n        id,\n        indexer,\n        getEpisodes,\n        show,\n        subtitleSearchComponents\n      } = this;\n      const SubtitleSearchClass = Vue.extend(_subtitle_search_vue__WEBPACK_IMPORTED_MODULE_10__[\"default\"]); // eslint-disable-line no-undef\n\n      const instance = new SubtitleSearchClass({\n        propsData: {\n          show,\n          episode,\n          key: episode.originalIndex,\n          lang\n        },\n        parent: this\n      }); // Update the show, as we downloaded new subtitle(s)\n\n      instance.$on('update', event => {\n        // This could be replaced by the generic websocket updates in future.\n        if (event.reason === 'new subtitles found') {\n          getEpisodes({\n            id,\n            indexer,\n            season: episode.season\n          });\n        }\n      });\n      const node = document.createElement('div');\n      const subtitleRef = episode.season === 0 ? 'table-specials' : 'table-seasons';\n      this.$refs[subtitleRef].$refs[\"row-\".concat(episode.originalIndex)][0].after(node);\n      instance.$mount(node);\n      subtitleSearchComponents.push(instance);\n    },\n\n    /**\n     * Attaches IMDB tooltip,\n     * Moves summary and checkbox controls backgrounds\n     */\n    reflowLayout: lodash_debounce__WEBPACK_IMPORTED_MODULE_0___default()(function () {\n      console.debug('Reflowing layout');\n      this.$nextTick(() => {\n        this.movecheckboxControlsBackground();\n      });\n      Object(_utils_jquery__WEBPACK_IMPORTED_MODULE_6__[\"addQTip\"])(); // eslint-disable-line no-undef\n    }, 1000),\n\n    /**\n     * Adjust the checkbox controls (episode filter) background position\n     */\n    movecheckboxControlsBackground() {\n      const height = $('#checkboxControls').height() + 10;\n      const top = $('#checkboxControls').offset().top - 3;\n      $('#checkboxControlsBackground').height(height);\n      $('#checkboxControlsBackground').offset({\n        top,\n        left: 0\n      });\n      $('#checkboxControlsBackground').show();\n    },\n\n    setEpisodeSceneNumbering(forSeason, forEpisode, sceneSeason, sceneEpisode) {\n      const {\n        $snotify,\n        id,\n        indexer,\n        show\n      } = this;\n\n      if (!show.config.scene) {\n        $snotify.warning('To change episode scene numbering you need to enable the show option `scene` first', 'Warning', {\n          timeout: 0\n        });\n      }\n\n      if (sceneSeason === '') {\n        sceneSeason = null;\n      }\n\n      if (sceneEpisode === '') {\n        sceneEpisode = null;\n      }\n\n      $.getJSON('home/setSceneNumbering', {\n        indexername: indexer,\n        seriesid: id,\n        forSeason,\n        forEpisode,\n        sceneSeason,\n        sceneEpisode\n      }, data => {\n        // Set the values we get back\n        if (data.sceneSeason === null || data.sceneEpisode === null) {\n          $('#sceneSeasonXEpisode_' + id + '_' + forSeason + '_' + forEpisode).val('');\n        } else {\n          $('#sceneSeasonXEpisode_' + id + '_' + forSeason + '_' + forEpisode).val(data.sceneSeason + 'x' + data.sceneEpisode);\n        }\n\n        if (!data.success) {\n          if (data.errorMessage) {\n            alert(data.errorMessage); // eslint-disable-line no-alert\n          } else {\n            alert('Update failed.'); // eslint-disable-line no-alert\n          }\n        }\n      });\n    },\n\n    setAbsoluteSceneNumbering(forAbsolute, sceneAbsolute) {\n      const {\n        $snotify,\n        id,\n        indexer,\n        show\n      } = this;\n\n      if (!show.config.scene) {\n        $snotify.warning('To change an anime episode scene numbering you need to enable the show option `scene` first', 'Warning', {\n          timeout: 0\n        });\n      }\n\n      if (sceneAbsolute === '') {\n        sceneAbsolute = null;\n      }\n\n      $.getJSON('home/setSceneNumbering', {\n        indexername: indexer,\n        seriesid: id,\n        forAbsolute,\n        sceneAbsolute\n      }, data => {\n        // Set the values we get back\n        if (data.sceneAbsolute === null) {\n          $('#sceneAbsolute_' + id + '_' + forAbsolute).val('');\n        } else {\n          $('#sceneAbsolute_' + id + '_' + forAbsolute).val(data.sceneAbsolute);\n        }\n\n        if (!data.success) {\n          if (data.errorMessage) {\n            alert(data.errorMessage); // eslint-disable-line no-alert\n          } else {\n            alert('Update failed.'); // eslint-disable-line no-alert\n          }\n        }\n      });\n    },\n\n    setInputValidInvalid(valid, el) {\n      if (valid) {\n        $(el).css({\n          'background-color': '#90EE90',\n          // Green\n          'color': '#FFF',\n          // eslint-disable-line quote-props\n          'font-weight': 'bold'\n        });\n        return true;\n      }\n\n      $(el).css({\n        'background-color': '#FF0000',\n        // Red\n        'color': '#FFF !important',\n        // eslint-disable-line quote-props\n        'font-weight': 'bold'\n      });\n      return false;\n    },\n\n    /**\n     * Check if any of the episodes in this season does not have the status \"unaired\".\n     * If that's the case we want to manual season search icon.\n     * @param {object} season - A season object.\n     * @returns {Boolean} - true if one of the seasons episodes has a status 'unaired'.\n     */\n    anyEpisodeNotUnaired(season) {\n      return season.episodes.filter(ep => ep.status !== 'Unaired').length > 0;\n    },\n\n    episodesInverse(season) {\n      const {\n        invertTable\n      } = this;\n\n      if (!season.episodes) {\n        return [];\n      }\n\n      if (invertTable) {\n        return season.episodes.slice().reverse();\n      }\n\n      return season.episodes;\n    },\n\n    /**\n     * Check if the season/episode combination exists in the scene numbering.\n     * @param {Object} episode - object.\n     * @returns {Object} with scene season and episodes mapped numbering.\n     */\n    getSceneNumbering(episode) {\n      const {\n        show\n      } = this;\n      const {\n        sceneNumbering,\n        xemNumbering\n      } = show;\n\n      if (!show.config.scene) {\n        return {\n          season: 0,\n          episode: 0\n        };\n      } // Manually configured scene numbering\n\n\n      if (sceneNumbering.length !== 0) {\n        const mapped = sceneNumbering.filter(x => {\n          return x.source.season === episode.season && x.source.episode === episode.episode;\n        });\n\n        if (mapped.length !== 0) {\n          return mapped[0].destination;\n        }\n      } // Scene numbering downloaded from thexem.de.\n\n\n      if (xemNumbering.length !== 0) {\n        const mapped = xemNumbering.filter(x => {\n          return x.source.season === episode.season && x.source.episode === episode.episode;\n        });\n\n        if (mapped.length !== 0) {\n          return mapped[0].destination;\n        }\n      }\n\n      return {\n        season: episode.scene.season || 0,\n        episode: episode.scene.episode || 0\n      };\n    },\n\n    getSceneAbsoluteNumbering(episode) {\n      const {\n        show\n      } = this;\n      const {\n        sceneAbsoluteNumbering,\n        xemAbsoluteNumbering\n      } = show;\n\n      if (!show.config.anime || !show.config.scene) {\n        return episode.scene.absoluteNumber;\n      }\n\n      if (Object.keys(sceneAbsoluteNumbering).length > 0 && sceneAbsoluteNumbering[episode.absoluteNumber]) {\n        return sceneAbsoluteNumbering[episode.absoluteNumber].sceneAbsolute;\n      }\n\n      if (Object.keys(xemAbsoluteNumbering).length > 0 && xemAbsoluteNumbering[episode.absoluteNumber]) {\n        return xemAbsoluteNumbering[episode.absoluteNumber].sceneAbsolute;\n      }\n\n      return episode.scene.absoluteNumber;\n    },\n\n    /**\n     * Vue-js-modal requires a method, to pass an event to.\n     * The event then can be used to assign the value of the episode.\n     * @param {Object} event - vue js modal event\n     */\n    beforeBacklogSearchModalClose(event) {\n      this.backlogSearchEpisodes = event.params.episodes;\n    },\n\n    /**\n     * Vue-js-modal requires a method, to pass an event to.\n     * The event then can be used to assign the value of the episode.\n     * @param {Object} event - vue js modal event\n     */\n    beforeFailedSearchModalClose(event) {\n      this.failedSearchEpisode = event.params.episode;\n    },\n\n    retryDownload(episode) {\n      const {\n        stateSearch\n      } = this;\n      return stateSearch.general.failedDownloads.enabled && ['Snatched', 'Snatched (Proper)', 'Snatched (Best)', 'Downloaded'].includes(episode.status);\n    },\n\n    search(episodes, searchType) {\n      const {\n        show\n      } = this;\n      let data = {};\n\n      if (episodes) {\n        data = {\n          showSlug: show.id.slug,\n          episodes: [],\n          options: {}\n        };\n        episodes.forEach(episode => {\n          data.episodes.push(episode.slug);\n          this.$refs[\"search-\".concat(episode.slug)].src = 'images/loading16-dark.gif';\n        });\n      }\n\n      api.put(\"search/\".concat(searchType), data) // eslint-disable-line no-undef\n      .then(_ => {\n        if (episodes.length === 1) {\n          console.info(\"started search for show: \".concat(show.id.slug, \" episode: \").concat(episodes[0].slug));\n          this.$refs[\"search-\".concat(episodes[0].slug)].src = 'images/queued.png';\n          this.$refs[\"search-\".concat(episodes[0].slug)].disabled = true;\n        } else {\n          console.info('started a full backlog search');\n        }\n      }).catch(error => {\n        console.error(String(error));\n        episodes.forEach(episode => {\n          data.episodes.push(episode.slug);\n          this.$refs[\"search-\".concat(episodes[0].slug)].src = 'images/no16.png';\n        });\n      }).finally(() => {\n        this.failedSearchEpisode = null;\n        this.backlogSearchEpisodes = [];\n      });\n    },\n\n    /**\n     * Start a backlog search or failed search for the specific episode.\n     * A failed search is started depending on the current episodes status.\n     * @param {Object} episode - Episode object. If no episode object is passed, a backlog search is started.\n     */\n    queueSearch(episode) {\n      const {\n        $modal,\n        search,\n        retryDownload\n      } = this;\n      const episodeIdentifier = episode.slug;\n\n      if (episode) {\n        if (this.$refs[\"search-\".concat(episodeIdentifier)].disabled === true) {\n          return;\n        }\n\n        if (retryDownload(episode)) {\n          $modal.show('query-mark-failed-and-search', {\n            episode\n          });\n        } else {\n          search([episode], 'backlog');\n        }\n      }\n    },\n\n    showSubtitleButton(episode) {\n      const {\n        config,\n        show\n      } = this;\n      return episode.season !== 0 && config.subtitles.enabled && show.config.subtitlesEnabled && !['Snatched', 'Snatched (Proper)', 'Snatched (Best)', 'Downloaded'].includes(episode.status);\n    },\n\n    totalSeasonEpisodeSize(season) {\n      return season.episodes.filter(x => x.file && x.file.size > 0).reduce((a, b) => a + b.file.size, 0);\n    },\n\n    getSeasonExceptions(season) {\n      const {\n        show\n      } = this;\n      const {\n        config\n      } = show;\n      const {\n        aliases\n      } = config;\n      let bindData = {\n        class: 'display: none'\n      }; // Map the indexer season to a xem mapped season.\n      // check if the season exception also exists in the xem numbering table\n\n      let xemSeasons = [];\n      let foundInXem = false;\n\n      if (show.xemNumbering.length > 0) {\n        const xemResult = show.xemNumbering.filter(x => x.source.season === season); // Create an array with unique seasons\n\n        xemSeasons = [...new Set(xemResult.map(item => item.destination.season))];\n        foundInXem = Boolean(xemSeasons.length);\n      } // Check if there is a season exception for this season\n\n\n      if (aliases.find(x => x.season === season)) {\n        // If there is not a match on the xem table, display it as a medusa scene exception\n        bindData = {\n          id: \"xem-exception-season-\".concat(foundInXem ? xemSeasons[0] : season),\n          alt: foundInXem ? '[xem]' : '[medusa]',\n          src: foundInXem ? 'images/xem.png' : 'images/ico/favicon-16.png',\n          title: foundInXem ? xemSeasons.reduce((a, b) => {\n            return a.concat(aliases.filter(alias => alias.season === b).map(alias => alias.title));\n          }, []).join(', ') : aliases.filter(alias => alias.season === season).map(alias => alias.title).join(', ')\n        };\n      }\n\n      return bindData;\n    },\n\n    getCookie(key) {\n      const cookie = this.$cookies.get(key);\n      return JSON.parse(cookie);\n    },\n\n    setCookie(key, value) {\n      return this.$cookies.set(key, JSON.stringify(value));\n    },\n\n    updateEpisodeWatched(episode, watched) {\n      const {\n        id,\n        indexer,\n        getEpisodes,\n        show\n      } = this;\n      const patchData = {};\n      patchData[episode.slug] = {\n        watched\n      };\n      api.patch(\"series/\".concat(show.id.slug, \"/episodes\"), patchData) // eslint-disable-line no-undef\n      .then(_ => {\n        console.info(\"patched episode \".concat(episode.slug, \" with watched set to \").concat(watched));\n        getEpisodes({\n          id,\n          indexer,\n          season: episode.season\n        });\n      }).catch(error => {\n        console.error(String(error));\n      });\n      episode.watched = watched;\n    },\n\n    updatePaginationPerPage(rows) {\n      const {\n        setCookie\n      } = this;\n      this.paginationPerPage = rows;\n      setCookie('displayShow-pagination-perPage', rows);\n    },\n\n    onPageChange(params) {\n      this.loadEpisodes(params.currentPage);\n    },\n\n    neededSeasons(page) {\n      const {\n        paginationPerPage,\n        show\n      } = this;\n      const seasons = show.seasonCount.length - 1;\n      let pagesCount = 1;\n      let episodeCount = 0;\n      const pages = {};\n\n      for (let i = seasons; i >= 0; i--) {\n        const {\n          season\n        } = show.seasonCount[i]; // Exclude specials\n\n        if (season === 0) {\n          break;\n        }\n\n        if (pagesCount in pages) {\n          pages[pagesCount].push(season);\n        } else {\n          pages[pagesCount] = [season];\n        }\n\n        episodeCount += show.seasonCount[i].episodeCount;\n\n        if (episodeCount / paginationPerPage > pagesCount) {\n          pagesCount++;\n          pages[pagesCount] = [season];\n        }\n\n        if (pagesCount > page) {\n          break;\n        }\n      }\n\n      return pages[page] || [];\n    },\n\n    loadEpisodes(page) {\n      const {\n        id,\n        indexer,\n        getEpisodes\n      } = this; // Wrap getEpisodes into an async/await function, so we can wait for the season to have been committed\n      // before going on to the next one.\n\n      const _getEpisodes = async (id, indexer) => {\n        for (const season of this.neededSeasons(page)) {\n          // We're waiting for the results by design, to give vue the chance to update the dom.\n          // If we fire all the promises at once for, for example 25 seasons. We'll overload medusa's app\n          // and chance is high a number of requests will timeout.\n          await getEpisodes({\n            id,\n            indexer,\n            season\n          }); // eslint-disable-line no-await-in-loop\n        }\n      };\n\n      _getEpisodes(id, indexer);\n    }\n\n  },\n  watch: {\n    'show.id.slug': function (slug) {\n      // eslint-disable-line object-shorthand\n      const {\n        getEpisodes,\n        id,\n        indexer\n      } = this; // Show's slug has changed, meaning the show's page has finished loading.\n\n      if (slug) {\n        Object(_utils_jquery__WEBPACK_IMPORTED_MODULE_6__[\"updateSearchIcons\"])(slug, this);\n        const {\n          show\n        } = this;\n\n        if (!show.seasons) {\n          // Load episodes for the first page.\n          this.loadEpisodes(1); // Always get special episodes if available.\n\n          if (show.seasonCount.length > 0 && show.seasonCount[0].season === 0) {\n            getEpisodes({\n              id,\n              indexer,\n              season: 0\n            });\n          }\n        }\n      }\n    },\n    columns: {\n      handler: function (newVal) {\n        // eslint-disable-line object-shorthand\n        // Monitor the columns, to update the cookies, when changed.\n        const {\n          setCookie\n        } = this;\n\n        for (const column of newVal) {\n          if (column) {\n            setCookie(\"displayShow-hide-field-\".concat(column.label), column.hidden);\n          }\n        }\n      },\n      deep: true\n    }\n  }\n});\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! jquery */ \"./node_modules/jquery/dist/jquery.js\")))\n\n//# sourceURL=webpack:///./src/components/display-show.vue?./node_modules/babel-loader/lib??ref--1!./node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 

From 7586bec4d3e28747e481abd74b90d44f7e7580b3 Mon Sep 17 00:00:00 2001
From: P0psicles <rogier@headshots.nl>
Date: Sat, 18 Apr 2020 19:47:55 +0200
Subject: [PATCH 14/16] Use the provider field, as a generic string field.

---
 dredd/api-description.yml               | 43 ++-----------------------
 medusa/server/api/v2/episode_history.py | 10 +-----
 medusa/server/api/v2/history.py         | 10 +-----
 3 files changed, 4 insertions(+), 59 deletions(-)

diff --git a/dredd/api-description.yml b/dredd/api-description.yml
index ab290caa48..320964a7d9 100644
--- a/dredd/api-description.yml
+++ b/dredd/api-description.yml
@@ -2847,17 +2847,8 @@ definitions:
         type: boolean
         description: Specifies if an episode was snatched or downloaded through a manual search
       provider:
-        type: object
-        properties:
-          id:
-            type: string
-            description: Provider id
-          name:
-            type: string
-            description: Provider name
-          imagename:
-            type: string
-            description: Provider icon image name.
+        type: string
+        description: Provider of the history record. For example, the provider id if origin from snatch/download.
 
 parameters:
   detailed:
@@ -3026,36 +3017,6 @@ parameters:
                 - 'episode'
                 - 'season'
               example: 'episode'
-  history:
-    in: body
-    name: Search Config
-    description: Object with required information to search for a specific show's episode(s).
-    schema:
-      type: object
-      required:
-        - showSlug
-        - episodes
-      properties:
-        showSlug:
-          description: Show slug consisting of the indexer name + indexers id
-          type: string
-          example: tvdb301824
-        episodes:
-          description: An array of searched episode objects with information on the type of search used
-          type: array
-          items:
-            type: string
-          example: ["s01e01", "s03e03"]
-        options:
-          description: Type of the manual search. 'episode' or 'season' search.
-          type: object
-          properties:
-            type:
-              type: string
-              enum:
-                - 'episode'
-                - 'season'
-              example: 'episode'
 responses:
   pagination:
     description: Pagination response
diff --git a/medusa/server/api/v2/episode_history.py b/medusa/server/api/v2/episode_history.py
index 61e33e78e7..43d628257e 100644
--- a/medusa/server/api/v2/episode_history.py
+++ b/medusa/server/api/v2/episode_history.py
@@ -8,8 +8,6 @@
 
 from medusa.common import statusStrings
 from medusa.logger.adapters.style import BraceAdapter
-from medusa.providers.generic_provider import GenericProvider
-from medusa.providers import get_provider_class
 from medusa.server.api.v2.base import BaseRequestHandler
 from medusa.server.api.v2.history import HistoryHandler
 from medusa.tv.episode import Episode, EpisodeNumber
@@ -90,13 +88,7 @@ def data_generator():
                 d['season'] = item['season']
                 d['episode'] = item['episode']
                 d['manuallySearched'] = bool(item['manually_searched'])
-
-                provider = get_provider_class(GenericProvider.make_id(item['provider']))
-                d['provider'] = {}
-                if provider:
-                    d['provider']['id'] = provider.get_id()
-                    d['provider']['name'] = provider.name
-                    d['provider']['imageName'] = provider.image_name()
+                d['provider'] = item['provider']
 
                 yield d
 
diff --git a/medusa/server/api/v2/history.py b/medusa/server/api/v2/history.py
index d007402fc5..ca0efa2e83 100644
--- a/medusa/server/api/v2/history.py
+++ b/medusa/server/api/v2/history.py
@@ -5,8 +5,6 @@
 from medusa import db
 
 from medusa.server.api.v2.base import BaseRequestHandler
-from medusa.providers.generic_provider import GenericProvider
-from medusa.providers import get_provider_class
 from medusa.tv.series import SeriesIdentifier
 from os.path import basename
 from medusa.common import statusStrings
@@ -70,13 +68,7 @@ def data_generator():
                 d['season'] = item['season']
                 d['episode'] = item['episode']
                 d['manuallySearched'] = bool(item['manually_searched'])
-
-                provider = get_provider_class(GenericProvider.make_id(item['provider']))
-                d['provider'] = {}
-                if provider:
-                    d['provider']['id'] = provider.get_id()
-                    d['provider']['name'] = provider.name
-                    d['provider']['imageName'] = provider.image_name()
+                d['provider'] = item['provider']
 
                 yield d
 

From 5dc8cdf39ce11fb2a54d274df5432ee486fce375 Mon Sep 17 00:00:00 2001
From: P0psicles <rogier@headshots.nl>
Date: Sat, 18 Apr 2020 19:53:58 +0200
Subject: [PATCH 15/16] Fix flake warnings

---
 medusa/server/api/v2/episode_history.py |  8 ++++----
 medusa/server/api/v2/history.py         | 10 +++++-----
 medusa/server/core.py                   |  2 +-
 3 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/medusa/server/api/v2/episode_history.py b/medusa/server/api/v2/episode_history.py
index 43d628257e..8b5b112934 100644
--- a/medusa/server/api/v2/episode_history.py
+++ b/medusa/server/api/v2/episode_history.py
@@ -3,17 +3,17 @@
 from __future__ import unicode_literals
 
 import logging
+from os.path import basename
 
 from medusa import db
-
 from medusa.common import statusStrings
+
 from medusa.logger.adapters.style import BraceAdapter
 from medusa.server.api.v2.base import BaseRequestHandler
 from medusa.server.api.v2.history import HistoryHandler
 from medusa.tv.episode import Episode, EpisodeNumber
 from medusa.tv.series import Series, SeriesIdentifier
 
-from os.path import basename
 
 log = BraceAdapter(logging.getLogger(__name__))
 log.logger.addHandler(logging.NullHandler())
@@ -59,13 +59,13 @@ def get(self, series_slug, episode_slug, path_param):
         if not episode:
             return self._not_found('Episode not found')
 
-        sql_base = '''
+        sql_base = """
             SELECT rowid, date, action, quality,
                    provider, version, resource, size, proper_tags,
                    indexer_id, showid, season, episode, manually_searched
             FROM history
             WHERE showid = ? AND indexer_id = ? AND season = ? AND episode = ?
-        '''
+        """
 
         params = [series.series_id, series.indexer, episode.season, episode.episode]
 
diff --git a/medusa/server/api/v2/history.py b/medusa/server/api/v2/history.py
index ca0efa2e83..ffa807eec6 100644
--- a/medusa/server/api/v2/history.py
+++ b/medusa/server/api/v2/history.py
@@ -2,12 +2,12 @@
 """Request handler for alias (scene exceptions)."""
 from __future__ import unicode_literals
 
-from medusa import db
+from os.path import basename
 
+from medusa import db
+from medusa.common import statusStrings
 from medusa.server.api.v2.base import BaseRequestHandler
 from medusa.tv.series import SeriesIdentifier
-from os.path import basename
-from medusa.common import statusStrings
 
 
 class HistoryHandler(BaseRequestHandler):
@@ -28,12 +28,12 @@ def get(self, series_slug, path_param):
 
         History records can be specified using a show slug.
         """
-        sql_base = '''
+        sql_base = """
             SELECT rowid, date, action, quality,
                    provider, version, proper_tags, manually_searched,
                    resource, size, indexer_id, showid, season, episode
             FROM history
-        '''
+        """
         params = []
 
         arg_page = self._get_page()
diff --git a/medusa/server/core.py b/medusa/server/core.py
index f28a5023a5..d1e554b563 100644
--- a/medusa/server/core.py
+++ b/medusa/server/core.py
@@ -22,8 +22,8 @@
 from medusa.server.api.v2.auth import AuthHandler
 from medusa.server.api.v2.base import BaseRequestHandler, NotFoundHandler
 from medusa.server.api.v2.config import ConfigHandler
-from medusa.server.api.v2.episodes import EpisodeHandler
 from medusa.server.api.v2.episode_history import EpisodeHistoryHandler
+from medusa.server.api.v2.episodes import EpisodeHandler
 from medusa.server.api.v2.history import HistoryHandler
 from medusa.server.api.v2.internal import InternalHandler
 from medusa.server.api.v2.log import LogHandler

From 3f1d499a251631dbc539ff378430f9dbe989bdde Mon Sep 17 00:00:00 2001
From: P0psicles <rogier@headshots.nl>
Date: Sat, 18 Apr 2020 20:07:31 +0200
Subject: [PATCH 16/16] flake

---
 medusa/server/api/v2/episode_history.py | 1 -
 1 file changed, 1 deletion(-)

diff --git a/medusa/server/api/v2/episode_history.py b/medusa/server/api/v2/episode_history.py
index 8b5b112934..3f3d43d2bf 100644
--- a/medusa/server/api/v2/episode_history.py
+++ b/medusa/server/api/v2/episode_history.py
@@ -7,7 +7,6 @@
 
 from medusa import db
 from medusa.common import statusStrings
-
 from medusa.logger.adapters.style import BraceAdapter
 from medusa.server.api.v2.base import BaseRequestHandler
 from medusa.server.api.v2.history import HistoryHandler